/* Minification failed. Returning unminified contents.
(369,37): run-time error CSS1046: Expect comma, found '36'
(369,43): run-time error CSS1046: Expect comma, found '/'
(437,37): run-time error CSS1046: Expect comma, found '36'
(437,43): run-time error CSS1046: Expect comma, found '/'
(624,38): run-time error CSS1046: Expect comma, found '255'
(624,45): run-time error CSS1046: Expect comma, found ')'
(624,46): run-time error CSS1047: Expected number or percentage value in rgb function, found ';'
: error : Input string was not in a correct format.
 */
/* Invitaions + Group cards batch - 1 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Caveat&family=Merriweather+Sans:wght@700&family=Pangolin&family=Secular+One&family=Special+Elite&display=swap");
/* Invitaions + Group cards batch - 1 Fonts  */

/* Invitaions + Group cards batch - 2 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Chonburi&family=Nunito&family=Poiret+One&family=Poppins:wght@300;700&family=Staatliches&display=swap");
/* Invitaions + Group cards batch - 2 Fonts  */

/* Invitaions + Group cards batch - 3 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&family=Lato:wght@700&family=Lora:wght@700&family=Montserrat&family=Poppins:wght@400;700&family=Quicksand:wght@400;600;700&display=swap");
/* Invitaions + Group cards batch - 3 Fonts  */

/* Invitaions + Group cards batch - 4 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Maven+Pro:wght@400;700&family=Niconne&family=Nunito:wght@400;700&family=Playfair+Display:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
/* Invitaions + Group cards batch - 4 Fonts  */

/* Invitaions + Group cards batch - 5 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@400;700&family=Julius+Sans+One&family=Maven+Pro:wght@700&family=Merriweather:wght@400;700&family=Sue+Ellen+Francisco&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300&display=swap");
/* Invitaions + Group cards batch - 5 Fonts  */

/* Invitaions + Group cards batch - 6 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Assistant&family=Roboto&display=swap");
/* Invitaions + Group cards batch - 6 Fonts  */

/* Invitaions + Group cards batch - 7 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap");
/* Invitaions + Group cards batch - 7 Fonts  */

/* Invitaions + Group cards batch - 8 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Noto+Sans&display=swap");
/* Invitaions + Group cards batch - 8 Fonts  */

/* Invitaions + Group cards batch - 9 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Parisienne&display=swap");
/* Invitaions + Group cards batch - 9 Fonts  */

/* Invitaions + Group cards Test GIF Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Oleo+Script:wght@700&display=swap");
/* Invitaions + Group cards Test GIF Fonts  */

/* Invitaions + Group cards batch - 10 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Permanent+Marker&family=Quicksand&family=Raleway:wght@800&display=swap");
/* Invitaions + Group cards batch - 10 Fonts  */

/* Invitaions + Group cards batch - 11 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@800&display=swap");
/* Invitaions + Group cards batch - 11 Fonts  */

/* Invitaions + Group cards batch - 12 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Arimo&family=Cabin+Sketch&family=Open+Sans&display=swap");
/* Invitaions + Group cards batch - 12 Fonts  */

/* Invitaions + Group cards batch - 13 Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&family=Oleo+Script&family=Quicksand:wght@700&display=swap");
/* Invitaions + Group cards batch - 13 Fonts  */

@font-face {
    font-family: "heartwellregular";
    src: url("../fonts/heart-well/heartwell-webfont.eot");
    src: url("../fonts/heart-well/heartwell-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/heart-well/heartwell-webfont.woff2") format("woff2"), url("../fonts/heart-well/heartwell-webfont.woff") format("woff"), url("../fonts/heart-well/heartwell-webfont.ttf") format("truetype"), url("../fonts/heart-well/heartwell-webfont.svg#heartwellregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*{
    /=== Batch 1 ===/
    font-family: 'Caveat', cursive;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Pangolin', cursive;
    font-family: 'Secular One', sans-serif;
    font-family: 'Special Elite', cursive;

    /=== Batch 2 ===/
    font-family: 'Chonburi', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Poiret One', cursive;
    font-family: 'Poppins', sans-serif;
    font-family: 'Staatliches', cursive;

    /=== Batch 3 ===/
    font-family: 'GFS Didot', serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Lora', serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Quicksand', sans-serif;

    /=== Batch 4 ===/
    font-family: 'Abril Fatface', cursive;
    font-family: 'Maven Pro', sans-serif;
    font-family: 'Niconne', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Playfair Display', serif;

    /=== Batch 5 ===/
    font-family: 'Josefin Slab', serif;
    font-family: 'Julius Sans One', sans-serif;
    font-family: 'Maven Pro', sans-serif;
    font-family: 'Merriweather', serif;
    font-family: 'Sue Ellen Francisco', cursive;

        /=== Batch 6 ===/
    font-family: 'Assistant', sans-serif;
    font-family: 'Roboto', sans-serif;

    /=== Batch 7 ===/
    font-family: 'Bungee Shade', cursive;

    /=== Batch 8 ===/
    font-family: 'Alfa Slab One', cursive;
    font-family: 'Noto Sans', sans-serif;

    /=== Batch 9 ===/
    font-family: 'Parisienne', cursive;

    /=== Test GIF ===/
    font-family: 'Oleo Script', cursive;

    /=== Batch 10 ===/
    font-family: 'Gloria Hallelujah', cursive;
    font-family: 'Permanent Marker', cursive;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Raleway', sans-serif;

    /=== Batch 11 ===/
    font-family: 'Dosis', sans-serif;
    font-family: 'Merriweather Sans', sans-serif;

    /=== Batch 12 ===/
    font-family: 'Arimo', sans-serif;
    font-family: 'Cabin Sketch', cursive;
    font-family: 'Open Sans', sans-serif;

    /=== Batch 13 ===/
    font-family: 'Herr Von Muellerhoff', cursive;
    font-family: 'Oleo Script', cursive;
    font-family: 'Quicksand', sans-serif;

    /=== Batch 14 ===/
    font-family: 'GFS Didot', serif;
    font-family: 'Oleo Script', cursive;
    font-family: 'Quicksand', sans-serif;


}*/

/* css for new GT pages */
.gt-header {
    padding: 14px 15px;
}

a:hover {
    text-decoration: none;
}

a.navbar-brand svg {
    width: 136px;
    fill: #1e2437;
}

    a.navbar-brand svg .theme-color {
        fill: #7fe2dc;
    }

.gt-navbar .nav-item a.nav-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #1e2437;
    padding: 0px 0px;
    margin: 0 15px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    position: relative;
}

    .gt-navbar .nav-item a.nav-link:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        left: 50%;
        height: 2px;
        width: 0;
        background: transparent;
    }

    .gt-navbar .nav-item a.nav-link:after {
        transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease;
    }

    .gt-navbar .nav-item a.nav-link:hover:after,
    .gt-navbar .nav-item a.nav-link:focus:after,
    .gt-navbar .nav-item a.nav-link:active:after {
        width: 100%;
        left: 0;
        background: #7fe2dc;
    }

    .gt-navbar .nav-item a.nav-link:hover {
        color: #1e2437;
    }

.gt-text-color {
    color: #1e2437 !important;
}

.gt-header .media img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.gt-header .media .media-body a {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #1e2437;
}

    .gt-header .media .media-body a:hover {
        text-decoration: none;
    }

.gt-md-container {
    max-width: 1250px;
    padding: 0px 10px;
    margin-left: auto;
    margin-right: auto;
}

.avatar-container {
    padding-top: 60px;
    padding-bottom: 70px;
}

    .avatar-container img {
        width: 135px;
        height: 135px;
        object-fit: cover;
    }

    .avatar-container h2 {
        font-weight: 500;
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 0;
    }

.gt-dashboard .nav-tabs {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
}

    .gt-dashboard .nav-tabs .nav-item {
    }

        .gt-dashboard .nav-tabs .nav-item .nav-link {
            border: 0;
            border-bottom: 2px solid transparent;
            font-weight: 500;
            font-size: 18px;
            line-height: 32px;
            padding: 10px 0;
            background-color: transparent;
            margin-right: 30px;
            color: #1e2437;
            opacity: 0.7;
        }

        .gt-dashboard .nav-tabs .nav-item.show .nav-link,
        .gt-dashboard .nav-tabs .nav-link.active {
            border: 0;
            border-bottom: 2px solid #1e2437;
            color: #1e2437;
            opacity: 1;
        }

a.tab-start-collection {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    text-align: right;
    color: #36adb4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.gt-dropdown .dropdown-toggle::after {
    display: none;
}

.gt-dash-head {
    background-color: #7fe2dc;
    padding: 12px 18px;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

    .gt-dash-head h3 {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.gt-dropdown .dropdown-menu {
    min-width: 110px;
    border: 1px solid rgba(30, 36, 55, 0.1);
    padding: 5px 5px;
    margin: 0;
    margin-top: 40px;
    border-radius: 4px;
    box-shadow: 0px 0px 24px rgb(30 36 55 / 5%);
}

    .gt-dropdown .dropdown-menu a {
        margin-bottom: 0;
        font-weight: 500;
        line-height: 24px;
        color: #1e2437;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid rgba(30, 36, 55, 0.1);
        padding: 0 8px;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

        .gt-dropdown .dropdown-menu a:hover {
            background-color: #efefef;
        }

        .gt-dropdown .dropdown-menu a:last-child {
            border-bottom: 0px solid rgba(30, 36, 55, 0.1);
        }

.gt-theme-header {
    background-color: #7fe2dc;
    padding: 45px 0;
}

.gt-theme-header-content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    color: #1e2437;
    margin-bottom: 0;
}

.gt-theme-header-content a {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #107b87;
    display: inline-block;
}

.gt-theme-header .gt-dropdown .dropdown-menu {
    right: 0px !important;
    left: auto !important;
    margin-top: 55px;
}

.gt-contribution {
    padding-top: 80px;
    padding-bottom: 80px;
}

.gt-show-toggle a.toggle-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #36adb4;
    position: relative;
}

.gt-contribution-grid {
    background: #fff;
    box-shadow: 0px 0px 24px rgb(30 36 55 / 5%);
    border-radius: 8px;
}

.gt-show-contribution h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.gt-contribution-divider {
    border-bottom: 1px solid #e9eaeb;
    padding: 30px 35px;
}

.gt-show-contribution .card {
    border: 1px solid #e9eaeb;
}

.gt-show-toggle a.toggle-title::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 12px;
    margin-left: 3px;
}

.gt-show-toggle a.toggle-title[aria-expanded="true"]::after {
    content: "\f077";
}

.gt-contribution-grid .gt-contribution-divider:last-child {
    border-bottom: 0px;
}

.gt-dashboard {
    background-color: #f7f7f6;
    min-height: 90vh;
    padding-bottom: 100px !important;
}

.gt-cgrid-footer {
    background-color: #7fe2dc;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #000000;
    padding: 22px 10px;
}

.gt-collection-grid {
    box-shadow: 0px 0px 24px rgba(30, 36, 55, 0.05);
    position: relative;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
}

.collection-tab-content {
    padding-top: 60px;
}

.gt-cgrid-header {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.col-pixel-width-320 {
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    max-width: 320px;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.gtc-image {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e8e9eb5c;
}

    .gtc-image .collection-type {
        position: absolute;
        background-color: #36ADB4;
        z-index: 1;
        color: #fff;
        top: 10px;
        left: 10px;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 14px;
        border-radius: 30px;
        line-height: 18px;
        box-shadow: 0px 2px 4px 0px rgba(30,36,55,0.1);
    }

    .gtc-image .gtc-responsive-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: top center;
    }

    .gtc-image .gtc-aspect-ratio-wrapper {
        width: 100%;
        position: relative;
    }

        .gtc-image .gtc-aspect-ratio-wrapper:before {
            content: "";
            display: block;
            padding-top: 138.51%;
        }

    .gtc-image .gtc-aspect-ratio-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
    }

.gt-cgrid-content h4 {
    font-weight: 500;
    font-size: 14px;
    padding: 4px 14px;
    border-radius: 30px;
    line-height: 18px;
    display: inline-block;
    color: #36ADB4;
    background-color: #D9F6F5;
    margin-bottom: 0;
}

    .gt-cgrid-content h4.draft {
        background-color: #F6F0D9;
        color: #C58E01;
    }

    .gt-cgrid-content h4.refunded {
        background-color: #F0F0F0;
        color: #4B505F;
    }

    .gt-cgrid-content h4.suspended {
        background-color: #F6D9D9;
        color: #BC4A4A;
    }

    .gt-cgrid-content h4.expired {
        background-color: #F0F0F0;
        color: #4B505F;
    }

    .gt-cgrid-content h4.closed {
        background-color: #F0F0F0;
        color: #4B505F;
    }

.gt-cgrid-content {
    padding: 18px 18px;
    padding-top: 15px;
}

    .gt-cgrid-content .gt-cgrid-detail {
        margin-bottom: 15px;
        border-bottom: 1px solid #E8E9EB;
        margin-top: 10px;
        padding-bottom: 12px;
    }

        .gt-cgrid-content .gt-cgrid-detail h2 {
            font-size: 20px;
            line-height: 26px;
            text-align: center;
            font-weight: normal;
            color: #1e2437;
            margin-bottom: 0;
            min-height: 26px;
        }

        .gt-cgrid-content .gt-cgrid-detail p {
            font-family: Recoleta;
            font-size: 18px;
            line-height: 26px;
            font-weight: normal;
            text-align: center;
            color: #1e2437;
            margin-bottom: 0;
        }

ul.gt-cgrid-content-footer.gt-cgrid-complete li {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    text-align: center;
    color: #36ADB4;
}

ul.gt-cgrid-content-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.gt-cgrid-content-footer li {
        font-weight: 500;
        line-height: 20px;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    ul.gt-cgrid-content-footer span {
        display: block;
        color: #a5a7af;
        font-weight: 400;
    }

ul.gt-caction-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -20px;
    right: 15px;
    z-index: 9;
}

    ul.gt-caction-group li {
        display: inline-block;
        margin-left: 2px;
    }

        ul.gt-caction-group li .child-icon {
            box-shadow: 0px 2px 4px 0px rgba(30,36,55,0.1);
            width: 44px;
            height: 44px;
            background-color: #7FE2DC;
            display: block;
            border-radius: 100%;
            background-repeat: no-repeat;
            background-position: center;
        }

            ul.gt-caction-group li .child-icon.duplicate-icon {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk3MjcxIDYuNzA4QzAuOTcyNzEgNS45MTU3NSAxLjYxMzYyIDUuMjczNSAyLjQwNzIxIDUuMjczNUgxMS4wMDJDMTEuNzk0MyA1LjI3MzUgMTIuNDM2NSA1LjkxNDQxIDEyLjQzNjUgNi43MDhWMTUuMzAyOEMxMi40MzY1IDE2LjA5NSAxMS43OTU2IDE2LjczNzMgMTEuMDAyIDE2LjczNzNIMi40MDcyMUMxLjYxNDk2IDE2LjczNzMgMC45NzI3MSAxNi4wOTY0IDAuOTcyNzEgMTUuMzAyOFY2LjcwOFpNMi40MDU2OCA2LjcwNjQ3SDExLjAwMzVWMTUuMzA0M0gyLjQwNTY4VjYuNzA2NDdaTTcuNDIxMDkgOC4xMzk0NUg1Ljk4ODEyVjEwLjI4ODlIMy44Mzg2NlYxMS43MjE5SDUuOTg4MTJWMTMuODcxM0g3LjQyMTA5VjExLjcyMTlIOS41NzA1NVYxMC4yODg5SDcuNDIxMDlWOC4xMzk0NVpNMTUuMzAyNCAxMi40Mzg0QzE2LjA5MzkgMTIuNDM4NCAxNi43MzU0IDExLjc5NTIgMTYuNzM1NCAxMS4wMDU0VjkuNTcyNDJIMTUuMzAyNFYxMS4wMDU0SDEzLjg2OTVWMTIuNDM4NEgxNS4zMDI0Wk0xNi43MzU0IDIuNDA3NTVDMTYuNzM1NCAxLjYxNjE0IDE2LjA5MjIgMC45NzQ1NzkgMTUuMzAyNCAwLjk3NDU3OUgxMy44Njk1VjIuNDA3NTVIMTUuMzAyNFYzLjg0MDUzSDE2LjczNTRWMi40MDc1NVpNNi43MDQ2IDAuOTc0NTc5QzUuOTEzMiAwLjk3NDU3OSA1LjI3MTYzIDEuNjE3NzUgNS4yNzE2MyAyLjQwNzU1VjMuODQwNTNINi43MDQ2VjIuNDA3NTVIOC4xMzc1OFYwLjk3NDU3OUg2LjcwNDZaTTkuNTcwNTUgMC45NzQ1NzlIMTIuNDM2NVYyLjQwNzU1SDkuNTcwNTVWMC45NzQ1NzlaTTE1LjMwMjQgNS4yNzM1SDE2LjczNTRWOC4xMzk0NUgxNS4zMDI0VjUuMjczNVoiIGZpbGw9IiMxRTI0MzciLz4KPC9zdmc+Cg==)
            }

            ul.gt-caction-group li .child-icon.delete-icon {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfOTgyKSI+CjxwYXRoIGQ9Ik0xMC42MTI5IDYuMDc3OTZMMTAuMzMwMyAxMy43OTM4TDExLjQ3MzYgMTMuODM1N0wxMS43NTYyIDYuMTE5ODRMMTAuNjEyOSA2LjA3Nzk2WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTkuMTc1MDYgNi4wOTg4Mkg4LjAzMDg4VjEzLjgxNDNIOS4xNzUwNlY2LjA5ODgyWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuNTk0MzEgNi4wNzgyNEw1LjQ1MDk0IDYuMTIwMTJMNS43MzM1MyAxMy44MzZMNi44NzY5MSAxMy43OTQxTDYuNTk0MzEgNi4wNzgyNFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS44MDM3IDIuODAzNVYyLjcwNjg2VjEuMjU3MzFDMTEuODAzNyAwLjY5NjgxNyAxMS4zNDc2IDAuMjQwNjkyIDEwLjc4NzEgMC4yNDA2OTJINi40MTkxM0M1Ljg1ODY0IDAuMjQwNjkyIDUuNDAyNTEgMC42OTY4MTcgNS40MDI1MSAxLjI1NzMxVjIuNzA0OTNWMi44MDE1Nkg1LjMwNTg4SDAuNzQ2NTU5VjMuOTQ1NzRIMi4wNDM0MkgyLjEzMjMzTDIuMTQwMDYgNC4wMzQ2NUwzLjI0NTU4IDE2LjU5MTZDMy4yNzI2NCAxNi44ODkzIDMuNTE2MTcgMTcuMTEzNSAzLjgxNTc0IDE3LjExMzVIMTMuMzczMUMxMy42NzI3IDE3LjExMzUgMTMuOTE2MiAxNi44ODkzIDEzLjk0MzMgMTYuNTkxNkwxNS4wNDg4IDQuMDM0NjVMMTUuMDU2NSAzLjk0NTc0SDE1LjE0NTRIMTYuNDYzNVYyLjgwMTU2SDExLjkwMDRIMTEuODAzN1YyLjgwMzVaTTYuNTQ2NjkgMi43MDY4NlYxLjQ4MTUxVjEuMzg0ODdINi42NDMzM0gxMC41NjQ4SDEwLjY2MTVWMS40ODE1MVYyLjcwNjg2VjIuODAzNUgxMC41NjQ4SDYuNjQzMzNINi41NDY2OVYyLjcwNjg2Wk0xMy45MDQ2IDMuOTQ1NzRMMTMuODk0OSA0LjA1MDExTDEyLjg1MzIgMTUuODgwNEwxMi44NDU1IDE1Ljk2OTNIMTIuNzU2Nkg0LjQyNDU1SDQuMzM1NjVMNC4zMjc5MSAxNS44ODA0TDMuMjg2MTcgNC4wNTAxMUwzLjI3NjUxIDMuOTQ1NzRIMy4zODI4MUgxMy43OTY0SDEzLjkwNDZaIiBmaWxsPSIjMUUyNDM3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl85ODIiPgo8cmVjdCB3aWR0aD0iMTUuNzEzMSIgaGVpZ2h0PSIxNi44NzA4IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NDY1NTkgMC4yNDA2OTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
                background-color: #fff;
            }

.gt-cgrid-content.text-white h4,
.gt-cgrid-content.text-white .gt-cgrid-detail h2,
.gt-cgrid-content.text-white .gt-cgrid-detail p {
    color: #fff;
}

.gt-cgrid-content.text-white h4 {
    border-bottom: 1px solid rgb(255 255 255);
}

.gt-collection-add {
    background: #e9eaeb;
    border: 1px dashed #a5a7af;
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 312px;
    height: 100%;
}

    .gt-collection-add > a {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.gt-collection-faq {
    background: #ffffff;
    box-shadow: 0px 0px 24px rgb(30 36 55 / 5%);
    border-radius: 8px;
    margin-top: 100px;
    max-width: 95%;
    margin-left: auto;
    position: relative;
}

    .gt-collection-faq h2 {
        border-bottom: 1px solid rgba(30, 36, 55, 0.1);
        font-weight: normal;
        font-size: 16px;
        line-height: 48px;
        color: #36adb4;
        padding: 6px 22px;
        margin-bottom: 0;
    }

div#groupcard_cover_title,
div#groupcard_cover_description {
    border: 2px dashed transparent;
}

.gc-booklet div[contenteditable="false"] {
    border: 2px dashed transparent;
}

.collection-faq-box {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
    padding: 20px 22px;
}

.faq-content p a {
    font-size: 14px;
}

.faq-header a {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #4b505f;
    display: block;
    position: relative;
    padding-right: 20px;
}

    .faq-header a::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        font-size: 10px;
        margin-left: 0;
        color: #4b505f;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .faq-header a[aria-expanded="true"]::after {
        content: "\f077";
    }

.faq-content {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #4b505f;
    padding-top: 15px;
}

.collection-faq-box {
    display: none;
}

.accordion .collection-faq-box:last-child {
    border-bottom: 1px solid transparent;
}

.faq-btn {
    background: #ffffff;
    box-shadow: 0px 0px 24px rgb(30 36 55 / 5%);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

    .faq-btn svg {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.faq-content ul {
    list-style-type: decimal;
    padding-left: 15px;
}

    .faq-content ul li {
        margin-bottom: 10px;
    }

        .faq-content ul li:last-child {
            margin-bottom: 0;
        }

        .faq-content ul li em {
            font-size: 12px;
            line-height: 14px;
        }

.gt-background-lite {
    background-color: #f7f7f6;
}

.theme-border-top {
    border-top: 4px solid #7fe2dc;
}

.pt-pb-1 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.large-group-card {
    box-shadow: 0px 0px 15px 5px #cccccc96;
    -webkit-box-shadow: 0px 0px 15px 5px #cccccc96;
    -moz-box-shadow: 0px 0px 15px 5px #cccccc96;
    font-family: Recoleta;
    padding: 40px 80px;
    /*background-image: url(../Images/gt-mt-images/card-header.png); */
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    max-width: 98%;
    height: 100%;
}

    .large-group-card::before {
        content: "";
        background-color: #fff;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 96.87%);
        position: absolute;
        width: 100%;
        height: 20%;
        left: 0;
        top: 20%;
        right: 0;
        z-index: 999;
    }

    .large-group-card::after {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 60%;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
    }

.large-group-card-inner {
    position: relative;
    z-index: 9999;
}

.large-group-card img.card-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
}

.large-group-card h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 15px;
}

.large-group-card p {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}

.large-group-card .edit-card {
    position: absolute;
    top: 35px;
    right: -25px;
    z-index: 99;
}

    .large-group-card .edit-card svg {
        width: 70px;
        height: 70px;
    }

.group-card-tile {
    background: #ffffff;
    box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.05);
    border-radius: 8px;
    text-align: center;
    padding: 40px 35px 30px;
    margin-bottom: 20px;
    min-height: 145px;
}

    .group-card-tile:last-child {
        margin-bottom: 0;
    }

    .group-card-tile h1 {
        font-weight: normal;
        font-size: 70px;
        line-height: 48px;
        text-align: center;
        color: #e78970;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
    }

        .group-card-tile h1 a {
            position: absolute;
            font-size: 16px;
            color: #b9b9b9;
            top: -15px;
            right: -25px;
            line-height: normal;
        }

    .group-card-tile p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #1e2437;
        text-transform: none;
    }

    .group-card-tile .row {
        margin-left: -8px;
        margin-right: -8px;
    }

        .group-card-tile .row .col-6 {
            padding-left: 8px;
            padding-right: 8px;
        }

.cards-button a {
    width: 100%;
    padding: 12px 5px;
    background: #7fe2dc;
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #243040;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .cards-button a:hover {
        background-color: #46cac2;
    }

a.dark-btn {
    background: #1e2437;
    color: #ffffff;
}

    a.dark-btn:hover {
        background-color: #0f121c;
    }

.group-card-tile h2 {
    font-size: 40px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    color: #7fe2dc;
    margin-bottom: 5px;
}

.group-card-tile small {
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: -15px;
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

.pt-6 {
    padding-top: 13px;
}

.gt-background-dark {
    background-color: #e9eaeb;
}

.card-box img {
    width: 100%;
    max-width: 100%;
}

.recoleta-title {
    font-weight: normal;
    font-size: 40px;
    line-height: 48px;
    color: #1e2437;
    font-family: Recoleta;
    margin-bottom: 25px;
}

.cards-head {
    margin-bottom: 20px;
}

    .cards-head p {
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        color: #1e2437;
        font-family: Recoleta;
        margin-bottom: 0;
    }

    .cards-head a {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #36adb4;
    }

.card-full-grid .theme-btn-lite {
    max-width: 370px;
}

.theme-btn-lite {
    font-family: "Modern Era TRIAL";
    width: 100%;
    padding: 12px 5px;
    background: #7fe2dc;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #243040;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
}

    .theme-btn-lite:hover {
        background-color: #46cac2;
        color: #243040;
    }

.theme-btn-blue {
    font-family: "Modern Era TRIAL";
    width: 100%;
    padding: 12px 5px;
    background: #1e2437;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
}

    .theme-btn-blue:hover {
        background-color: #0f121c;
        color: #fff;
    }

    .theme-btn-lite:focus,
    .theme-btn-dark:focus,
    .theme-btn-blue:focus {
        outline: none;
    }

.theme-color {
    fill: #7fe2dc;
}

.gt-mt-footer {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #1e2437;
}

.footer-logo svg {
    width: 160px;
    fill: #fff;
}

.footer-links ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .footer-links ul li a {
        color: #fff;
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.75rem;
        display: inline-block;
        position: relative;
    }

    .footer-links ul li {
        margin-bottom: 0.25rem;
    }

        .footer-links ul li a:after {
            content: "";
            display: block;
            position: absolute;
            bottom: -2px;
            left: 50%;
            height: 1px;
            width: 0;
            background: transparent;
            transition: width 0.3s ease, background-color 0.3s ease, left 0.3s ease;
        }

        .footer-links ul li a:hover:after,
        .footer-links ul li a:focus:after,
        .footer-links ul li a:active:after {
            width: 100%;
            left: 0;
            background: #fff;
        }

.footer-margin {
    margin-top: 8rem;
}

.copy-right {
    color: #fff;
    opacity: 0.25;
    margin-bottom: 0;
}

.footer-legal-links,
.footer-social {
    padding: 0;
    margin: 0;
}

    .footer-legal-links li,
    .footer-social li {
        display: inline-block;
    }

        .footer-legal-links li a {
            color: #fff;
            opacity: 0.25;
            transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
        }

        .footer-legal-links li:last-child {
            margin-left: 20px;
        }

        .footer-legal-links li a:hover {
            opacity: 1;
        }

        .footer-social li:last-child {
            margin-left: 6px;
        }

        .footer-social li a {
            width: 32px;
            height: 32px;
            display: flex;
            border: 1px solid #fff;
            border-radius: 100%;
            opacity: 0.25;
            transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
        }

            .footer-social li a svg {
                width: 50px;
                fill: #fff;
            }

            .footer-social li a:hover {
                opacity: 1;
            }

.col-md-8 .card-full-grid {
    max-width: 90%;
    position: relative;
}

    .col-md-8 .card-full-grid:after {
        content: "";
        border-left: 1px dashed rgba(30, 36, 55, 0.54);
        position: absolute;
        height: 106%;
        top: -3%;
        right: -7%;
    }

.card-box {
    padding: 28px 20px;
}

.message-card-outer {
    position: relative;
    background-color: #faf9f5;
    padding: 15px;
}

.message-card-inner {
    border: 1px solid #7fe2dc;
    padding: 18px;
}

    .message-card-inner .message-card-text {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .message-card-inner .message-card-text h1 {
            font-family: Recoleta;
            font-style: normal;
            font-weight: 400;
            font-size: 44.4517px;
            line-height: 44px;
            text-align: center;
            color: #1e2437;
            max-width: 220px;
            margin-left: auto;
            margin-right: auto;
        }

.message-card-outer .message-card-inner p {
    font-family: Recoleta;
    font-size: 18px;
    line-height: normal;
    margin: 0;
}

.message-card-outer .message-card-inner ul.message-card-list {
    padding: 0;
    list-style-type: none;
}

    .message-card-outer .message-card-inner ul.message-card-list:after {
        content: "";
        clear: both;
        display: block;
    }

    .message-card-outer .message-card-inner ul.message-card-list li {
        width: 25%;
        float: left;
    }

        .message-card-outer .message-card-inner ul.message-card-list li img {
            padding: 1px;
            max-width: 100%;
        }

.message-card-section a.theme-btn-lite {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: -10px;
    z-index: 99;
    position: relative;
}

.pb-6 {
    padding-bottom: 75px;
}

.message-card-section {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}

.gt-mob-header {
    font-size: 18px;
    line-height: 32px;
    color: #1e2437;
}

.slick-slide:focus {
    outline: none;
}

.collection-progress {
    background-color: #fcedd3;
    height: 20px;
    border-radius: 30px;
    overflow: hidden;
    max-width: 75%;
    margin: 0 auto;
    position: relative;
}

.collection-progress-bar {
    background-color: #e78970;
    position: absolute;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.collection-info h2 {
    font-style: normal;
    font-weight: normal;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    color: #e78970;
    margin-bottom: 0;
}

.br-left:after {
    content: "";
    border-left: 1px dashed rgba(30, 36, 55, 0.54);
    position: absolute;
    left: 1px;
    top: 2px;
    height: 76px;
    width: 1px;
}

.pl-3.br-left h2 {
    position: relative;
    display: inline-block;
}

.gt-md-modal .modal-content {
    border-radius: 8px;
}

.gt-md-modal-header {
    position: relative;
}

    .gt-md-modal-header h2 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #1e2437;
        border-bottom: 1px solid #e9eaeb;
        padding: 15px 0;
        margin-bottom: 0;
        font-family: 'Modern Era TRIAL';
    }

    .gt-md-modal-header .gt-modal-close,
    .gt-md-modal-header .gt-modal-back {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 20px;
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .gt-md-modal-header .gt-modal-close:hover,
        .gt-md-modal-header .gt-modal-back:hover {
            opacity: 0.8;
        }

    .gt-md-modal-header .gt-modal-back {
        left: 20px;
    }

.gt-md-modal-content {
    padding: 30px 40px 30px;
}

    .gt-md-modal-content h2 {
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        color: #1e2437;
        margin-bottom: 5px;
        font-family: 'Modern Era TRIAL';
    }

    .gt-md-modal-content p {
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 36, 55, 0.8);
        font-family: 'Modern Era TRIAL';
    }

    .gt-md-modal-content hr {
        margin-top: 2.5rem;
        margin-bottom: 2rem;
        border: 0;
        border-top: 2px solid #e9eaeb;
        width: 60px;
    }

.copy-link {
    border: 1px solid #e9eaeb;
    border-radius: 4px;
    padding: 14px 70px 14px 20px;
    text-align: left;
}

    .copy-link p {
        margin-bottom: 0;
        color: rgba(30, 36, 55, 0.8);
        font-weight: 500;
        overflow-wrap: break-word;
    }

    .copy-link button {
        font-size: 16px;
        line-height: 24px;
        text-align: right;
        color: #36adb4;
        background-color: #fff;
        border: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0;
        width: 65px;
        text-align: center;
    }

        .copy-link button:hover {
            color: #46cac2;
        }

        .copy-link button:focus {
            outline: none;
        }

ul.mt-modal-social {
    margin: 0;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 10px;
}

    ul.mt-modal-social li {
        display: inline-block;
    }

        ul.mt-modal-social li a {
            display: flex;
            border: 1px solid #e9eaeb;
            border-radius: 100%;
            width: 48px;
            height: 48px;
            align-items: center;
            justify-content: center;
            margin: 0 4px;
        }

.gt-mdal-840 .modal-dialog {
    max-width: 840px;
}

.share-modalv2-main {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    border-radius: 8px;
}

.share-modalv2-form {
    padding: 10px;
    display: grid;
    /*grid-template-columns: 40% 48% 12%;*/
    grid-template-columns: 38% 54% 8%;
    /*align-items: end;*/
    align-items: center;
    /*margin-top: 25px;*/
}

    .share-modalv2-form:last-child {
        margin-top: 0;
    }

.close-svg {
    border: 0;
    padding: 0;
    background-color: transparent;
}

    .close-svg path {
        stroke: #7fe2dc;
        transition: all ease 0.3s;
    }

    .close-svg:hover path {
        stroke: #46cac2;
    }

button.close-svg svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -4px;
}

button.close-svg:hover {
    color: #a9a7a7;
}

.close-svg:focus {
    outline: none;
}

.share-modalv2-form .form-group {
    position: relative;
    text-align: left;
}

.share-modalv2-form.mt-5 {
    margin-top: 60px !important;
}

.share-modalv2-form .form-group label {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(30, 36, 55, 0.8);
    position: absolute;
    top: -35px;
}

.share-modalv2-form .form-group input.form-control {
    height: auto;
    max-width: 100%;
    background: #ffffff;
    border-radius: 0px;
    font-size: 16px;
    border: 1px solid rgba(30, 36, 55, 0.1);
    padding: 10px 15px;
}

.share-modalv2-form .form-group input[type="email"] {
    margin-left: -1px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.share-modalv2-form .form-group input[type="submit"] {
    background: #c4c4c4;
    border-radius: 4px;
    border: 0;
    position: relative;
    top: -1px;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

.share-modalv2-form .form-group input[type="text"] {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.share-modalv2-form .form-group input[type="submit"]:hover {
    background: #a9a7a7;
}

.share-modal-links ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 18px;
}

    .share-modal-links ul li {
        display: inline-block;
        margin-left: 20px;
        position: relative;
    }

        .share-modal-links ul li:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            content: "\f111";
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            left: -15px;
            color: #a5a5a5;
            font-size: 3px;
        }

        .share-modal-links ul li:first-child {
            margin-left: 0px;
        }

            .share-modal-links ul li:first-child:before {
                display: none;
            }

        .share-modal-links ul li a {
            font-size: 16px;
            line-height: 24px;
            color: #36adb4;
            border-bottom: 1px solid transparent;
            transition: all ease 0.3s;
            padding-bottom: 3px;
        }

            .share-modal-links ul li a:hover {
                border-bottom: 1px solid #36adb4;
            }

.font-18 {
    font-size: 18px !important;
    line-height: 27px !important;
}

.email-textarea {
    margin-top: 30px;
    margin-bottom: 15px;
}

    .email-textarea textarea {
        width: 100%;
        background: #ffffff;
        border: 1px solid rgba(30, 36, 55, 0.1);
        height: 220px;
        border-radius: 4px;
        padding: 15px 18px;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .email-textarea textarea::-webkit-scrollbar {
            width: 4px;
        }

        .email-textarea textarea::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .email-textarea textarea::-webkit-scrollbar-thumb {
            background: #888;
        }

            .email-textarea textarea::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

        .email-textarea textarea:focus {
            outline: none;
            border: 1px solid #46cac2;
        }

        .email-textarea textarea::placeholder {
            color: #1e2437;
            opacity: 1;
        }

        .email-textarea textarea:-ms-input-placeholder {
            color: #1e2437;
            opacity: 1;
        }

        .email-textarea textarea::-ms-input-placeholder {
            color: #1e2437;
            opacity: 1;
        }

.invite-friends .theme-color {
    color: #36adb4;
    font-weight: 500;
    font-size: 18px;
    margin-top: 15px;
}

    .invite-friends .theme-color svg {
        width: 18px;
        height: 18px;
        position: relative;
        top: -3px;
    }

.upload-csv .upload-csv-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

    .upload-csv .upload-csv-wrapper button {
        background: #ffffff;
        border: 2px dashed rgba(30, 36, 55, 0.1);
        border-radius: 4px;
        width: 100%;
        color: rgba(30, 36, 55, 1);
        padding: 30px 0;
        margin-top: 25px;
        cursor: pointer;
    }

        .upload-csv .upload-csv-wrapper button:focus {
            outline: none;
        }

        .upload-csv .upload-csv-wrapper button svg {
            display: block;
            margin: 0 auto;
            margin-bottom: 25px;
        }

    .upload-csv .upload-csv-wrapper input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

.invites-search {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
    padding-bottom: 15px;
}

    .invites-search svg {
        position: absolute;
        left: 13px;
        top: 13px;
        width: 22px;
        height: 22px;
    }

    .invites-search input {
        width: 100%;
        border: 0;
        padding-left: 45px;
        padding-right: 10px;
        color: rgba(30, 36, 55, 0.4);
        line-height: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .invites-search input:focus {
            outline: none;
        }

        .invites-search input::placeholder {
            color: rgba(30, 36, 55, 0.4);
            opacity: 1;
        }

        .invites-search input:-ms-input-placeholder {
            color: rgba(30, 36, 55, 0.4);
            opacity: 1;
        }

        .invites-search input::-ms-input-placeholder {
            color: rgba(30, 36, 55, 0.4);
            opacity: 1;
        }

.invites-search-result ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 30px;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .invites-search-result ul::-webkit-scrollbar {
        width: 4px;
    }

    .invites-search-result ul::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .invites-search-result ul::-webkit-scrollbar-thumb {
        background: #888;
    }

        .invites-search-result ul::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .invites-search-result ul li {
        position: relative;
        border-bottom: 1px solid rgba(30, 36, 55, 0.1);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
    }

        .invites-search-result ul li:last-child {
            border-bottom: 0px solid rgba(30, 36, 55, 0.1);
        }

.invite-result-label {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 0;
}

.invites-search-result ul li span {
    color: rgba(30, 36, 55, 0.6);
    font-weight: 300;
}

.invite-result-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.invite-result-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #e9e9eb;
    border-radius: 100%;
}

.invite-result-label input:checked ~ .checkmark {
    background-color: #7fe2dc;
    border: 1px solid #7fe2dc;
}

.invite-result-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.invite-result-label input:checked ~ .checkmark:after {
    display: block;
}

.invite-result-label .checkmark:after {
    left: 9px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #1e2437;
    border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-radio-block {
    background: #ffffff;
    border: 1px solid #a5a7af;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    margin-bottom: 8px;
    padding: 15px 15px;
}

    .modal-radio-block .radio-label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 16px;
        line-height: 24px;
        color: #1e2437;
    }

        .modal-radio-block .radio-label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        .modal-radio-block .radio-label .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            height: 18px;
            width: 18px;
            border-radius: 100%;
            background: #ffffff;
            border: 1px solid #e9e9eb;
            box-shadow: inset 0px 0px 4px rgb(30 36 55 / 10%);
        }

        .modal-radio-block .radio-label input:checked ~ .checkmark {
            background-color: #7fe2dc;
        }

        .modal-radio-block .radio-label .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .modal-radio-block .radio-label input:checked ~ .checkmark:after {
            display: block;
        }

        .modal-radio-block .radio-label .checkmark:after {
            top: 5px;
            left: 5px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
        }

.modal-radio p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 10px;
}

.modal-tooltip {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 16px;
    color: #b9b9b9;
    line-height: normal;
    z-index: 99;
}

[data-toggle="tooltip"]:hover {
    color: #46cac2 !important;
}

.radius-zero {
    border-bottom: 0;
    margin-bottom: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.modal-radio.inline-radio {
    border: 1px solid #a5a7af;
    padding: 15px 20px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .modal-radio.inline-radio .modal-radio-block {
        padding: 0;
        border: 0;
        margin: 0;
    }

.toggle-switch .switch {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 60px;
    font-size: 16px;
    line-height: 28px;
    color: rgba(30, 36, 55, 0.8);
    margin-bottom: 8px;
}

    .toggle-switch .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

        .toggle-switch .switch input:focus {
            outline: none;
        }

.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 36, 55, 0.1);
    box-shadow: inset 0px 0px 4px rgba(30, 36, 55, 0.1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 42px;
    height: 24px;
}

    .toggle-switch .slider:focus {
        outline: none;
    }

    .toggle-switch .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

.toggle-switch input:checked + .slider {
    background-color: #7fe2dc;
}

.toggle-switch input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

.toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.right-25 {
    right: -25px;
}

.theme-btn-delete {
    width: 100%;
    padding: 12px 5px;
    background: #e9eaeb;
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #e45964;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .theme-btn-delete:hover {
        background: #a9a7a7;
        color: #e45964;
    }

.contributor-links ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 0;
}

    .contributor-links ul li {
        display: inline-block;
        margin-left: 20px;
        position: relative;
    }

        .contributor-links ul li:first-child {
            margin-left: 0px;
        }

        .contributor-links ul li a {
            font-size: 16px;
            line-height: 24px;
            color: #36adb4;
            border-bottom: 1px solid transparent;
            transition: all ease 0.3s;
            padding-bottom: 3px;
        }

    .contributor-links ul a:hover {
        border-bottom: 1px solid #36adb4;
    }

    .contributor-links ul li:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f111";
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: -15px;
        color: #a5a5a5;
        font-size: 3px;
    }

.contributor-search {
    position: relative;
}

    .contributor-search svg {
        position: absolute;
        left: 0;
        top: 3px;
        width: 18px;
        height: 18px;
    }

    .contributor-search input {
        padding-left: 30px;
        border: 0;
        width: 108px;
        transition: width 0.3s;
        padding-right: 25px;
    }

        .contributor-search input:focus {
            outline: none;
            width: 200px;
        }

.modal-contributor-header {
    border-bottom: 1px solid #e9eaeb;
    padding-bottom: 12px;
}

.pt-2half {
    padding-top: 12px;
}

.caccordions-head {
    position: relative;
    cursor: pointer;
}

    .caccordions-head .media img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

.caccordions-block {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 0;
}

.caccordions-head .media h5 {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 0;
}

    .caccordions-head .media h5 span {
        color: rgba(30, 36, 55, 0.6);
        font-weight: 300;
    }

.caccordions-head::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 16px;
    margin-left: 0;
    color: #d2d3d7;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease 0.3s;
}

.caccordions-head.active::after {
    content: "\f077";
}

.caccordions-body {
    background: #f7f7f6;
    border-radius: 4px;
    padding: 20px;
    margin-top: 17px;
}

ul.caccordions-details {
    list-style-type: none;
    padding: 0;
    padding-left: 10px;
}

    ul.caccordions-details li {
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 36, 55, 0.8);
        margin-bottom: 4px;
    }

        ul.caccordions-details li b {
            font-weight: 500;
        }

ul.caccordions-links {
    list-style-type: none;
    padding-left: 5px;
    margin-bottom: 0;
    margin-top: 20px;
}

    ul.caccordions-links li a {
        font-size: 16px;
        line-height: 24px;
        color: #36adb4;
        border-bottom: 1px solid transparent;
        transition: all ease 0.3s;
        padding-bottom: 3px;
    }

    ul.caccordions-links li:first-child {
        margin-left: 0px;
    }

    ul.caccordions-links li a:hover {
        border-bottom: 1px solid #36adb4;
    }

    ul.caccordions-links li:first-child a:before {
        display: none;
    }

.caccordions-left.invited {
    color: rgba(30, 36, 55, 0.6);
    font-size: 16px;
}

.invited-content p b {
    font-weight: 500;
}

a.send-reminder {
    font-size: 16px;
    line-height: 24px;
    color: #36adb4;
}

.send-message-block ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 20px;
}

    .send-message-block ul li {
        border-bottom: 1px solid #e9eaeb;
    }

        .send-message-block ul li a {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #36adb4;
            padding: 15px 0;
            display: block;
        }

        .send-message-block ul li:last-child {
            border-bottom: 0px solid #e9eaeb;
        }

        .send-message-block ul li a:hover {
            color: #46cac2;
        }

.mt-select-form {
    position: relative;
}

    .mt-select-form::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f107";
        color: #1e2437;
        position: absolute;
        right: 18px;
        bottom: 17px;
    }

    .mt-select-form.mt-form.max-180::before {
        bottom: auto;
        top: 48px;
    }

    .mt-select-form select {
        height: 56px;
        max-width: 100%;
        background: #ffffff;
        border: 1px solid #a5a7af;
        box-sizing: border-box;
        border-radius: 8px;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 18px;
        text-indent: 1px;
        text-overflow: "";
    }

.mt-form label {
    color: #1e2437;
}

.mt-form input.form-control {
    padding: 0 18px;
}

.mt-form textarea.form-control {
    height: 184px;
    padding: 18px 18px;
    color: #1e2437;
}

.gt-md-modal-footer {
    border-top: 1px solid #e9eaeb;
    padding: 20px 25px;
}

.send-btn {
    background-color: #36adb4;
    border-radius: 24px;
    border: 0;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    height: 40px;
    padding: 0 27px;
}

    .send-btn:focus {
        outline: none;
    }

.font-16 {
    font-size: 16px !important;
    line-height: 24px !important;
}

.distributed-list ul {
    padding: 0;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
}

    .distributed-list ul li {
        color: #787c87;
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #e9eaeb;
        padding: 14px 0;
    }

        .distributed-list ul li:nth-child(1 + 1) {
            border-top: 1px solid #e9eaeb;
        }

        .distributed-list ul li span {
            color: #36adb4;
        }

.date-input p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(30, 36, 55, 0.6);
    margin-top: 15px;
}

.date-input {
    margin-top: 10px;
    margin-bottom: 30px;
}

    .date-input input.form-control {
        border: 2px solid #7fe2dc;
    }

/*  mt-join-collection   */

.mt-join-collection {
    background-color: #fff;
}

.mt-join-collection-card {
    padding: 60px;
}

.mt-join-collection-card-inner {
    font-family: Recoleta;
    /* background-image: url(../Images/gt-mt-images/card-header.png); */
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
}

    /* .mt-join-collection-card-inner::before {
        content: "";
        background-color: #fff;
        background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 96.87%);
        position: absolute;
        width: 100%;
        height: 20%;
        left: 0;
        top: 20%;
        right: 0;
        z-index: 999;
    }

    .mt-join-collection-card-inner::after {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 60%;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
    }*/

    .mt-join-collection-card-inner .position-relative {
        z-index: 9999;
        width: 100%;
    }

        .mt-join-collection-card-inner .position-relative p {
            font-size: 16px;
            line-height: 28px;
            text-align: center;
            color: #1e2437;
            margin-bottom: 15%;
        }

    .mt-join-collection-card-inner img.card-bg {
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
        box-shadow: 0px 0px 48px rgb(0 0 0 / 10%);
    }

.mt-join-collection-card-footer {
    z-index: 9999;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 50px;
    padding-bottom: 15px;
    background-color: #f7f7f6;
}

    .mt-join-collection-card-footer svg {
        width: 120px;
    }

.mt-join-collection-card-content h1 {
    font-family: Recoleta;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    color: #1e2437;
    max-width: 450px;
    margin: 0 auto 25px;
}

.mt-join-collection-card-content .d-flex a {
    width: 209px;
    margin: 0 15px;
}

.theme-btn-dark {
    width: 100%;
    padding: 12px 5px;
    background: #1e2437;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
}

.mt-join-collection-card-content p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 0;
}

.theme-btn-dark:hover {
    background-color: #0f121c;
    color: #ffffff;
}

.bg-lite {
    background-color: #f7f7f6;
}

.min-100vh {
    min-height: 100vh;
}

.mt-logo-footer {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
    right: 0;
}

    .mt-logo-footer svg {
        width: 120px;
        /*padding: 25px 0;*/
        padding-top: 30px;
    }

.mt-contribute-left,
.mt-contribute-right {
    height: 100%;
}

.mt-contribute-left-content {
    padding-top: 8vh;
    padding-left: 15px;
    padding-right: 15px;
}

.mt-how-many p {
    font-size: 16px;
    line-height: 28px;
    color: #1e2437;
    margin-bottom: 0;
}

.mt-contribute-right-content {
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

    .mt-contribute-left-content h2,
    .mt-contribute-right-content h2 {
        font-family: Recoleta;
        font-weight: normal;
        font-size: 36px;
        line-height: 32px;
        color: #1e2437;
        margin-bottom: 5vh;
        position: relative;
    }

.mt-contribute-left-content h2 {
    line-height: 40px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.mt-aamount h1 {
    font-size: 30px;
    line-height: 60px;
    color: #1e2437;
    margin-bottom: 0;
}

.mt-aamount p {
    font-size: 18px;
    line-height: 28px;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 0;
}

.mt-aamount {
    margin-bottom: 5vh;
}

.mt-how-many h3 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #36adb4;
    text-transform: uppercase;
    font-weight: 500;
}

.quantity {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    width: 98px;
    height: 43px;
    margin: 0 auto;
    padding: 0 7px;
}

    .quantity.quantity-dollor-sign:after {
        content: "$";
        color: #6a6a6d;
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
    }

    .quantity a {
        line-height: normal;
        width: 18px;
        height: 18px;
        background-color: #36adb4;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .quantity input {
        border: 0;
        width: 40px;
        text-align: center;
        font-size: 12px;
        line-height: 21px;
        color: #1e2437;
        font-weight: 500;
        padding: 0;
    }

        .quantity input:focus {
            outline: none;
        }

    .quantity a i {
        color: #fff;
        font-size: 8px;
    }

a.quantity-left-minus {
    background: rgba(54, 173, 180, 0.4);
}

.mt-closes h3,
.mt-target h3,
.mt-donationto h3 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #36adb4;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
}

.mt-closes p,
.mt-target p,
.mt-donationto p {
    color: #1e2437;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 500;
}

.mt-closes {
    margin-top: 5vh;
}

.mt-closes,
.mt-target,
.mt-donationto {
    margin-bottom: 3vh;
}

.max-100 {
    max-width: 100% !important;
}

.modal {
    z-index: 9999999 !important;
}

.tooltip {
    z-index: 99999999 !important;
}

.mt-contribute-scrollable-block .form-group {
    margin-bottom: 15px;
}

.mt-contribute-scrollable-block {
}

.mt-contribute-right-content .mt-select-form::before {
    content: "\f0dd";
    color: #7fe2dc;
    bottom: 18px;
}

.mt-pay-radio label {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0px 0;
}

.mt-pay-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.mt-pay-radio .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #e9e9eb;
    border-radius: 50%;
}

.mt-pay-radio input:checked ~ .checkmark {
    background-color: #e9e9eb;
}

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

.mt-pay-radio input:checked ~ .checkmark:after {
    display: block;
}

.mt-pay-radio .checkmark:after {
    top: 7px;
    width: 8px;
    left: 0;
    height: 8px;
    border-radius: 50%;
    background: #7fe2dc;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 auto;
}

.mt-pay-options label {
    color: #1e2437;
    margin-bottom: 10px;
}

.mt-pay-radio label img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-pay-radio {
    margin-right: 30px;
}

.mt-contribute-right-content .row.no-gutters {
    margin-left: 0;
    margin-right: 0;
    max-width: 400px;
}

    .mt-contribute-right-content .row.no-gutters .col-12,
    .mt-contribute-right-content .row.no-gutters .col-6 {
        padding-left: 0;
        padding-right: 0;
    }

.mt-pay-options {
    margin-bottom: 15px;
}

.mt-card-details label {
    color: #1e2437;
}

.mt-card-details input.form-control {
    padding: 0 18px;
}

input.form-control.card-num {
    border-bottom: transparent;
}

.mt-card-details input.form-control:focus {
    background-color: #fff;
    border-color: #e9e9eb;
    outline: 0;
    box-shadow: none;
}

input.form-control.card-num {
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

input.form-control.card-expire {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    border-right: transparent;
}

input.form-control.card-cvc {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.mt-contribute-right-content .modal-tooltip {
    right: -25px;
    top: -2px;
}

    .mt-contribute-right-content .modal-tooltip i {
        font-size: 15px;
    }

.mt-cart-total p span {
    position: relative;
}

.mt-cart-total {
    margin-top: 30px;
    margin-bottom: 20px;
}

    .mt-cart-total p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 28px;
        color: rgba(30, 36, 55, 0.8);
        font-weight: 500;
    }

.mt-pay-btn button {
    background-color: #1e2437;
    width: 100%;
    text-align: center;
    max-width: 400px;
    margin: 20px 0;
    border: 0;
    padding: 11px 0;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .mt-pay-btn button:hover {
        background-color: #0f121c;
    }

    .mt-pay-btn button svg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

.mt-tagline,
.mt-tagline a {
    font-size: 12px;
    line-height: 20px;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
}

    .mt-tagline a {
        font-size: 12px;
        color: rgba(30, 36, 55, 0.8);
    }

        .mt-tagline a:hover {
            border-bottom: 1px solid rgba(30, 36, 55, 0.6);
        }

.mt-contribute-scrollable-block {
    min-height: 71.5vh;
    overflow: auto;
    overflow-x: hidden;
}

    .mt-contribute-scrollable-block::-webkit-scrollbar {
        width: 10px;
    }

    .mt-contribute-scrollable-block::-webkit-scrollbar-track {
        background: #f5f5f5;
        border-radius: 50px;
    }

    .mt-contribute-scrollable-block::-webkit-scrollbar-thumb {
        background: #cfcfcf;
        border-radius: 50px;
    }

        .mt-contribute-scrollable-block::-webkit-scrollbar-thumb:hover {
            background: #bdbdbd;
        }

.mt-contribute-right-content .row {
    margin-left: -10px;
    margin-right: -10px;
    max-width: 420px;
}

    .mt-contribute-right-content .row .col-6 {
        padding-right: 10px;
        padding-left: 10px;
    }

.mt-card-slider-section {
    box-shadow: 0px 0px 48px rgb(0 0 0 / 10%);
    width: 400px;
    margin: 0px auto;
}

button.slick-prev.mt-card.slick-arrow {
    display: none !important;
}

button.slick-next.mt-card.slick-arrow {
    position: absolute;
    right: -20%;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background-color: transparent;
}

    button.slick-next.mt-card.slick-arrow:focus {
        outline: none;
    }

    button.slick-next.mt-card.slick-arrow i {
        color: #a2a2a2;
        font-size: 24px;
    }

.mt-card-slide {
    min-height: 560px;
    position: relative;
    background-size: 100% 100%;
    background-position: top center;
}

    .mt-card-slide h2 {
        font-family: Recoleta;
        font-style: normal;
        font-weight: 400;
        font-size: 44.4517px;
        line-height: 44px;
        text-align: center;
        color: #1e2437;
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 28%;
    }

.mt-card-foot {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 30px;
}

    .mt-card-foot p {
        font-family: Recoleta;
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }

.mt-card-image {
    background-image: url(../Images/gt-mt-images/corona.png);
}
/*.mt-sign-card {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    max-width: 400px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.mt-sign-card {
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* position: absolute; */
    max-width: 400px;
    /* left: 0; */
    /* right: 0; */
    margin: 0 auto;
    padding: 60px 0;
}

.mt-sign-card-inner h2 {
    font-size: 36px;
    line-height: 32px;
    font-weight: normal;
    color: #1e2437;
    font-family: Recoleta;
    margin-bottom: 15px;
}

.mt-sign-card-inner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: rgba(30, 36, 55, 0.7);
}

.mt-sign-card-form {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px;
    margin-top: 30px;
}

.mt-sign-control label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(30, 36, 55, 0.8);
    display: block;
    margin-bottom: 0;
}

.mt-contribute-scrollable-block .mt-form input.form-control::placeholder {
    color: #a5a7af;
    opacity: 1;
}

.mt-contribute-scrollable-block .mt-form input.form-control:-ms-input-placeholder {
    color: #a5a7af;
}

.mt-contribute-scrollable-block .mt-form input.form-control::-ms-input-placeholder {
    color: #a5a7af;
}

.mt-sign-control {
    position: relative;
}

.mt-sign-card-form hr {
    margin-top: 12px;
    margin-bottom: 12px;
    border-top: 1px solid #e9eaeb;
    margin-left: -15px;
    margin-right: -15px;
}

.mt-sign-control input,
.mt-sign-control textarea {
    border: 0px solid #ffff;
    font-size: 14px;
    width: 100%;
}

    .mt-sign-control input:focus,
    .mt-sign-control textarea:focus {
        outline: none;
    }

    .mt-sign-control input::placeholder,
    .mt-sign-control textarea::placeholder {
        color: rgba(30, 36, 55, 0.4);
        opacity: 1;
    }

    .mt-sign-control input:-ms-input-placeholder,
    .mt-sign-control textarea:-ms-input-placeholder {
        color: rgba(30, 36, 55, 0.4);
    }

    .mt-sign-control input::-ms-input-placeholder,
    .mt-sign-control textarea::-ms-input-placeholder {
        color: rgba(30, 36, 55, 0.4);
    }

    .mt-sign-control textarea.mt-sign-textarea {
        width: 100%;
        min-height: 90px;
        resize: none;
        line-height: 18px;
        padding-top: 5px;
        color: rgba(30, 36, 55, 0.8);
        font-weight: 400;
    }

.mt-sign-control div.mt-sign-textarea {
    width: 100%;
    min-height: 90px;
    font-size: 14px;
    resize: none;
    line-height: 18px;
    padding-top: 5px;
    color: rgba(30, 36, 55, 0.8);
    font-weight: 400;
}

    .mt-sign-control div.mt-sign-textarea[placeholder]:empty:before {
        content: attr(placeholder);
        color: rgba(30, 36, 55, 0.3);
    }

    .mt-sign-control div.mt-sign-textarea:focus[placeholder]:empty:before {
        content: attr(placeholder);
        color: transparent;
    }

.chars-left {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: rgba(30, 36, 55, 0.4);
    position: absolute;
    bottom: 10px;
    right: 0;
}

a.like-suggestions {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    text-decoration-line: underline;
    color: #36adb4;
    position: absolute;
    right: 0;
    top: 0;
}

.mt-upload-own {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

    .mt-upload-own button {
        background: rgba(30, 36, 55, 0.2);
        border: 1px solid #1e2437;
        box-sizing: border-box;
        border-radius: 24px;
        width: 172px;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        color: #1e2437;
        max-width: 172px;
        padding: 14px 0;
        display: block;
        cursor: pointer;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

    .mt-upload-own input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

button.mt-browse-library {
    background: #d9f6f5;
    border: 1px solid #36adb4;
    box-sizing: border-box;
    border-radius: 24px;
    width: 172px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #36adb4;
    max-width: 172px;
    padding: 14px 0;
    display: block;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .mt-upload-own button:focus,
    button.mt-browse-library:focus {
        outline: none;
    }

.mt-sign-control .d-flex {
    margin-top: 12px;
}

.mt-card-slider .message-card-inner .message-card-text {
    min-height: 286px;
}

.mt-library-tab-content {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .mt-library-tab-content::-webkit-scrollbar {
        width: 0px;
    }

    .mt-library-tab-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .mt-library-tab-content::-webkit-scrollbar-thumb {
        background: #888;
    }

        .mt-library-tab-content::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

button.mt-browse-library:hover {
    background-color: #46cac2;
    color: #ffffff;
}

.mt-upload-own:hover button {
    background: #1e2437;
    color: #ffffff;
}

.mt-library-tabs .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    justify-content: center;
}

    .mt-library-tabs .nav-tabs .nav-link {
        border: 0px solid transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: 2px solid transparent;
        padding: 0px 0;
        margin: 0 15px;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        font-weight: 500;
        transition: border-bottom 0.25s ease-out;
    }

        .mt-library-tabs .nav-tabs .nav-link:hover {
            border-bottom: 2px solid #7fe2dc;
        }

        .mt-library-tabs .nav-tabs .nav-link.active {
            border-bottom: 2px solid #7fe2dc;
        }

.mt-library-tab-content ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 15px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

    .mt-library-tab-content ul li {
        max-width: 100%;
        margin-bottom: 20px;
        cursor: pointer;
    }

        .mt-library-tab-content ul li img {
            width: 100%;
            max-width: 100%;
        }

        .mt-library-tab-content ul li .library-image-overlay {
            opacity: 0;
            transition: opacity 0.5s;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
            display: flex;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            align-items: center;
            justify-content: center;
        }

            .mt-library-tab-content ul li .library-image-overlay a {
                font-weight: bold;
                font-size: 13px;
                line-height: 18px;
                text-align: center;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                color: #1e2437;
                background: #ffffff;
                border-radius: 24px;
                padding: 10px 24px;
                display: inline-block;
            }

        .mt-library-tab-content ul li:hover .library-image-overlay {
            opacity: 1;
        }

.mt-card-image-preview a {
    position: absolute;
    top: -5px;
    right: -25px;
    display: block;
    line-height: normal;
}

    .mt-card-image-preview a:hover {
        opacity: 0.9;
    }

.thank-you-100 {
    height: 100vh;
    background-image: url(../../Images/gt-mt-images/thankyou-bg.png);
    background-size: cover;
    background-position: center center;
}

.thank-you-inner h2 {
    font-weight: normal;
    font-size: 36px;
    line-height: 32px;
    text-align: center;
    font-family: Recoleta;
    color: #1e2437;
    margin-bottom: 15px;
}

.thank-you-inner p {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 0;
}

button.create-collection-btn {
    background-color: #1e2437;
    color: #fff;
    display: block;
    margin: 30px auto 25px;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 0;
    width: 260px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    padding: 13px 0;
}

    button.create-collection-btn:focus {
        outline: none;
    }

    button.create-collection-btn:hover {
        background: #0f121d;
        color: #ffffff;
    }

a.create-collection-btn {
    background-color: #1e2437;
    color: #fff !important;
    display: block;
    margin: 30px auto 25px;
    font-weight: bold;
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 0;
    width: 260px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    padding: 13px 0 !important;
}

    a.create-collection-btn:focus {
        outline: none;
    }

    a.create-collection-btn:hover {
        background: #0f121d;
        color: #ffffff;
    }

.thank-you-inner .learn-more {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #36adb4;
    border-bottom: 1px solid transparent;
    transition: border-bottom ease 0.3s;
    padding-bottom: 3px;
}

    .thank-you-inner .learn-more:hover {
        border-bottom: 1px solid #36adb4;
    }

.powered-by-footer {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}

    .powered-by-footer svg {
        width: 30px;
        height: 30px;
    }

    .powered-by-footer p {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        color: rgba(30, 36, 55, 0.4);
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 0;
    }

.gt-signup-modal-content {
    padding: 40px;
}

    .gt-signup-modal-content .gt-modal-close {
        top: 12px;
        position: absolute;
        right: 20px;
        cursor: pointer;
    }

        .gt-signup-modal-content .gt-modal-close:hover {
            opacity: 0.8;
        }

    .gt-signup-modal-content h2 {
        padding: 0 0 30px 0;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        font-weight: 500;
        margin-bottom: 0;
    }

.gt-social-signup button {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    width: 100%;
    margin: 8px 0;
    font-weight: 600;
    padding: 14px 10px;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .gt-social-signup button:focus {
        outline: none;
    }

    .gt-social-signup button:hover {
        background: #f3f3f3;
    }

    .gt-social-signup button svg {
        width: 20px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: 15px;
    }

.gt-email-signup {
    margin-top: 30px;
}

    .gt-email-signup h3 {
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: rgba(30, 36, 55, 0.6);
        position: relative;
        font-weight: 500;
    }

        .gt-email-signup h3::after {
            background-color: #e9eaeb;
            content: "";
            transform: translateY(-50%);
            position: absolute;
            left: 0;
            top: 50%;
            right: 0;
            width: 100%;
            height: 1px;
        }

        .gt-email-signup h3 span {
            background-color: #fff;
            position: relative;
            z-index: 99;
            padding: 0 25px;
        }

.gt-email-signup-form {
    background: #ffffff;
    border: 1px solid #e9eaeb;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin: 15px 0;
}

    .gt-email-signup-form .gt-email-signup-input {
        border-bottom: 1px solid #e9eaeb;
    }

        .gt-email-signup-form .gt-email-signup-input input {
            font-weight: normal;
            font-size: 16px;
            line-height: 28px;
            color: #1e2437;
            border: 0;
            width: 100%;
            padding: 10px 15px;
        }

            .gt-email-signup-form .gt-email-signup-input input:focus {
                outline: none;
            }

            .gt-email-signup-form .gt-email-signup-input input::placeholder {
                color: rgba(30, 36, 55, 0.4);
                opacity: 1;
            }

            .gt-email-signup-form .gt-email-signup-input input:-ms-input-placeholder {
                color: rgba(30, 36, 55, 0.4);
            }

            .gt-email-signup-form .gt-email-signup-input input::-ms-input-placeholder {
                color: rgba(30, 36, 55, 0.4);
            }

.bt-signup-btn {
    width: 100%;
    padding: 12px 5px;
    background: rgba(30, 36, 55, 0.2);
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    border: 0;
    text-align: center;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin-top: 10px;
    font-weight: 500;
}

    .bt-signup-btn:focus {
        outline: none;
    }

    .bt-signup-btn:hover {
        background: #1e2437;
    }

.gt-email-signup p {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;
}

    .gt-email-signup p a {
        color: rgba(30, 36, 55, 0.8);
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

        .gt-email-signup p a:hover {
            text-decoration: underline;
        }

.mt-card-breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .mt-card-breadcrumb ul li {
        display: inline-block;
    }

        .mt-card-breadcrumb ul li a {
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
            color: #1e2437;
        }

        .mt-card-breadcrumb ul li a {
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
            text-align: center;
            color: #1e2437;
            font-weight: 500;
        }

        .mt-card-breadcrumb ul li:first-child a {
            color: #36adb4;
        }

        .mt-card-breadcrumb ul li:last-child a {
            color: rgba(30, 36, 55, 0.3);
            display: block;
            margin-left: 25px;
        }

        .mt-card-breadcrumb ul li i {
            color: #36adb4;
            font-size: 12px;
            margin: 0 5px;
        }

.mt-header-icons {
    background: #7fe2dc;
    box-shadow: 0px 1px 6px rgb(30 36 55 / 20%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .mt-header-icons svg {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

.trackManage-nav ul li a:hover .mt-header-icons {
    background-color: #1e2437;
}

.mt-card-cover-section {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.mt-card-cover {
    min-height: 700px;
    position: relative;
    background: #faf9f5;
    box-shadow: 0px 0px 43.3311px rgb(0 0 0 / 10%);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 20px;
}

.mt-card-image01 {
    background-image: url(../Images/gt-mt-images/card-bg01.png);
}

.mt-card-cover-foot {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 30px;
}

    .mt-card-cover-foot p {
        font-family: Recoleta;
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }

.mt-card-slide h2 {
    font-family: Recoleta;
    font-style: normal;
    font-weight: 400;
    font-size: 44.4517px;
    line-height: 44px;
    text-align: center;
    color: #1e2437;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30%;
}

.mt-card-heading {
    font-family: Recoleta;
    font-style: normal;
    font-weight: 400;
    font-size: 58px;
    line-height: 58px;
    text-align: center;
    color: #1e2437;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    padding-top: 25%;
}

[contenteditable="true"]:focus {
    outline: none;
}

.mt-first-card-header p {
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    font-weight: 500;
}

.mt-card-cover-header {
    margin-bottom: 5px;
    min-height: 30px;
}

    .mt-card-cover-header ul.mt-card-cover-action {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .mt-card-cover-header ul.mt-card-cover-action li {
            display: inline-block;
        }

            .mt-card-cover-header ul.mt-card-cover-action li a svg {
                width: 16px;
                height: 16px;
            }

            .mt-card-cover-header ul.mt-card-cover-action li a {
                display: flex;
                padding: 0 0px;
                height: 28px;
                width: 28px;
                align-items: center;
                justify-content: center;
            }

            .mt-card-cover-header ul.mt-card-cover-action li:last-child a {
                padding-right: 0;
            }

            .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a {
                text-align: center;
                transition: all ease 0.3s;
                border-radius: 4px;
                line-height: 50px;
                font-weight: 800;
            }

                .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a:hover,
                .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows.active a {
                    background: rgba(30, 36, 55, 0.1);
                }

.card-scale-actions {
    position: fixed;
    bottom: 30px;
    right: 40px;
}

.zoom-btns ul li {
    display: inline-block;
    border-right: 1px dashed rgba(30, 36, 55, 0.54);
    padding: 2px 15px;
    margin: 0;
}

    .zoom-btns ul li:last-child {
        border-right: 0px dashed rgba(30, 36, 55, 0.54);
        padding-right: 5px;
    }

.zoom-dropdown {
    position: relative;
    margin: 0 15px;
}

    .zoom-dropdown select {
        border: 1px solid rgba(30, 36, 55, 0.1);
        box-sizing: border-box;
        border-radius: 3.06667px;
        width: 92px;
        height: 38px;
        padding: 0 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        font-size: 14px;
        color: #1e2437;
        font-weight: 500;
    }

    .zoom-dropdown::before {
        content: "\f0dd";
        color: #7fe2dc;
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        right: 14px;
        top: 5px;
    }

    .zoom-dropdown select:focus {
        outline: none;
    }

.zoom-full-screen {
    padding-left: 10px;
}

    .zoom-full-screen a {
        background: #7fe2dc;
        box-shadow: 0px 1px 6px rgb(30 36 55 / 20%);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

        .zoom-full-screen a svg {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .zoom-full-screen a:hover {
            background-color: #1e2437;
        }

            .zoom-full-screen a:hover svg path {
                fill: #fff;
            }

.customize-graphic {
}

.customize-graphic {
    margin-top: 50px;
    margin-bottom: 60px;
}

a.theme-btn-lite.max-180 {
    max-width: 180px;
}

.card-edit-btns {
    position: fixed;
    top: 160px;
    left: 5%;
}

    .card-edit-btns .dropright button.dropdown-toggle {
        background-color: transparent;
        border: none;
        background: #1e2437;
        color: #ffffff;
        font-size: 10px;
        line-height: 12px;
        padding-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 12px;
        width: 70px;
        min-height: 80px;
        text-align: center;
    }

        .card-edit-btns .dropright button.dropdown-toggle:focus {
            outline: none;
            background-color: #353a4b;
        }

button.dropdown-toggle.active {
    background-color: #353a4b !important;
}

.card-edit-btns .dropdown-toggle::after {
    display: none !important;
}

.card-edit-btns .dropright button svg {
    display: block;
    margin: 0 auto 8px;
}

.top-radius-6 {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.bottom-radius-6 {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.card-edit-btns .dropdown-menu {
    background: #353a4b;
    border-radius: 8px;
    padding: 35px;
    margin-left: 35px !important;
}

    .card-edit-btns .dropdown-menu:after {
        content: "";
        background: #353a4b;
        transform: rotate(-45deg);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 30px;
        left: -6px;
        z-index: -1;
    }

.card-edit-btns button.mt-browse-library {
    margin-right: 15px;
}

.locked-btns {
    position: relative;
}

.card-edit-btns .dropdown-menu .mt-sign-control {
    position: relative;
    border-bottom: 1px solid #f7f7f6;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

    .card-edit-btns .dropdown-menu .mt-sign-control input {
        padding: 0px;
        color: rgba(30, 36, 55, 0.8);
    }

.mt-card-image-preview img {
    width: auto !important;
    max-width: 360px;
}

.card-edit-btns .dropdown-menu .mt-sign-control textarea.mt-sign-textarea {
    padding: 0px;
    margin-top: 5px;
}

.locked-btns .locked-features {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #e45964;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
}

    .locked-btns .locked-features svg {
        display: block;
        margin: 0 auto 8px;
    }

.quantity.modal-quantity {
    width: 100%;
    height: 56px;
    padding: 0 10px;
}

    .quantity.modal-quantity a {
        width: 22px;
        height: 22px;
    }

    .quantity.modal-quantity input {
        font-size: 16px;
    }

.modal-radio-block.inline-radio-block {
    padding: 0;
    margin: 0;
    border: 0;
}

input.form-control.lite-placeholder::placeholder {
    color: rgba(30, 36, 55, 0.3);
    opacity: 1;
}

input.form-control.lite-placeholder:-ms-input-placeholder {
    color: rgba(30, 36, 55, 0.3);
}

input.form-control.lite-placeholder::-ms-input-placeholder {
    color: rgba(30, 36, 55, 0.3);
}

.hide {
    display: none !important;
}

.gt-confirm-amount h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
    margin-bottom: 25px;
}

.gt-confirm-amount p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
    margin-bottom: 35px;
}

span.active-balance {
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: rgba(30, 36, 55, 0.6);
}

.payment-icons {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.pb-20 {
    padding-bottom: 20px !important;
}

.mt-order-completed {
    padding: 50px 50px;
}

    .mt-order-completed h1 {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #1e2437;
        margin-top: 18px;
        margin-bottom: 25px;
    }

    .mt-order-completed h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #1e2437;
    }

    .mt-order-completed p {
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 36, 55, 0.6);
        margin-bottom: 35px;
    }

    .mt-order-completed a {
        max-width: 200px;
    }

.mt-comment-confirmation {
    min-height: 335px;
    width: 391px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mt-comment-confirmation2 {
    min-height: 335px;
    width: 391px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mt-comment-confirmation p {
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-comment-confirmation2 span {
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-comment-confirmation a {
    max-width: 170px;
}

.mt-comment-confirmation2 a {
    max-width: 170px;
}

.bg-dark-gray {
    background-color: #e8e9eb !important;
}

.delete-card-btn {
    font-size: 16px;
    line-height: 18px;
    color: #e45964;
    background-color: #fff;
    border: 0;
    text-transform: uppercase;
}

    .delete-card-btn:focus {
        outline: none;
    }

.modal-default-margin {
    margin: 1.75rem auto !important;
}

.dropdown-menu.top99 {
    top: -99px !important;
    width: 475px;
}

.mt-card-templates .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .mt-card-templates .row .col-4 {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 10px;
    }

.mt-card-templates img {
    width: 100%;
}

.mt-card-templates {
    height: 532px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 15px;
}

    .mt-card-templates::-webkit-scrollbar {
        width: 7px;
        border-radius: 30px;
    }

    .mt-card-templates::-webkit-scrollbar-track {
        background: #353a4b;
    }

    .mt-card-templates::-webkit-scrollbar-thumb {
        background: #c4c4c4;
        border-radius: 30px;
    }

.card-edit-btns .dropdown-menu.top99:after {
    top: 125px;
}

.dropdown-menu.top120 {
    top: -179px !important;
    width: 600px;
    padding: 15px;
}

.card-col-grid ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .card-col-grid ul li {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

        .card-col-grid ul li a {
            display: block;
            text-align: center;
            padding: 20px;
            transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
        }

            .card-col-grid ul li a img {
                width: 100%;
            }

            .card-col-grid ul li a p {
                font-size: 16px;
                line-height: 12px;
                color: #ffffff;
                margin-bottom: 0;
                margin-top: 30px;
            }

            .card-col-grid ul li a:hover {
                background-color: #4a4f5e;
            }

.card-edit-btns .dropdown-menu.top120:after {
    top: auto;
    bottom: 42px;
}

.mt-content-editor {
    padding: 12px 0;
}

.mt-content-editor-inner {
    max-width: 500px;
    margin: 0 auto;
}

.mt-fixed-header {
    background-color: #fff;
}

    .mt-fixed-header.fixed {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        transition: all ease 0.3s;
    }

        .mt-fixed-header.fixed .mt-header-icons {
            width: 40px;
            height: 40px;
        }

            .mt-fixed-header.fixed .mt-header-icons svg {
                width: 20px;
                height: 20px;
            }

        .mt-fixed-header.fixed .navbar-light .navbar-nav .nav-link {
            padding-top: 4px;
            padding-bottom: 4px;
        }

.mt-editor-dropdown {
    position: relative;
}

    .mt-editor-dropdown select {
        background: #ffffff;
        border: 1px solid rgba(30, 36, 55, 0.1);
        box-sizing: border-box;
        border-radius: 4px;
        height: 38px;
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #1e2437;
        font-weight: 500;
        padding: 0 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
    }

    .mt-editor-dropdown::before {
        content: "\f0dd";
        color: #7fe2dc;
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        right: 12px;
        top: 4px;
    }

ul.mt-text-editor {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.mt-text-editor li {
        margin: 0 10px;
    }

        ul.mt-text-editor li:first-child a img {
            height: 24px;
        }

        ul.mt-text-editor li:nth-child(2) a img {
            height: 18px;
            position: relative;
            top: -3px;
        }

        ul.mt-text-editor li:nth-child(3) a img {
            height: 20px;
            position: relative;
            top: -2px;
        }

ul.mt-text-alignment {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.mt-text-alignment li:first-child a img {
        height: 20px;
    }

    ul.mt-text-alignment li:nth-child(2) a img {
        height: 24px;
    }

    ul.mt-text-alignment li {
        position: relative;
        margin-left: 12px;
        padding-left: 12px;
    }

        ul.mt-text-alignment li:after {
            content: "";
            background-color: rgba(0, 0, 0, 0.2);
            height: 36px;
            width: 1px;
            position: absolute;
            left: 0;
            top: -4px;
        }

.mt-card-content {
    font-size: 11px;
    line-height: 15px;
    color: #1e2437;
    background-color: #fff;
    padding: 12px 14px;
    margin-bottom: 12px;
}

    .mt-card-content br {
        content: "";
        margin: 3em;
        display: block;
        font-size: 24%;
    }

    .mt-card-content p {
        font-size: 12.1681px;
        line-height: 19px;
        text-align: right;
        color: #1e2437;
        margin: 0;
        margin-top: 8px;
        font-weight: 500;
    }

.card-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

    .card-row .card-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }

.mt-editable-nav .navbar-nav .nav-item .nav-link span {
    display: none;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    font-weight: 500;
}

.modal-max480 {
    max-width: 480px;
}

.mt-editbar-mob {
    display: none;
}

.modal.full-screen-modal {
    background-color: #f7f7f6;
}

    .modal.full-screen-modal .modal-dialog {
        margin: 0 auto;
        min-height: 100vh;
        max-width: 640px;
        pointer-events: unset;
    }

        .modal.full-screen-modal .modal-dialog .carousel .mt-card-cover {
            min-height: 100vh;
        }

        .modal.full-screen-modal .modal-dialog .card-scale-actions {
            position: fixed;
            bottom: 30px;
            right: 40px;
            background: #1e2437;
            border-radius: 8px;
            padding: 8px 12px;
        }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover {
                background-color: #7fe2dc;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a svg path {
                fill: #000;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover svg path {
                fill: #000;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-btns ul li {
                border-right: 1px dashed rgb(255 255 255 / 54%);
            }

.slideCount {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    padding-left: 10px;
}

.modal.full-screen-modal a.carousel-control-prev {
    width: 35px;
    left: -15%;
    opacity: 1;
}

.modal.full-screen-modal a.carousel-control-next {
    width: 35px;
    right: -15%;
    opacity: 1;
}

    .modal.full-screen-modal a.carousel-control-prev svg,
    .modal.full-screen-modal a.carousel-control-next svg {
        width: 30px;
        height: 60px;
    }

    .modal.full-screen-modal a.carousel-control-prev:hover,
    .modal.full-screen-modal a.carousel-control-next:hover {
        opacity: 0.8;
    }

.modal-arrows a.carousel-control-prev {
    width: 35px;
    left: -15%;
    opacity: 1;
}

.modal-arrows a.carousel-control-next {
    width: 35px;
    right: -15%;
    opacity: 1;
}

    .modal-arrows a.carousel-control-prev svg,
    .modal-arrows a.carousel-control-next svg {
        width: 30px;
        height: 60px;
    }

    .modal-arrows a.carousel-control-prev:hover,
    .modal-arrows a.carousel-control-next:hover {
        opacity: 0.8;
    }

.gs-groupcard-modal {
    max-width: 540px;
}

.gs-groupcard-modal {
    max-width: 540px;
}

    .gs-groupcard-modal .gc-booklet {
        height: auto;
    }

.mt-join-collection-card .mt-5 {
    margin-top: 0 !important;
}

.mt-join-collection-card .mt-join-collection-card-inner > div {
    margin: 0px !important;
}

.gts-btn-blue {
    box-shadow: none;
    border: none;
    background: #05eaed;
    color: #000;
}

.gts-textbox {
    background: #f8f8f8;
    border: solid 0px !important;
    margin-top: 12px;
    font-size: 10px;
}

.text-box-style {
    padding-top: 20px;
    min-height: 100px;
    position: relative;
    padding: 20px !important;
    border: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.popupDiv {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 13%;
    z-index: 100000000;
    display: none;
    text-align: center;
    margin: 10px auto;
    background-color: rgba(0, 0, 0, 0.85);
    border: #666 medium solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.displaydiv {
    display: none !important;
}

.mt-card-slider .message-card-inner .message-card-text {
    min-height: 286px;
}

.mt-library-tab-content {
    height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .mt-library-tab-content::-webkit-scrollbar {
        width: 0px;
    }

    .mt-library-tab-content::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .mt-library-tab-content::-webkit-scrollbar-thumb {
        background: #888;
    }

        .mt-library-tab-content::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

button.mt-browse-library:hover {
    background-color: #46cac2;
    color: #ffffff;
}

.mt-upload-own:hover button {
    background: #1e2437;
    color: #ffffff;
}

.mt-library-tabs .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    justify-content: center;
}

    .mt-library-tabs .nav-tabs .nav-link {
        border: 0px solid transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: 2px solid transparent;
        padding: 0px 0;
        margin: 0 15px;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        font-weight: 500;
        transition: border-bottom 0.25s ease-out;
    }

        .mt-library-tabs .nav-tabs .nav-link:hover {
            border-bottom: 2px solid #7fe2dc;
        }

        .mt-library-tabs .nav-tabs .nav-link.active {
            border-bottom: 2px solid #7fe2dc;
        }

/*.mt-library-tab-content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 15px;
    padding: 0 5px;
}*/

/*    .mt-library-tab-content ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px;
        cursor: pointer;
    }*/

.mt-library-tab-content ul li img {
    width: 100%;
    max-width: 100%;
}

.mt-library-tab-content ul li .library-image-overlay {
    opacity: 0;
    transition: opacity 0.5s;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    justify-content: center;
}

    .mt-library-tab-content ul li .library-image-overlay a {
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #1e2437;
        background: #ffffff;
        border-radius: 24px;
        padding: 10px 24px;
        display: inline-block;
    }

.mt-library-tab-content ul li:hover .library-image-overlay {
    opacity: 1;
}

.mt-card-image-preview a {
    position: absolute;
    top: -5px;
    right: -30px;
    display: block;
    line-height: normal;
}

    .mt-card-image-preview a:hover {
        opacity: 0.9;
    }

.thank-you-100 {
    height: 100vh;
    background-image: url(../../Images/gt-mt-images/thankyou-bg.png);
    background-size: cover;
    background-position: center center;
}

.thank-you-inner h2 {
    font-weight: normal;
    font-size: 36px;
    line-height: 32px;
    text-align: center;
    font-family: Recoleta;
    color: #1e2437;
    margin-bottom: 15px;
}

.thank-you-inner p {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 0;
}

button.create-collection-btn {
    background-color: #1e2437;
    color: #fff;
    display: block;
    margin: 30px auto 25px;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 0;
    width: 260px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    padding: 13px 0;
}

    button.create-collection-btn:focus {
        outline: none;
    }

    button.create-collection-btn:hover {
        background: #0f121d;
        color: #ffffff;
    }

.thank-you-inner a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #36adb4;
    border-bottom: 1px solid transparent;
    transition: border-bottom ease 0.3s;
    padding-bottom: 3px;
}

    .thank-you-inner a:hover {
        border-bottom: 1px solid #36adb4;
    }

.powered-by-footer {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}

    .powered-by-footer svg {
        width: 30px;
        height: 30px;
    }

    .powered-by-footer p {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        color: rgba(30, 36, 55, 0.4);
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 0;
    }

.gt-signup-modal-content {
    padding: 40px;
}

    .gt-signup-modal-content .gt-modal-close {
        top: 12px;
        position: absolute;
        right: 20px;
        cursor: pointer;
    }

        .gt-signup-modal-content .gt-modal-close:hover {
            opacity: 0.8;
        }

    .gt-signup-modal-content h2 {
        padding: 0 0 30px 0;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        font-weight: 500;
        margin-bottom: 0;
    }

.gt-social-signup button {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    display: block;
    width: 100%;
    margin: 8px 0;
    font-weight: 600;
    padding: 14px 10px;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .gt-social-signup button:focus {
        outline: none;
    }

    .gt-social-signup button:hover {
        background: #f3f3f3;
    }

    .gt-social-signup button svg {
        width: 20px;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: 15px;
    }

.gt-email-signup {
    margin-top: 30px;
}

    .gt-email-signup h3 {
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: rgba(30, 36, 55, 0.6);
        position: relative;
        font-weight: 500;
    }

        .gt-email-signup h3::after {
            background-color: #e9eaeb;
            content: "";
            transform: translateY(-50%);
            position: absolute;
            left: 0;
            top: 50%;
            right: 0;
            width: 100%;
            height: 1px;
        }

        .gt-email-signup h3 span {
            background-color: #fff;
            position: relative;
            z-index: 99;
            padding: 0 25px;
        }

.gt-email-signup-form {
    background: #ffffff;
    border: 1px solid #e9eaeb;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin: 15px 0;
}

    .gt-email-signup-form .gt-email-signup-input {
        border-bottom: 1px solid #e9eaeb;
    }

        .gt-email-signup-form .gt-email-signup-input input {
            font-weight: normal;
            font-size: 16px;
            line-height: 28px;
            color: #1e2437;
            border: 0;
            width: 100%;
            padding: 10px 15px;
        }

            .gt-email-signup-form .gt-email-signup-input input:focus {
                outline: none;
            }

            .gt-email-signup-form .gt-email-signup-input input::placeholder {
                color: rgba(30, 36, 55, 0.4);
                opacity: 1;
            }

            .gt-email-signup-form .gt-email-signup-input input:-ms-input-placeholder {
                color: rgba(30, 36, 55, 0.4);
            }

            .gt-email-signup-form .gt-email-signup-input input::-ms-input-placeholder {
                color: rgba(30, 36, 55, 0.4);
            }

.bt-signup-btn {
    width: 100%;
    padding: 12px 5px;
    background: rgba(30, 36, 55, 0.2);
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    border: 0;
    text-align: center;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin-top: 10px;
    font-weight: 500;
}

    .bt-signup-btn:focus {
        outline: none;
    }

    .bt-signup-btn:hover {
        background: #1e2437;
    }

.gt-email-signup p {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;
}

    .gt-email-signup p a {
        color: rgba(30, 36, 55, 0.8);
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

        .gt-email-signup p a:hover {
            text-decoration: underline;
        }

.mt-card-breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .mt-card-breadcrumb ul li {
        display: inline-block;
    }

        .mt-card-breadcrumb ul li a {
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
            color: #1e2437;
        }

        .mt-card-breadcrumb ul li a {
            font-weight: normal;
            font-size: 16px;
            line-height: 18px;
            text-align: center;
            color: #1e2437;
            font-weight: 500;
        }

        .mt-card-breadcrumb ul li:first-child a {
            color: #36adb4;
        }

        .mt-card-breadcrumb ul li:last-child a {
            color: rgba(30, 36, 55, 0.3);
            display: block;
            margin-left: 25px;
        }

        .mt-card-breadcrumb ul li i {
            color: #36adb4;
            font-size: 12px;
            margin: 0 5px;
        }

.mt-header-icons {
    background: #7fe2dc;
    box-shadow: 0px 1px 6px rgb(30 36 55 / 20%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .mt-header-icons svg {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

.trackManage-nav ul li a:hover .mt-header-icons {
    background-color: #1e2437;
}

.mt-card-cover-section {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.mt-card-cover {
    min-height: 700px;
    position: relative;
    background: #faf9f5;
    box-shadow: 0px 0px 43.3311px rgb(0 0 0 / 10%);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 20px;
}

.mt-card-image01 {
    background-image: url(../Images/gt-mt-images/card-bg01.png);
}

.mt-card-cover-foot {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 30px;
}

    .mt-card-cover-foot p {
        font-family: Recoleta;
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }

.mt-card-slide h2 {
    font-family: Recoleta;
    font-style: normal;
    font-weight: 400;
    font-size: 44.4517px;
    line-height: 44px;
    text-align: center;
    color: #1e2437;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30%;
}

.mt-card-heading {
    font-family: Recoleta;
    font-style: normal;
    font-weight: 400;
    font-size: 58px;
    line-height: 58px;
    text-align: center;
    color: #1e2437;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    padding-top: 25%;
}

[contenteditable="true"]:focus {
    outline: none;
}

.mt-first-card-header p {
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    font-weight: 500;
}

.mt-card-cover-header {
    margin-bottom: 5px;
    min-height: 30px;
}

    .mt-card-cover-header ul.mt-card-cover-action {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .mt-card-cover-header ul.mt-card-cover-action li {
            display: inline-block;
        }

            .mt-card-cover-header ul.mt-card-cover-action li a svg {
                width: 16px;
                height: 16px;
            }

            .mt-card-cover-header ul.mt-card-cover-action li a {
                display: flex;
                padding: 0 0px;
                height: 28px;
                width: 28px;
                align-items: center;
                justify-content: center;
            }

            .mt-card-cover-header ul.mt-card-cover-action li:last-child a {
                padding-right: 0;
            }

            .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a {
                text-align: center;
                transition: all ease 0.3s;
                border-radius: 4px;
                line-height: 50px;
                font-weight: 800;
            }

                .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows a:hover,
                .mt-card-cover-header ul.mt-card-cover-action li.updown-arrows.active a {
                    background: rgba(30, 36, 55, 0.1);
                }

.card-scale-actions {
    position: fixed;
    bottom: 30px;
    right: 40px;
}

.zoom-btns ul li {
    display: inline-block;
    border-right: 1px dashed rgba(30, 36, 55, 0.54);
    padding: 2px 15px;
    margin: 0;
}

    .zoom-btns ul li:last-child {
        border-right: 0px dashed rgba(30, 36, 55, 0.54);
        padding-right: 5px;
    }

.zoom-dropdown {
    position: relative;
    margin: 0 15px;
}

    .zoom-dropdown select {
        border: 1px solid rgba(30, 36, 55, 0.1);
        box-sizing: border-box;
        border-radius: 3.06667px;
        width: 92px;
        height: 38px;
        padding: 0 15px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        font-size: 14px;
        color: #1e2437;
        font-weight: 500;
    }

    .zoom-dropdown::before {
        content: "\f0dd";
        color: #7fe2dc;
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        right: 14px;
        top: 5px;
    }

    .zoom-dropdown select:focus {
        outline: none;
    }

.zoom-full-screen {
    padding-left: 10px;
}

    .zoom-full-screen a {
        background: #7fe2dc;
        box-shadow: 0px 1px 6px rgb(30 36 55 / 20%);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

        .zoom-full-screen a svg {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .zoom-full-screen a:hover {
            background-color: #1e2437;
        }

            .zoom-full-screen a:hover svg path {
                fill: #fff;
            }

.customize-graphic {
}

.customize-graphic {
    margin-top: 50px;
    margin-bottom: 60px;
}

a.theme-btn-lite.max-180 {
    max-width: 180px;
}

.card-edit-btns {
    position: fixed;
    top: 160px;
    left: 5%;
    z-index: 99;
}

    .card-edit-btns .dropright button.dropdown-toggle {
        background-color: transparent;
        border: none;
        background: #1e2437;
        color: #ffffff;
        font-size: 10px;
        line-height: 12px;
        padding-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 12px;
        width: 70px;
        min-height: 80px;
        text-align: center;
    }

        .card-edit-btns .dropright button.dropdown-toggle:focus {
            outline: none;
            background-color: #353a4b;
        }

button.dropdown-toggle.active {
    background-color: #353a4b !important;
}

.card-edit-btns .dropdown-toggle::after {
    display: none !important;
}

.card-edit-btns .dropright button svg {
    display: block;
    margin: 0 auto 8px;
}

.top-radius-6 {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.bottom-radius-6 {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.card-edit-btns .dropdown-menu {
    background: #353a4b;
    border-radius: 8px;
    padding: 35px;
    margin-left: 35px !important;
}

    .card-edit-btns .dropdown-menu:after {
        content: "";
        background: #353a4b;
        transform: rotate(-45deg);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 30px;
        left: -6px;
        z-index: -1;
    }

.card-edit-btns button.mt-browse-library {
    margin-right: 15px;
}

.locked-btns {
    position: relative;
}

    .locked-btns .locked-features {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 0px 0px 5px 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #e45964;
        font-size: 10px;
        line-height: 12px;
        font-weight: 500;
    }

        .locked-btns .locked-features svg {
            display: block;
            margin: 0 auto 8px;
        }

.quantity.modal-quantity {
    width: 100%;
    height: 56px;
    padding: 0 10px;
}

    .quantity.modal-quantity a {
        width: 22px;
        height: 22px;
    }

    .quantity.modal-quantity input {
        font-size: 16px;
    }

.modal-radio-block.inline-radio-block {
    padding: 0;
    margin: 0;
    border: 0;
}

input.form-control.lite-placeholder::placeholder {
    color: rgba(30, 36, 55, 0.3);
    opacity: 1;
}

input.form-control.lite-placeholder:-ms-input-placeholder {
    color: rgba(30, 36, 55, 0.3);
}

input.form-control.lite-placeholder::-ms-input-placeholder {
    color: rgba(30, 36, 55, 0.3);
}

.hide {
    display: none !important;
}

.gt-confirm-amount h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
    margin-bottom: 25px;
}

.gt-confirm-amount p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    font-weight: 500;
    margin-bottom: 35px;
}

span.active-balance {
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: rgba(30, 36, 55, 0.6);
}

.payment-icons {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.pb-20 {
    padding-bottom: 20px !important;
}

.mt-order-completed {
    padding: 50px 50px;
}

    .mt-order-completed h1 {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #1e2437;
        margin-top: 18px;
        margin-bottom: 25px;
    }

    .mt-order-completed h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #1e2437;
    }

    .mt-order-completed p {
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 36, 55, 0.6);
        margin-bottom: 35px;
    }

    .mt-order-completed a {
        max-width: 200px;
    }

.mt-comment-confirmation {
    min-height: 335px;
    width: 391px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .mt-comment-confirmation p {
        font-size: 26px;
        line-height: 34px;
        text-align: center;
        color: #ffffff;
        font-weight: 400;
        padding: 0 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-comment-confirmation a {
        max-width: 170px;
    }

.bg-dark-gray {
    background-color: #e8e9eb !important;
}

.delete-card-btn {
    font-size: 16px;
    line-height: 18px;
    color: #e45964;
    background-color: #fff;
    border: 0;
    text-transform: uppercase;
}

    .delete-card-btn:focus {
        outline: none;
    }

.modal-default-margin {
    margin: 1.75rem auto !important;
}

.dropdown-menu.top99 {
    top: -99px !important;
    width: 475px;
}

.mt-card-templates .row {
    margin-left: -5px;
    margin-right: -5px;
}

    .mt-card-templates .row .col-4 {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 10px;
    }

.mt-card-templates img {
    width: 100%;
}

.mt-card-templates {
    height: 532px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 15px;
}

    .mt-card-templates::-webkit-scrollbar {
        width: 7px;
        border-radius: 30px;
    }

    .mt-card-templates::-webkit-scrollbar-track {
        background: #353a4b;
    }

    .mt-card-templates::-webkit-scrollbar-thumb {
        background: #c4c4c4;
        border-radius: 30px;
    }

.card-edit-btns .dropdown-menu.top99:after {
    top: 125px;
}

.dropdown-menu.top120 {
    top: -179px !important;
    width: 600px;
    padding: 15px;
}

.card-col-grid ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .card-col-grid ul li {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

        .card-col-grid ul li a {
            display: block;
            text-align: center;
            padding: 20px;
            transition: all ease 0.3s;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
        }

            .card-col-grid ul li a img {
                width: 100%;
            }

            .card-col-grid ul li a p {
                font-size: 16px;
                line-height: 12px;
                color: #ffffff;
                margin-bottom: 0;
                margin-top: 30px;
            }

            .card-col-grid ul li a:hover {
                background-color: #4a4f5e;
            }

.card-edit-btns .dropdown-menu.top120:after {
    top: auto;
    bottom: 42px;
}

.mt-content-editor {
    padding: 12px 0;
}

.mt-content-editor-inner {
    max-width: 500px;
    margin: 0 auto;
}

.mt-fixed-header {
    background-color: #fff;
}

    .mt-fixed-header.fixed {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        transition: all ease 0.3s;
    }

        .mt-fixed-header.fixed .mt-header-icons {
            width: 40px;
            height: 40px;
        }

            .mt-fixed-header.fixed .mt-header-icons svg {
                width: 20px;
                height: 20px;
            }

        .mt-fixed-header.fixed .navbar-light .navbar-nav .nav-link {
            padding-top: 4px;
            padding-bottom: 4px;
        }

.mt-editor-dropdown {
    position: relative;
}

    .mt-editor-dropdown select {
        background: #ffffff;
        border: 1px solid rgba(30, 36, 55, 0.1);
        box-sizing: border-box;
        border-radius: 4px;
        height: 38px;
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #1e2437;
        font-weight: 500;
        padding: 0 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
    }

    .mt-editor-dropdown::before {
        content: "\f0dd";
        color: #7fe2dc;
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        position: absolute;
        right: 12px;
        top: 4px;
    }

ul.mt-text-editor {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.mt-text-editor li {
        margin: 0 10px;
    }

        ul.mt-text-editor li:first-child a img {
            height: 24px;
        }

        ul.mt-text-editor li:nth-child(2) a img {
            height: 18px;
            position: relative;
            top: -3px;
        }

        ul.mt-text-editor li:nth-child(3) a img {
            height: 20px;
            position: relative;
            top: -2px;
        }

ul.mt-text-alignment {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.mt-text-alignment li:first-child a img {
        height: 20px;
    }

    ul.mt-text-alignment li:nth-child(2) a img {
        height: 24px;
    }

    ul.mt-text-alignment li {
        position: relative;
        margin-left: 12px;
        padding-left: 12px;
    }

        ul.mt-text-alignment li:after {
            content: "";
            background-color: rgba(0, 0, 0, 0.2);
            height: 36px;
            width: 1px;
            position: absolute;
            left: 0;
            top: -4px;
        }

.mt-card-content {
    font-size: 11px;
    line-height: 15px;
    color: #1e2437;
    background-color: #fff;
    padding: 12px 14px;
    margin-bottom: 12px;
}

    .mt-card-content br {
        content: "";
        margin: 3em;
        display: block;
        font-size: 24%;
    }

    .mt-card-content p {
        font-size: 12.1681px;
        line-height: 19px;
        text-align: right;
        color: #1e2437;
        margin: 0;
        margin-top: 8px;
        font-weight: 500;
    }

.card-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

    .card-row .card-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 8px;
        padding-right: 8px;
    }

.mt-editable-nav .navbar-nav .nav-item .nav-link span {
    display: none;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    font-weight: 500;
}

.modal-max480 {
    max-width: 480px;
}

.mt-editbar-mob {
    display: none;
}

.modal.full-screen-modal {
    background-color: #f7f7f6;
}

    .modal.full-screen-modal .modal-dialog {
        margin: 0 auto;
        min-height: 100vh;
        max-width: 540px;
        pointer-events: unset;
    }

        .modal.full-screen-modal .modal-dialog .carousel .mt-card-cover {
            min-height: 100vh;
        }

        .modal.full-screen-modal .modal-dialog .card-scale-actions {
            position: fixed;
            bottom: 30px;
            right: 40px;
            background: #1e2437;
            border-radius: 8px;
            padding: 8px 12px;
        }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover {
                background-color: #7fe2dc;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a svg path {
                fill: #000;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-full-screen a:hover svg path {
                fill: #000;
            }

            .modal.full-screen-modal .modal-dialog .card-scale-actions .zoom-btns ul li {
                border-right: 1px dashed rgb(255 255 255 / 54%);
            }

.slideCount {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    padding-left: 10px;
}

.modal.full-screen-modal a.carousel-control-prev {
    width: 35px;
    left: -15%;
    opacity: 1;
}

.modal.full-screen-modal a.carousel-control-next {
    width: 35px;
    right: -15%;
    opacity: 1;
}

    .modal.full-screen-modal a.carousel-control-prev svg,
    .modal.full-screen-modal a.carousel-control-next svg {
        width: 30px;
        height: 60px;
    }

    .modal.full-screen-modal a.carousel-control-prev:hover,
    .modal.full-screen-modal a.carousel-control-next:hover {
        opacity: 0.8;
    }

.mt-join-collection-card .mt-5 {
    margin-top: 0 !important;
}

.mt-join-collection-card .mt-join-collection-card-inner > div {
    margin: 0px !important;
}

.gts-btn-blue {
    box-shadow: none;
    border: none;
    background: #05eaed;
    color: #000;
}

.gts-textbox {
    background: #f8f8f8;
    border: solid 0px !important;
    margin-top: 12px;
    font-size: 10px;
}

.text-box-style {
    padding-top: 20px;
    min-height: 100px;
    position: relative;
    padding: 20px !important;
    border: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.popupDiv {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 13%;
    z-index: 100000000;
    display: none;
    text-align: center;
    margin: 10px auto;
    background-color: rgba(0, 0, 0, 0.85);
    border: #666 medium solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.displaydiv {
    display: none !important;
}

.mt-circle-avatar-name {
    background-color: #7fe2dc;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 800;
}

.mt-circle-avatar-name-large {
    background-color: #7fe2dc;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-weight: 800;
    font-size: 24px;
}

.tool-tip-info {
    position: absolute;
    font-size: 16px;
    color: #b9b9b9;
    top: 0;
    right: -25px;
    line-height: normal;
}

/* profile page CSS  */
.mt-profile-setting {
    max-width: 400px;
    margin: 0 auto;
    padding: 50px 0;
}

.dropdown.header-dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown.header-dropdown .dropdown-menu {
    background: #ffffff;
    border: 1px solid #e9eaeb;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    border-radius: 4px;
    min-width: 140px;
    padding: 0;
    margin-top: 15px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .dropdown.header-dropdown .dropdown-menu:hover {
        background-color: #fdfdfd;
    }

.dropdown.header-dropdown a.header-dropdown-item {
    font-size: 16px;
    line-height: 26px;
    color: #1e2437;
    padding: 12px 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-upload-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    width: 135px;
    margin: 0 auto;
}

    .profile-upload-wrapper .profile-upload-btn {
        position: relative;
        border: 0;
        background-color: transparent;
        padding: 0;
    }

button.profile-upload-btn img {
    width: 135px;
    height: 135px;
    object-fit: cover;
}

button.profile-upload-btn span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000059;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: all ease 0.3s;
}

.profile-upload-wrapper:hover button.profile-upload-btn span {
    opacity: 1;
}

.profile-upload-wrapper input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.mt-profile-image h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #1e2437;
    margin-bottom: 0;
    margin-top: 40px;
}

.mt-profile-image {
    margin-bottom: 60px;
}

.mt-edit-profile .theme-btn-dark {
    width: 100%;
    border: 0;
    border-radius: 30px;
    max-width: 110px;
}

    .mt-edit-profile .theme-btn-dark:focus {
        outline: none;
    }

.mt-profile-checkbox {
    margin-bottom: 40px;
    margin-top: 40px;
}

    .mt-profile-checkbox label {
        display: block;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 16px;
        line-height: 20px;
        color: #1e2437;
    }

    .mt-profile-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .mt-profile-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #e9eaeb;
        border: 1px solid #d2d3d7;
        overflow: hidden;
    }

    .mt-profile-checkbox input:checked ~ .checkmark {
        background-color: #1e2437;
        border: 0px solid #1e2437;
    }

.simple-link:hover {
    color: #46cac2;
}

.checkmark:after,
.checkmark:before {
    content: "";
    position: absolute;
    display: none;
}

.mt-profile-checkbox input:checked ~ .checkmark:after,
.mt-profile-checkbox input:checked ~ .checkmark:before {
    display: block;
}

.mt-profile-checkbox .checkmark:after {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/cancel.png);
    background-size: contain;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*.mt-profile-checkbox .checkmark:before {
    height: 26px;
    width: 1px;
    background-color: #ffffff;
    transform: rotate( 45deg);
    top: -5px;
    left: 9px;
}*/

.mt-edit-profile .theme-btn-lite:focus {
    outline: none;
}

hr.mt-profile-divider {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    border-top: 1px solid #e9eaeb;
}

.mt-profile-update-password .form-group .form-control {
    margin-bottom: 15px;
}

    .mt-profile-update-password .form-group .form-control::placeholder {
        color: rgba(30, 36, 55, 0.4);
        opacity: 1;
    }

    .mt-profile-update-password .form-group .form-control:-ms-input-placeholder {
        color: rgba(30, 36, 55, 0.4);
    }

    .mt-profile-update-password .form-group .form-control::-ms-input-placeholder {
        color: rgba(30, 36, 55, 0.4);
    }

.theme-update-btn {
    width: 100%;
    padding: 12px 5px;
    background: rgba(30, 36, 55, 0.1);
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: rgba(30, 36, 55, 0.5);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    border: 0;
}

    .theme-update-btn:hover {
        background: rgba(30, 36, 55, 0.3);
    }

    .theme-update-btn:focus,
    .theme-delete-btn:focus {
        outline: none;
    }

.theme-delete-btn {
    width: 100%;
    padding: 12px 5px;
    background: #fff;
    border-radius: 24px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #e45964;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    border: 1px solid #e45964;
}

    .theme-delete-btn:hover {
        background: #e45964;
        color: #fff;
    }

        .theme-delete-btn:hover svg path {
            fill: #fff;
        }

    .theme-delete-btn svg {
        position: relative;
        top: -5px;
        margin-right: 5px;
    }
/* profile page CSS  */
/* step modal CSS  */
.step-modal .modal-dialog {
    max-width: 100%;
}

.step-modal .share-modal-large {
    max-width: 840px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 10%);
    border-radius: 8px;
    width: 100%;
}

.step-modal .share-modal-small {
    max-width: 480px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 10%);
    border-radius: 8px;
    width: 100%;
}

.step-modal .modal-dialog .modal-content {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
}

.mt-join-height {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview-mode .mt-join-height {
    min-height: calc(100vh - 290px);
}

.mt-contribute-left.mt-card-space {
    padding: 110px 0 110px;
}

.mt-logo-footerv2 {
    text-align: center;
    width: 100%;
    padding: 50px 0 0;
}

    .mt-logo-footerv2 svg {
        width: 120px;
        /*padding: 25px 0;*/
    }

div#previewPicDiv img {
    object-fit: cover;
}

.mt-profile-checkbox.mt-4.mb-5 {
    margin-bottom: 30px !important;
}

a.carousel-control-next.mt-cardSliderArrow {
    right: -80px;
    opacity: 1;
    color: #635e5e;
}

    a.carousel-control-next.mt-cardSliderArrow i {
        color: #a2a2a2;
        font-size: 24px;
    }

/* Support request page CSS  */
.gt-support-request-inner {
    width: 100%;
    max-width: 880px;
    padding: 80px 15px 200px;
    margin: 0 auto;
}

.gt-sr-head {
    margin-bottom: 50px;
}

    .gt-sr-head h2 {
        margin-bottom: 50px;
        font-weight: 500;
        font-size: 64px;
        line-height: 72px;
        color: #1e2437;
    }

    .gt-sr-head p {
        font-size: 24px;
        line-height: 40px;
        color: #1e2437;
    }

.gt-sr-radio {
    max-width: 400px;
}

    .gt-sr-radio p {
        font-size: 20px;
        margin-bottom: 15px;
    }

.gt-support-request-inner .modal-radio.mb-5 {
    margin-bottom: 28px !important;
}

.wax-100 {
    max-width: 100% !important;
}

.mt-form textarea.form-control.wax-100 {
    height: 172px;
}

.gt-support-request-inner .support-submit {
    max-width: 160px;
}
/* New Trach and Manage page CSS  */
.mt-track-manage-subheader {
    background-color: #7fe2dc;
    max-height: 250px;
    position: relative;
}

.mt-tm-container {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.mt-tm-subheading h2 {
    font-family: Recoleta;
    font-style: normal;
    font-weight: normal;
    font-size: 44px;
    line-height: 55px;
    color: #1e2437;
    margin-bottom: 0;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mt-tm-subheading {
    padding-top: 35px;
    padding-bottom: 15px;
}

.mt-tm-collection-detail {
    width: 284px;
    height: 284px;
    background: #1e2437;
    margin: 0 auto;
    border-radius: 100%;
    margin-top: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
    position: relative;
}

.mt-tm-cd-inner p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}

.mt-tm-cd-inner a {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #7fe2dc;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
}

.mt-tm-card {
    max-width: 540px;
    margin: 0 auto;
    position: relative;
}

    .mt-tm-card .mt-card-cover .gc-booklet-inner {
        background-color: transparent;
    }

    .mt-tm-card .mt-card-cover {
        box-shadow: 0px 0px 52.1396px rgb(0 0 0 / 20%);
        min-height: 100%;
        padding: 0;
        background-color: #f5f5f5;
    }

.mt-tm-sidebar {
    max-width: 400px;
    margin: 0 auto;
}

.mt-tm-invite-friends a.theme-btn-lite {
    position: relative;
    z-index: 99;
}

.mt-tm-sidebar-blocks {
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 5%);
    border-radius: 8px;
    text-align: center;
    height: 190px;
    padding: 25px 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .mt-tm-sidebar-blocks h2 {
        font-weight: normal;
        font-size: 40px;
        line-height: 48px;
        text-align: center;
        color: #7fe2dc;
        margin: 0;
    }

    .mt-tm-sidebar-blocks p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        text-align: center;
        color: #1e2437;
        margin-bottom: 0;
    }

    .mt-tm-sidebar-blocks .theme-btn-lite {
        max-width: 180px;
        margin: 0 auto;
        margin-top: 20px;
    }

    .mt-tm-sidebar-blocks small {
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
        display: block;
    }

.mt-track-manage-cardholder {
    padding-bottom: 40px;
    background: #F7F7F6;
    margin-top: -40px;
}

.mt-tm-egift-inner {
    background: #ffffff;
    box-shadow: 0px 0px 24px rgba(30, 36, 55, 0.05);
    border-radius: 8px;
    padding: 30px;
    position: relative;
}

.mt-tm-egift-header {
    border-bottom: 1px solid #d2d3d7;
    padding: 10px 0 28px;
    margin-bottom: 28px;
}

.mt-tm-egift-title h2 {
    font-family: Recoleta;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 0;
}

    .mt-tm-egift-title h2 span {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #a5a7af;
        margin-left: 20px;
    }

.mt-tm-egift-sorting select {
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    border: 0;
    border-bottom: 1px solid #1e2437;
    padding-right: 35px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .mt-tm-egift-sorting select:focus {
        outline: none;
    }

.mt-track-manage-egift {
    padding-bottom: 120px;
    background: #F7F7F6;
}

.mt-tm-egift-sorting svg {
    position: absolute;
    right: 0;
    top: 8px;
}

.egift-cards .text-center {
    position: relative;
}

.egift-cards-inner {
    cursor: pointer;
}

    .egift-cards-inner img {
        box-shadow: 0.949544px 2.84863px 4.74772px -0.949544px rgb(0 0 0 / 13%);
        border-radius: 22px;
        margin-bottom: 25px;
        max-width: 100%;
        width: 100%;
    }

    .egift-cards-inner h3 {
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        color: #1e2437;
        margin-bottom: 2px;
    }

    .egift-cards-inner p {
        font-size: 16px;
        line-height: 24px;
        color: #1e2437;
    }

.egift-cards .slick-slide {
    margin: 0 10px;
}

.egift-cards .slick-list {
    margin: 0 -10px;
}

.mt-tm-egift-cards {
    margin-bottom: 10px;
}

.egift-see-more p {
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: rgba(30, 36, 55, 0.8);
    margin: 0;
    margin-top: 12px;
}

.egift-see-more {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
    cursor: pointer;
    max-width: 120px;
    margin: 0 auto;
}

    .egift-see-more:hover svg circle {
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

    .egift-see-more:hover svg circle {
        fill: #46cac2;
    }

.birthday-ideas-inner {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 2px;
}

    .birthday-ideas-inner img {
        width: 100%;
        max-width: 100%;
        object-fit: cover;
        height: 250px;
    }

.birthday-ideas-content {
    padding: 18px 22px;
}

    .birthday-ideas-content h4 {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #1e2437;
        margin: 0;
        margin-bottom: 5px;
    }

    .birthday-ideas-content p {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: #a5a7af;
        margin: 0;
    }

.mt-tm-birthday-ideas .slick-slide {
    margin: 0 10px;
}

.mt-tm-birthday-ideas .slick-list {
    margin: 0 -10px;
}

.mt-tm-birthday-ideas .slick-arrow {
    background: #7fe2dc;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    font-size: 16px;
    color: #1e2437;
    cursor: pointer;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .mt-tm-birthday-ideas .slick-arrow:hover {
        background-color: #46cac2;
    }

.mt-tm-birthday-ideas .left-arrow.slick-arrow {
    left: -10px;
}

.mt-tm-birthday-ideas .right-arrow.slick-arrow {
    right: -10px;
}

.mt-tm-egift-inner .wide-gutter {
    margin-left: -20px;
    margin-right: -20px;
}

    .mt-tm-egift-inner .wide-gutter .col-md-6 {
        padding-left: 20px;
        padding-right: 20px;
    }

.after-border {
    position: relative;
    border-right: 1px dashed #1e2437;
}
/*.after-border::after {
    border-right: 1px dashed #1E2437;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}*/

.mt-tm-card .edit-card {
    position: absolute;
    top: 80px;
    right: -35px;
}

    .mt-tm-card .edit-card svg {
        width: 75px;
        height: 75px;
    }

.gt-semi-curve {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.mt-tm-invite-friends.mt-5 {
    margin-top: 35px !important;
}

.egift-cards .slick-arrow,
.trending-gifts-slider .slick-arrow {
    background: #7fe2dc;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 32%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    font-size: 16px;
    color: #1e2437;
    cursor: pointer;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .egift-cards .slick-arrow:hover,
    .trending-gifts-slider .slick-arrow:hover {
        background-color: #46cac2;
    }

.egift-cards .left-arrow.slick-arrow,
.trending-gifts-slider .left-arrow.slick-arrow {
    left: -10px;
}

.egift-cards .right-arrow.slick-arrow,
.trending-gifts-slider .right-arrow.slick-arrow {
    right: -10px;
}

.egift-cards .slick-arrow.slick-disabled {
    display: none !important;
}

.mt-tm-cd-inner h5 {
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
    position: relative;
    display: inline-block;
}

.mt-tm-cd-inner > .row > .row .col-6.dash-border {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.mt-tm-cd-inner h5 svg {
    position: absolute;
    right: -8px;
    top: -15px;
    cursor: pointer;
}

.mt-tm-cd-inner .col-12 h5 {
    font-size: 55px;
    line-height: 65px;
}

    .mt-tm-cd-inner .col-12 h5 svg {
        right: -10px;
    }

.circle-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 99;
}

    .circle-actions a {
        margin-top: 0;
    }

.dash-border {
    border-left: 1px dashed #ffffff;
}

.mt-tm-cd-inner .row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gift-shop {
    max-width: 180px;
    margin-left: auto;
}

.most-popular-badge {
    background-image: url(../../Images/gt-mt-images/badge.png);
    width: 156px;
    height: 28px;
    position: absolute;
    right: -9px;
    top: 25px;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
}

    .most-popular-badge svg {
        margin-right: 5px;
        margin-left: 5px;
    }

.egift-cards03 .slick-slide {
    margin: 0 10px;
}

.egift-cards03 .slick-list {
    margin: 0 -10px;
}

.egift-cards03 .egift-cards-inner h3,
.egift-cards03 .egift-cards-inner p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
}

.egift-cards03 .egift-cards-inner p {
    font-size: 14px;
}

.egift-cards03 .egift-cards-inner img {
    margin-bottom: 15px;
}

.height100 {
    height: 100%;
}

.mt-tm-sidebar .mt-card-cover {
    min-height: 470px;
}

    .mt-tm-sidebar .mt-card-cover .mt-card-heading {
        font-style: normal;
        font-weight: normal;
        font-size: 44.6955px;
        line-height: 45px;
        text-shadow: 0px 0px 33.6086px rgba(0, 0, 0, 0.25);
    }

/*.mt-tm-sidebar-blocks.tm-170 {
    height: 170px;
}*/

.mt-tm-sidebar-blocks.tm-170 .w-50 {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px dashed rgba(30, 36, 55, 0.6);
    flex-direction: column;
}

    .mt-tm-sidebar-blocks.tm-170 .w-50:last-child {
        border-right: 0px dashed rgba(30, 36, 55, 0.6);
    }

.reminders-btn {
    position: absolute;
    width: 100%;
    max-width: 290px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mt-tm-card ~ .reminders-btn {
    bottom: 25px;
}

.mt-tm-sidebar .mt-tm-card .edit-card svg {
    width: 65px;
    height: 65px;
}

.mt-tm-sidebar .mt-tm-card .edit-card {
    position: absolute;
    top: 40px;
    right: -30px;
}

.curve-progress {
    position: relative;
    text-align: center;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -45px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

    .curve-progress .barOverflow {
        position: relative;
        overflow: hidden;
        width: 350px;
        height: 85px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .curve-progress .bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        height: 350px;
        border-radius: 73%;
        box-sizing: border-box;
        border: 20px solid #fcedd3;
        border-bottom-color: #e78970;
        border-right-color: #e78970;
        /* z-index: 99; */
    }

    .curve-progress span {
        color: transparent;
    }

    .curve-progress .barOverflow::after {
        content: "";
        position: absolute;
        height: 20px;
        width: 16px;
        background-color: #7fe2dc;
        bottom: -10px;
        left: 28px;
        -ms-transform: rotate(125deg);
        transform: rotate(125deg);
    }

    .curve-progress .barOverflow::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 16px;
        background-color: #7fe2dc;
        bottom: -10px;
        right: 28px;
        -ms-transform: rotate(-125deg);
        transform: rotate(-125deg);
        z-index: 99;
    }

.bar.theme-bar {
    border: 20px solid #36adb4;
    border-bottom-color: #36adb4;
    border-right-color: #36adb4;
}

.guest-entered h2,
.guest-entered p {
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #787c87;
    font-weight: 400;
}

.share-modal .modal-dialog {
    max-width: 600px;
}

.share-modal .max-480 {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.egift-cards03 .slick-arrow.slick-disabled {
    display: none !important;
}

.egift-cards03 .slick-arrow {
    background: #7fe2dc;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 44%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    font-size: 16px;
    color: #1e2437;
    cursor: pointer;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .egift-cards03 .slick-arrow:hover {
        background-color: #46cac2;
    }

.egift-cards03 .right-arrow.slick-arrow {
    right: -50px;
}

.egift-cards03 .left-arrow.slick-arrow {
    left: -50px;
}

.egift-cards03 .slick-arrow.slick-disabled {
    display: none !important;
}

.egift-cards03 .slick-arrow {
    background: #7fe2dc;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 44%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 9;
    font-size: 16px;
    color: #1e2437;
    cursor: pointer;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .egift-cards03 .slick-arrow:hover {
        background-color: #46cac2;
    }

.egift-cards03 .right-arrow.slick-arrow {
    right: -50px;
}

.egift-cards03 .left-arrow.slick-arrow {
    left: -50px;
}

label.switch.position-relative a {
    top: 4px;
    transform: none;
    right: -25px;
}

ul.charity-search-results {
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
    border: 1px solid #e9e9eb;
    border-radius: 4px;
}

    ul.charity-search-results li a {
        font-size: 16px;
        line-height: normal;
        color: rgba(30, 36, 55, 0.8);
        border-bottom: 1px solid #e9e9eb;
        display: block;
        padding: 8px 15px;
    }

        ul.charity-search-results li a:hover {
            background-color: #e9e9eb;
        }

    ul.charity-search-results li:last-child a {
        border-bottom: 0px solid #e9e9eb;
    }

.form-group.mt-form a.promo-code-btn {
    position: absolute;
    color: #46cac2;
    right: 15px;
    top: 48px;
    font-weight: 500;
    font-size: 16px;
}
/* invite-preview */
.invite-preview-header {
    padding: 22px 70px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: 999;
}

    .invite-preview-header .theme-btn-lite {
    }

.preview-breadcrumbs {
    text-align: center;
    background-color: #e9eaeb;
    padding: 28px 0;
}

.preview-mode .preview-modal-inner {
    background-color: #e9eaeb;
    position: relative;
    margin: 0 auto;
    width: calc(100% - 140px);
}

    .preview-mode .preview-modal-inner .preview-mode .preview-modal-inner {
        width: 100%;
        background-color: transparent;
    }

section.preview-mode {
    background-color: #e9eaeb;
}

section.min-100vh.preview-bg.preview-mode {
    min-height: unset;
}

/*.preview-mode .mt-contribute-groupcard-inner .carousel-control-next,
.preview-mode .mt-contribute-groupcard-inner .carousel-control-prev {
    display: none;
}*/

.preview-mode .mt-contribute-groupcard-inner {
    display: block;
    grid-template-columns: none;
    align-items: unset;
    grid-column-gap: unset;
}

.previewCarousel {
    display: none;
}

.preview-mode .mt-contribute-groupcard-inner .previewCarousel {
    text-align: center;
    display: block;
    color: #36adb4;
    font-family: "Modern Era TRIAL";
    font-size: 14px;
}

    .preview-mode .mt-contribute-groupcard-inner .previewCarousel a {
        background-color: #7fe2dc;
        width: 45px;
        height: 45px;
        display: flex;
        margin: 0 auto;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
    }

        .preview-mode .mt-contribute-groupcard-inner .previewCarousel a svg {
            width: 20px;
            height: 20px;
        }

.preview-modal-btn-right,
.preview-modal-btn-left {
    display: none;
}

.preview-mode .preview-modal-inner .preview-modal-btn-right,
.preview-mode .preview-modal-inner .preview-modal-btn-left {
    position: fixed;
    right: 5%;
    z-index: 9999;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.preview-mode .preview-modal-inner .preview-modal-btn-left {
    left: 5%;
    right: auto;
}

span#availablityText {
    font-size: 14px;
}

.invite-preview-header.remove-sticky {
    position: static;
}

    .invite-preview-header.remove-sticky .invite-preview-right .theme-btn-lite {
        z-index: 999;
        position: fixed;
        pointer-events: none;
        right: 70px;
        top: 22px;
        max-width: 290px;
    }

.disable-arrows .preview-modal-btn-right,
.disable-arrows .preview-modal-btn-left {
    pointer-events: none;
}
/*.preview-mode .preview-modal-inner > .preview-modal-btn-right a, .preview-mode .preview-modal-inner > .preview-modal-btn-left a {
    position: relative;
    top: -5%;
}*/

.preview-modal-v2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: #fffffff5;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview-breadcrumbs ul li {
    display: inline-block;
}

    .preview-breadcrumbs ul li a {
        color: #989ba3;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        display: inline-block;
        font-size: 14px;
        font-family: "Modern Era TRIAL";
        font-weight: 500;
        position: relative;
        margin: 0 12px;
    }

        .preview-breadcrumbs ul li a.active {
            color: #1e2437;
            font-weight: 700;
        }

    .preview-breadcrumbs ul li i {
        color: #c0c2c7;
        font-size: 11px;
    }

.invite-preview-right .theme-link-lite {
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}

.max-400 {
    max-width: 400px;
}

.preview-mode {
    margin: 0 !important;
}

.invite-preview-right {
    max-width: 290px;
    margin-left: auto;
    text-align: center;
    width: 100%;
    min-height: 88px;
}

.mt-contribute-right.mt-48.position-relative.mt-card-white {
    min-height: 100vh;
}

.preview-mode .mt-contribute-right.mt-48.position-relative.mt-card-white {
    min-height: unset;
}

.skip-preview {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #1e2437;
    margin-top: 20px;
    display: inline-block;
}

    .skip-preview:hover {
        color: #0f121c;
    }

.invite-preview-left h2 {
    font-size: 24px;
    line-height: 36px;
    color: #1e2437;
    margin-bottom: 0;
    font-weight: 500;
    display: flex;
    font-family: "Modern Era TRIAL";
    align-items: center;
}

.invite-preview-left p {
    font-size: 14px;
    line-height: 22px;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 5px;
    margin-top: 10px;
}

.invite-preview-left a {
    font-size: 16px;
    line-height: 18px;
    color: #36adb4;
    margin-right: 30px;
}

    .invite-preview-left a:hover {
        color: #46cac2;
    }

.invite-preview-left h2 svg {
    position: static;
    left: 0;
    top: 0;
    cursor: pointer;
}

.header-preview-text {
    font-size: 18px;
    line-height: 22px;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
}

    .header-preview-text strong {
        font-weight: 500;
        font-size: 20px;
        display: block;
        margin-bottom: 8px;
    }

    .header-preview-text a {
        text-decoration: underline !important;
        color: #1e2437 !important;
        cursor: pointer !important;
    }

.form-group.mt-form a.promo-code-btn:hover {
    color: #7fe2dc;
}

.simple-link {
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    text-decoration-line: underline;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    margin-top: 25px;
    display: block;
}

a.theme-btn-lite.max-290 {
    max-width: 290px;
}

.form-group.mt-form span.error-alert {
    font-size: 14px;
    font-weight: 500;
}

.error-message-color {
    color: #ed4f32;
}

.success-message-color {
    color: #15cd72;
}

.invite-preview-body {
    background-color: #f7f7f6;
    padding: 80px 0;
    min-height: 100vh;
}

.invite-preview-card-holder {
    background: #ffffff;
    border-radius: 4px;
    max-width: 560px;
    margin: 0 auto;
    padding: 35px 60px 50px;
}

.invite-preview-info p {
    font-size: 14px;
    line-height: 42px;
    color: #1e2437;
    margin-bottom: 0;
}

    .invite-preview-info p span {
        color: #a5a7af;
    }

.invite-preview-info {
    margin-bottom: 30px;
}

/* verification-modal */
.verification-modal .modal-dialog {
    margin-top: 5%;
    max-width: 500px;
}

.verification-control {
    margin-top: 25px;
    margin-bottom: 0;
}

.verification-modal-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .verification-modal-inner h2 {
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        margin-bottom: 24px;
    }

    .verification-modal-inner p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
    }

.verification-control .form-control {
    width: 60px;
    height: 74px;
    background: #e9eaeb;
    border-radius: 9px;
    border: 0;
    margin: 10px 10px;
    text-align: center;
    border: 1px solid #e9eaeb;
    font-size: 28px;
    font-weight: 500;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .verification-control .form-control:focus {
        color: #495057;
        background-color: #e9eaeb;
        border-color: #7fe2dc;
        outline: 0;
        box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
    }

h5.verification-error {
    color: red;
    font-size: 14px;
    margin: 0;
}

/* invitation-preview */
td.tdSpacee {
    width: 70px !important;
}

td.tdSpace {
    width: 50px !important;
}

td.tdSpaced {
    width: 16% !important;
}

td div#mainHeading {
    font-size: 28px;
    line-height: 1.1 !important;
}

td div#description {
    font-size: 14px;
    line-height: 17px;
}

div#babyDuckHeading {
    font-size: 50px !important;
    line-height: 58px !important;
}

div#candyHeartHeading {
    font-size: 83px !important;
    line-height: 78px !important;
}

.modal-dialog.modal-margin-bottom {
    margin-bottom: 160px;
}

.email-success {
    color: green;
    font-size: 16px;
}

/* invitation-preview */

/* New Group Cards */
/* Group Card max-440 */

.mt-group-card-container {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.mt-groupCard {
    max-width: 540px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #f7f7f6;
    text-align: center;
    position: relative;
}

    .mt-groupCard .mt-groupCard-header {
        /*height: 148px;*/
        height: 200px;
    }

.mt-groupCard-header img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.mt-groupCard .mt-groupCard-title {
    font-family: Recoleta;
    font-weight: 300;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #000000;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    min-height: 220px;
    margin-bottom: 20px;
    /* text-break */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.mt-groupCard-space {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard .mt-groupCard-description {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: #1e2437;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: none;
}

.mt-groupCard .mt-groupCard-image {
    display: none;
    margin-bottom: 15px;
    text-align: center;
}

.mt-groupCard-image img {
    width: 450px;
    max-width: 100%;
    object-fit: cover;
    height: 300px;
}

.mt-groupCard-footer {
    font-family: Recoleta;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 0;
    margin-top: 60px;
}
/* Old css to Display description and image for groupcard */
/* .groupCardDescription .mt-groupCard-description {
    display: block;
}

.groupCardImage .mt-groupCard-image {
    display: block;
}*/
/* Old css to Display description and image for groupcard */

/* New css to Hide description and image for groupcard */
.groupCardDescription .mt-groupCard-description {
    display: none;
}

.groupCardImage .mt-groupCard-image {
    display: none;
}
/* New css to Hide description and image for groupcard */

.preview-invitation-container {
    width: 100%;
    padding: 0;
    padding-top: 70px;
    padding-bottom: 30px;
    max-width: 440px;
}

/* GroupCard Images */
._greenPlant_ .gc-booklet-inner {
    /*background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-plantGreen-Cover.png);*/
    background-color: #f5f5f5;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

    ._greenPlant_ .gc-booklet-inner .gc-container-inner {
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-plantGreen-Cover.png);
        background-size: cover;
        background-position: top center;
    }

._greenPlant_ .mt-groupCard-space {
    display: none;
}

._greenPlant_ .mt-groupCard-title {
    font-family: "Parisienne", cursive;
    font-size: 80px;
    padding: 10px;
    color: #000000;
    text-transform: capitalize;
    line-height: 80px;
    max-width: 100%;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

._goldDots_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._goldClouds_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header03.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._brownDots_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header04.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._colorFlower_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header05.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._roses_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header06.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._goldLines_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header07.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._pinkFlower_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header08.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #faf9f5;
}

._multiShades_ .gc-container-inner {
    background-color: #f7f7f7;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header09.png), url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-footer09.png);
    background-position: top center, bottom center;
    background-repeat: no-repeat, no-repeat;
}

._multiShades_.groupCardImage .mt-groupCard-footer,
._multiShades_.groupCardDescription .mt-groupCard-footer {
    margin-top: 50px;
}

._rainbowTop_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header11v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 230px;
}

._rainbowTop_ .mt-groupCard-space {
    display: none;
}

._rainbowTop_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

.mt-groupCard._pinkRainbow_ .gc-container-inner {
    background-color: #dec5d9;
}

._pinkRainbow_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header11v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 230px;
}

._pinkRainbow_ .mt-groupCard-space {
    display: none;
}

._pinkRainbow_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._rabbitTop_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header16v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 200px;
}

._rabbitTop_ .mt-groupCard-space {
    display: none;
}

._rabbitTop_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

.mt-groupCard._pinkRabit_ .gc-container-inner {
    background-color: #dec5d9;
}

._pinkRabit_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header16v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 200px;
}

._pinkRabit_ .mt-groupCard-space {
    display: none;
}

._pinkRabit_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._deer_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header12v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 220px;
}

._deer_ .mt-groupCard-space {
    display: none;
}

._deer_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._Sun_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header13v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 200px;
}

._Sun_ .mt-groupCard-space {
    display: none;
}

._Sun_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._honeyBee_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header14v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 180px;
}

._honeyBee_ .mt-groupCard-space {
    display: none;
}

._honeyBee_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

.mt-groupCard._pinkWhale_ .gc-container-inner {
    background-color: #dec5d9;
}

._whaleTop_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header15v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 245px;
    background-size: 185px;
}

._whaleTop_ .mt-groupCard-space {
    display: none;
}

._whaleTop_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._pinkWhale_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header15v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 200px;
}

._pinkWhale_ .mt-groupCard-space {
    display: none;
}

._pinkWhale_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._happyBirthday_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header17v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 330px;
    background-position-y: 60%;
}

._happyBirthday_ .mt-groupCard-space {
    display: none;
}

._happyBirthday_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._happyBirthday_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._happyBirthday_.groupCardImage .mt-groupCard-title {
    display: none;
}

._goodBye_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header18v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 330px;
    background-position-y: 60%;
}

._goodBye_ .mt-groupCard-space {
    display: none;
}

._goodBye_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._goodBye_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._goodBye_.groupCardImage .mt-groupCard-title {
    display: none;
}

._hoorayRed_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header19v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: auto;
    background-position-y: 60%;
}

._hoorayRed_ .mt-groupCard-space {
    display: none;
}

._hoorayRed_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._hoorayRed_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
}

._hoorayRed_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._hoorayRed_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._hoorayPink_ .gc-container-inner {
    background-color: #ecc3c1;
}

._hoorayPink_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header25_gc.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: auto;
    background-position-y: 60%;
}

._hoorayPink_ .mt-groupCard-space {
    display: none;
}

._hoorayPink_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._hoorayPink_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
}

._hoorayPink_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._hoorayPink_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._hoorayBlue_ .gc-container-inner {
    background-color: #d1f4ff;
}

._hoorayBlue_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header26_gc.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: auto;
    background-position-y: 60%;
}

._hoorayBlue_ .mt-groupCard-space {
    display: none;
}

._hoorayBlue_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._hoorayBlue_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
}

._hoorayBlue_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._hoorayBlue_.groupCardImage .mt-groupCard-title {
    display: none;
}

._HBD_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header20v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 460px;
    background-position-y: 60%;
}

._HBD_ .mt-groupCard-space {
    display: none;
}

._HBD_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._HBD_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._HBD_.groupCardImage .mt-groupCard-title {
    display: none;
}

._welcomeWorld_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header21v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 360px;
    background-position-y: 60%;
}

._welcomeWorld_ .mt-groupCard-space {
    display: none;
}

._welcomeWorld_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._welcomeWorld_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 0px;
}

._welcomeWorld_.groupCardImage .mt-groupCard-title {
    display: none;
}

._greenBye_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header23v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 300px;
    background-position-y: center;
}

._greenBye_ .mt-groupCard-space {
    display: none;
}

._greenBye_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._greenBye_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._greenBye_.groupCardImage .mt-groupCard-title {
    display: none;
}

._FarewellGoodLuck_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header22v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 380px;
    background-position-y: center;
}

._FarewellGoodLuck_ .mt-groupCard-space {
    display: none;
}

._FarewellGoodLuck_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._FarewellGoodLuck_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._FarewellGoodLuck_.groupCardImage .mt-groupCard-title {
    display: none;
}

._grayGoodBye_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header27v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 400px;
    background-position-y: center;
}

._grayGoodBye_ .mt-groupCard-space {
    display: none;
}

._grayGoodBye_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._grayGoodBye_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._grayGoodBye_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._grayGoodBye_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._pinkFarewell_ .gc-booklet-inner,
.mt-groupCard._pinkFarewell_ {
    background-color: #dfc2bc;
}

._pinkFarewell_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 400px;
    background-position-y: center;
}

._pinkFarewell_ .mt-groupCard-space {
    display: none;
}

._pinkFarewell_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._pinkFarewell_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._pinkFarewell_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._pinkFarewell_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._farewellMiss_ .gc-container-inner {
    background-color: #dfcdbc;
}

._farewellMiss_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 400px;
    background-position-y: center;
}

._farewellMiss_ .mt-groupCard-space {
    display: none;
}

._farewellMiss_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._farewellMiss_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._farewellMiss_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._farewellMiss_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._farewellMiss_ {
    background-color: #dfcdbc;
}

._farewellMiss_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 400px;
    background-position-y: center;
}

._farewellMiss_ .mt-groupCard-space {
    display: none;
}

._farewellMiss_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._farewellMiss_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._farewellMiss_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._farewellMiss_.groupCardImage .mt-groupCard-title {
    display: none;
}

.mt-groupCard._blueFarewell_ {
    background-color: #bcd9df;
}

._blueFarewell_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 450px;
    background-position-y: center;
}

._blueFarewell_ .mt-groupCard-space {
    display: none;
}

._blueFarewell_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._blueFarewell_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._blueFarewell_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._blueFarewell_.groupCardImage .mt-groupCard-title {
    display: none;
}

._photoInvitations_ .mt-groupCard-header {
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px;
}

._photoInvitations_ .mt-groupCard-space {
    display: none;
}

._photoInvitations_.groupCardDescription .mt-groupCard-space {
    display: flex;
}

._photoInvitations_.groupCardImage .mt-groupCard-image {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

._photoInvitations_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._photoInvitations_.groupCardImage .mt-groupCard-title {
    display: block;
}

._photoInvitations_.groupCardImage .mt-groupCard-space {
    display: none;
}

._HarryLiliy_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header29.png);
    background-color: #f5f6f5;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

.mt-groupCard._hoorayRed_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/confetti-header-gold.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #f7f7f6;
}

.mt-groupCard._HBD_ .gc-container-inner {
    background-color: #f7f7f6;
}

._HarryLiliy_ .mt-groupCard-header {
    height: 380px;
}

._HarryLiliy_ .mt-groupCard-title {
    min-height: 175px;
    margin-bottom: 10px;
}

._HarryLily2_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header30.png);
    background-color: #f5f5f5;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

._HarryLily2_ .mt-groupCard-header {
    height: 380px;
}

._HarryLily2_ .mt-groupCard-title {
    min-height: 60px;
}

._HarrySally_ {
    /* background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-HarrySally-Cover.png);*/
}

    ._HarrySally_ .gc-booklet-inner {
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/waterColor-HarrySally-Cover.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }

    ._HarrySally_ .mt-groupCard-title {
        font-family: "heartwellregular";
        font-size: 70px;
        padding: 10px 35px;
        color: #000000;
        text-transform: none;
        line-height: 70px;
        max-width: 100%;
        letter-spacing: 0;
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
        height: 360px;
        margin-top: 17px;
    }

    ._HarrySally_ .mt-groupCard-space {
        display: none;
    }

    ._HarrySally_ .mt-groupCard-header {
        height: 160px;
    }

/*    ._HarrySally_ .HarrySallyBottom {
        display: block !important;
    }*/

.mt-groupCard-description {
    width: 100%;
}

    .mt-groupCard-description [contenteditable] {
        width: 100%;
    }

.preview-overlay {
    position: relative;
}

/*.preview-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .9;
}

.default-overlay {
    position: relative;
}*/

/*    .default-overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }*/

.preview-modal-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    color: red;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100px;
}

    .preview-modal-btn .theme-btn-lite {
        max-width: 290px;
    }
/*verification-modal*/
.gt_varification-modal-outer .verification-control .form-control {
    border-radius: 0;
    color: #495057;
    border: 1px solid #ced4da;
    height: 70px;
    width: 60px;
    margin: 10px 10px;
    text-align: left;
    font-size: 30px;
}

.gt_varification-modal-outer .verification-control .form-control {
    letter-spacing: 40px;
    border: 0;
    width: 100%;
    padding-left: 40px;
    text-indent: 6px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.gt_varification-modal-outer .verification-control {
    position: relative;
}

    .gt_varification-modal-outer .verification-control .form-control:focus {
        color: #495057;
        border-color: #80bdff;
        outline: 0;
        box-shadow: none;
    }

    .gt_varification-modal-outer .verification-control .form-control::placeholder {
        color: #e0e0e0;
        opacity: 1; /* Firefox */
    }

    .gt_varification-modal-outer .verification-control .form-control:-ms-input-placeholder {
        color: #e0e0e0;
    }

    .gt_varification-modal-outer .verification-control .form-control::-ms-input-placeholder {
        color: #e0e0e0;
    }

    .gt_varification-modal-outer .verification-control:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 340px;
        background-color: #0aebed;
        bottom: 12px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.gt_varification-modal-outer .verification-control-footer {
    max-width: 458px;
    margin: 0 auto;
    font-size: 14px;
}

    .gt_varification-modal-outer .verification-control-footer h5 {
        font-size: 14px;
        color: red;
    }

    .gt_varification-modal-outer .verification-control-footer p a {
        color: #00b3b5;
    }

.gt_varification-modal-outer .row.verification-control-footer.max-code.no-gutters {
    max-width: 400px;
    margin: 0 auto;
}

.gt_varification-verify {
    margin-top: 35px;
    margin-bottom: 20px;
}

    .gt_varification-verify button {
        max-width: 160px;
    }

.tooltip .tooltip-inner {
    text-align: left !important;
}

    .tooltip .tooltip-inner ul {
        margin: 0;
        padding-left: 15px;
        list-style-type: disc;
    }
/* gc-booklet */

.gc-booklet .mt-groupCard {
    /*max-width: 100%;*/
    height: 100%;
}

.gc-booklet {
    /*  display: flex;*/
    width: 100%;
    /*    justify-content: center;
        align-items: center;*/
    height: 100vh;
}

    .gc-booklet .mt-groupCard {
        margin-left: auto;
        margin-right: auto;
    }

.carousel .carousel-inner .gc-booklet {
    display: flex;
    align-items: center;
}

    .carousel .carousel-inner .gc-booklet .mt-groupCard {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        align-items: center;
        width: 100%;
        background-color: transparent;
    }

/*.carousel .carousel-inner .gc-booklet .mt-groupCard {
    max-width: 100%;
    height: 100%;
}*/
.gc-booklet-inner {
    width: 100%;
    height: 765px;
    position: relative;
    background-color: #f7f7f6;
    /*overflow: hidden;*/
}

/*.gc-booklet .gc-booklet-inner .mt-groupCard .mt-groupCard-title {
    font-size: 70px;
    line-height: 65px;
    max-width: 300px;
    min-height: 35vh;
    margin-bottom: 25px;
}*/
/*.gc-booklet .gc-booklet-inner  .mt-groupCard .mt-groupCard-header {
    height: 135px;
}*/
.gc-booklet .gc-booklet-inner .mt-groupCard-footer {
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 35px;
}

.gc-booklet .gc-booklet-inner .gc-page {
    display: block;
    width: 640px;
    height: 100%;
    background: #faf9f5;
}

a.theme-btn-lite.wax-400 {
    max-width: 448px;
}

.notification-badge {
    margin-left: 2px;
    position: relative;
    top: -4px;
}

.font-12 {
    font-size: 12px !important;
}

.quantity.quantity-dollor-sign {
    width: 120px;
}

    .quantity.quantity-dollor-sign input {
        font-size: 14px;
        width: 72px;
    }

        .quantity.quantity-dollor-sign input:focus::placeholder {
            color: transparent;
        }
/* mt-contribute-groupcard */
.mt-contribute-groupcard {
}

.mt-contribute-groupcard-inner {
    width: 100%;
    margin: auto;
    max-width: 540px;
    /*box-shadow: 0px 0px 34.5711px rgb(0 0 0 / 15%);*/
}

.preview-mode .mt-contribute-groupcard-inner {
    max-width: 540px;
}

.mt-contribute-groupcard-inner .gc-booklet {
    height: auto;
}

.mt-contribute-groupcard-inner .carousel-control-next,
.mt-contribute-groupcard-inner .carousel-control-prev {
    width: 36px;
    opacity: 1;
}

.mt-contribute-groupcard-inner .carousel-control-prev {
    left: -60px;
}

.mt-contribute-groupcard-inner .carousel-control-next {
    right: -60px;
}

    .mt-contribute-groupcard-inner .carousel-control-next svg,
    .mt-contribute-groupcard-inner .carousel-control-prev svg {
        width: 36px;
        height: 36px;
    }

.mt-contribute-right.mt-48 {
    padding-top: 48px;
}

.mt-join-collection-card-content.max-440 {
    max-width: 440px;
}

.invite-preview-body.invite-preview-divider {
    margin-top: 155px;
}
/* Group- card */

.tab-pane .preview-tab-content .gc-booklet-inner {
    background-color: transparent;
    /*height: 623px;*/
}
/*.tab-pane .preview-tab-content .gc-container-inner {
    width: 440px;
    height: 620px;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    position: absolute;
}*/
p.collection-share {
    font-size: 35px;
    line-height: 48px;
}

.z-index-50 {
    z-index: 50 !important;
}
/*.mt-groupCard-image img {
    max-height: 240px;
    object-fit: cover;
}*/
.mt-groupCard-description {
    font-family: "Modern Era TRIAL", sans-serif;
}

._blueFarewel_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header28v2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-size: 400px;
    background-position-y: center;
}

.mt-groupCard._blueFarewel_ {
    background-color: #bcd9df;
}

    .mt-groupCard._blueFarewel_ .gc-container-inner {
        background-color: #bcd9df;
    }

.preview-tab-content .gc-container:before {
    display: none;
}

._hoorayRed_ .mt-groupCard-header,
._hoorayPink_ .mt-groupCard-header,
._hoorayBlue_ .mt-groupCard-header {
    background-size: 95%;
    background-position-y: center;
}

._happyBirthday_.groupCardImage .mt-groupCard-space,
._goodBye_.groupCardImage .mt-groupCard-space,
._hoorayRed_.groupCardImage .mt-groupCard-space,
._HBD_.groupCardImage .mt-groupCard-space,
._welcomeWorld_.groupCardImage .mt-groupCard-space,
._greenBye_.groupCardImage .mt-groupCard-space,
._FarewellGoodLuck_.groupCardImage .mt-groupCard-space,
._hoorayPink_.groupCardImage .mt-groupCard-space,
._hoorayBlue_.groupCardImage .mt-groupCard-space,
._grayGoodBye_.groupCardImage .mt-groupCard-space,
._farewellMiss_.groupCardImage .mt-groupCard-space,
._pinkFarewell_.groupCardImage .mt-groupCard-space,
._blueFarewel_.groupCardImage .mt-groupCard-space {
    display: flex;
}

._happyBirthday_.groupCardImage .mt-groupCard-title,
._goodBye_.groupCardImage .mt-groupCard-title,
._hoorayRed_.groupCardImage .mt-groupCard-title,
._HBD_.groupCardImage .mt-groupCard-title,
._welcomeWorld_.groupCardImage .mt-groupCard-title,
._greenBye_.groupCardImage .mt-groupCard-title,
._FarewellGoodLuck_.groupCardImage .mt-groupCard-title,
._hoorayPink_.groupCardImage .mt-groupCard-title,
._hoorayBlue_.groupCardImage .mt-groupCard-title,
._grayGoodBye_.groupCardImage .mt-groupCard-title,
._farewellMiss_.groupCardImage .mt-groupCard-title,
._pinkFarewell_.groupCardImage .mt-groupCard-title,
._blueFarewel_.groupCardImage .mt-groupCard-title {
    display: block;
}
/*._honeyBee_ .mt-groupCard-title,
._whaleTop_ .mt-groupCard-title,
._rainbowTop_ .mt-groupCard-title,
._rabbitTop_ .mt-groupCard-title,
._deer_ .mt-groupCard-title,
._Sun_ .mt-groupCard-title,
._happyBirthday_ .mt-groupCard-title,
._goodBye_ .mt-groupCard-title,
._hoorayRed_ .mt-groupCard-title,
._HBD_ .mt-groupCard-title,
._welcomeWorld_ .mt-groupCard-title,
._greenBye_ .mt-groupCard-title,
._FarewellGoodLuck_ .mt-groupCard-title,
._hoorayPink_ .mt-groupCard-title,
._hoorayBlue_ .mt-groupCard-title,
._grayGoodBye_ .mt-groupCard-title,
._farewellMiss_ .mt-groupCard-title,
._pinkFarewell_ .mt-groupCard-title,
._blueFarewel_ .mt-groupCard-title,
._pinkRabit_ .mt-groupCard-title,
._pinkRainbow_ .mt-groupCard-title,
._pinkWhale_ .mt-groupCard-title {
    min-height: 249px;
    margin-bottom: 10px;
}*/
/*._HarrySally_ .mt-groupCard-title {
    min-height: 215px;
}*/
a.edit-btn {
    position: absolute;
    right: -25px;
    top: 30px;
    z-index: 9;
}

    a.edit-btn svg {
        width: 55px;
        height: 55px;
    }

.mt-groupCard._deer_ .gc-container-inner,
.mt-groupCard._whaleTop_ .gc-container-inner,
.mt-groupCard._rainbowTop_ .gc-container-inner,
.mt-groupCard._rabbitTop_ .gc-container-inner,
.mt-groupCard._Sun_ .gc-container-inner,
.mt-groupCard._honeyBee_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/card-bg.png);
    background-size: cover;
    background-repeat: repeat;
}

.mt-contribute-groupcard-inner .gc-container:before {
    display: none;
}

.mt-join-collection-card.preview-invitation-container a.edit-btn {
    display: none;
}

.mt-groupCard .gc-container:before {
    display: none;
}

.mt-groupCard._greenBye_ .gc-container-inner {
    background-color: #33a589;
}

.mt-groupCard._FarewellGoodLuck_ .gc-container-inner {
    background-color: #f4ebe7;
}

.mt-groupCard._grayGoodBye_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header27-bg.png);
    background-size: cover;
}

.mt-groupCard._welcomeWorld_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/invitation-header21-bg.png);
    background-size: cover;
    background-position: center;
}

._hoorayRed_ .mt-groupCard-header,
._hoorayBlue_ .mt-groupCard-header,
._hoorayPink_ .mt-groupCard-header,
._HBD_ .mt-groupCard-header {
    height: 390px;
    background-size: 490px;
}

._happyBirthday_ .mt-groupCard-header,
._goodBye_ .mt-groupCard-header,
._welcomeWorld_ .mt-groupCard-header,
._greenBye_ .mt-groupCard-header,
._FarewellGoodLuck_ .mt-groupCard-header,
._grayGoodBye_ .mt-groupCard-header,
._farewellMiss_ .mt-groupCard-header,
._pinkFarewell_ .mt-groupCard-header,
._blueFarewel_ .mt-groupCard-header,
._happyBirthday_ .mt-groupCard-header {
    height: 390px;
    background-size: 420px;
}

._happyBirthday_.groupCardDescription .mt-groupCard-title,
._goodBye_.groupCardDescription .mt-groupCard-title,
._hoorayRed_.groupCardDescription .mt-groupCard-title,
._hoorayBlue_.groupCardDescription .mt-groupCard-title,
._hoorayPink_.groupCardDescription .mt-groupCard-title,
._HBD_.groupCardDescription .mt-groupCard-title,
._welcomeWorld_.groupCardDescription .mt-groupCard-title,
._greenBye_.groupCardDescription .mt-groupCard-title,
._FarewellGoodLuck_.groupCardDescription .mt-groupCard-title,
._grayGoodBye_.groupCardDescription .mt-groupCard-title,
._farewellMiss_.groupCardDescription .mt-groupCard-title,
._pinkFarewell_.groupCardDescription .mt-groupCard-title,
._blueFarewel_.groupCardDescription .mt-groupCard-title,
._HarryLiliy_.groupCardDescription .mt-groupCard-title,
._HarryLily2_.groupCardDescription .mt-groupCard-title {
    display: none;
}

._happyBirthday_.groupCardImage .mt-groupCard-title,
._goodBye_.groupCardImage .mt-groupCard-title,
._hoorayRed_.groupCardImage .mt-groupCard-title,
._hoorayBlue_.groupCardImage .mt-groupCard-title,
._hoorayPink_.groupCardImage .mt-groupCard-title,
._HBD_.groupCardImage .mt-groupCard-title,
._welcomeWorld_.groupCardImage .mt-groupCard-title,
._greenBye_.groupCardImage .mt-groupCard-title,
._FarewellGoodLuck_.groupCardImage .mt-groupCard-title,
._grayGoodBye_.groupCardImage .mt-groupCard-title,
._farewellMiss_.groupCardImage .mt-groupCard-title,
._pinkFarewell_.groupCardImage .mt-groupCard-title,
._blueFarewel_.groupCardImage .mt-groupCard-title,
._HarryLiliy_.groupCardImage .mt-groupCard-title,
._HarryLily2_.groupCardImage .mt-groupCard-title {
    display: none;
}
/* ========== Spend New Pages CSS =========== */
.gt-spend-v2-col {
    min-height: 100vh;
}

.gt-spend-v2-left {
    max-width: 460px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
}

    .gt-spend-v2-left h2 {
        font-size: 28px;
        line-height: 36px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        margin-bottom: 15px;
        position: relative;
    }

    .gt-spend-v2-left p {
        font-family: "Modern Era TRIAL";
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        color: rgba(30, 36, 55, 0.6);
        margin-bottom: 45px;
    }

.gts-label h6 {
    font-size: 16px;
    line-height: 24px;
    color: rgba(30, 36, 55, 0.8);
    font-weight: 400;
}

    .gts-label h6 svg {
        margin-left: 5px;
        display: inline-block;
        position: relative;
        top: -2px;
    }

.gts-input input {
    width: 69px;
    height: 56px;
    background: #ffffff;
    border: 1px solid #e9eaeb;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #484d5d;
    font-family: "Modern Era TRIAL";
}

.gts-input h5 {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #484d5d;
    font-family: "Modern Era TRIAL";
    width: 69px;
    height: 30px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gts-fields {
    max-width: 310px;
}

.gts-action-btns {
    max-width: 340px;
    text-align: center;
    margin-top: 40px;
}

    .gts-action-btns p {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        font-family: "Modern Era TRIAL";
        color: rgba(30, 36, 55, 0.6);
    }

        .gts-action-btns p a {
            margin-bottom: 15px;
            font-size: 18px;
            line-height: 28px;
            text-align: center;
            font-family: "Modern Era TRIAL";
            color: rgba(30, 36, 55, 0.6);
            text-decoration: underline;
        }

            .gts-action-btns p a:hover {
                color: rgba(30, 36, 55, 0.8);
            }

p.gts-v2-help,
p.gts-v2-help a {
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    margin: 0;
    font-family: "Modern Era TRIAL";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

    p.gts-v2-help a {
        text-decoration: underline;
        position: static !important;
    }

.gt-spend-v2-col-withbg {
    background-color: #f7f7f6;
}

.gt-spend-v2-right {
    max-width: 530px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.gts-large-fields .gts-input input,
.gts-large-fields .gts-input h5 {
    width: 210px;
}

a.gts-back-arrow {
    position: absolute;
    top: 64px;
    left: -70px;
}

ul.gts-spend-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    ul.gts-spend-list li {
        font-size: 16px;
        line-height: 24px;
        color: rgba(30, 36, 55, 0.8);
        font-family: "Modern Era TRIAL";
        margin-bottom: 10px;
        position: relative;
        padding-left: 32px;
    }

        ul.gts-spend-list li a {
            text-decoration: underline;
            color: rgba(30, 36, 55, 0.8);
            display: inline-block;
        }

        ul.gts-spend-list li > span {
            position: absolute;
            left: 0;
            top: 0;
        }

            ul.gts-spend-list li > span.code-span {
                position: static;
                display: block;
                background-color: #e9eaeb;
                text-align: center;
                padding: 15px 5px;
                font-size: 16px;
                line-height: 24px;
                color: rgba(30, 36, 55, 0.8);
                font-family: "Modern Era TRIAL";
            }
/* ========== Spend New Pages CSS =========== */

.contributor-accordions::-webkit-scrollbar {
    width: 4px;
}

.contributor-accordions::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.contributor-accordions::-webkit-scrollbar-thumb {
    background: #888;
}

    .contributor-accordions::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.invite-preview-card-holder a.edit-btn {
    display: none;
}

/* ========== Spend New Pages CSS =========== */

.mt-tm-invite-friends a svg {
    width: 35px;
    height: 22px;
    margin-top: -5px;
}

.mt-giftshop-subheader {
    height: 130px;
    background: #7fe2dc;
}

    .mt-giftshop-subheader .mt-tm-container .col {
        height: 130px;
    }

.col-pixel-width-220 {
    flex: 0 0 220px;
    padding: 0 15px;
}

.mt-giftshop-title-box {
    padding: 10px 0;
}

.mt-giftshop-subheader .row {
    min-height: 130px;
}

.mt-giftshop-title-box a {
    font-size: 16px;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
}

    .mt-giftshop-title-box a svg {
        margin-right: 5px;
        position: relative;
        top: -3px;
        width: 8px;
        height: 10px;
    }

.mt-giftshop-title-box h2 {
    font-size: 40px;
    font-family: Recoleta;
    line-height: 60px;
    color: #1e2437;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mt-gs-amount-available-circle {
    width: 178px;
    height: 178px;
    background-color: #36adb4;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    top: -15px;
    z-index: 1;
}

.mt-gs-avail p,
.mt-gs-spent p {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #ffffff;
    font-family: "Modern Era TRIAL";
    margin-bottom: 5px;
}

.mt-gs-avail h2,
.mt-gs-spent h2 {
    font-size: 36px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    font-family: "Modern Era TRIAL";
    margin-bottom: 0;
}

.mt-gs-spent p,
.mt-gs-spent h2 {
    color: #1e2437;
}

.mt-gs-avail {
    margin-bottom: 20px;
}

.mt-gs-amount-available-circle svg.gt-smile {
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}

.mt-gs-cartbtn {
    width: 68px;
    height: 68px;
    right: 0;
    top: -25px;
    background-color: #1e2437;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
    z-index: 2;
}

    .mt-gs-cartbtn .mt-gs-cart-items {
        background: #e45964;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: -5px;
        font-size: 14px;
        line-height: 0px;
        color: #fff;
        font-family: "Modern Era TRIAL";
    }

.offcanvas-header {
    display: none;
    padding: 30px 0;
}

.mt-giftshop-navbar {
    background-color: #1e2437;
    padding: 8px 0px;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.nav-giftshop {
    position: static;
}

    .nav-giftshop .navbar-nav .nav-item .nav-link img.gifts {
        max-width: 25px;
        margin-right: 10px;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link img.eGifts {
        max-width: 28px;
        margin-right: 10px;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link img.tFunds {
        max-width: 24px;
        margin-right: 10px;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link img.gCard {
        max-width: 24px;
        margin-right: 10px;
        margin-top: -2px;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link {
        font-size: 17px;
        line-height: 32px;
        text-transform: capitalize;
        color: #ffffff;
        font-family: "Modern Era TRIAL";
        display: flex;
        align-items: center;
        position: relative;
        padding-right: 40px;
    }

    .nav-giftshop .navbar-nav li.nav-item.dropdown {
        margin-right: 15px;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f078";
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 10px;
    }

    .nav-giftshop .dropdown,
    .dropleft,
    .nav-giftshop .dropright,
    .nav-giftshop .dropup {
        position: static;
    }

    .nav-giftshop .dropdown-menu {
        min-width: 100%;
        padding: 0;
        margin: 0;
        border-radius: 0;
        left: 0;
        right: 0;
        background-color: #1e2437;
        border: 0;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-top: 0px;
        border-top: 1px solid #36adb4;
    }

    .nav-giftshop li.nav-item.dropdown.show > a.nav-link {
        color: #36adb4;
    }

    .nav-giftshop .giftshop-megamenu ul {
        padding: 0;
        list-style-type: none;
    }

        .nav-giftshop .giftshop-megamenu ul li {
            display: block;
        }

            .nav-giftshop .giftshop-megamenu ul li:last-child {
                margin-right: 0px;
            }

            .nav-giftshop .giftshop-megamenu ul li a {
                font-size: 17px;
                line-height: 32px;
                text-transform: capitalize;
                color: #ffffff;
                font-family: "Modern Era TRIAL";
                transition: all ease 0.3s;
                -webkit-transition: all ease 0.3s;
                -moz-transition: all ease 0.3s;
                -o-transition: all ease 0.3s;
            }

                .nav-giftshop .giftshop-megamenu ul li a:hover {
                    color: #36adb4;
                }

    .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::before {
        content: "\f077";
    }

    .nav-giftshop .navbar-nav .nav-item .dropdown-toggle::after {
        display: none;
    }

    .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after {
        content: "";
        border: 0;
        position: absolute;
        transition: 0.2s ease all;
        width: 8px;
        height: 8px;
        background-color: #1e2437;
        border-left: 1px solid #36adb4;
        border-top: 1px solid #36adb4;
        transform: rotate(45deg);
        bottom: -12px;
        z-index: 99999;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block !important;
    }

.giftshop-slider-section {
    background-color: #edebe5;
}

.gs-slider-item-content {
    padding: 30px 0;
    max-width: 700px;
    position: relative;
    z-index: 9;
    min-height: 500px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.gs-slider-tag {
    font-size: 14px;
    line-height: 18px;
    color: #1e2437;
    margin-bottom: 15px;
    font-family: "Modern Era TRIAL";
}

.gs-slider-title {
    font-size: 60px;
    line-height: 65px;
    color: #1e2437;
    font-weight: 500;
    font-family: "Modern Era TRIAL";
}

    .gs-slider-title span {
        font-family: Recoleta;
        display: block;
        font-weight: 300;
    }

.gs-slider-shopbtn {
    max-width: 200px;
    margin-top: 30px;
    margin-left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

.giftshop-slider ul.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    bottom: 20px;
    list-style-type: none;
    margin-bottom: 0;
}

    .giftshop-slider ul.slick-dots li button {
        color: transparent;
        border: 0;
        padding: 0;
        width: 10px;
        height: 10px;
        background-color: #a5a7af;
        border-radius: 100%;
    }

    .giftshop-slider ul.slick-dots li.slick-active button {
        background-color: #1e2437;
    }

    .giftshop-slider ul.slick-dots li button:focus {
        outline: none;
    }

    .giftshop-slider ul.slick-dots li {
        display: inline-block;
        margin: 0 4px;
    }

.giftshop-slider .slick-slide {
    position: relative;
}

.giftshop-slider .gc-slider-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}

.giftshop-banner {
    padding: 40px 0;
}

    .giftshop-banner .giftshop-banner-bg {
        background-color: #e9e9eb;
        border-radius: 8px;
    }

.gc-banner-image img {
    max-width: 280px;
    padding: 15px 0 5px;
}

.gc-banner-content h2 {
    font-size: 40px;
    line-height: 52px;
    color: #1e2437;
    font-weight: 400;
    font-family: "Modern Era TRIAL";
}

    .gc-banner-content h2 span {
        font-family: Recoleta;
        display: block;
        font-weight: 300;
    }

.gc-banner-content a {
    max-width: 290px;
    margin-top: 12px;
}

.gray-bg {
    background-color: #f7f7f6;
    /*background-color: #e5e5e526;*/
}

.gc-card-inner {
    height: 500px;
    position: relative;
    background-color: #7fe2dc;
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
    padding: 60px;
    background-size: contain;
}

.giftshop-cards {
    padding-bottom: 40px;
    padding-top: 40px;
}

.gc-card-inner h2 {
    font-size: 40px;
    line-height: 52px;
    color: #1e2437;
    font-weight: 500;
    font-family: "Modern Era TRIAL";
    position: relative;
    z-index: 9;
}

    .gc-card-inner h2 span {
        font-family: Recoleta;
        display: block;
        font-weight: 300;
    }

a.view-more {
    font-size: 22px;
    line-height: 18px;
    text-align: center;
    text-decoration-line: underline;
    color: #ffffff;
    font-family: "Modern Era TRIAL";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
}

.gc-first-card {
    background-image: url(../Images/gt-mt-images/g-cards.png);
}

.gc-second-card {
    background-image: url(../Images/gt-mt-images/gifts-image01.png);
}

.gc-cards-overlay:after {
    content: "";
    background-image: url(../Images/gt-mt-images/overlay.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.gc-second-card a.view-more {
    color: #1e2437;
    z-index: 9999;
}

.gc-second-card h2 {
    position: relative;
    z-index: 9;
}

.mt-tm-cd-inner h5.resize-length-4-8 {
    font-size: 24px;
    line-height: 38px;
}

.mt-tm-cd-inner h5.resize-length-greater-8 {
    font-size: 14px;
    line-height: 26px;
    padding-top: 6px;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    min-height: 100%;
    z-index: 99;
    padding: 15px 20px 15px;
}

    .mobile-sidebar .gt-modal-close {
        text-align: right;
        margin-bottom: 15px;
        margin-right: 5px;
    }

.tm-mob-menu {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    top: 15px;
}

    .tm-mob-menu a {
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        font-weight: 400;
    }

    .tm-mob-menu .dropdown-toggle {
        border-bottom: 2px solid #7fe2dc;
        padding-bottom: 6px;
    }

        .tm-mob-menu .dropdown-toggle::after {
            display: none;
        }

        .tm-mob-menu .dropdown-toggle span {
            position: relative;
        }

            .tm-mob-menu .dropdown-toggle span::before {
                font-family: "Font Awesome 5 Free";
                font-weight: 700;
                content: "\f078";
                position: absolute;
                right: -22px;
                top: -4px;
                font-size: 15px;
                color: #1e2437;
            }

    .tm-mob-menu .dropdown-menu {
        border: 0;
        width: 100%;
        border-radius: 0;
        background-color: #fff;
        padding-bottom: 20px;
    }

    .tm-mob-menu .dropdown-toggle[aria-expanded="true"] span::before {
        content: "\f077";
    }

.gs-brands-slider-section {
    background-color: #e9e9eb;
    padding: 70px 0;
}

    .gs-brands-slider-section h2 {
        font-size: 40px;
        line-height: 42px;
        text-align: center;
        font-family: "Modern Era TRIAL";
        color: #1e2437;
        font-weight: 400;
        margin-bottom: 80px;
    }

.gs-brands-slider {
    padding: 0 50px;
}

.gs-brands-slider-item img {
    max-width: 160px;
    margin: 0 auto;
    max-height: 140px;
    object-fit: contain;
}

.gs-brands-slider-item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

.gs-brands-slider .left-arrow.slick-arrow,
.gs-brands-slider .right-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
}

.gs-brands-slider .left-arrow.slick-arrow {
    left: 18px;
}

.gs-brands-slider .right-arrow.slick-arrow {
    right: 18px;
}

.giftshop-featured-collections {
    padding-bottom: 40px;
}

.gs-collection-block {
    margin-bottom: 20px;
}

    .gs-collection-block img {
        width: 100%;
        max-width: 100%;
        max-height: 495px;
        object-fit: cover;
        background-color: #efefef;
        border-radius: 8px;
        margin-bottom: 30px;
    }

    .gs-collection-block h2 {
        font-size: 30px;
        line-height: 42px;
        text-align: center;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        padding: 0 15px;
    }

        .gs-collection-block h2 span {
            font-family: Recoleta;
            display: block;
            font-weight: 300;
        }

    .gs-collection-block a {
        font-size: 20px;
        line-height: 18px;
        text-align: center;
        text-decoration-line: underline;
        font-family: "Modern Era TRIAL";
        color: #1e2437;
        display: block;
        font-weight: 500;
        margin-top: 20px;
    }

.gs-collection-large-block {
    height: 100%;
    max-height: 495px;
    object-fit: cover;
    background-color: #fcedd3;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .gs-collection-large-block h2 {
        font-size: 40px;
        line-height: 52px;
        text-align: center;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        padding: 0 15px;
    }

        .gs-collection-large-block h2 span {
            font-family: Recoleta;
            display: block;
            font-weight: 300;
        }

.gs-brands-slider-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Share modal css */
.share-accordion-block {
}

.share-accordion-header svg {
    margin-right: 30px;
}

.share-accordion-header h5 {
    font-size: 20px;
    line-height: 32px;
    color: #1e2437;
    margin-bottom: 0;
    font-family: "Modern Era TRIAL";
}

.share-accordion-header p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: "Modern Era TRIAL";
    line-height: 24px;
    color: rgba(30, 36, 55, 0.6);
}

.share-accordion-header {
    position: relative;
    padding: 25px 60px;
    border-bottom: 1px solid #e9eaeb;
    cursor: pointer;
}

    .share-accordion-header::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        font-size: 15px;
        margin-left: 0;
        color: #787c87;
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
    }

    .share-accordion-header[aria-expanded="true"]::after {
        content: "\f077";
    }

.share-accordion-body {
    background: #f7f7f6;
    padding: 25px 0 40px;
}

    .share-accordion-body::-webkit-scrollbar {
        width: 4px;
    }

    .share-accordion-body::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .share-accordion-body::-webkit-scrollbar-thumb {
        background: #888;
    }

        .share-accordion-body::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .share-accordion-body .copy-link {
        background-color: #fff;
    }

    .share-accordion-body .max-400 {
        margin: 0 auto;
    }

    .share-accordion-body ul.mt-modal-social li a {
        background-color: #fff;
    }

.email-textarea textarea::placeholder {
    color: #a5a7af;
    opacity: 1;
}

.email-textarea textarea:-ms-input-placeholder {
    color: #a5a7af;
}

.email-textarea textarea::-ms-input-placeholder {
    color: #a5a7af;
}

.invite-friends h2 {
    font-size: 14px !important;
    line-height: 19px !important;
    text-align: center;
    color: #787c87;
    font-family: "Modern Era TRIAL";
    font-weight: 400;
    margin-bottom: -5px !important;
}
/* Share modal css End */

.giftshop-category-grid {
    padding-top: 65px;
    padding-bottom: 65px;
}

.giftshop-category-header h2 {
    font-size: 40px;
    line-height: 48px;
    font-family: Recoleta;
    font-weight: 300;
    color: #a5a7af;
    margin-bottom: 0;
}

    .giftshop-category-header h2 span {
        color: #a5a7af;
    }

        .giftshop-category-header h2 span.ec {
            position: relative;
            text-decoration: underline;
            text-decoration-thickness: 2px;
        }
/*.giftshop-category-header h2 span.ec:after {
    content: "";
    background-color: #A5A7AF;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9px;
}*/
.giftshop-category-header {
    border-bottom: 1px solid rgba(30, 36, 55, 0.2);
    padding-bottom: 20px;
    margin-bottom: 60px;
}

.giftshop-category-product {
    margin-bottom: 50px;
}

.gc-category-product-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: rgb(239, 238, 232);
    background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
}

    /*.gc-category-product-image img {
    height: 185px;
    border-radius: 20px;
    object-fit: contain;
}*/

    .gc-category-product-image a {
        display: flex;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -webkit-transition: opacity 0.3s ease-in-out;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.8);
    }

        .gc-category-product-image a:hover {
            opacity: 1;
        }

/*.gc-category-product-content {
    margin-top: 25px;
    margin-bottom: 10px;
}*/

.gc-category-product-content h2 {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    margin-bottom: 20px;
    padding: 0 15px;
}

.gc-category-product-content p {
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 15px;
}

.giftshop-category-header.gs-small-header h2 {
    font-size: 18px;
    line-height: 48px;
}

    .giftshop-category-header.gs-small-header h2 span.ec:after {
        bottom: 2px;
    }

.giftshop-category-header.gs-small-header {
    border-bottom: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.giftshop-brand-title {
    margin-bottom: 45px;
}

    .giftshop-brand-title img {
        max-width: 380px;
    }

.giftshop-brand-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gs-brand-slider-item img {
    max-height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.giftshop-brand-slider .slick-arrow {
    background: #ffffff;
    box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 22px;
    color: #1e2437;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
}

.giftshop-brand-slider .left-arrow.slick-arrow {
    left: -18px;
}

.giftshop-brand-slider .right-arrow.slick-arrow {
    right: -18px;
}

.giftshop-brand-content {
    padding-left: 10px;
}

    .giftshop-brand-content p {
        font-size: 16px;
        line-height: 24px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        margin-bottom: 15px;
    }

        .giftshop-brand-content p:last-child {
            margin-bottom: 0;
        }

.giftshop-send-ecard h2 {
    font-size: 30px;
    line-height: 48px;
    font-family: Recoleta;
    font-weight: 400;
    color: #1e2437;
    margin-bottom: 0;
}

.giftshop-send-ecard-header a svg {
    width: 17px;
    height: 17px;
    color: #1e2437;
}

.giftshop-send-ecard-header {
    border-bottom: 1px solid #a5a7af;
    margin-bottom: 35px;
}

.gs-send-row .fixed-amount-col {
    flex: 0 0 180px;
    padding: 0 15px;
}

.gs-send-row .form-group .form-control {
    max-width: 100%;
    height: 56px;
    resize: none;
    padding-left: 15px;
}

.gs-send-row .form-group textarea.form-control {
    padding-top: 14px;
}

.gs-send-row .form-group label {
    color: #484d5d;
    margin-bottom: 10px;
}

.gs-send-row .form-group .gs-send-save {
    font-size: 12px;
    line-height: 28px;
    color: #36adb4;
    border: 0;
    background-color: transparent;
    position: absolute;
    bottom: 14px;
    right: 12px;
}

    .gs-send-row .form-group .gs-send-save:focus {
        outline: none !important;
    }

.gs-send-row .form-group {
    margin-bottom: 25px;
}

    .gs-send-row .form-group > span {
        font-size: 13px;
        line-height: 20px;
        color: rgba(72, 77, 93, 0.8);
        margin-top: 10px;
        display: inline-block;
    }

.gs-send-divider hr {
    border-color: #a5a7af;
    margin-top: 0;
}

.gs-total-amount {
    padding-top: 20px;
    padding-bottom: 300px;
}

.gs-total-amount {
    font-size: 25px;
    line-height: 24px;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
}

.gs-send-card-btn {
    padding-bottom: 1em;
}

    .gs-send-card-btn .media {
        padding: 8px 0;
        cursor: pointer;
    }

.gs-send-card-btn {
    padding-bottom: 0;
    background: #e9e9eb;
    border: 1px dashed #a5a7af;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 8px 0;
}

    .gs-send-card-btn .add-icon {
        background-color: #7fe2dc;
        width: 32px;
        height: 32px;
        display: flex;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }

        .gs-send-card-btn .add-icon svg {
            width: 14px;
            height: 14px;
        }

.link-disabled {
    cursor: not-allowed !important;
}

.gs-send-card-btn .media-body p {
    font-size: 16px;
    line-height: 18px;
    color: #1e2437;
    margin-bottom: 0;
}

.gs-withdraw-icon img {
    max-width: 220px;
}

.giftshop-withdraw-section {
    padding-top: 65px;
    padding-bottom: 65px;
}

.gs-withdraw-title h2 {
    font-size: 48px;
    line-height: 47px;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    font-weight: 400;
    margin-bottom: 15px;
}

    .gs-withdraw-title h2 span {
        font-family: Recoleta;
        font-weight: 300;
    }

.gs-withdraw-title p {
    font-size: 16px;
    line-height: 24px;
    color: #1e2437;
    margin-bottom: 0;
    font-family: "Modern Era TRIAL";
}

.gs-withdraw-amount {
    background: #e9eaeb;
    border-radius: 8px;
    padding: 55px;
}

.gs-withdraw-amount-inner {
    max-width: 400px;
    margin: 0 auto;
}

.gs-quantity {
    text-align: center;
}

    .gs-quantity p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        color: #4b505f;
    }

    .gs-quantity .quantity {
        width: 135px;
    }

.gs-quantity {
    text-align: center;
    border-bottom: 1px solid rgba(30, 36, 55, 0.2);
    padding-bottom: 30px;
}

.gs-amount-table .border-bottom {
    border-bottom: 1px solid rgba(30, 36, 55, 0.2) !important;
}

.gs-amount-table .d-flex {
    padding: 45px 0;
}

    .gs-amount-table .d-flex:last-child {
        padding-bottom: 0;
    }

    .gs-amount-table .d-flex span {
        font-size: 14px;
        line-height: 20px;
        color: rgba(30, 36, 55, 0.8);
        font-family: "Modern Era TRIAL";
    }

    .gs-amount-table .d-flex p {
        margin-bottom: 0;
        font-family: "Modern Era TRIAL";
        font-size: 16px;
        line-height: 24px;
        color: #4b505f;
    }

.withdraw-row {
    padding-top: 100px;
    padding-bottom: 80px;
}

.gs-bank-details {
    max-width: 500px;
}

    .gs-bank-details p {
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
    }

    .gs-bank-details .form-group {
        margin-bottom: 20px;
    }

        .gs-bank-details .form-group .form-control {
            max-width: 100%;
            text-align: center;
        }

.gs-addcart-btn {
    margin-top: 60px;
}

    .gs-addcart-btn span {
        font-size: 10px;
        line-height: 24px;
        text-align: center;
        color: rgba(30, 36, 55, 0.8);
        display: inline-block;
        margin-top: 8px;
    }

.mt-gs-cartbtn.dropdown-toggle::after {
    display: none;
}

.gift-shop-cart-section.dropdown-menu {
    background-color: #fff;
    z-index: 999999;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 5%);
    border-radius: 8px;
    min-width: 400px;
    left: -65% !important;
    margin-top: 190px;
    border: 0;
    padding: 0;
    transform: none !important;
}

    .gift-shop-cart-section.dropdown-menu:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f0d8";
        position: absolute;
        top: -25px;
        color: #fff;
        font-size: 30px;
        left: 100px;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }

.gs-cart-header {
    border-bottom: 1px solid #e9eaeb;
    padding: 20px 35px;
}

    .gs-cart-header h2 {
        font-size: 20px;
        line-height: 24px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        margin: 0;
        font-weight: 400;
    }

        .gs-cart-header h2 span {
            color: #a5a7af;
        }

.gs-cart-body {
    border-bottom: 1px solid #e9eaeb;
    padding: 0 35px;
}

ul.gs-cart-product-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.gs-cart-product-list li.gs-cart-item {
        border-bottom: 1px solid #e9eaeb;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        ul.gs-cart-product-list li.gs-cart-item:last-child {
            border-bottom: 0px solid #e9eaeb;
        }

        ul.gs-cart-product-list li.gs-cart-item .media {
            width: 100%;
            max-width: 280px;
        }

            ul.gs-cart-product-list li.gs-cart-item .media img {
                max-width: 80px;
                margin-right: 30px;
            }

            ul.gs-cart-product-list li.gs-cart-item .media .media-body h5 {
                font-size: 14px;
                line-height: 17px;
                color: #1e2437;
                font-family: "Modern Era TRIAL";
            }

            ul.gs-cart-product-list li.gs-cart-item .media .media-body p {
                font-family: "Modern Era TRIAL";
                font-size: 14px;
                line-height: 17px;
                color: #a5a7af;
            }

                ul.gs-cart-product-list li.gs-cart-item .media .media-body p span {
                    font-size: 10px;
                }

        ul.gs-cart-product-list li.gs-cart-item .product-price {
            font-size: 14px;
            line-height: 20px;
            text-align: right;
            color: #1e2437;
            font-family: "Modern Era TRIAL";
        }

        ul.gs-cart-product-list li.gs-cart-item .media .media-body a {
            color: #7fe2dc;
            font-family: "Modern Era TRIAL";
            font-size: 14px;
            line-height: 17px;
            display: block;
            margin-top: 25px;
        }

.gs-cart-footer {
    padding: 30px 35px;
}

.gs-cart-footer {
    font-size: 16px;
    line-height: 24px;
    font-family: "Modern Era TRIAL";
    color: #1e2437;
}

.gs-cart-checkout-btn {
    margin-top: 40px;
}

.gc-category-product-imagev2 {
    background: rgb(249, 249, 249);
    background: -moz-linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%);
    background: linear-gradient(0deg, rgba(249, 249, 249, 1) 0%, rgba(225, 225, 225, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1);
    height: 365px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .gc-category-product-imagev2 img {
        object-fit: cover;
    }

.gc-category-product-contentv2 {
    padding: 20px;
}

    .gc-category-product-contentv2 h2 {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .gc-category-product-contentv2 h4 {
        color: #a5a7af;
        font-weight: 400;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 20px;
        font-family: "Modern Era TRIAL";
    }

    .gc-category-product-contentv2 p {
        font-size: 14px;
        line-height: 24px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
        font-weight: 500;
        margin-bottom: 0;
    }

.productv2-delivery-region svg {
    position: relative;
    top: -4px;
    margin-right: 3px;
}

.productv2-delivery-region {
    color: #ffc373;
    font-size: 14px;
}

.gc-category-product-contentv2 a {
    color: #46cac2;
    display: block;
    margin-top: 5px;
    font-size: 16px;
}

.giftshop-category-productv2 {
    margin-bottom: 45px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px rgba(30, 36, 55, 0.1);
}

    .giftshop-category-productv2 span.productv2-lable {
        color: #36adb4;
        position: absolute;
        top: 12px;
        right: 12px;
        background-color: #fff;
        border-radius: 30px;
        font-size: 14px;
        padding: 1px 30px;
        text-align: center;
    }

.giftshop-single-product {
    padding-top: 45px;
    padding-bottom: 45px;
}

.gs-back-btn {
    margin-bottom: 40px;
}

    .gs-back-btn a {
        font-size: 16px;
        line-height: 0px;
        color: #1e2437;
        font-family: "Modern Era TRIAL";
    }

        .gs-back-btn a svg {
            margin-right: 5px;
            position: relative;
            top: -3px;
            width: 8px;
            height: 10px;
        }

.giftshop-product-slider .gs-product-slider-wrapper {
    display: flex;
    overflow: hidden;
    max-height: 740px;
}

ul.gs-product-slider-thumb,
ul.gs-product-slider-preview {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.giftshop-product-slider .gs-product-slider-thumb {
    max-width: 160px;
    margin-right: 35px;
}

    .giftshop-product-slider .gs-product-slider-thumb li {
        max-height: 200px;
    }

ul.gs-product-slider-thumb li.thumb-image {
    background: rgb(239, 238, 232);
    background: -moz-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 20px;
    cursor: pointer;
}

    ul.gs-product-slider-thumb li.thumb-image img {
        /* object-fit: cover;*/
        max-width: 100%;
        /*height: 200px;
    width: 100%;*/
    }

ul.gs-product-slider-preview li.preview-image {
    background: rgb(239, 238, 232);
    background: -moz-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    background: linear-gradient(0deg, rgba(239, 238, 232, 1) 0%, rgba(239, 238, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#e1e1e1",GradientType=1);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-height: 740px;
    overflow: hidden;
}

    ul.gs-product-slider-preview li.preview-image img {
        object-fit: cover;
        max-width: 100%;
        object-position: top;
        width: 100%;
        /*height: 700px;*/
    }

.giftshop-product-detail {
    font-family: "Modern Era TRIAL";
}

    .giftshop-product-detail .giftshop-product-title {
        font-size: 35px;
        line-height: 40px;
        color: #1e2437;
        margin-bottom: 40px;
        font-weight: 400;
    }

    .giftshop-product-detail .giftshop-product-subtitle {
        font-size: 18px;
        color: #1e2437;
        margin-bottom: 35px;
        font-weight: 400;
    }

        .giftshop-product-detail .giftshop-product-subtitle span {
            text-transform: uppercase;
            display: block;
            color: #46cac2;
            margin-top: 12px;
        }

    .giftshop-product-detail .giftshop-product-price {
        font-size: 26px;
        color: #1e2437;
        margin-bottom: 60px;
        font-weight: 400;
    }

    .giftshop-product-detail .giftshop-product-variation {
        font-size: 18px;
        color: #1e2437;
        margin-bottom: 25px;
        font-weight: 400;
    }

.gs-product-accordion-block .gs-product-acc-header h2 {
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    color: #4b505f;
    font-weight: 400;
    border-bottom: 0px solid rgba(30, 36, 55, 0.1);
    padding: 20px 0;
    position: relative;
    font-family: "Modern Era TRIAL";
}

.giftshop-product-accordion {
    border-top: 1px solid rgba(30, 36, 55, 0.1);
    margin-top: 70px;
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
}

.gs-product-accordion-block .gs-product-acc-header h2::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 10px;
    margin-left: 0;
    color: #4b505f;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.gs-product-accordion-block .gs-product-acc-header[aria-expanded="true"] h2::after {
    content: "\f077";
}

.gs-product-accordion-block .gs-product-acc-body {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 18px;
    color: #766772;
}

.gs-product-description {
    font-size: 1rem;
    line-height: 1.5;
}

    .gs-product-description .gs-collapse.collapse:not(.show) {
        display: block;
        height: 100px;
        overflow: hidden;
        position: relative;
    }

    .gs-product-description .gs-collapse.collapsing {
        height: 100px;
    }

    .gs-product-description .gs-collapse.collapse:not(.show)::after {
        content: "";
        background: linear-gradient(0deg, #f7f7f6 19.5%, rgba(247, 247, 246, 0) 88.68%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .gs-product-description a.collapsed::after {
        content: "Read More";
    }

    .gs-product-description a:not(.collapsed)::after {
        content: "Read Less";
    }

.gs-product-description {
    padding-top: 80px;
    font-family: "Modern Era TRIAL";
}

    .gs-product-description h3 {
        font-size: 20px;
        line-height: 30px;
        color: #1e2437;
    }

    .gs-product-description a.readmore-btn {
        font-size: 20px;
        line-height: 30px;
        font-family: "Modern Era TRIAL";
        text-decoration-line: underline;
        color: #1e2437;
    }

.giftshop-related-products {
    padding: 50px 0;
}

    .giftshop-related-products h3 {
        font-size: 35px;
        line-height: 30px;
        color: #1e2437;
        font-family: Recoleta;
        font-weight: 400;
        margin-bottom: 50px;
    }

.related-products-slider .slick-slide {
    margin: 0 16px;
}

.related-products-slider .slick-list {
    margin: 0 -16px;
}

.related-products-slider .gc-category-product-imagev2 {
    height: auto;
}

.related-products-slider .gc-category-product-contentv2 h2 {
    margin-bottom: 15px;
}

.related-products-slider .slick-arrow {
    background: #ffffff;
    box-shadow: 0px 2px 4px rgba(30, 36, 55, 0.1);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 22px;
    color: #1e2437;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
}

.related-products-slider .left-arrow.slick-arrow {
    left: -30px;
}

.related-products-slider .right-arrow.slick-arrow {
    right: -30px;
}

.gs-send-row .form-group textarea.gs-textarea {
    height: 170px;
}

.gs-send-row .mt-select-form::before {
    content: "\f0dd";
    color: #7fe2dc;
    top: 47px;
    bottom: auto;
}

.modal-dialog.gift-shop-modal {
    max-width: 1100px;
    font-family: "Modern Era TRIAL";
}

.amount-info p {
    font-size: 16px;
    line-height: 24px;
    color: #36adb4;
    margin-bottom: 0;
}

.amount-info h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 400;
    color: #1e2437;
    margin-top: 8px;
}

.amount-info {
    padding-bottom: 50px;
    padding-top: 30px;
}

.modal-text h3 {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
}

.modal-text p {
    color: rgba(30, 36, 55, 0.6);
    line-height: 24px;
}

.modal-actions-btns {
    max-width: 620px;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 60px;
}

    .modal-actions-btns .text-center img {
        height: 90px;
        max-width: 120px;
        object-fit: contain;
        margin-bottom: 50px;
    }

.modal-dialog.gift-shop-modal .modal-content {
    border-radius: 8px;
    background-color: transparent;
    box-shadow: none;
}

.modal-hide {
    display: none;
}

.gift-shop-modal .gt-md-modal-header .gt-modal-back {
    right: auto;
}

.gs-modal-title {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
    margin-bottom: 30px;
    margin-top: 10px;
}

.gs-modal-search {
    max-width: 330px;
    margin: 0 auto;
    margin-bottom: 25px;
}

    .gs-modal-search input {
        background: #ffffff;
        border: 1px solid #e9eaeb;
        box-sizing: border-box;
        border-radius: 50px;
        width: 100%;
        height: 48px;
        padding-left: 60px;
        padding-right: 15px;
    }

        .gs-modal-search input:focus {
            outline: none;
        }

    .gs-modal-search svg {
        position: absolute;
        left: 25px;
        top: 15px;
        color: #a5a7af;
        width: 20px;
        height: 20px;
    }

.gs-modal-sort p {
    color: rgba(30, 36, 55, 0.6);
}

.gs-modal-sort ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

    .gs-modal-sort ul li {
        display: inline-block;
        position: relative;
    }

        .gs-modal-sort ul li a {
            color: #46cac2;
            font-size: 18px;
            padding: 0 6px;
        }

        .gs-modal-sort ul li::after {
            content: ".";
            color: rgba(30, 36, 55, 0.6);
            position: absolute;
            top: -2px;
            right: -4px;
        }

        .gs-modal-sort ul li:last-child::after {
            display: none;
        }

.gs-organisation-slider {
    max-width: 620px;
    padding: 20px 50px 0;
    margin: 0 auto 0;
}

    .gs-organisation-slider .organisation-slider-item {
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .gs-organisation-slider .organisation-slider-item img {
            height: 65px;
        }

    .gs-organisation-slider .slick-arrow {
        /* font-size: 40px; */
        color: #a5a7af;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        cursor: pointer;
        width: 30px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .gs-organisation-slider .left-arrow.slick-arrow {
        background-image: url(../Images/gt-mt-images/arrow-left.png);
        left: 0;
    }

    .gs-organisation-slider .right-arrow.slick-arrow {
        background-image: url(../Images/gt-mt-images/arrow-right.png);
        right: 0;
    }

ul.gs-organisation-grid {
    padding: 0;
    list-style-type: none;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

    ul.gs-organisation-grid li {
        height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        ul.gs-organisation-grid li img {
            height: 65px;
            object-fit: contain;
        }

.charity-modal-header {
    border-bottom: 1px solid #e9eaeb;
    padding: 0 50px 15px;
}

    .charity-modal-header .media img {
        max-width: 110px;
        margin-right: 30px;
    }

.amount-info-single {
    padding: 15px 0;
    border-bottom: 1px solid #e9eaeb;
}

.charity-modal-header .media {
    max-width: 660px;
    margin: 0 auto;
}

.gift-shop-modal .gs-modal-screen01,
.gift-shop-modal .gs-modal-screen02 {
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 10%);
    border-radius: 8px;
    max-width: 840px;
    margin: 0 auto;
}

.gift-shop-modal .gs-modal-screen03 {
    background: #ffffff;
    box-shadow: 0px 0px 48px rgb(30 36 55 / 10%);
    border-radius: 8px;
}

.giftshop-donation-info .gs-send-row .fixed-amount-col {
    flex: 0 0 320px;
}

.giftshop-donation-info .gs-send-divider hr {
    border-color: #d2d3d7;
}

.giftshop-donation-info .gs-send-card-btn .add-icon {
    width: 54px;
    height: 54px;
}
/*.progress_steps .select2-container--open span.select2-selection.select2-selection--single,
.progress_steps .select2-container--below span.select2-selection.select2-selection--single {
    border: 1px solid #7fe2dc;
}
*/
.collection-calendar svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
/* Date Picker */
.datepicker_dashboard .years .year {
    color: #a8aab2;
}

.datepicker_dashboard .months .month {
    color: #a6a8b0;
}

.datepicker_dashboard.column_1[aria-hidden="true"] {
    box-shadow: none !important;
}

.datepicker_dashboard.column_1 {
    background-image: none;
    background-color: #fff;
    width: 276px !important;
    height: 256px !important;
    /* filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.25)); */
    box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
    padding: 6px;
    margin-top: 8px;
}

.datepicker_dashboard .header {
    background-color: #7fe2dc;
    height: 30px !important;
    width: 100% !important;
    margin-bottom: 5px;
}

    .datepicker_dashboard .header .titleText {
        color: #1e2437;
        font-weight: 700;
        padding: 4px 0;
        font-size: 14px;
        font-family: "Modern Era TRIAL";
    }

    .datepicker_dashboard .header .next {
        background-image: url(../Images/gt-mt-images/calendar-next.png);
        background-position: center;
        height: 11px;
        width: 11px;
        top: 10px;
        right: 12px;
    }

    .datepicker_dashboard .header .previous {
        background-image: url(../Images/gt-mt-images/calendar-back.png);
        background-position: center;
        height: 12px;
        width: 12px;
        top: 12px;
        left: 15px;
    }

        .datepicker_dashboard .header .next:hover,
        .datepicker_dashboard .header .previous:hover {
            background-position: center;
        }

.datepicker_dashboard .days thead {
    text-transform: uppercase;
    color: #2f2260;
    background-color: #e9e9eb;
    font-family: "Modern Era TRIAL";
    font-weight: 700;
}

    .datepicker_dashboard .days thead .titles {
        height: auto !important;
        margin-bottom: 0;
        padding: 0 10px;
    }

.datepicker_dashboard .days .titles .day {
    margin-right: 0;
    font-weight: 700;
    color: #2f2260;
    font-family: "Modern Era TRIAL";
    padding: 7px 0 5px;
    height: auto !important;
    font-size: 12px;
}

.datepicker_dashboard thead tr {
    border-bottom: 5px solid #fff;
}

.datepicker_dashboard .unavailable {
    color: #a5a7af !important;
}

.datepicker_dashboard .days tbody .week .day {
    color: #a5a7af;
}

.slider,
.slider > div,
.datepicker_dashboard .body {
    height: 210px !important;
}

.datepicker_dashboard tbody tr.week td {
    height: auto !important;
    padding: 4px 0 !important;
    font-weight: 500;
}

.datepicker_dashboard tbody tr.week td {
    font-family: "Modern Era TRIAL";
}

    .datepicker_dashboard tbody tr.week td:last-child {
        color: #36adb4 !important;
    }

.datepicker_dashboard tbody tr td.selected {
    background-color: #7fe2dc;
    border-radius: 100%;
    color: #1e2437 !important;
}

.datepicker_dashboard table {
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

.datepicker_dashboard .days .day {
    height: 28px !important;
    width: 28px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.datepicker_dashboard tbody tr,
.datepicker_dashboard thead tr {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.slider > div,
.datepicker_dashboard .body {
    width: 262px !important;
}

.col-pixel-width-430 {
    -ms-flex: 0 0 430px;
    flex: 0 0 430px;
    max-width: 430px;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.gt-review-gifts-inner {
    font-family: "Modern Era TRIAL";
}

    .gt-review-gifts-inner > h2 {
        font-size: 40px;
        font-family: Recoleta;
        line-height: 48px;
        color: #1e2437;
        font-weight: 400;
        margin-bottom: 30px;
    }

.col-pixel-width-430 .gt-collection-faq {
    margin-top: 60px;
}

h2.gtrbh-title {
    font-size: 28px;
    line-height: 48px;
    color: #a5a7af;
    margin-bottom: 0;
    font-weight: 400;
}

    h2.gtrbh-title .dark-color {
        color: #1e2437;
    }

a.gtrbh-link {
    transition: all ease 0.3s;
    font-size: 14px;
    line-height: 40px;
    color: #36adb4;
}

.gt-review-block-header {
    padding-bottom: 0;
    margin-bottom: 15px;
}

.gt-review-gifts-body {
    padding-top: 30px;
    position: relative;
    padding-left: 25px;
    padding-bottom: 20px;
    padding-right: 25px;
    border-top: 1px solid #e9eaeb;
    padding-bottom: 0;
    margin-bottom: 25px;
}

    .gt-review-gifts-body .media img {
        max-width: 80px;
        margin-right: 35px;
    }

.gt-review-gifts-block {
    /*border-bottom: 1px solid #E9EAEB;*/
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.gt-review-gifts-body .media .media-body h5 {
    font-size: 14px;
    line-height: 17px;
    color: #1e2437;
    margin-bottom: 12px;
}

.gt-review-gifts-body .media .media-body h6 {
    margin-bottom: 20px;
}

.gt-review-gifts-body .media .media-body h6,
.gt-review-gifts-body .media .media-body p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #1e2437;
}

    .gt-review-gifts-body .media .media-body h6 span,
    .gt-review-gifts-body .media .media-body p span {
        color: #a5a7af;
    }

.gt-review-gifts-body .media .media-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .gt-review-gifts-body .media .media-body ul li {
        display: inline-block;
        color: #36adb4;
        margin: 0 4px;
    }

        .gt-review-gifts-body .media .media-body ul li:first-child {
            margin-left: 0;
        }

        .gt-review-gifts-body .media .media-body ul li a {
            color: #36adb4;
            transition: all ease 0.3s;
        }

            .gt-review-gifts-body .media .media-body ul li a:hover,
            a.gtrbh-link:hover {
                color: #46cac2;
            }

.gt-review-gifts-body .media {
    max-width: 600px;
}

.gt-review-amount-dropdown.mt-select-form::before {
    content: "\f0dd";
    color: #7fe2dc;
    bottom: 12px;
    right: 12px;
}

.gt-review-amount-dropdown {
    position: absolute;
    top: 30px;
    right: 0;
    max-width: 70px;
    margin: 0;
}

    .gt-review-amount-dropdown.mt-select-form select {
        height: 43px;
        max-width: 70px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 21px;
        color: #1e2437;
    }

    .gt-review-amount-dropdown input {
        height: 43px;
        max-width: 70px;
        padding: 0 10px;
        font-size: 12px;
        line-height: 21px;
        color: #1e2437;
        text-align: center;
    }

.send-card-preview {
    padding: 30px 30px;
}

    .send-card-preview .media {
        border: 1px solid rgba(30, 36, 55, 0.1);
        border-radius: 8px;
        padding: 15px 15px;
        margin-bottom: 18px;
    }

        .send-card-preview .media:last-child {
            margin-bottom: 35px;
        }

        .send-card-preview .media img {
            width: 110px;
            height: 110px;
            margin-right: 25px;
            border-radius: 100%;
            object-fit: cover;
        }

        .send-card-preview .media .media-body {
        }

            .send-card-preview .media .media-body h5 {
                font-weight: 500;
                font-size: 20px;
                line-height: 32px;
                font-family: "Modern Era TRIAL";
                color: #36adb4;
                margin-bottom: 10px;
            }

            .send-card-preview .media .media-body p {
                font-family: "Modern Era TRIAL";
                font-size: 16px;
                line-height: 24px;
                color: rgba(30, 36, 55, 0.6);
                margin-bottom: 0;
            }

.col-pixel-width-105 {
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    max-width: 105px;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.gt-review-gifts-total-amount p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
}

.gt-review-gifts-total-amount .theme-btn-dark,
.gt-review-gifts-total-amount .theme-btn-lite {
    max-width: 288px;
    margin-top: 20px;
}

.gt-review-gifts-total-amount {
    padding-bottom: 60px;
}

.edit-details-modal > h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
}

.gt-md-modal-content .edit-details-modal hr {
    border-top: 1px solid #e9eaeb;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
}

.gt-md-modal-content textarea.form-control {
    min-height: 115px;
    height: auto;
}

.gt-md-modal-content .gs-send-card-btn {
    border-top: 1px solid #e9eaeb;
    border-bottom: 1px solid #e9eaeb;
    margin-bottom: 70px;
    margin-top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.max-730 {
    max-width: 730px;
}

.confirmation-modal {
    padding: 10px;
}

    .confirmation-modal h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 35px;
    }

    .confirmation-modal p {
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        margin-bottom: 30px;
    }

.areyousure.confirmation-modal p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #1e2437;
    margin-bottom: 30px;
}

    .areyousure.confirmation-modal p a {
        font-size: 16px;
        text-decoration: underline;
    }

.editmodalbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    max-width: 420px;
}

.preview-mode-content h4 {
    font-weight: 500;
    font-size: 20px;
    display: block;
}

.editmodalbtn a.theme-btn-lite {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
}

.preview-mode-content ul {
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 0;
    list-style-type: none;
}

    .preview-mode-content ul li {
        font-size: 14px;
        padding: 0;
        position: relative;
        line-height: 26px;
    }

        .preview-mode-content ul li::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            content: "\f111";
            font-size: 5px;
            margin-right: 8px;
            position: relative;
            top: -2px;
        }

.confirmation-modal.areyousure {
    padding: 8px;
}

svg.tooltip-input-icon {
    position: relative;
    top: -2px;
    right: -2px;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #484d5d;
}

.collection-calendar::after {
    content: "";
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/calendar-icon.png);
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.position-relative.collection-calendar input {
    z-index: 8;
    position: relative;
    background-color: transparent;
}

.contributor-filters {
    position: relative;
    margin-left: 25px;
}

    .contributor-filters:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f111";
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: -15px;
        color: #a5a5a5;
        font-size: 3px;
    }

    .contributor-filters select {
        font-size: 16px;
        padding: 10px 0 10px 0px;
        border: 0;
        width: auto;
    }

        .contributor-filters select:focus {
            outline: none;
        }

.gt-review-gifts-inner-title h2 {
    font-size: 40px;
    font-family: Recoleta;
    line-height: 48px;
    color: #1e2437;
    font-weight: 400;
    margin-bottom: 30px;
}

.verify-modal-main {
    font-family: "Modern Era TRIAL";
    color: #1e2437;
}

.verify-modal-header {
    margin-bottom: 30px;
}

    .verify-modal-header img {
        max-width: 105px;
    }

.verify-modal-step01 .vefify-modal-header img {
    margin-left: -8%;
}

.verify-modal-body h2 {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
}

.gt-modal-close.verif-modal-close {
    position: absolute;
    right: 18px;
    top: 18px;
}

.verify-modal-body p {
    font-size: 14px;
    line-height: 22px;
    margin-left: auto;
    max-width: 400px;
    margin-right: auto;
    margin-bottom: 20px;
}

.verify-modal-body a {
    margin-top: 35px;
}

.phone-verification-input .mt-select-form::before {
    content: "\f0dd";
    color: #7fe2dc;
    bottom: 18px;
    right: 12px;
    display: none;
}

.country-flag {
    flex: 0 0 115px;
    padding: 0 15px 0 15px;
}

.phone-verification-input .mt-select-form select {
    padding: 0 15px;
}

.country-flag .select2-container {
    width: 100% !important;
}

div#exit_intent_modal {
    z-index: 999999 !important;
}

.country-flag .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 17px 0;
    padding-left: 15px;
    padding-right: 15px !important;
}

    .country-flag .select2-container--default .select2-selection--single .select2-selection__rendered span {
        display: flex;
        align-items: center;
    }

        .country-flag .select2-container--default .select2-selection--single .select2-selection__rendered span img {
            width: 32px;
            height: 20px;
        }

.country-flag span.select2-search.select2-search--dropdown {
    display: none !important;
}

.phone-verification-input .input-group-text {
    background-color: #a5a7af;
    border: 1px solid #a5a7af;
    width: 70px;
    font-family: "Modern Era TRIAL";
    color: #1e2437;
    justify-content: center;
}

.phone-verification-input input.form-control {
    padding-left: 15px;
}

.send-code-box {
    margin-bottom: 1rem;
    margin-top: 2rem;
}

    .send-code-box input.form-control {
        background-color: #e9eaeb;
        border-radius: 9px;
        width: 400px !important;
        letter-spacing: 10px;
        height: 70px;
        text-align: center;
        margin: 0 6px;
        border-color: #e9eaeb;
        font-size: 36px;
        padding: 5px;
        font-weight: 700;
        margin-left: auto;
        margin-right: auto;
    }

.verify-modal-footer {
    margin-top: 35px;
}

    .verify-modal-footer a {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #36adb4;
        border-bottom: 1px solid transparent;
        transition: all ease 0.3s;
        display: block;
    }

        .verify-modal-footer a:hover {
            border-bottom: 1px solid #36adb4;
        }

    .verify-modal-footer ul {
        padding: 0;
        list-style-type: none;
        margin-bottom: 25px;
    }

        .verify-modal-footer ul li {
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

            .verify-modal-footer ul li::before {
                font-family: "Font Awesome 5 Free";
                font-weight: 700;
                content: "\f111";
                top: 50%;
                transform: translateY(-50%);
                position: absolute;
                right: -13px;
                color: #36adb4;
                font-size: 2px;
            }

            .verify-modal-footer ul li:last-child::before {
                display: none;
            }

.giftshop-brand-title {
    font-family: "Sarpanch", sans-serif;
    font-weight: 900;
    font-size: 80px;
    line-height: 96px;
}

.select2-dropdown.verifitation-dropdown ul.select2-results__options li {
    padding: 10px 15px;
}

    .select2-dropdown.verifitation-dropdown ul.select2-results__options li img {
        width: 32px;
        height: 20px;
        position: relative;
        top: -3px;
    }

/* New Group Covers */

.group-card-placeholder {
    max-width: 540px;
    margin: 0 auto;
}
/*{
    font-family: 'Caveat', cursive;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Pangolin', cursive;
    font-family: 'Secular One', sans-serif;
    font-family: 'Special Elite', cursive;
}*/
.mt-groupCard._babyDuck_,
.mt-groupCard._babyDuck_ .gc-booklet-inner {
    background-color: #f8d99d;
}

._babyDuck_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-duck-invitaions-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 485px;
    background-size: 160px;
}

._babyDuck_ .mt-groupCard-title {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 44px;
    color: #d78c1f;
    text-transform: uppercase;
    line-height: normal;
    max-width: 480px;
    letter-spacing: 0;
}

.mt-groupCard._candyHeart_,
.mt-groupCard._candyHeart_ .gc-booklet-inner {
    background-color: #fff;
}

._candyHeart_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/candy-heart-invitaions-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 405px;
    background-size: 210px;
}

._candyHeart_ .mt-groupCard-title {
    font-family: "Caveat", cursive;
    font-size: 80px;
    color: #322f29;
    line-height: 80px;
    max-width: 490px;
    letter-spacing: 0;
}

.mt-groupCard._babyFeetBlue_,
.mt-groupCard._babyFeetBlue_ .gc-booklet-inner {
    background-color: #b4d4f2;
}

._babyFeetBlue_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-feet-invitaions-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    background-size: 140px;
}

._babyFeetBlue_ .mt-groupCard-title {
    font-family: "Secular One", sans-serif;
    font-size: 37px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
    max-width: 480px;
    letter-spacing: 0;
}

.mt-groupCard._babyFeetPink_,
.mt-groupCard._babyFeetPink_ .gc-booklet-inner {
    background-color: #f4bfaa;
}

._babyFeetPink_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-feet-invitaions-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    background-size: 140px;
}

._babyFeetPink_ .mt-groupCard-title {
    font-family: "Secular One", sans-serif;
    font-size: 37px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
    max-width: 480px;
    letter-spacing: 0;
}

.mt-groupCard._waterColourBee_,
.mt-groupCard._waterColourBee_ .gc-booklet-inner {
    background-color: #fff;
}

._waterColourBee_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-Bee-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 520px;
    background-size: 200px;
}

._waterColourBee_ .mt-groupCard-title {
    font-family: "Special Elite", cursive;
    font-size: 38.5px;
    color: #000000;
    text-transform: uppercase;
    line-height: 44px;
    max-width: 480px;
    letter-spacing: 0;
}

.mt-groupCard._waterColourRainbow_ .gc-booklet-inner {
    background-color: transparent;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-rainbow-bg.png);
}

._waterColourRainbow_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/watercolour-rainbow-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
    background-size: 420px;
}

._waterColourRainbow_ .mt-groupCard-title {
    font-family: "Pangolin", cursive;
    font-size: 50px;
    color: #888880;
    text-transform: uppercase;
    line-height: 56px;
    max-width: 480px;
    letter-spacing: 0;
}

/*Batch 2*/

/*{
    font-family: 'Chonburi', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Poiret One', cursive;
    font-family: 'Poppins', sans-serif;
    font-family: 'Staatliches', cursive;
}*/

.mt-groupCard._blueTitle_,
.mt-groupCard._blueTitle_ .gc-booklet-inner {
    background-color: #2e377f;
}

._blueTitle_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    background-size: 420px;
}

._blueTitle_ .mt-groupCard-title {
    font-family: "Chonburi", cursive;
    font-size: 46px;
    padding: 10px;
    color: #ffbe58;
    text-transform: uppercase;
    line-height: 60px;
    max-width: 100%;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

.cover-editable {
    position: relative;
}

.mt-groupCard._thinTitle_,
.mt-groupCard._thinTitle_ .gc-booklet-inner {
    background-color: #f8d99d;
}

._thinTitle_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: 420px;
}

._thinTitle_ .mt-groupCard-title {
    font-family: "Poiret One", cursive;
    font-size: 56px;
    color: #e46631;
    text-transform: uppercase;
    line-height: 70px;
    max-width: 100%;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

.mt-groupCard._colourfulCocktail_,
.mt-groupCard._colourfulCocktail_ .gc-booklet-inner {
    background-color: #fff;
}

._colourfulCocktail_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/colourful-cocktail-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 460px;
    background-size: 310px;
    flex-shrink: 0;
}

._colourfulCocktail_ .mt-groupCard-title {
    overflow: hidden;
    display: block;
    align-items: center;
    height: calc(100% - (460px + 140px));
    font-family: "Nunito", sans-serif;
    font-size: 50px;
    color: #000000;
    text-transform: none;
    line-height: 52px;
    max-width: 480px;
    letter-spacing: 0;
    min-height: unset;
    margin-bottom: 0;
}

._colourfulCocktail_ .mt-groupCard-space {
    height: 140px;
    overflow: hidden;
    align-items: flex-start;
    padding: 10px 0;
}

._colourfulCocktail_ .mt-groupCard-description {
    display: block;
    font-family: "Nunito", sans-serif;
    line-height: 30px;
    letter-spacing: 0;
    max-width: 500px;
}

.mt-groupCard._orangeHappyBday_ .gc-booklet-inner {
    background-color: #ff6133;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/orange-happy-birthday-bg.png);
    background-size: 100% 100%;
}

._orangeHappyBday_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: 420px;
}

._orangeHappyBday_ .mt-groupCard-title {
    font-family: "Staatliches", cursive;
    font-size: 80px;
    color: #fff;
    text-transform: uppercase;
    line-height: 80px;
    max-width: 100%;
    padding: 10px;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

.mt-groupCard._brightPinkThankYou_,
.mt-groupCard._brightPinkThankYou_ .gc-booklet-inner {
    background-color: #f303ef;
}

._brightPinkThankYou_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/bright-pink-thank-you-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    background-size: 350px;
}

._brightPinkThankYou_ .mt-groupCard-title {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    color: #fff;
    text-transform: none;
    line-height: 40px;
    max-width: 480px;
    letter-spacing: 0;
}

.mt-groupCard._greenHeart_,
.mt-groupCard._greenHeart_ .gc-booklet-inner {
    background-color: #dae2cf;
}

._greenHeart_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/green-heart-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 440px;
    background-size: 300px;
}

._greenHeart_ .mt-groupCard-title {
    font-family: "Poppins", sans-serif;
    font-size: 58px;
    color: #000000;
    text-transform: none;
    line-height: 68px;
    max-width: 480px;
    letter-spacing: 0;
}

/*Batch 3*/

/*{
    font-family: 'GFS Didot', serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Lora', serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Quicksand', sans-serif;
}*/

.mt-groupCard._youRock_,
.mt-groupCard._youRock_ .gc-booklet-inner {
    background-color: #eeeeed;
}

._youRock_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/you-rock-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 430px;
    background-size: 245px;
}

._youRock_ .mt-groupCard-title {
    font-family: "Lato", sans-serif;
    font-size: 60px;
    color: #545454;
    text-transform: none;
    line-height: 70px;
    max-width: 480px;
    letter-spacing: 0;
    font-weight: 700;
}

.mt-groupCard._thanksAbunch_,
.mt-groupCard._thanksAbunch_ .gc-booklet-inner {
    background-color: #fff;
}

._thanksAbunch_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/thanks-a-bunch-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    background-size: 350px;
}

._thanksAbunch_ .mt-groupCard-title {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    color: #000;
    text-transform: none;
    line-height: 36px;
    max-width: 480px;
    letter-spacing: 0;
    font-weight: 400;
}

.mt-groupCard._peace_,
.mt-groupCard._peace_ .gc-booklet-inner {
    background-color: #fff;
}

._peace_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/peace-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 460px;
    background-size: 140px;
}

._peace_ .mt-groupCard-title {
    font-family: "Lora", serif;
    font-size: 30px;
    color: #000;
    text-transform: none;
    line-height: 38px;
    max-width: 480px;
    letter-spacing: 0;
    font-weight: 700;
}

.mt-groupCard._coachWhistle_,
.mt-groupCard._coachWhistle_ .gc-booklet-inner {
    background-color: #fff;
}

._coachWhistle_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/coach-whistle-header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 450px;
    background-size: 190px;
}

._coachWhistle_ .mt-groupCard-title {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    color: #d84012;
    text-transform: none;
    line-height: 50px;
    max-width: 480px;
    letter-spacing: 0;
    font-weight: 400;
}

.mt-groupCard._pinkDonut_,
.mt-groupCard._pinkDonut_ .gc-booklet-inner {
    background-color: #f8cfdf;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pink-donut-bg.png);
    background-size: 100% 100%;
}

._pinkDonut_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 540px;
    background-size: 190px;
}

._pinkDonut_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 28px;
    color: #000;
    text-transform: uppercase;
    line-height: 36px;
    max-width: 450px;
    letter-spacing: 0;
    font-weight: 600;
}

.mt-groupCard._navyBorderBlue_ .gc-booklet-inner {
    background-color: #75a0c7 !important;
    -webkit-box-shadow: inset 0px 0px 0px 10px #1e2437;
    -moz-box-shadow: inset 0px 0px 0px 10px #1e2437;
    box-shadow: inset 0px 0px 0px 10px #1e2437;
}

.mt-groupCard._navyBorderBlue_ .gc-container-inner {
    -webkit-box-shadow: inset 0px 0px 0px 10px #1e2437;
    -moz-box-shadow: inset 0px 0px 0px 10px #1e2437;
    box-shadow: inset 0px 0px 0px 10px #1e2437;
}

._navyBorderBlue_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: 420px;
}

._navyBorderBlue_ .mt-groupCard-title {
    font-family: "GFS Didot", serif;
    font-size: 68px;
    color: #1e2437;
    line-height: 70px;
    max-width: 490px;
    letter-spacing: 0;
    /* position: absolute !important; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
    height: calc(100% - 170px);
}

._navyBorderBlue_ .mt-groupCard-description {
    display: block;
    font-family: "GFS Didot", serif;
    color: #1e2437;
    font-weight: 300;
    font-size: 26px;
    line-height: 28px;
    max-width: 490px;
    padding: 0 0 10px 0;
}

._navyBorderBlue_ .mt-groupCard-space {
    height: 170px;
    overflow: hidden;
    align-items: flex-start;
    padding: 10px 0;
}
/*Batch 4*/
/*{
    font-family: 'Abril Fatface', cursive;
    font-family: 'Maven Pro', sans-serif;
    font-family: 'Niconne', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Playfair Display', serif;
    font-family: 'Amatic SC', cursive;
}*/
.invitation-upload-yourown {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .invitation-upload-yourown input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

/*.invitation-upload-yourown img {
    width: 170px ;
    height: 170px;
    object-fit: cover;
    max-width: 100% !important;
}*/
.horizontal-yourown img {
    max-width: 210px;
    height: 120px;
}

.landscape-yourown img {
    max-width: 240px;
}

.photo-polaroid-bg {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bgv2.png);
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 260px;
    margin: 0 auto;
}

    .photo-polaroid-bg .polaroid-yourown {
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png);
        padding: 15px;
        padding-bottom: 40px;
        background-size: cover;
        box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
        -webkit-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
        -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
    }

.orangecircle-yourown img {
    border: 3px solid #d84012;
    border-radius: 100%;
    object-fit: cover;
}

.groupcard-upload-yourown {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
}

    .groupcard-upload-yourown input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 9;
    }

    .groupcard-upload-yourown img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        object-position: top center;
    }

.mt-groupCard._photoFullSquare_,
.mt-groupCard._photoFullSquare_ .gc-booklet-inner,
.mt-groupCard._photoFullSquareSympathy_,
.mt-groupCard._photoFullSquareSympathy_ .gc-booklet-inner {
    background-color: #ffffff;
}

._PhotoFullSquare_ .gc-container-inner,
._photoFullSquareSympathy_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    ._photoFullSquare_ .gc-container-inner .mt-groupCard-batch4-header,
    ._photoFullSquareSympathy_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: calc(100% - 30%);
        overflow: hidden;
    }

._photoFullSquare_ .mt-groupCard-title,
._photoFullSquareSympathy_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: center;
    height: 30%;
    margin-bottom: 0;
    font-family: "Nunito", sans-serif;
    font-size: 30px;
    color: #000000;
    width: 100%;
    justify-content: center;
    max-width: 490px;
    padding: 10px;
    line-height: 38px;
    overflow: hidden;
    text-transform: uppercase;
}

.mt-groupCard._photoGoldBorder_,
.mt-groupCard._photoGoldBorderSympathy_ {
    /*background-color: #ffffff;*/
}

    .mt-groupCard._photoGoldBorder_ .gc-container-inner,
    .mt-groupCard._photoGoldBorderSympathy_ .gc-container-inner {
        background-color: #ffffff;
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-gold-border-cover.png);
        background-size: 100% 100%;
    }

._photoGoldBorder_ .gc-container-inner,
._photoGoldBorderSympathy_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 75px;
    padding-bottom: 50px;
}

    ._photoGoldBorder_ .gc-container-inner .mt-groupCard-batch4-header,
    ._photoGoldBorderSympathy_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: calc(100% - 40%);
        overflow: hidden;
    }

._photoGoldBorder_ .mt-groupCard-title,
._photoGoldBorderSympathy_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: center;
    height: 40%;
    margin-bottom: 0;
    font-family: "Niconne", cursive;
    font-size: 58px;
    color: #3b372f;
    width: 100%;
    justify-content: center;
    max-width: 470px;
    padding: 10px;
    line-height: 55px;
    overflow: hidden;
}

.mt-groupCard._photoLogoNavyBorder_ {
    /*background-color: #ffffff;*/
}

    .mt-groupCard._photoLogoNavyBorder_ .gc-container-inner {
        background-color: #ffffff;
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-logo-navy-border-bg.png);
        background-size: 100% 100%;
    }

._photoLogoNavyBorder_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 45px 25px;
}

    ._photoLogoNavyBorder_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: 150px;
        overflow: hidden;
    }

._photoLogoNavyBorder_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: center;
    height: calc(100% - (150px + 140px));
    margin-bottom: 0;
    font-family: "Playfair Display", serif;
    font-size: 64px;
    color: #1e2437;
    width: 100%;
    justify-content: center;
    max-width: 100%;
    padding: 10px;
    line-height: 80px;
    overflow: hidden;
    font-weight: 700;
}

._photoLogoNavyBorder_ .mt-groupCard-space {
    min-height: 140px;
}

.mt-groupCard._photoLogoNavyBorder_ .mt-groupCard-description {
    display: block;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    color: #1e2437;
    line-height: normal;
}

._photoLogoNavyBorder_ .groupcard-upload-yourown {
    position: relative;
    overflow: hidden;
    display: block;
    height: 150px;
    width: 100%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.mt-groupCard._photoFullPageLandscape_ .mt-groupCard._photoFullPageLandscapeSympathy_ {
    /* background-color: #ffffff;*/
}

.mt-groupCard._photoFullPageLandscape_ .gc-container-inner,
.mt-groupCard._photoFullPageLandscapeSympathy_ .gc-container-inner {
    background-color: #ffffff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-full-page-landscape-bg.png);
    background-size: 100% 100%;
}

._photoFullPageLandscape_ .gc-container-inner,
._photoFullPageLandscapeSympathy_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    ._photoFullPageLandscape_ .gc-container-inner .mt-groupCard-batch4-header,
    ._photoFullPageLandscapeSympathy_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: 50%;
        overflow: hidden;
    }

._photoFullPageLandscape_ .mt-groupCard-title,
._photoFullPageLandscapeSympathy_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: flex-start;
    height: calc(100% - (50% + 140px));
    margin-bottom: 0;
    font-family: "Maven Pro", sans-serif;
    font-size: 50px;
    color: #141414;
    width: 100%;
    justify-content: center;
    max-width: 510px;
    padding: 10px;
    line-height: 55px;
    font-weight: 700;
    padding-top: 15%;
    text-transform: uppercase;
}

.mt-groupCard._photoFullPageLandscape_ .mt-groupCard-description,
.mt-groupCard._photoFullPageLandscapeSympathy_ .mt-groupCard-description {
    display: block;
    font-family: "Maven Pro", sans-serif;
    font-size: 25px;
    line-height: normal;
    color: #141414;
}

.mt-groupCard-space {
    min-height: 140px;
}

.mt-groupCard._photoPolaroid_,
.mt-groupCard._photoPolaroidSympathy_ {
    /* background-color: #ffffff;*/
}

    .mt-groupCard._photoPolaroid_ .gc-container-inner,
    .mt-groupCard._photoPolaroidSympathy_ .gc-container-inner {
        background-color: #ffffff;
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bgv2.png);
        background-size: 100% 100%;
    }

._photoPolaroid_ .gc-container-inner,
._photoPolaroidSympathy_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 120px 60px;
}

    ._photoPolaroid_ .gc-container-inner .mt-groupCard-batch4-header,
    ._photoPolaroidSympathy_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: calc(100% - 25%);
        overflow: hidden;
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png);
        background-size: cover;
        box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
        -webkit-box-shadow: 0px 2px 2px 0px rgb(78 78 78 / 50%);
        -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
        padding: 20px;
        padding-bottom: 0;
    }

._photoPolaroid_ .mt-groupCard-title,
._photoPolaroidSympathy_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: center;
    height: 25%;
    margin-bottom: 0;
    font-family: "Amatic SC", cursive;
    font-size: 35px;
    color: #b11a1e;
    width: 100%;
    justify-content: center;
    max-width: 100%;
    padding: 10px 20px;
    line-height: 44px;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/photo-polaroid-header-bg.png);
    background-size: cover;
    box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
    -webkit-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
    -moz-box-shadow: 0px 4px 2px 0px rgb(78 78 78 / 50%);
    margin-top: -5px;
    min-height: unset;
}

.mt-groupCard._photoOrangeCircle_,
.mt-groupCard._photoOrangeCircle_ .gc-booklet-inner,
.mt-groupCard._photoOrangeCircleSympathy_,
.mt-groupCard._photoOrangeCircleSympathy_ .gc-booklet-inner {
    /*background-color: #f6ebdb;*/
}

._photoOrangeCircle_ .gc-container-inner,
._photoOrangeCircleSympathy_ .gc-container-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #f6ebdb;
    padding: 50px 20px;
}

    ._photoOrangeCircle_ .gc-container-inner .mt-groupCard-batch4-header,
    ._photoOrangeCircleSympathy_ .gc-container-inner .mt-groupCard-batch4-header {
        flex-shrink: 0;
        height: calc(100% - 45%);
        overflow: hidden;
    }

.mt-groupCard-batch4-header {
    display: none;
}

._photoFullSquare_ .mt-groupCard-batch4-header,
._photoFullSquareSympathy_ .mt-groupCard-batch4-header,
._photoGoldBorder_ .mt-groupCard-batch4-header,
._photoGoldBorderSympathy_ .mt-groupCard-batch4-header,
._photoLogoNavyBorder_ .mt-groupCard-batch4-header,
._photoFullPageLandscape_ .mt-groupCard-batch4-header,
._photoFullPageLandscapeSympathy_ .mt-groupCard-batch4-header,
._photoPolaroid_ .mt-groupCard-batch4-header,
._photoPolaroidSympathy_ .mt-groupCard-batch4-header,
._photoOrangeCircle_ .mt-groupCard-batch4-header,
._photoOrangeCircleSympathy_ .mt-groupCard-batch4-header {
    display: block;
}

._photoFullSquare_ .mt-groupCard-header,
._photoFullSquareSympathy_ .mt-groupCard-header,
._photoGoldBorder_ .mt-groupCard-header,
._photoGoldBorderSympathy_ .mt-groupCard-header,
._photoLogoNavyBorder_ .mt-groupCard-header,
._photoFullPageLandscape_ .mt-groupCard-header,
._photoFullPageLandscapeSympathy_ .mt-groupCard-header,
._photoPolaroid_ .mt-groupCard-header,
._photoPolaroidSympathy_ .mt-groupCard-header,
._photoOrangeCircle_ .mt-groupCard-header,
._photoOrangeCircleSympathy_ .mt-groupCard-header {
    display: none;
}

._photoOrangeCircle_ .mt-groupCard-title,
._photoOrangeCircleSympathy_ .mt-groupCard-title {
    flex: 1;
    display: flex;
    align-items: center;
    height: 45%;
    margin-bottom: 0;
    font-family: "Abril Fatface", cursive;
    font-size: 65px;
    color: #d84012;
    width: 100%;
    justify-content: center;
    max-width: 100%;
    padding: 10px;
    line-height: 75px;
    overflow: visible;
    font-weight: 400;
}

._photoOrangeCircle_ .groupcard-upload-yourown,
._photoOrangeCircleSympathy_ .groupcard-upload-yourown {
    border: 6px solid #d84012;
    border-radius: 100%;
    width: 330px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
}

.mt-tm-sidebar-blocks.receipt-page.d-block.tm-170 {
    height: auto;
    margin-top: 0px;
}

.mt-tm-sidebar-blocks.receipt-page.tm-170 .w-50 {
    height: auto;
    justify-content: flex-start;
    border-right: 1px dashed #a5a7af;
}

.mt-tm-sidebar-blocks.receipt-page h5 {
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    color: #7fe2dc;
    margin-bottom: 0;
}

.mt-tm-sidebar-blocks.receipt-page.tm-170 .w-50:last-child {
    border-right: 0px dashed rgba(30, 36, 55, 0.6);
}

.profile-messages {
    margin-bottom: 20px;
    border: 1px solid #a5a7af;
    padding: 4px 10px;
    font-size: 16px;
    border-radius: 2px;
}

.msg-green {
    color: #7fe2dc;
    border-color: #7fe2dc;
}

.msg-red,
.msg-red a {
    color: #ff0000;
    border-color: #ff0000;
}

.mt-receipt-gift {
    padding-top: 85px;
    padding-bottom: 85px;
}

.mt-receipt-gift-details h2 {
    font-size: 40px;
    font-family: Recoleta;
    line-height: 48px;
    color: #1e2437;
    font-weight: 400;
    margin-bottom: 30px;
}

.mt-gift-details-block-header h2.gtrbh-title {
    font-size: 28px;
    line-height: 48px;
    color: #a5a7af;
    margin-bottom: 0;
    font-family: "Modern Era TRIAL";
    font-weight: 400;
}

    .mt-gift-details-block-header h2.gtrbh-title .dark-color {
        color: #1e2437;
    }

.mt-gift-details-block-header p {
    font-size: 16px;
    line-height: 20px;
    color: #1e2437;
    margin-bottom: 10px;
    font-weight: 500;
}

    .mt-gift-details-block-header p span {
        color: #a5a7af;
    }

    .mt-gift-details-block-header p a {
        margin-left: 8px;
        position: relative;
        top: -3px;
    }

.mt-gift-details-block-header {
    /* border-bottom: 1px solid #A5A7AF;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.mt-receipt-copylink .theme-btn-dark {
    font-size: 20px;
    line-height: 30px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 35px;
}

    .mt-receipt-copylink .theme-btn-dark svg {
        margin-left: 30px;
    }

.mt-gift-details-block {
    border-bottom: 0px solid #a5a7af;
    margin-bottom: 0;
    padding-bottom: 0;
}

.mt-gift-details-collapse {
    margin-top: 40px;
    /*border-bottom: 1px solid #A5A7AF;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

    .mt-gift-details-collapse .mt-gift-details-collapse-btn {
        font-size: 20px;
        line-height: 20px;
        color: #36adb4;
        font-family: "Modern Era TRIAL";
        border-bottom: 1px solid #a5a7af;
        margin-bottom: 30px;
        padding-bottom: 25px;
        display: block;
        border-top: 1px solid #a5a7af;
        padding-top: 25px;
    }

        .mt-gift-details-collapse .mt-gift-details-collapse-btn span {
            position: relative;
        }

            .mt-gift-details-collapse .mt-gift-details-collapse-btn span::after {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f078";
                font-size: 14px;
                margin-left: 0;
                color: #36adb4;
                position: absolute;
                right: -25px;
                top: 50%;
                transform: translateY(-50%);
            }

        .mt-gift-details-collapse .mt-gift-details-collapse-btn[aria-expanded="true"] span::after {
            content: "\f077";
        }

.mt-gift-details-item.media img {
    max-width: 180px;
    margin-right: 35px;
}

.mt-gift-details-item.media .media-body {
    font-family: "Modern Era TRIAL";
}

    .mt-gift-details-item.media .media-body h3 {
        color: #1e2437;
        font-size: 22px;
        line-height: 25px;
    }

    .mt-gift-details-item.media .media-body h5 {
        font-size: 14px;
        line-height: 17px;
        color: #1e2437;
        margin-bottom: 12px;
    }

    .mt-gift-details-item.media .media-body p {
        margin-top: 25px;
    }

    .mt-gift-details-item.media .media-body h6,
    .mt-gift-details-item.media .media-body p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #1e2437;
        margin-bottom: 0;
    }

        .mt-gift-details-item.media .media-body h6 span,
        .mt-gift-details-item.media .media-body p span {
            color: #a5a7af;
        }

span.status-available {
    color: #25d366 !important;
}

.mt-gift-details-item.media .media-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 20px;
}

    .mt-gift-details-item.media .media-body ul li {
        display: inline-block;
        color: #36adb4;
        margin: 0 4px;
    }

        .mt-gift-details-item.media .media-body ul li:first-child {
            margin-left: 0;
        }

        .mt-gift-details-item.media .media-body ul li a {
            color: #36adb4;
            transition: all ease 0.3s;
        }

            .mt-gift-details-item.media .media-body ul li a:hover,
            a.gtrbh-link:hover {
                color: #46cac2;
            }

.mt-gift-details-item {
    border-bottom: 1px solid #a5a7af;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

span.status-pending {
    color: #e45964 !important;
}

span.status-sending {
    color: #f99f1b !important;
}

span.status-progress {
    color: #f99f1b !important;
}

.mt-gift-details-image {
    max-width: 225px;
    width: 100%;
    text-align: center;
}

a.mt-gift-details-collapse-btn.close-collapse {
    font-size: 16px;
    line-height: 20px;
}

.mt-gift-details-block-header.border-bottom {
    border-bottom: 1px solid #a5a7af !important;
    margin-bottom: 40px;
}

.mt-gift-details-image.mt-gift-details-image-with-btn {
    position: relative;
}

    .mt-gift-details-image.mt-gift-details-image-with-btn img {
        box-shadow: 0px 1.38012px 16.5614px rgb(0 0 0 / 15%);
    }

    .mt-gift-details-image.mt-gift-details-image-with-btn .theme-btn-lite {
        max-width: 115px;
        position: absolute;
        bottom: -24px;
        left: 37px;
        right: auto;
    }

span.status-done {
    color: #25d366 !important;
}

input.search-library-input {
    width: 100%;
    display: block;
    text-align: left;
    color: #131313;
    font-size: 13px;
    height: 32px;
    padding: 0 0 0 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 38px !important;
    background-color: #fff;
    margin-bottom: 15px;
}

.addfriend-textarea {
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    height: 220px;
    border-radius: 4px;
    padding: 15px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    resize: vertical;
    overflow: auto;
}

    .addfriend-textarea::-webkit-scrollbar {
        width: 4px;
    }

    .addfriend-textarea::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .addfriend-textarea::-webkit-scrollbar-thumb {
        background: #888;
    }

        .addfriend-textarea::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .addfriend-textarea:focus {
        outline: none;
        border: 1px solid #46cac2;
    }

ul.sharemodal-addlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.sharemodal-addlist li {
        display: block;
        margin-bottom: 5px;
    }

        ul.sharemodal-addlist li .sharemodal-grid {
            display: inline-block;
            position: relative;
            border: 1px solid rgba(30, 36, 55, 0.1);
            margin-bottom: 0;
            border-radius: 50px;
            padding: 5px 35px 5px 15px;
            margin-right: 0;
            font-size: 14px;
            min-height: 35px;
        }

            ul.sharemodal-addlist li .sharemodal-grid textarea {
                min-height: unset;
                padding: 0px 0 0 0;
                line-height: 24px;
                max-height: 22px;
                overflow: hidden;
            }

        ul.sharemodal-addlist li:last-child {
            margin-bottom: 0px;
        }

        ul.sharemodal-addlist li button {
            background-color: transparent;
            border: 0;
            position: absolute;
            right: 14px;
            top: 3px;
            padding: 0;
        }

            ul.sharemodal-addlist li button svg {
                width: 9px;
                height: 9px;
            }

            ul.sharemodal-addlist li button:focus {
                outline: none;
            }

            ul.sharemodal-addlist li button svg stroke {
                fill: gray;
            }

        ul.sharemodal-addlist li .sharemodal-grid textarea {
            resize: none;
            border: 0;
            background-color: transparent;
            width: 100%;
            display: block;
        }

            ul.sharemodal-addlist li .sharemodal-grid textarea:focus {
                outline: none;
            }

.inviteDisabled .invite-result-label {
    cursor: default !important;
    pointer-events: all !important;
}

    .inviteDisabled .invite-result-label input:checked ~ .checkmark {
        background-color: #e8e4e4 !important;
        border: 1px solid #e8e4e4 !important;
    }

.gc-title-edit {
    height: auto;
    max-width: 400px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    padding: 14px 0.75rem;
}

.edit-title-modal-inner .gc-title-edit {
    max-width: 100%;
}

.edit-title-modal-inner .mt-sign-control label {
    margin-bottom: 8px;
}

.gc-title-edit[placeholder]:empty:before {
    content: attr(placeholder);
    color: #a5a7af;
}

.gc-title-edit:focus {
    color: #495057;
    background-color: #fff;
    border-color: #7fe2dc;
    outline: 0;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
}
/*Batch 5*/

/*{
    font-family: 'Josefin Slab', serif;
    font-family: 'Julius Sans One', sans-serif;
    font-family: 'Maven Pro', sans-serif;
    font-family: 'Merriweather', serif;
    font-family: 'Sue Ellen Francisco', cursive;
}*/

.mt-groupCard._luggageTag_ .gc-booklet-inner {
    background-color: #dee3e2;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/luggage-tag-bg.png);
    background-size: 100% 100%;
}

._luggageTag_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}

._luggageTag_ .mt-groupCard-title {
    font-family: "Merriweather", serif;
    font-size: 34px;
    color: #846e56;
    text-transform: uppercase;
    max-width: 360px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 44px;
    height: calc(100% - (250px + 260px));
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: unset;
}

    ._luggageTag_ .mt-groupCard-title:after {
        content: "";
        background-color: #846e56;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 75%;
        height: 3px;
        margin: 0 auto;
    }

._luggageTag_ .mt-groupCard-space {
    height: 260px;
    overflow: hidden;
    padding: 10px 0;
}

._luggageTag_ .mt-groupCard-description {
    display: block;
    font-family: "Merriweather", serif;
    color: #846e56;
    font-size: 18px;
    max-width: 360px;
    line-height: 27px;
}

.mt-groupCard._redBrush_ .gc-booklet-inner {
    background-color: #f9f9f9;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/red-brush-bg.png);
    background-size: 100% 100%;
}

._redBrush_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: 420px;
}

._redBrush_ .mt-groupCard-title {
    font-family: "Julius Sans One", sans-serif;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    line-height: 60px;
    max-width: 100%;
    padding: 15px;
    letter-spacing: 0;
    /* position: absolute !important; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
    height: calc(100% - 230px);
}

._redBrush_ .mt-groupCard-description {
    display: block;
    font-family: "Exo 2", sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    line-height: 30px;
    max-width: 470px;
    padding: 0 0 10px 0;
}

._redBrush_ .mt-groupCard-space {
    height: 170px;
    overflow: hidden;
    align-items: flex-start;
    padding: 10px 0;
}

.mt-groupCard._blueFlowers_ .gc-booklet-inner {
    background-color: #78b9b5;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-flowers-bg.png);
    background-size: 100% 100%;
}

._blueFlowers_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 265px;
}

._blueFlowers_ .mt-groupCard-title {
    font-family: "heartwellregular";
    font-size: 84px;
    color: #0f2250;
    text-transform: none;
    max-width: 480px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 105px;
    height: calc(100% - (265px + 245px));
    margin-bottom: 0;
}

._blueFlowers_ .mt-groupCard-space {
    height: 245px;
    overflow: hidden;
    padding: 10px 0;
}

._blueFlowers_ .mt-groupCard-description {
    display: block;
    font-family: "Montserrat", sans-serif;
    color: #0f2250;
}

.mt-groupCard._blueSpeechBubble_,
.mt-groupCard._blueSpeechBubble_ .gc-booklet-inner {
    background-color: #0db8b2;
    /*background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-flowers-bg.png);*/
    /*background-size: 100% 100%;*/
}

._blueSpeechBubble_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
}

._blueSpeechBubble_ .mt-groupCard-title {
    font-family: "Josefin Slab", serif;
    font-size: 45px;
    color: #0db8b2;
    text-transform: uppercase;
    max-width: 500px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 60px;
    background-color: #fff;
    border-radius: 60px;
    padding: 45px 20px;
    position: relative;
}

    ._blueSpeechBubble_ .mt-groupCard-title:after {
        content: "";
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-speech-bubble-header-arrow.png);
        position: absolute;
        bottom: -118px;
        right: 100px;
        width: 120px;
        height: 120px;
        background-size: contain;
        background-repeat: no-repeat;
    }

.bubble-image:after {
    content: "";
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-speech-bubble-header-arrow.png);
    position: absolute;
    bottom: -44px;
    right: 60px;
    width: 46px;
    height: 46px;
    background-size: contain;
    background-repeat: no-repeat;
}

._blueSpeechBubble_ .mt-groupCard-description {
    display: block;
    color: #ffffff;
    font-family: "Josefin Sans", sans-serif;
    margin-top: 100px;
    line-height: 30px;
}

.mt-groupCard._goldFoilTop_ .gc-booklet-inner {
    background-color: #f9f9f9;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-foil-top-bg.png);
    background-size: 100% 100%;
}

._goldFoilTop_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
}

._goldFoilTop_ .mt-groupCard-title {
    font-family: "Maven Pro", sans-serif;
    font-size: 50px;
    color: #222222;
    text-transform: uppercase;
    max-width: 490px;
    letter-spacing: 0;
    line-height: 60px;
    font-weight: 700;
}

.mt-groupCard._babyBunting_ .gc-booklet-inner {
    background-color: #ffffff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-bunting-header.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

._babyBunting_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 290px;
}

._babyBunting_ .mt-groupCard-title {
    font-family: "Sue Ellen Francisco", cursive;
    font-size: 100px;
    color: #cb5637;
    text-transform: none;
    max-width: 480px;
    letter-spacing: 0;
    line-height: 130px;
    font-weight: 400;
}

/*Verification Modal*/
.dd-container {
    width: auto !important;
}

.dd-select {
    width: auto !important;
    background: transparent !important;
    border: 1px solid #a5a7af !important;
    box-sizing: border-box;
    border-radius: 8px !important;
    height: 56px;
    padding: 14px 12px !important;
}

    .dd-select a.dd-selected {
        padding: 0 !important;
        margin: 0 !important;
    }

img.dd-selected-image {
    max-width: 40px !important;
}

.dd-pointer-down {
    border: solid 5px transparent !important;
    border-top: solid 5px #7fe2dc !important;
}

ul.dd-options.dd-click-off-close {
    width: auto !important;
}

.dd-option-image,
.dd-selected-image {
    max-width: 36px !important;
}

a.dd-option {
    padding: 3px 30px 3px 12px !important;
    margin: 0 !important;
}

.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #7fe2dc !important;
}

.invite-friends h3 {
    font-size: 20px;
    line-height: 32px;
    color: #1e2437;
    margin-bottom: 5px;
    font-family: "Modern Era TRIAL";
}

.email-textarea {
    text-align: left;
}

    .email-textarea label {
        color: #1e2437;
    }

.theme-link-lite {
    font-size: 20px;
    line-height: 20px;
    color: #36adb4;
    font-family: "Modern Era TRIAL";
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

    .theme-link-lite:hover {
        color: #46cac2;
    }

.theme-btn-gray {
    background-color: #d2d3d7;
    color: #1e2437;
}

    .theme-btn-gray:hover {
        background-color: #c2c3c6;
        color: #1e2437;
    }

.receipt-gift-userinfo p {
    font-size: 16px;
    line-height: 20px;
    color: #1e2437;
    margin-bottom: 10px;
    font-weight: 500;
}

    .receipt-gift-userinfo p span {
        color: #a5a7af;
    }

.receipt-gift-userinfo .theme-link-lite {
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
}

.receipt-gift-userinfo {
    /*border-bottom: 1px solid #A5A7AF;*/
    border-top: 1px solid #a5a7af;
    padding: 25px 0;
}

    .receipt-gift-userinfo .media {
        cursor: pointer;
    }

    .receipt-gift-userinfo .add-icon {
        background-color: #a5a7af;
        width: 70px;
        height: 70px;
        display: flex;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
    }

    .receipt-gift-userinfo .media-body p {
        font-size: 16px;
        line-height: 18px;
        color: #1e2437;
        margin-bottom: 0;
    }

.mt-receipt-giftsandcards-block .white-block {
    background: #ffffff;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
    border-radius: 8px;
    padding: 25px 15px;
}

.mt-receipt-giftsandcards-block {
    padding: 15px 0 15px;
}

    .mt-receipt-giftsandcards-block .white-block p {
        color: #1e2437;
        font-size: 20px;
        margin-bottom: 40px;
    }

        .mt-receipt-giftsandcards-block .white-block p span {
            color: #a5a7af;
        }

    .mt-receipt-giftsandcards-block .white-block a {
        font-size: 18px;
    }

.mt-receipt-giftsandcards-btns p {
    color: #1e2437;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-top: 35px;
}

.mt-receipt-giftsandcards-main {
    font-family: "Modern Era TRIAL";
}

.yourCard img {
    max-width: 175px;
    box-shadow: 0px 1.38012px 16.5614px rgb(0 0 0 / 15%);
}

.giftsandcards-white-block {
    background: #ffffff;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
    border-radius: 8px;
    padding: 30px 55px 50px;
}

.yourCard a {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -25px;
}

    .yourCard a svg {
        width: 50px;
        height: 50px;
    }

.media.media-yourcard .media-body {
    padding-left: 75px;
}

    .media.media-yourcard .media-body h5 {
        font-size: 20px;
        line-height: 33px;
        color: #1e2437;
        margin-bottom: 30px;
    }

    .media.media-yourcard .media-body p {
        color: #a5a7af;
        font-size: 20px;
        line-height: 33px;
    }

        .media.media-yourcard .media-body p span {
            color: #f99f1b;
            display: block;
        }

.mt-generic-popup-design .modal-dialog {
    z-index: 999;
}

/*hide new groupcards image and description section  */
._photoOrangeCircle_ .mt-groupCard-space,
._photoOrangeCircleSympathy_ .mt-groupCard-space,
._photoPolaroid_ .mt-groupCard-space,
._photoFullSquareSympathy_ .mt-groupCard-space,
._photoGoldBorder_ .mt-groupCard-space,
._photoGoldBorderSympathy_ .mt-groupCard-space,
._photoFullSquare_ .mt-groupCard-space,
._photoFullSquareSympathy_ .mt-groupCard-space,
._babyBunting_ .mt-groupCard-space,
._goldFoilTop_ .mt-groupCard-space,
._coachWhistle_ .mt-groupCard-space,
._peace_ .mt-groupCard-space,
._thanksAbunch_ .mt-groupCard-space,
._youRock_ .mt-groupCard-space,
._greenHeart_ .mt-groupCard-space,
._brightPinkThankYou_ .mt-groupCard-space,
._orangeHappyBday_ .mt-groupCard-space,
._thinTitle_ .mt-groupCard-space,
._blueTitle_ .mt-groupCard-space,
._waterColourRainbow_ .mt-groupCard-space,
._waterColourBee_ .mt-groupCard-space,
._babyFeetPink_ .mt-groupCard-space,
._babyFeetBlue_ .mt-groupCard-space,
._candyHeart_ .mt-groupCard-space,
._babyDuck_ .mt-groupCard-space,
._sprinkles_ .mt-groupCard-space {
    display: none;
}

/*Batch 6*/

/*{
    font-family: 'Assistant', sans-serif;
    font-family: 'Roboto', sans-serif;
}*/

.mt-groupCard._goldBrush_ {
    /*background-color: #ffffff;*/
}

    .mt-groupCard._goldBrush_ .gc-container-inner {
        background-color: #ffffff;
        background-image: none;
        background-size: 100% 100%;
    }

        .mt-groupCard._goldBrush_ .gc-container-inner .mt-groupCard-title {
            background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-brush-header.png);
            max-width: 100%;
            background-size: 100% 100%;
            min-height: 400px;
            padding-top: 100px;
            padding-left: 25px;
            padding-right: 25px;
            font-family: "Assistant", sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
        }

    .mt-groupCard._goldBrush_ .mt-groupCard-description {
        font-family: "Assistant", sans-serif;
        display: block;
    }

.mt-groupCard._goldConfetti_ .gc-container-inner {
    background-color: #ffffff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gold-confetti-cover.png);
    background-size: 100% 100%;
}

._goldConfetti_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 265px;
}

._goldConfetti_ .mt-groupCard-title {
    font-family: "heartwellregular";
    font-size: 86px;
    color: #000000;
    text-transform: none;
    max-width: 490px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 100px;
    min-height: 320px;
}

.mt-groupCard._goldConfetti_ .mt-groupCard-description {
    font-family: "Montserrat", sans-serif;
    display: block;
}

.mt-groupCard._sprinkles_ .gc-booklet-inner {
    background-color: #ff8966;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sprinkles-cover.png);
    background-size: 100% 100%;
}

._sprinkles_ .mt-groupCard-header {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
    background-size: 420px;
}

._sprinkles_ .mt-groupCard-title {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    color: #ff6133;
    text-transform: uppercase;
    line-height: 50px;
    max-width: 470px;
    letter-spacing: 0;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    background-color: #fff;
    min-height: 470px;
    border-radius: 100%;
    padding: 40px;
}

    ._sprinkles_ .mt-groupCard-title:after {
        content: "";
        box-shadow: 0px 0px 0px 4px rgb(255 97 51 / 75%) inset;
        position: absolute;
        height: 97%;
        width: 97%;
        border-radius: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

/*Batch 7*/

/*{
    font-family: 'Bungee Shade', cursive;
}*/

.mt-groupCard._vintageTV_ .gc-container-inner {
    background-color: #211a0e;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Vintage-TV_Card.png);
    background-size: 100% 100%;
}

.mt-groupCard._vintageTV_ .mt-groupCard-header,
.mt-groupCard._vintageTV_ .mt-groupCard-title,
.mt-groupCard._vintageTV_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._pinkPhone_ .gc-container-inner {
    background-color: #a4dcdc;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Pink-Phone_Card.png);
    background-size: 100% 100%;
}

.mt-groupCard._pinkPhone_ .mt-groupCard-header,
.mt-groupCard._pinkPhone_ .mt-groupCard-title,
.mt-groupCard._pinkPhone_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._speechBubbleCiao_ .gc-container-inner {
    background-color: #bfbbb4;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Speech-Bubble-Ciao_Card.png);
    background-size: 100% 100%;
}

.mt-groupCard._speechBubbleCiao_ .mt-groupCard-header,
.mt-groupCard._speechBubbleCiao_ .mt-groupCard-title,
.mt-groupCard._speechBubbleCiao_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._dogGetWellSoon_ .gc-container-inner {
    background-color: #d54d25;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Dog-Get-Well-Soon_Card.png);
    background-size: 100% 100%;
}

.mt-groupCard._dogGetWellSoon_ .mt-groupCard-header,
.mt-groupCard._dogGetWellSoon_ .mt-groupCard-title,
.mt-groupCard._dogGetWellSoon_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._yellowRetroMan_ .gc-container-inner {
    background-color: #ffd527;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Yellow-Retro-Man_Card-Background.png);
    background-size: 100% 100%;
}

.mt-groupCard._yellowRetroMan_ .mt-groupCard-header,
.mt-groupCard._yellowRetroMan_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._yellowRetroMan_ .mt-groupCard-title {
    font-family: "Bungee Shade", cursive;
    font-size: 40px;
    color: #000000;
    text-transform: none;
    max-width: 500px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 0;
    padding-top: 45px;
}

.mt-groupCard._birthdayBeer_ .gc-container-inner {
    background-color: #aa3832;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Birthday-Beer_Card-Background.png);
    background-size: 100% 100%;
}

.mt-groupCard._birthdayBeer_ .mt-groupCard-header,
.mt-groupCard._birthdayBeer_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._birthdayBeer_ .mt-groupCard-title {
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    color: #e9cdb0;
    text-transform: none;
    max-width: 310px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    padding-top: 0 !important;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 230px;
    padding: 15px;
}

/*Batch 7*/

/*{
    font-family: 'Alfa Slab One', cursive;
    font-family: 'Noto Sans', sans-serif;
}*/

.mt-groupCard._oneInMelon_ .gc-container-inner {
    background-color: #f9b5a1;
    background-size: 100%;
}

.mt-groupCard._oneInMelon_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/one-in-a-melon-header.png);
    background-size: 400px;
    background-position: center;
    background-repeat: no-repeat;
    height: 540px;
}

.mt-groupCard._oneInMelon_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._oneInMelon_ .mt-groupCard-title {
    font-family: "Noto Sans", sans-serif;
    font-size: 35px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 230px;
    padding: 15px;
}

.mt-groupCard._wavyHappyBirthday_ .gc-container-inner {
    background-color: #f1bc67;
    background-size: 100%;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/wavy-happy-birthday-cover.png);
}

.mt-groupCard._wavyHappyBirthday_ .mt-groupCard-space,
.mt-groupCard._wavyHappyBirthday_ .mt-groupCard-header {
    display: none;
}

.mt-groupCard._wavyHappyBirthday_ .mt-groupCard-title {
    font-family: "Noto Sans", sans-serif;
    font-size: 35px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0 !important;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 270px;
    padding: 15px;
}

.mt-groupCard._thePerfectPear_ .gc-container-inner {
    background-color: #f6d2c4;
    background-size: 100%;
}

.mt-groupCard._thePerfectPear_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/the-perfect-pear-header.png);
    background-size: 310px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._thePerfectPear_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._thePerfectPear_ .mt-groupCard-title {
    font-family: "Noto Sans", sans-serif;
    font-size: 30px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._greenHeartThinkingofYou_ .gc-container-inner {
    background-color: #fcba80;
    background-size: 100%;
}

.mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/green-heart-thinking-of-you-header.png);
    background-size: 440px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._greenHeartThinkingofYou_ .mt-groupCard-title {
    font-family: "Noto Sans", sans-serif;
    font-size: 35px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._yellowBlueBye_ .gc-container-inner {
    background-color: #b4d4f2;
    background-size: 100%;
}

.mt-groupCard._yellowBlueBye_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-blue-bye-header.png);
    background-size: 440px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._yellowBlueBye_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._yellowBlueBye_ .mt-groupCard-title {
    font-family: "Alfa Slab One", cursive;
    font-size: 30px;
    color: #000000;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._yellowBlueThankYou_ .gc-container-inner {
    background-color: #b4d4f2;
    background-size: 100%;
}

.mt-groupCard._yellowBlueThankYou_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-blue-thank-you-header.png);
    background-size: 440px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._yellowBlueThankYou_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._yellowBlueThankYou_ .mt-groupCard-title {
    font-family: "Alfa Slab One", cursive;
    font-size: 30px;
    color: #000000;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.row.gutter-8 {
    margin-left: -5px;
    margin-right: -5px;
}

    .row.gutter-8 .col-md-4 {
        padding: 0 5px;
    }

/*Batch 9*/

/*{
font-family: 'Parisienne', cursive;
}*/

.mt-groupCard._pleaseDonutLeavePink_ .gc-container-inner {
    background-color: #f9d2e1;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/please-donut-leave-pink-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-header,
.mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-title,
.mt-groupCard._pleaseDonutLeavePink_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._pleaseDonutLeaveBlue_ .gc-container-inner {
    background-color: #65c3d3;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/please-donut-leave-blue-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-header,
.mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-title,
.mt-groupCard._pleaseDonutLeaveBlue_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._grumpyCat_ .gc-container-inner {
    background-color: #181d20;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/grumpy-cat-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._grumpyCat_ .mt-groupCard-header,
.mt-groupCard._grumpyCat_ .mt-groupCard-title,
.mt-groupCard._grumpyCat_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._jamesBrownFeelGood_ .gc-container-inner {
    background-color: #181d20;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/james-brown-feel-good-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-header,
.mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-title,
.mt-groupCard._jamesBrownFeelGood_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._pastelByeBye_ .gc-container-inner {
    background-color: #b0bee1;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pastel-bye-bye-cover-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._pastelByeBye_ .mt-groupCard-header,
.mt-groupCard._pastelByeBye_ .mt-groupCard-title,
.mt-groupCard._pastelByeBye_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._darkGreenBackground_,
.mt-groupCard._darkGreenBackground_ .gc-booklet-inner {
    background-color: #144529;
    background-image: none;
    background-size: 100% 100%;
}

    .mt-groupCard._darkGreenBackground_ .mt-groupCard-header,
    .mt-groupCard._darkGreenBackground_ .mt-groupCard-space {
        display: none;
    }

._darkGreenBackground_ .mt-groupCard-title {
    font-family: "Parisienne", cursive;
    font-size: 76px;
    color: #fff;
    text-transform: none;
    line-height: 80px;
    max-width: 100%;
    padding: 15px;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

/*Test GIF*/

/*{
font-family: 'Oleo Script', cursive;
}*/

.mt-groupCard._yellowDaisyGIF_ {
    background-color: #f8c21d;
}

    .mt-groupCard._yellowDaisyGIF_ .gc-container-inner {
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-daisy-cover.gif);
        background-size: 100% 100%;
        background-color: #f8c21d;
    }

    .mt-groupCard._yellowDaisyGIF_ .mt-groupCard-header,
    .mt-groupCard._yellowDaisyGIF_ .mt-groupCard-space {
        display: none;
    }

._yellowDaisyGIF_ .mt-groupCard-title {
    font-family: "Oleo Script", cursive;
    font-size: 70px;
    color: #fbf5f0;
    text-transform: none;
    line-height: 75px;
    max-width: 100%;
    padding: 5px 15px;
    letter-spacing: 0;
    position: absolute !important;
    top: 185px;
    left: 0;
    right: 0;
    margin-bottom: 0;
    min-height: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Batch 10*/

/*{
    font-family: 'Gloria Hallelujah', cursive;
    font-family: 'Permanent Marker', cursive;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Raleway', sans-serif;
}*/

.mt-groupCard._orangeBirthdayCake_ .gc-container-inner {
    background-color: #f7924e;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/orange-birthday-cake-cover.png);
    background-size: 340px;
    background-repeat: no-repeat;
    background-position: center 80%;
}

.mt-groupCard._orangeBirthdayCake_ .mt-groupCard-header,
.mt-groupCard._orangeBirthdayCake_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._orangeBirthdayCake_ .mt-groupCard-title {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 60px;
    color: #000000;
    text-transform: none;
    max-width: 500px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 0;
    padding-top: 120px;
    min-height: 280px;
}

.mt-groupCard._yellowPinkHeartBalloons_ .gc-container-inner {
    background-color: #fadb5e;
    background-size: 100%;
}

.mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/yellow-pink-heart-balloons-cover.png);
    background-size: 240px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._yellowPinkHeartBalloons_ .mt-groupCard-title {
    font-family: "Permanent Marker", cursive;
    font-size: 40px;
    color: #000000;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._redPinkLove_ .gc-booklet-inner {
    background-color: #f681bd;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/red-pink-love-cover.png);
    background-size: 100% 100%;
}

._redPinkLove_ .mt-groupCard-header {
    display: none;
}

._redPinkLove_ .mt-groupCard-title {
    font-family: "Raleway", sans-serif;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    line-height: 60px;
    max-width: 100%;
    padding: 10px;
    font-weight: 800;
    letter-spacing: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

._redPinkLove_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._ifYouGotItFlauntIt_ .gc-container-inner {
    background-color: #f68b1d;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/If-you-got-It-flaunt-It-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-header,
.mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-title,
.mt-groupCard._ifYouGotItFlauntIt_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._rainBowV2_ .gc-container-inner {
    background-color: #ffffff;
    background-size: 100%;
}

.mt-groupCard._rainBowV2_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/rainbowv2-header.png);
    background-size: 340px;
    background-position: center;
    background-repeat: no-repeat;
    height: 530px;
}

.mt-groupCard._rainBowV2_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._rainBowV2_ .mt-groupCard-title {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 50px;
    color: #000000;
    text-transform: capitalize;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 230px;
    padding: 15px;
}

.mt-groupCard._pastelHeartGrid_ .gc-container-inner {
    background-color: #fff9f2;
    background-size: 100%;
}

.mt-groupCard._pastelHeartGrid_ .mt-groupCard-header {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pastel-heart-grid-header.png);
    background-size: 400px;
    background-position: center;
    background-repeat: no-repeat;
    height: 565px;
}

.mt-groupCard._pastelHeartGrid_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._pastelHeartGrid_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 35px;
    color: #000000;
    text-transform: capitalize;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-receipt-page {
    padding: 50px 0;
}

    .mt-receipt-page .mt-receipt-page-inner {
        max-width: 440px;
        margin: 0 auto;
    }

        .mt-receipt-page .mt-receipt-page-inner h1 {
            color: #1e2437;
            font-family: Recoleta, serif;
            font-weight: 500;
            font-size: 34px;
            margin-bottom: 25px;
        }

        .mt-receipt-page .mt-receipt-page-inner p {
            font-family: "Modern Era TRIAL";
            color: #1e2437;
            font-weight: 500;
            font-size: 22px;
            padding: 0 15px;
            line-height: 30px;
            margin: 25px 0;
        }

        .mt-receipt-page .mt-receipt-page-inner .receipt-page-btn {
            max-width: unset;
            padding: 17px 5px;
            text-align: left;
            padding-left: 25px;
            margin-bottom: 25px;
            position: relative;
            font-weight: 500;
            width: auto;
            padding-right: 60px;
        }

            .mt-receipt-page .mt-receipt-page-inner .receipt-page-btn svg {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 15px;
                width: 35px;
                height: 35px;
            }

        .mt-receipt-page .mt-receipt-page-inner h6 {
            color: #454b5b;
            font-size: 18px;
            font-weight: 400;
        }

.cards-animation {
    position: relative;
    list-style-type: none;
    padding: 0;
    max-width: 34em;
    margin: 20% auto 0;
}

    .cards-animation .card-item {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        border-radius: 30px;
        transform: translateY(0) rotate(0deg) translateX(0);
        transform-origin: 0 0;
        transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .cards-animation .card :last-child {
        margin-bottom: 0;
    }

    .cards-animation .card--next {
        z-index: 5;
        transform: translateY(-20px) rotate(0deg) translateX(0);
    }

    .cards-animation .card--out {
        -webkit-animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
        animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
        transform: translateY(-40px) rotate(0deg) translateX(0);
        z-index: 1;
    }

@-webkit-keyframes card-out {
    0% {
        z-index: 20;
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(80px) rotate(0deg) translateX(0);
    }

    80% {
        z-index: 1;
    }

    100% {
        transform: translateY(-50px) rotate(0) translateX(0);
    }
}

@keyframes card-out {
    0% {
        z-index: 20;
        transform: translateY(0px) rotate(-4deg);
    }

    50% {
        transform: translateY(-120%) rotate(-5deg) translateX(-40px);
    }

    80% {
        z-index: 1;
    }

    100% {
        transform: translateY(-50px) rotate(8deg) translateX(55px);
    }
}

.cards-animation .card--current {
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    position: relative;
    z-index: 10;
    opacity: 1;
    transform: rotate(0deg) translateX(0%);
}

.form-group.edit-url-input {
    margin-top: -15px;
}

h2.text-left.pl-6s {
    padding-left: 35px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.mt-gs-radio-group {
    padding: 16px 0;
}

    .mt-gs-radio-group .modal-radio-block {
        background: transparent;
        margin-right: 50px;
    }

    .mt-gs-radio-group span.checkmark {
        margin-top: 0;
    }

    .mt-gs-radio-group label.radio-label {
        margin-bottom: 0;
    }

.contributor-filters .select2-container {
    width: 130px !important;
}

.contributor-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    padding-left: 10px;
}

.contributor-filters .select2-container .select2-selection--single {
    height: 46px;
}

.contributor-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    width: 16px;
    right: 10px;
}

    .contributor-filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 6px 6px 0 6px;
    }

.contributor-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 6px 6px;
}

.select2-results__option {
    padding: 10px 15px;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #a5a7af;
}

.gc-baby-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/baby-gift-card.png);
}

.gc-card-inner .theme-btn-dark {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    max-width: fit-content;
    z-index: 9;
}

.gc-gifts-hampers {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/gifts-hampers-flowers.png);
}

.gc-teacher-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/teacher-girf-card.png);
}

.gc-sun-flower {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sun-flower.png);
}

.gc-farewell-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/farewell-gift-card.png);
}

.gc-birthday-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/birthday-gift-card.png);
}

.gc-coach-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/coach-gift-card.png);
}

.gc-thank-you-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/thank-you-gift-card.png);
}

.gc-wedding-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/wedding-gift-card.png);
}

.gc-sympathy-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sympathy-gift-card.png);
}

.gc-jasmine-flower {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/jasmine.png);
}

.gc-general-card {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/general-gift-card.png);
}

.gc-sun-flower,
.gc-jasmine-flower {
    background-size: cover;
}

.tm-egift-cards-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .tm-egift-cards-list li.col-md-3 {
        display: none;
    }

    .tm-egift-cards-list li.col-md-3 {
        padding-left: 8px;
        padding-right: 8px;
    }

.filters-dropdown .select2-results .select2-results__option {
    padding: 8px 10px;
}

.modal-dialog.max-540 {
    max-width: 550px;
}

.group-pay-popup-content {
    margin-top: 30px;
}

    .group-pay-popup-content input {
        max-width: 100%;
    }

span.select2-dropdown.whatIsItForDropdown {
    z-index: 999999999;
}

.input-group.group-pay-amount {
    padding-left: 25px;
}

input.form-control.input-dark {
    background-color: #f4f4f5;
}

.gs-groupcard-modal .edit-card {
    position: absolute;
    top: 50px;
    right: -30px;
    z-index: 9;
}

    .gs-groupcard-modal .edit-card svg {
        width: 75px;
        height: 75px;
    }

p.spent-summary {
    font-size: 20px;
}

header.receipt-page-header {
    text-align: center;
    border-bottom: 4px solid #7fe2dc;
    padding: 15px 0;
}

.recipient-dropdown {
}

.dropdown.recipient-dropdown button {
    max-width: 100%;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    height: 56px;
    resize: none;
    padding-left: 15px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    border-radius: 4px;
    width: 100%;
    text-align: left;
}

    .dropdown.recipient-dropdown button:focus {
        color: #495057;
        background-color: #fff;
        border-color: #a5a7af;
        outline: 0;
        box-shadow: none;
    }

    .dropdown.recipient-dropdown button svg {
        width: 41px;
        position: relative;
        top: -3px;
        margin-right: 10px;
    }

.dropdown.recipient-dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 7px solid;
    border-right: 7px solid transparent;
    border-bottom: 0;
    border-left: 7px solid transparent;
    color: #7fe2dc;
    position: absolute;
    right: 15px;
    top: 25px;
}

.dropdown.recipient-dropdown .dropdown-menu {
    padding: 0;
    border-radius: 0;
    width: 100%;
    margin: 0px;
    border: 0px solid transparent;
}

    .dropdown.recipient-dropdown .dropdown-menu span.add-recipient {
        width: 34px;
        height: 34px;
        background-color: #7fe2dc;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin-top: 0;
        margin-right: 18px;
    }

        .dropdown.recipient-dropdown .dropdown-menu span.add-recipient svg {
            width: 15px;
        }

    .dropdown.recipient-dropdown .dropdown-menu a.dropdown-item {
        display: flex;
        align-items: center;
        padding: 13px 18px;
    }

.dropdown.recipient-dropdown .dropdown-item.active,
.dropdown.recipient-dropdown .dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown.recipient-dropdown button[aria-expanded="true"] {
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dropdown.recipient-dropdown .dropdown-menu .dropdown-item {
    border: 1px solid #a5a7af;
}

    .dropdown.recipient-dropdown .dropdown-menu .dropdown-item:last-child {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top: 0;
    }

.mt-groupCard._greenPlant_ .gc-booklet-inner,
.mt-groupCard._HarrySally_ .gc-booklet-inner {
    background-color: transparent;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
select,
textarea,
[contenteditable],
.custom-control.custom-radio,
label.custom-control-label {
    cursor: pointer !important;
}

p.step-text.mt-3 {
    max-width: 370px;
}

div#groupcard_cover_title,
div#groupcard_cover_description,
div#mainHeading,
div#description {
    min-width: 80px;
}

div#outer-invitation > table {
    min-height: 415px;
}

.select2-results__options li:last-child {
    border-bottom: 0;
}

.recipient-gift-cards {
    min-height: 100vh;
    padding: 60px 0;
    position: relative;
}

    .recipient-gift-cards .preview-tabs {
        max-width: 400px;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
    }

    .recipient-gift-cards .recipient-tab {
        margin-top: 100px;
    }

ul.recipient-cards-grid {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    min-height: 390px;
    border-radius: 15px;
}

    ul.recipient-cards-grid li {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        width: 100%;
        height: 250px;
    }

        ul.recipient-cards-grid li img {
            border-radius: 15px;
            width: 100%;
            /* box-shadow: 0px 5px 10px 5px rgb(214 214 214 / 75%);*/
            max-width: 100%;
        }

        ul.recipient-cards-grid li:nth-child(1) {
            top: 0;
        }

        ul.recipient-cards-grid li:nth-child(2) {
            top: 70px;
        }

        ul.recipient-cards-grid li:nth-child(3) {
        }

        ul.recipient-cards-grid li:hover {
            transform: translateY(-60px);
        }

        ul.recipient-cards-grid li a {
            display: block;
        }

            ul.recipient-cards-grid li a img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        ul.recipient-cards-grid li.animation-enter img {
            animation-name: rotateInUpRight;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 0.5s;
            z-index: 9999;
        }

@keyframes rotateInUpRight {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(16deg);
    }
}

ul.recipient-cards-grid li.animation-exit img {
    animation-name: rotateInUpDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.5s;
}

@keyframes rotateInUpDown {
    0% {
        transform: rotate(16deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.recipient-gift-cards-footer {
    text-align: center;
    margin-top: 75px;
}

    .recipient-gift-cards-footer svg {
        width: 120px;
        height: 51px;
    }

.recipient-gift-sidebar {
    position: absolute;
    top: 40px;
    right: 10%;
    width: 100%;
    max-width: 240px;
}

    .recipient-gift-sidebar .mt-tm-collection-detail {
        width: 185px;
        height: 185px;
    }

    .recipient-gift-sidebar svg.gt-smile {
        position: absolute;
        bottom: -26px;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
    }

    .recipient-gift-sidebar .theme-btn-lite {
        margin-top: 55px;
    }

/*Batch 11*/

/*{
     font-family: 'Dosis', sans-serif;
     font-family: 'Merriweather Sans', sans-serif;
}*/

.mt-groupCard._itTakeABigHeart_ .gc-container-inner {
    background-color: #9dd387;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/It-takes-a-big-heart-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._itTakeABigHeart_ .mt-groupCard-header,
.mt-groupCard._itTakeABigHeart_ .mt-groupCard-title,
.mt-groupCard._itTakeABigHeart_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._soLuckyToHaveTeacherLikeYou_ .gc-container-inner {
    background-color: #d5a64d;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/so-lucky-to-have-teacher-like-you-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._soLuckyToHaveTeacherLikeYou_ .mt-groupCard-header,
.mt-groupCard._soLuckyToHaveTeacherLikeYou_ .mt-groupCard-title,
.mt-groupCard._soLuckyToHaveTeacherLikeYou_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._blueThanksCursive_ .gc-container-inner {
    background-color: #b7e7f8;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-thanks-cursive.png);
    background-size: 100% 100%;
}

.mt-groupCard._blueThanksCursive_ .mt-groupCard-header,
.mt-groupCard._blueThanksCursive_ .mt-groupCard-title,
.mt-groupCard._blueThanksCursive_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._teacherHeroSuperhuman_ .gc-container-inner {
    background-color: #ffffff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/teacher-hero-superhuman-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._teacherHeroSuperhuman_ .mt-groupCard-header,
.mt-groupCard._teacherHeroSuperhuman_ .mt-groupCard-title,
.mt-groupCard._teacherHeroSuperhuman_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._teacherApple_ .gc-container-inner {
    background-color: #f8f9fb;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/teacher-apple-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._teacherApple_ .mt-groupCard-title {
    font-family: "Merriweather", serif;
    font-size: 50px;
    color: #000000;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._teacherApple_ .mt-groupCard-header,
.mt-groupCard._teacherApple_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._navyThanks_ .gc-container-inner {
    background-color: #1f1d52;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/navy-thanks-cover.png);
    background-size: 100% 100%;
}

.mt-groupCard._navyThanks_ .mt-groupCard-title {
    font-family: "Dosis", sans-serif;
    font-size: 30px;
    color: #cf3a48;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 165px;
    padding: 15px;
}

.mt-groupCard._navyThanks_ .mt-groupCard-header,
.mt-groupCard._navyThanks_ .mt-groupCard-space {
    display: none;
}

/*Batch 12*/

/*{
     font-family: 'Arimo', sans-serif;
    font-family: 'Cabin Sketch', cursive;
    font-family: 'Open Sans', sans-serif;
}*/

.mt-groupCard._thanksForHelpingUsGrow_ .gc-container-inner {
    background-color: #f4ead8;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/thanks-for-helping-us-grow_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._thanksForHelpingUsGrow_ .mt-groupCard-title {
    font-family: "Arimo", sans-serif;
    font-size: 30px;
    color: #373737;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 165px;
    padding: 15px;
}

.mt-groupCard._thanksForHelpingUsGrow_ .mt-groupCard-header,
.mt-groupCard._thanksForHelpingUsGrow_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._blackBoard_ .gc-container-inner {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blackboard_card-bg.png);
    background-size: 100% 100%;
    background-color: #000;
}

.mt-groupCard._blackBoard_ .mt-groupCard-header,
.mt-groupCard._blackBoard_ .mt-groupCard-space {
    display: none;
}

._blackBoard_ .mt-groupCard-title {
    font-family: "Cabin Sketch", cursive;
    font-size: 58px;
    color: #fff;
    text-transform: uppercase;
    line-height: 60px;
    max-width: 100%;
    padding: 5px 15px;
    letter-spacing: 0;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-bottom: 0;
    min-height: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._evenFromADistance_ .gc-container-inner {
    background-color: #fff1ea;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/even-from-a-distance_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._evenFromADistance_ .mt-groupCard-header,
.mt-groupCard._evenFromADistance_ .mt-groupCard-title,
.mt-groupCard._evenFromADistance_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._weLearnedALot_ .gc-container-inner {
    background-color: #bcddec;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/we-learned-a-lot_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._weLearnedALot_ .mt-groupCard-header,
.mt-groupCard._weLearnedALot_ .mt-groupCard-title,
.mt-groupCard._weLearnedALot_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._youMakeTheWorldABetterPlace_ .gc-container-inner {
    background-color: #ebe4d6;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/you-make-the-world-a-better-place_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._youMakeTheWorldABetterPlace_ .mt-groupCard-title {
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    color: #000;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
}

.mt-groupCard._youMakeTheWorldABetterPlace_ .mt-groupCard-header,
.mt-groupCard._youMakeTheWorldABetterPlace_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._youAreAce_ .gc-container-inner {
    background-color: #ffbb25;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/you-are-ace_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._youAreAce_ .mt-groupCard-header,
.mt-groupCard._youAreAce_ .mt-groupCard-title,
.mt-groupCard._youAreAce_ .mt-groupCard-space {
    display: none;
}

/*Batch 13*/

/*{
    font-family: 'Herr Von Muellerhoff', cursive;
    font-family: 'Oleo Script', cursive;
    font-family: 'Quicksand', sans-serif;
}*/

.mt-groupCard._christmasTreeIllustration_ .gc-container-inner {
    background-color: #ebe4d6;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/christmas-tree-illustration-card-bg.png);
    background-size: 100%;
}

.mt-groupCard._christmasTreeIllustration_ .mt-groupCard-title {
    font-family: "Herr Von Muellerhoff", cursive;
    font-size: 90px;
    color: #0f694f;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 180px;
    padding: 10px;
}

.mt-groupCard._christmasTreeIllustration_ .mt-groupCard-header,
.mt-groupCard._christmasTreeIllustration_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._hoHoHoPink_ .gc-container-inner {
    background-color: #e6432a;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/ho-ho-ho-pink-card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._hoHoHoPink_ .mt-groupCard-header,
.mt-groupCard._hoHoHoPink_ .mt-groupCard-title,
.mt-groupCard._hoHoHoPink_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._christmasIcons_ .gc-container-inner {
    background-color: #ffffff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/christmas-icons-card-bg.png);
    background-size: 100%;
}

.mt-groupCard._christmasIcons_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 35px;
    color: #000000;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 160px;
    padding: 10px;
}

.mt-groupCard._christmasIcons_ .mt-groupCard-header,
.mt-groupCard._christmasIcons_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._christmasTreePhoto_ .gc-container-inner {
    background-color: #13130f;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/christmas-tree-photo_card-bg.png);
    background-size: 100%;
}

.mt-groupCard._christmasTreePhoto_ .mt-groupCard-title {
    font-family: "Oleo Script", cursive;
    font-size: 70px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 55px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 240px;
    padding: 10px;
}

.mt-groupCard._christmasTreePhoto_ .mt-groupCard-header,
.mt-groupCard._christmasTreePhoto_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._happyHolidaysGreen_ .gc-container-inner {
    background-color: #158063;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/happy-holidays-green-card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._happyHolidaysGreen_ .mt-groupCard-header,
.mt-groupCard._happyHolidaysGreen_ .mt-groupCard-title,
.mt-groupCard._happyHolidaysGreen_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._pinkWOW_ .gc-container-inner {
    background-color: #000000;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/pink-wow-card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._pinkWOW_ .mt-groupCard-header,
.mt-groupCard._pinkWOW_ .mt-groupCard-title,
.mt-groupCard._pinkWOW_ .mt-groupCard-space {
    display: none;
}

/*Batch 14*/

/*{
    font-family: 'GFS Didot', serif;
    font-family: 'Oleo Script', cursive;
    font-family: 'Quicksand', sans-serif;
}*/

.mt-groupCard._mazelBlue_ .gc-container-inner {
    background-color: #f5f5ef;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/mazel-blue_card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._mazelBlue_ .mt-groupCard-header,
.mt-groupCard._mazelBlue_ .mt-groupCard-title,
.mt-groupCard._mazelBlue_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._mazelPink_ .gc-container-inner {
    background-color: #f5f5ef;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/mazel-pink_cover-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._mazelPink_ .mt-groupCard-header,
.mt-groupCard._mazelPink_ .mt-groupCard-title,
.mt-groupCard._mazelPink_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._IheardThereWasAParty_ .gc-container-inner {
    background-color: #1c1e1c;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/i-heard-there-was-a-party_cover-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._IheardThereWasAParty_ .mt-groupCard-header,
.mt-groupCard._IheardThereWasAParty_ .mt-groupCard-title,
.mt-groupCard._IheardThereWasAParty_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._loveYaMate_ .gc-container-inner {
    background-color: #e3e8ec;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/love-ya-mate-card-bg.png);
    background-size: 100% 100%;
}

.mt-groupCard._loveYaMate_ .mt-groupCard-header,
.mt-groupCard._loveYaMate_ .mt-groupCard-title,
.mt-groupCard._loveYaMate_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._blackCarv3_ .gc-container-inner {
    background-color: #121315;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/black-car_card-bg.png);
    background-size: 100%;
}

.mt-groupCard._blackCarv3_ .mt-groupCard-title {
    font-family: "GFS Didot", serif;
    font-size: 60px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 65px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: auto;
    width: 100%;
    min-height: 330px;
    padding: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._blackCarv3_ .mt-groupCard-header,
.mt-groupCard._blackCarv3_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._blueCheers_ .gc-container-inner {
    background-color: #1aafe6;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/blue-cheers_cover-bg.png);
    background-size: 100%;
}

.mt-groupCard._blueCheers_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 35px;
    color: #e4e200;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 330px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._blueCheers_ .mt-groupCard-header,
.mt-groupCard._blueCheers_ .mt-groupCard-space {
    display: none;
}

/*Batch 15*/
/*{
    font-family: 'Poiret One', cursive;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Alfa Slab One', cursive;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Dosis', sans-serif;
}*/

.mt-groupCard._circleGradiant_ .gc-container-inner {
    background-color: #f2ece4;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Circle-Gradient_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._circleGradiant_ .mt-groupCard-title {
    font-family: "Poiret One", cursive;
    font-size: 45px;
    color: #928781;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 270px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._circleGradiant_ .mt-groupCard-header,
.mt-groupCard._circleGradiant_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._wellMissEwet_ .gc-container-inner {
    background-color: #c2e2d3;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Well-Miss-Ewe_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._wellMissEwet_ .mt-groupCard-title {
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    color: #fff;
    text-transform: none;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 150px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._wellMissEwet_ .mt-groupCard-header,
.mt-groupCard._wellMissEwet_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._workWillSucc_ .gc-container-inner {
    background-color: #e0efe9;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Work-Will-Succ_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._workWillSucc_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 220px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._workWillSucc_ .mt-groupCard-header,
.mt-groupCard._workWillSucc_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._neonByeBye_ .gc-container-inner {
    background-color: #0d0b0b;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Neon-BYE-BYE_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._neonByeBye_ .mt-groupCard-title {
    font-family: "Alfa Slab One", cursive;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 300px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._neonByeBye_ .mt-groupCard-header,
.mt-groupCard._neonByeBye_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._flowerGoodBye_ .gc-container-inner {
    background-color: #fff3dc;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Flower-GOODBYE_Card-background.png);
    background-size: 100%;
}

.mt-groupCard._flowerGoodBye_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    color: #e65f51;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 240px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._flowerGoodBye_ .mt-groupCard-header,
.mt-groupCard._flowerGoodBye_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._sadToSeeYouEscarGo_ .gc-container-inner {
    background-color: #f4894a;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Sad-To-See-You-Escar-Go_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._sadToSeeYouEscarGo_ .mt-groupCard-title {
    font-family: "Quicksand", sans-serif;
    font-size: 30px;
    color: #000000;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 200px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._sadToSeeYouEscarGo_ .mt-groupCard-header,
.mt-groupCard._sadToSeeYouEscarGo_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._meerkatFarewell_ .gc-container-inner {
    background-color: #d2b8b5;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Meerkat-Farewell_Card.png);
    background-size: 100% 100%;
}

.mt-groupCard._meerkatFarewell_ .mt-groupCard-header,
.mt-groupCard._meerkatFarewell_ .mt-groupCard-title,
.mt-groupCard._meerkatFarewell_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._babyDinosaur_ .gc-container-inner {
    background-color: #f4d55f;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Baby-Dinosaur_Card.png);
    background-size: 100%;
}

.mt-groupCard._babyDinosaur_ .mt-groupCard-title {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    color: #2e6a62;
    text-transform: uppercase;
    max-width: 340px;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    top: 200px;
    width: 100%;
    min-height: 210px;
    padding: 10px;
    letter-spacing: 3px;
}

.mt-groupCard._babyDinosaur_ .mt-groupCard-header,
.mt-groupCard._babyDinosaur_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._MrAndMrs_ .gc-container-inner {
    background-color: #fff;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Mr-&-Mrs_Card-Background.png);
    background-size: 100%;
}

.mt-groupCard._MrAndMrs_ .mt-groupCard-title {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    max-width: 432px;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 55px;
    width: 100%;
    min-height: 225px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mt-groupCard._MrAndMrs_ .mt-groupCard-header,
.mt-groupCard._MrAndMrs_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._babyGiraffe_ .gc-container-inner {
    background-color: #f6f2e9;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/Baby-Giraffe_Card-bg.png);
    background-size: 100%;
}

.mt-groupCard._babyGiraffe_ .mt-groupCard-title {
    font-family: "Dosis", sans-serif;
    font-size: 28px;
    color: #000000;
    text-transform: uppercase;
    max-width: 100%;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    min-height: 135px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt-groupCard._babyGiraffe_ .mt-groupCard-header,
.mt-groupCard._babyGiraffe_ .mt-groupCard-space {
    display: none;
}

/*
  Batchs CSS End // 
*/

.mt-giftshop-new-banner {
    background-color: #edebe5;
    padding: 70px 0;
}

.new-banner-text h2 {
    font-weight: 300;
    font-size: 64px;
    line-height: 72px;
    color: #1e2437;
    font-family: Recoleta;
    margin-bottom: 30px;
}

.new-banner-text ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

    .new-banner-text ul li {
        position: relative;
        font-size: 18px;
        line-height: 24px;
        font-family: "Modern Era TRIAL";
        color: #1e2437;
        padding-left: 35px;
        margin-bottom: 10px;
    }

        .new-banner-text ul li::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            content: "\f00c";
            width: 24px;
            height: 24px;
            background-color: #7fe2dc;
            border-radius: 100%;
            font-size: 11px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            top: 0;
        }

.new-banner-image img {
    box-shadow: 0px 2px 15px rgb(30 36 55 / 17%);
    border-radius: 15px;
    overflow: hidden;
}

.gift-shop-search {
    margin-right: 180px;
    position: relative;
}

    .gift-shop-search input {
        background-color: #1e2437;
        border: 0;
        color: #fff;
        font-size: 17px;
        line-height: 32px;
        width: 160px;
        padding-left: 30px;
    }

        .gift-shop-search input:focus {
            outline: none;
        }

        .gift-shop-search input::-webkit-input-placeholder {
            /* Edge */
            color: #fff;
        }

        .gift-shop-search input:-ms-input-placeholder {
            /* Internet Explorer */
            color: #fff;
        }

        .gift-shop-search input::placeholder {
            color: #fff;
        }

    .gift-shop-search svg {
        position: absolute;
        left: 0;
        top: 8px;
        width: 20px;
        height: 20px;
    }

.max-180 {
    max-width: 180px;
}

.cart-alert {
    background: rgba(127, 226, 220, 0.42);
    margin-top: 15px;
    padding: 20px 20px;
    border-radius: 4px;
    position: relative;
}

    .cart-alert p {
        font-size: 16px;
        line-height: 24px;
        color: #36adb4;
        margin: 0;
        padding-right: 45px;
    }

    .cart-alert button {
        background-color: transparent;
        border: 0;
        position: absolute;
        right: 6px;
        top: 0;
    }

#load-less {
    display: none;
}

.mt-gs-circle-position {
    top: 65px;
}

span.fa.toggle-password {
    position: absolute;
    right: 15px;
    top: 20px;
    cursor: pointer;
}

.contributor-back-arrow {
    position: absolute;
    left: 25px;
    top: 15px;
}

.verify-modal-step04 .gt-modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
}

/* Generic Group Card_ */

/*{
   font-family: Recoleta;
}*/

.mt-groupCard._genericGroupCard_ .gc-container-inner {
    background-color: #f2eee8;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/generic-card-coverSympathy-background.png);
    background-size: 100% 100%;
}

.mt-groupCard._genericGroupCard_ .mt-groupCard-header,
.mt-groupCard._genericGroupCard_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._genericGroupCard_ .mt-groupCard-title {
    font-family: Recoleta;
    font-size: 25px;
    color: #000000;
    text-transform: none;
    max-width: 360px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    position: absolute !important;
    bottom: 96px;
    width: 100%;
    height: 143px;
    padding: 20px 0 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    min-height: unset;
    overflow: hidden;
}

.mt-groupCard._genericGroupCardSympathy_ .gc-container-inner {
    background-color: #f2eee8;
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/generic-card-cover-background.png);
    background-size: 100% 100%;
}

.mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-header,
.mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-space {
    display: none;
}

.mt-groupCard._genericGroupCardSympathy_ .mt-groupCard-title {
    font-family: Recoleta;
    font-size: 25px;
    color: #000000;
    text-transform: none;
    max-width: 360px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    position: absolute !important;
    bottom: 46px;
    width: 100%;
    height: 193px;
    padding: 20px 0 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    min-height: unset;
    overflow: hidden;
}

/* invitation card animation */

.invitation {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform ease 0.3s;
}

.gt-envelope {
    background: #e6e2dc;
    width: 100%;
    height: 307.6923076923px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 10px 13px -7px #00000082, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 10px 13px -7px #00000082, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    transition: transform ease 0.3s;
}

    .gt-envelope.is-open:before,
    .gt-envelope.is-open:after {
        z-index: -2;
    }

    .gt-envelope:before,
    .gt-envelope:after {
        content: "";
        position: absolute;
        bottom: 0;
    }

    .gt-envelope:before {
        right: 0;
        border-bottom: 0px solid transparent;
        border-top: 307.6923076923px solid transparent;
        border-right: 500px solid #d3cdc3;
        z-index: 1;
    }

    .gt-envelope:after {
        left: 0;
        border-bottom: 0px solid transparent;
        border-top: 307.6923076923px solid transparent;
        border-left: 500px solid #e6e2dc;
        z-index: 1;
    }

.gt-flap {
    border-right: 250px solid transparent;
    border-top: 155px solid #edebe6;
    border-left: 250px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: 50% 0%;
    z-index: 2;
}

.gt-mask {
    box-sizing: border-box;
    -webkit-clip-path: inset(0 0 50% 0);
    clip-path: inset(0 0 50% 0);
    overflow: hidden;
    position: relative;
    width: 480px;
    height: 2010px;
    z-index: 0;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
}

.gt-card {
    position: relative;
    width: 480px;
    height: 670px;
    margin: auto;
    transform-style: preserve-3d;
    transform-origin: 50% 10%;
    transform: translate(0, 128%) rotateY(0deg);
}

.gt-face {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    box-shadow: 0 3px 6x rgba(0, 0, 0, 0.3);
}

    .gt-face:last-of-type {
        background-size: 100% auto;
    }

.gt-front {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/envelope-groupcard-holder.png);
}

.invitation-gt-logo {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: 0 auto;
    width: 50px;
    text-align: center;
}

    .invitation-gt-logo svg {
        width: 60px;
        height: 60px;
    }

button.envelope-gt-btn {
}

    button.envelope-gt-btn:focus {
        outline: none;
    }

button.envelope-gt-btn {
    max-width: 250px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}

/* recipient-flow Pages */

.recipient-flow-screen01 {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev1.png);
    height: 100vh;
    position: relative;
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .recipient-flow-screen01:after {
        content: "";
        background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev2.png);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-size: 100% 100%;
        background-repeat-x: repeat;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.rflow-screen01-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(255, 255, 255, 0.94);
}

    .rflow-screen01-inner h2 {
        font-size: 50px;
        line-height: normal;
        text-align: center;
        color: #1e2437;
        font-family: Recoleta;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .rflow-screen01-inner p {
        font-size: 24px;
        line-height: 42px;
        text-align: center;
        font-family: "Modern Era TRIAL";
        color: #1e2437;
        margin-bottom: 40px;
    }

    .rflow-screen01-inner .form-your-besties-btn {
        font-weight: 300;
        font-size: 24px;
        line-height: 30px;
        font-family: Recoleta;
        text-align: center;
        color: #36adb4;
        display: block;
    }

section.recipient-flow-screen02 {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

svg.invitation-footer-logo {
    width: 110px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.close-without-heading {
    position: absolute;
    right: 18px;
    top: 12px;
}

.pink-bubble {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/modal-bubble-bg.png);
    text-align: center;
    background-size: 100% 100%;
    font-size: 30px;
    line-height: 36px;
    color: #1e2437;
    font-weight: 600;
    font-family: "Modern Era TRIAL";
    height: 200px;
    padding-top: 38px;
}

    .pink-bubble img {
        max-width: 34px;
        position: relative;
        top: -4px;
    }

p.country-only {
    color: #f8d463;
    font-size: 16px;
    text-transform: none;
    margin-top: 8px;
}

.max-540 {
    max-width: 540px !important;
}

.mt-10 {
    margin-top: 70px !important;
}

    .mt-10 .preview-tab-content {
        margin-top: 30px;
    }

.invitation-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

a.invitation-save-btn {
    position: absolute;
    top: 32px;
    right: -20px;
    background-color: #7fe2dc;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgb(37 37 37 / 25%);
    z-index: 9;
}

    a.invitation-save-btn svg {
        width: 20px;
        height: 20px;
        fill: #fff;
    }

a.edit-pen-icon {
    background: #7fe2dc;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
}

    a.edit-pen-icon svg {
        width: 26px !important;
        height: 26px !important;
    }

/* groupPay Updated Popup */

.updated-grouppay-banner {
    background: #7fe2dc;
    padding: 35px 15px;
}

.updated-grouppay-top h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    color: #000000;
    font-family: "Modern Era TRIAL";
}

    .updated-grouppay-top h2 span {
        font-family: Recoleta;
    }

.updated-grouppay-top p {
    text-align: center;
    color: #000000;
    font-family: "Modern Era TRIAL";
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 35px;
}

.updated-grouppay-top a.theme-btn-dark {
    max-width: 300px;
}

.updated-grouppay-top {
    margin-bottom: 60px;
}

.updated-grouppay-bottom {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 24px rgb(30 36 55 / 10%);
    border-radius: 16px;
    max-width: 440px;
    margin: 0 auto;
    padding: 0 30px 20px;
}

    .updated-grouppay-bottom h2 {
        background: #ffffff;
        border-radius: 7px;
        max-width: 190px;
        margin: 0 auto;
        font-weight: 500;
        font-size: 30px;
        line-height: 48px;
        text-align: center;
        font-family: "Modern Era TRIAL";
        color: #1e2437;
        position: relative;
        top: -22px;
    }

    .updated-grouppay-bottom > p {
        font-weight: 500;
        font-size: 20px;
        font-family: "Modern Era TRIAL";
        line-height: 24px;
        text-align: center;
        color: #1e2437;
        margin-bottom: 20px;
        margin-top: -5px;
    }

    .updated-grouppay-bottom ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .updated-grouppay-bottom ul li img {
            border-radius: 100%;
            width: 46px;
            height: 46px;
            margin: 0 auto;
            margin-bottom: 6px;
        }

        .updated-grouppay-bottom ul li > p {
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #1e2437;
            margin-bottom: 0;
        }

            .updated-grouppay-bottom ul li > p span {
                color: #8c9fa5;
            }

.updated-grouppay-poweredby {
    padding: 35px 15px;
}

img.powered-by {
    max-width: 270px;
}

.updated-grouppay-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

.updated-grouppay-step h2 {
    width: 64px;
    height: 64px;
    background-color: #7fe2dc;
    font-weight: 500;
    font-size: 30px;
    line-height: 24px;
    display: flex;
    font-family: "Modern Era TRIAL";
    align-items: center;
    text-align: center;
    color: #ffffff;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
}

    .updated-grouppay-step h2.grouppay-divider:after {
        content: "";
        height: 3px;
        background-color: #f4f4f5;
        width: 130%;
        left: 140%;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }

.updated-grouppay-step p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #1e2437;
}

.grouppay-rating svg {
    fill: #fff;
}

.grouppay-rating p {
    font-weight: 500;
    font-size: 20px;
    font-family: "Modern Era TRIAL";
    text-align: center;
    color: rgba(30, 36, 55, 0.4);
}

.grouppay-rating span.total-rating {
    font-weight: 500;
    font-size: 30px;
    font-family: "Modern Era TRIAL";
    margin-right: 3px;
    color: #1e2437;
    position: relative;
    top: 3px;
}

.grouppay-rating span.total-reviews {
    font-weight: 500;
    font-size: 20px;
    font-family: "Modern Era TRIAL";
    color: rgba(30, 36, 55, 0.8);
    margin-left: 3px;
}

.grouppay-rating svg {
    width: 28px;
    height: 28px;
    position: relative;
    top: -6px;
}

.updated-grouppay-step {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

a.grouppay-start-sm {
    display: none;
}

@media screen and (max-width: 500px) {
    a.grouppay-start-sm {
        max-width: 370px;
        margin-top: 35px;
        font-size: 24px;
        display: block;
    }

    .grouppay-start-lg {
        display: none !important;
    }
}

.gt-staff-gifts {
    max-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.max-330 {
    max-width: 330px;
}

.gt-staff-gifts .theme-btn-lite {
    padding: 14px 5px;
}

.gt-staff-gifts-inner {
    width: 100%;
    height: 100%;
}

.gt-staff-gifts-card-content {
    background: #faf9f5;
    box-shadow: 0px 0px 43.2953px rgb(0 0 0 / 20%);
    height: 636px;
    width: 100%;
    padding: 12px;
}

.gt-staff-gifts-inner-content {
    border: 1px solid #7fe2dc;
    height: 100%;
    padding: 15px 25px;
    display: grid;
    grid-template-rows: 150px auto 120px;
    align-items: center;
    justify-content: center;
}

.gt-staff-gifts-header h2 {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #1e2437;
    font-family: Recoleta;
    font-weight: 400;
}

.gt-staff-gifts-header img {
    max-height: 95px;
    object-fit: contain;
    margin-bottom: 25px;
}

.gt-staff-gifts-body p {
    font-size: 16px;
    line-height: 20px;
    font-family: "Modern Era TRIAL";
    color: #1e2437;
}

    .gt-staff-gifts-body p:last-child {
        margin-bottom: 0;
    }

.gt-staff-gifts-footer p {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    font-family: Recoleta;
    color: #1e2437;
    margin-bottom: 5px;
}

.gt-staff-gifts-card img {
    height: 636px;
    width: 100%;
    object-fit: cover;
}

/* logout dropdown */

.logout-dropdown {
    position: relative;
    z-index: 999;
}

    .logout-dropdown .dropdown-toggle::after {
        display: none;
    }

    .logout-dropdown .dropdown-menu-right {
        right: auto;
        left: 0;
    }

    .logout-dropdown .dropdown-menu {
        background: #ffffff;
        border: 1px solid #e9eaeb;
        box-sizing: border-box;
        box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
        border-radius: 4px;
        min-width: 105px;
        padding: 0;
        margin-top: 15px;
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
    }

    .logout-dropdown a.header-dropdown-item {
        font-size: 16px;
        line-height: 26px;
        color: #1e2437;
        padding: 8px 12px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.gsStepCarousel a.carousel-control-prev svg,
.gsStepCarousel a.carousel-control-next svg {
    width: 30px;
    height: 60px;
}

.gsStepCarousel a.carousel-control-next {
    width: 35px;
    right: -12%;
    opacity: 1;
}

.gsStepCarousel a.carousel-control-prev {
    width: 35px;
    left: -12%;
    opacity: 1;
}

    .gsStepCarousel a.carousel-control-prev:hover,
    .gsStepCarousel a.carousel-control-next:hover {
        opacity: 0.8;
    }

.modal {
    overflow-y: scroll;
}

.modal {
    scrollbar-width: none;
    scrollbar-color: transparent transparent !important;
}

    .modal::-webkit-scrollbar {
        width: 0px;
    }

    .modal::-webkit-scrollbar-track {
        background: transparent !important;
    }

    .modal::-webkit-scrollbar-thumb {
        background-color: transparent !important;
        border-radius: 0px;
        border: 0px none transparent !important;
    }
/* gt-staff-gifts-main */
.gt-staff-gifts-main {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 43.2953px rgb(0 0 0 / 20%);
}

    .gt-staff-gifts-main > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .gt-staff-gifts-main .gt-staff-gifts-card-content {
        height: 100%;
        box-shadow: none;
    }

    .gt-staff-gifts-main .gt-staff-gifts-inner-content {
        padding: 2rem 3rem;
        grid-template-rows: 150px auto 130px;
        padding-bottom: 1rem;
    }

    .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-body p {
        font-size: 22px;
        line-height: 26px;
    }

    .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-footer p {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 1.5rem;
    }

    .gt-staff-gifts-main .gt-staff-gifts-card-content .gt-staff-gifts-header h2 {
        font-size: 30px;
        line-height: 32px;
    }

/* Signin new pages */
.header-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    font-family: "Modern Era TRIAL";
    border-bottom: #7fe2dc 2px solid;
    padding: 0 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.header-signIn {
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: rgba(30, 36, 55, 0.8);
    font-family: "Modern Era TRIAL";
}

    .header-signIn a {
        color: #36adb4;
        display: inline-block;
    }

        .header-signIn a::after {
            content: "";
            width: 0px;
            height: 1px;
            display: block;
            background: #36adb4;
            -webkit-transition: 300ms;
            -moz-transition: 300ms;
            -o-transition: 300ms;
            transition: 300ms;
        }

        .header-signIn a:hover::after {
            width: 100%;
        }

.reset-password {
    background-color: #e5e5e5;
    min-height: calc(100vh - 112px);
}

.reset-password-main {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 3.5rem;
}

.theme-btn-disable {
    font-family: "Modern Era TRIAL";
    width: 100%;
    padding: 12px 5px;
    background: rgba(30, 36, 55, 0.1);
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: rgba(30, 36, 55, 0.1);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
}

.reset-password-main button:disabled {
    background: rgba(30, 36, 55, 0.1);
    color: rgba(30, 36, 55, 0.1);
    pointer-events: auto;
    cursor: not-allowed;
}

.access-modal {
    padding: 30px 35px;
}

    .access-modal h4 {
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        margin-bottom: 2rem;
    }

.social-access a {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    margin: 10px 0px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .social-access a svg {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        left: 15px;
    }

    .social-access a:hover {
        border-color: #7fe2dc;
        box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
        text-decoration: none !important;
    }

    .social-access a svg {
        width: 24px;
        height: 24px;
    }

.modal-content.gt-login-modal {
    background: #f7f7f6 !important;
}

.gt-form-main h2 {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(30, 36, 55, 0.6);
    font-family: "Modern Era TRIAL";
    position: relative;
    margin-bottom: 20px;
}

    .gt-form-main h2:after {
        content: "";
        background-color: #e9eaeb;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }

    .gt-form-main h2 span {
        background-color: #ffffff;
        position: relative;
        z-index: 9;
        padding: 0 20px;
    }

.gt-login-modal .gt-form-main h2 span {
    background-color: #f7f7f6;
}

.gt-form-main {
    margin-top: 35px;
}

.gt-form-group input.form-control {
    height: 54px;
    border: 1px solid #e9eaeb;
    max-width: 100%;
}

.gt-form-group .form-control.border0bottom {
    border-radius: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: -1px;
}

.gt-form-group .form-control.border0top {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.gt-form-group .form-control.border0topbottom {
    border-radius: 0;
    margin-bottom: -1px;
}

.gt-form-group input.form-control:focus {
    position: relative;
    z-index: 99;
    border-color: #7fe2dc;
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
}

.gt-form-group .form-group {
    position: relative;
}

.gt-form-group .toggle-password {
    top: 17px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    border: 0;
    line-height: normal;
    z-index: 99;
    font-size: 14px;
    cursor: pointer;
}

.gt-form-group button.gt-form-password-btn:focus {
    outline: none;
}

.mt-35 {
    margin-top: 35px;
}

.gt-form-footer {
    text-align: center;
    margin-top: 30px;
}

    .gt-form-footer .gt-form-forgot-password {
        font-weight: 500;
        font-size: 13px;
        text-align: center;
        display: inline-block;
        color: #a5a7af;
        margin-bottom: 20px;
        font-family: "Modern Era TRIAL";
    }

        .gt-form-footer .gt-form-forgot-password:hover {
            text-decoration: none !important;
        }

        .gt-form-footer .gt-form-forgot-password::after {
            content: "";
            width: 0px;
            height: 1px;
            display: block;
            background: #a5a7af;
            -webkit-transition: 300ms;
            -moz-transition: 300ms;
            -o-transition: 300ms;
            transition: 300ms;
        }

        .gt-form-footer .gt-form-forgot-password:hover::after {
            width: 100%;
        }

.gt-form-have-account {
    font-size: 16px;
    text-align: center;
    color: #1e2437;
    margin: 0;
    font-family: "Modern Era TRIAL";
}

    .gt-form-have-account a {
        color: #36adb4 !important;
        display: inline-block;
        text-decoration: none !important;
    }

.signin a {
    position: relative;
    display: inline-block;
}

    .gt-form-have-account a::after,
    .signin a::after {
        content: "";
        width: 0px;
        height: 1px;
        display: block;
        background: #36adb4;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }

    .gt-form-have-account a:hover::after,
    .signin a:hover::after {
        width: 100%;
    }

.gt-form-group button.theme-btn-lite:disabled {
    background: rgba(30, 36, 55, 0.1);
    color: rgba(30, 36, 55, 0.1);
    pointer-events: auto;
    cursor: not-allowed;
}

.gt-form-terms {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 20px;
    font-family: "Modern Era TRIAL";
}

    .gt-form-terms a {
        color: #1e2437;
        display: inline-block;
        text-decoration: none !important;
    }

        .gt-form-terms a::after {
            content: "";
            width: 0px;
            height: 1px;
            display: block;
            background: #787c87;
            -webkit-transition: 300ms;
            -moz-transition: 300ms;
            -o-transition: 300ms;
            transition: 300ms;
        }

        .gt-form-terms a:hover::after {
            width: 100%;
        }
/*  */
.gsStepCarouselInner .gc-booklet {
    width: 100%;
    height: auto;
}

.height100 {
    height: 100%;
}

.access-section {
    background-color: #f7f7f6;
    max-width: 480px;
    margin: 0 auto;
    padding-top: 50px;
}

.access-page {
    background-color: #f7f7f6;
    min-height: calc(100vh - 112px);
}

.access-section .gt-form-main h2 span {
    background-color: #f7f7f6;
}

.gt-form-groupv2 .toggle-password {
    top: 20px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    border: 0;
    line-height: normal;
    z-index: 99;
    font-size: 14px;
    cursor: pointer;
}

.gt-form-groupv2 .form-group {
    position: relative;
}

.custom-checkbox {
    position: relative;
    font-family: sans-serif;
    margin: 8px 0;
}

    .custom-checkbox input[type="checkbox"] {
        display: none;
    }

        .custom-checkbox input[type="checkbox"] ~ b {
            display: inline-block;
            position: relative;
            background-color: #ffffff;
            border: 2px solid #49b35e;
            font-size: 20px;
            color: #49b35e;
            cursor: pointer;
            line-height: 1;
            outline: 0;
            text-align: center;
            vertical-align: middle;
            height: 25px;
            width: 25px;
        }

    .custom-checkbox label {
        display: flex;
        align-items: center;
        color: #1e2437;
    }

    .custom-checkbox input[type="checkbox"]:checked ~ b:after {
        content: "✓";
    }

    .custom-checkbox input[type="checkbox"]:disabled ~ b {
        background-color: #ffffff;
    }

    .custom-checkbox input[type="checkbox"]:disabled:checked ~ b:after {
        content: "✓";
    }

    .custom-checkbox input[type="checkbox"]:disabled ~ b:after {
        content: "";
    }

    .custom-checkbox input[type="checkbox"]:hover ~ b {
        border: 2px solid #49b35e;
    }

    .custom-checkbox input[type="checkbox"]:hover:disabled ~ b {
        border-color: #49b35e;
        cursor: default;
    }

        .custom-checkbox input[type="checkbox"]:hover:disabled ~ b ~ span {
            cursor: default;
        }

    .custom-checkbox span {
        cursor: pointer;
        margin-left: 10px;
    }

.modal-dialog.max-800 {
    max-width: 1000px;
}

.gs-bank-details .details-warning p,
.gs-bank-details .details-warning p a {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

    .gs-bank-details .details-warning p:last-child {
        margin-bottom: 0;
    }

.gs-withdraw-icon img.modal-icon {
    max-width: 150px;
    position: relative;
    left: -6%;
}

.reset-password-main h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
    font-family: "Modern Era TRIAL";
    margin-bottom: 2rem;
}

div#signup {
    overflow: scroll;
}

#description-examples .modal-dialog .modal-body::-webkit-scrollbar {
    width: 10px;
}

#description-examples .modal-dialog .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#description-examples .modal-dialog .modal-body::-webkit-scrollbar-thumb {
    background: #888;
}

    #description-examples .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.productv2-loadmore {
    cursor: pointer;
}

    .productv2-loadmore p {
        color: rgba(30, 36, 55, 0.8);
        font-size: 18px;
        margin-top: 6px;
    }

.productv2-filters .dropdown .dropdown-toggle {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #1e2437;
    background-color: transparent;
    color: #1e2437;
    font-size: 20px;
    padding: 0;
    line-height: 24px;
}

    .productv2-filters .dropdown .dropdown-toggle:focus {
        outline: none;
        box-shadow: none;
    }

.productv2-filters .dropdown-toggle::after {
    display: none;
}

.productv2-filters .dropdown button svg {
    margin-left: 8px;
    position: relative;
    top: -5px;
    width: 13px;
}

.productv2-filters .dropdown-menu {
    background: #ffffff;
    border-radius: 8px;
    border: 0;
    margin-top: 5px;
    padding: 18px 0;
}

    .productv2-filters .dropdown-menu .dropdown-item {
        padding: 2px 20px;
        color: #1e2437;
        font-size: 18px;
        line-height: 24px;
    }

.productv2-filters .dropdown-item.active,
.productv2-filters .dropdown-item:active {
    background-color: #f8f9fa;
}

.gift-previewv2 {
    padding-bottom: 40px;
}

    .gift-previewv2 .mt-tm-container {
        max-width: 1250px;
        position: relative;
    }

        .gift-previewv2 .mt-tm-container:after {
            content: "";
            background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/sent-gift-background-imagev2.png);
            position: absolute;
            width: 100%;
            height: 100%;
            background-size: 100% 100%;
            background-repeat-x: repeat;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-position-y: -15px;
            border-radius: 8px;
        }

        .gift-previewv2 .mt-tm-container .row {
            z-index: 1;
            position: relative;
        }

.gift-previewv2-content h2 {
    font-weight: 400;
    font-size: 60px;
    line-height: 65px;
    text-align: center;
    color: #1e2437;
    font-family: Recoleta;
    margin-top: 40px;
    margin-bottom: 75px;
}

.gift-previewv2-content p {
    font-size: 20px;
    line-height: 28px;
    color: #1e2437;
    margin-bottom: 20px;
}

.gift-previewv2-content a {
    max-width: 290px;
}

.trending-giftsv2 .mt-tm-egift-title h2 {
    font-weight: 300;
}

    .trending-giftsv2 .mt-tm-egift-title h2 span {
        font-family: "Modern Era TRIAL";
        color: #a5a7af;
        margin-left: 10px;
    }

.trending-giftsv2 {
    padding-bottom: 40px;
}

    .trending-giftsv2 .mt-tm-egift-title {
        border-bottom: 1px solid #d2d3d7;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

.trending-gifts-slider .slick-slide {
    margin-left: 12px;
    margin-bottom: 0;
}

.trending-gifts-slider .slick-list {
    margin-left: -12px;
}

.trending-gifts-slider .slick-arrow {
    top: 40%;
}

img.promotion-badge {
    position: absolute;
    right: 16px;
    top: 16px;
    max-width: 160px;
}

.promotion-bannerv2-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 20px;
}

    .promotion-bannerv2-content .theme-btn-lite {
        max-width: 290px;
        margin-right: 0;
    }

    .promotion-bannerv2-content h2 {
        font-weight: 500;
        font-size: 64px;
        color: #fff;
        font-family: "Modern Era TRIAL";
        line-height: 72px;
        padding-left: 15px;
    }

.v3dp__popout,
.gs-send-row .form-group .v3dp__popout {
    border: 0 !important;
    box-shadow: 0px 10px 25px rgb(0 0 0 / 25%) !important;
    padding: 10px !important;
    margin-top: 10px;
    width: 16.5rem !important;
}

    .v3dp__popout:after,
    .gs-send-row .form-group .v3dp__popout:after {
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

.v3dp__heading,
.gs-send-row .form-group .v3dp__heading {
    background-color: #7fe2dc;
    padding: 5px 0;
    font-size: 14px !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}

button.v3dp__heading__center:hover,
.v3dp__heading__button:not(:disabled):hover,
.gs-send-row .form-group button.v3dp__heading__center:hover,
.gs-send-row .form-group .v3dp__heading__button:not(:disabled):hover {
    background-color: transparent !important;
}

.v3dp__heading__button:disabled .v3dp__heading__icon,
.gs-send-row .form-group .v3dp__heading__button:disabled .v3dp__heading__icon {
    display: none !important;
}

.v3dp__subheading,
.gs-send-row .form-group .v3dp__subheading {
    background-color: #e9e9eb;
    color: #1e2437 !important;
    font-size: 12px !important;
    font-family: "Modern Era TRIAL";
    padding: 6px 0 !important;
    margin-top: 0px !important;
    font-weight: 500 !important;
}

    .gs-send-row .form-group .v3dp__subheading span {
        font-size: 12px !important;
        line-height: normal !important;
        color: #1e2437 !important;
        margin-top: 0 !important;
        display: inline-block;
    }

hr.v3dp__divider,
.gs-send-row .form-group hr.v3dp__divider {
    border: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.v3dp__elements button:disabled span,
.gs-send-row .form-group .v3dp__elements button:disabled span {
    text-decoration: line-through !important;
    font-size: 12px !important;
    color: #999 !important;
}

.gs-send-row .form-group .v3dp__elements button span {
    margin: 0 !important;
}

.v3dp__elements button.selected span,
.gs-send-row .form-group .v3dp__elements button.selected span {
    background-color: #7fe2dc !important;
    color: #1e2437 !important;
}

.v3dp__elements button:not(:disabled):hover span,
.gs-send-row .form-group .v3dp__elements button:not(:disabled):hover span {
    background-color: #7fe2dc !important;
    color: #1e2437 !important;
}

.gt-form-group .form-control.rounded-0 {
    margin-bottom: -1px;
}

.editEmailBackbtn {
    position: absolute;
    top: 12px;
    left: 20px;
    background-color: transparent;
    border: 0;
    font-size: 20px;
    padding: 0;
}

    .editEmailBackbtn:focus {
        outline: none;
    }

.giftshop-megamenu-innerrow-col h3 {
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Modern Era TRIAL";
}

.giftshop-megamenu-innerrow {
    display: grid;
    grid-template-columns: 300px 300px;
    padding: 0 8px;
}

div#description {
    line-height: 1.05 !important;
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

@media screen and (max-height: 765px) {
    div#group-card-view .gc-booklet-inner {
        transform: scale(0.9);
    }
    /*div#group-card-view  .gc-column-inner {
            padding: 25px 10px;
        }*/
    .divdisplay.collectiontop-space-first-section.collectiontop-space-sm {
        transform: none;
    }

    .mt-contribute-groupcard-inner div#group-card-view {
        transform: none;
    }

    .mt-contribute-left div#group-card-view .gc-booklet-inner {
        transform: none;
    }

    .gs-groupcard-modal .edit-card {
        top: 85px;
        right: 0px;
    }

    /* .share-accordion-body {
        height: 340px;
        overflow-y: scroll;
    }*/
    .gsStepCarousel {
        transform: scale(0.7) !important;
    }

    div#stage-5 .gsStepCarousel {
        transform: scale(0.65) !important;
    }

    div#stage-animation,
    div#stage-4 {
        transform: scale(0.8);
    }

    div#stage-5 .gc-booklet {
        height: auto !important;
    }

    div#feedback {
        transform: scale(0.7);
        transform-origin: center;
    }

    div#back-to-start {
        transform: scale(0.8);
        transform-origin: bottom;
    }
}

@media screen and (max-height: 675px) {
    .gsStepCarousel {
        transform: scale(0.6) !important;
    }

    .message-btns {
        transform: scale(0.8);
        padding: 0 !important;
        padding-top: 18px !important;
    }

    div#stage-animation,
    div#stage-4 {
        transform: scale(0.7);
    }

    div#footer {
        transform: scale(0.8);
        overflow: visible;
        transform-origin: bottom;
    }

    div#stage-5 .gsStepCarousel {
        transform: scale(0.6) !important;
    }

    .tabbed-menu {
        transform: scale(0.8);
        transform-origin: center;
    }
}

@media screen and (max-height: 575px) {
    .gsStepCarousel {
        transform: scale(0.5) !important;
    }

    .message-btns {
        transform: scale(0.8);
        padding: 0 !important;
        padding-top: 18px !important;
    }

    div#stage-animation,
    div#stage-4 {
        transform: scale(0.6);
    }

    div#footer {
        transform: scale(0.8);
        overflow: visible;
        transform-origin: bottom;
    }

    div#stage-5 .gsStepCarousel {
        transform: scale(0.5) !important;
    }

    .tabbed-menu {
        transform: scale(0.8);
        transform-origin: center;
    }

    a.inspiration-text {
        top: auto;
        bottom: -25px;
    }
}

@media screen and (min-width: 991px) {
    .nav-giftshop .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateY(50px);
        transition: 0.2s ease all;
    }

        .nav-giftshop .dropdown-menu.show {
            display: block;
            visibility: visible;
            opacity: 1;
            transform: translateY(0px);
            transition: 0.2s ease all;
        }
}

/* responsive css for mt-track pages */

@media screen and (max-width: 1200px) {
    .gt-dropdown .dropdown-menu {
        right: -18px !important;
        left: auto !important;
    }

    .mt-contribute-right-content {
        max-width: 460px;
    }

    button.slick-next.mt-card.slick-arrow {
        right: -40px;
    }

    .birthday-ideas-inner img {
        height: 190px;
    }

    .mt-tm-container {
        max-width: 970px;
    }

    .curve-progress {
        left: 28px;
    }
}
/* ====== max 1200px ====== */

@media screen and (max-width: 991px) {
    .offcanvas-header {
        display: block;
    }

    .mt-gs-navbar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 0 25px;
        overflow-y: auto;
        visibility: hidden;
        background-color: #1e2437;
        transition: visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        z-index: 999;
    }

        .mt-gs-navbar.show {
            visibility: visible;
            transform: translateX(-100%);
        }
    /* ======  ====== */

    .gt-header .media img {
        margin-left: 10px !important;
    }

    .gt-header {
        padding: 8px 0px;
    }

    .gt-dash-head h3 {
        font-size: 14px;
    }

    .gt-dropdown .dropdown svg {
        width: 28px;
        height: 28px;
    }

    .gt-theme-header .gt-dropdown .dropdown-menu {
        right: 0px !important;
        left: auto !important;
        margin-top: 45px;
    }

    .gt-theme-header .gt-dropdown .dropdown svg {
        width: 40px;
        height: 40px;
    }

    .mt-join-collection-card {
        padding: 50px;
    }

    .mt-join-collection-card-content .d-flex a {
        width: 160px;
        margin: 0 10px;
    }

    .min-100vh {
        min-height: auto;
    }

    .mt-contribute-left,
    mt-contribute-right {
        height: auto;
        min-height: unset;
    }

    .mt-contribute-scrollable-block {
        max-height: unset;
    }

    .mt-logo-footerv2 {
        display: none !important;
    }

    .mt-contribute-right.position-relative.mt-card-white {
        background-color: #fff;
    }

    .mt-contribute-left.mt-card-space {
        padding: 60px 0 60px;
    }

    .mt-card-white .mt-sign-card-inner p {
        text-align: center;
    }

    button.mt-browse-library,
    .mt-upload-own button {
        width: 100%;
        font-size: 14px;
    }

    button.slick-next.mt-card.slick-arrow {
        right: -30px;
    }

    .mt-sign-control .d-flex div {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    /* ====== mt-tm ====== */

    .mt-tm-subheading h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .mt-tm-collection-detail {
        width: 230px;
        height: 230px;
    }

    .mt-track-manage-subheader {
        max-height: 200px;
    }

    .birthday-ideas-inner img {
        height: 150px;
    }

    .birthday-ideas-content {
        padding: 15px 15px;
    }

        .birthday-ideas-content h4 {
            font-size: 14px;
        }

        .birthday-ideas-content p {
            font-size: 14px;
            line-height: 14px;
        }

    .mt-tm-birthday-ideas .slick-arrow,
    .egift-cards .slick-arrow {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .mt-tm-subheading h2 {
        font-size: 30px;
        line-height: 35px;
        text-align: center;
        margin: 0 auto;
    }

    .mt-tm-sidebar .mt-tm-sidebar-blocks {
        display: none;
    }

    .mt-tm-sidebar {
        padding-top: 0;
    }

    .mt-track-manage-cardholder {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .mt-track-manage-subheader {
        background-color: #e5e5e5;
        max-height: none;
        position: relative;
    }

    button.close-svg svg {
        width: 14px;
        height: 14px;
        position: relative;
        top: -8px;
    }

    .modal-dialog.mt-5 {
        margin-top: 5% !important;
    }

    .mt-track-manage-subheader:after {
        content: "";
    }

    .mt-track-manage-subheader .row .col-md-8 {
        background-color: #7fe2dc;
    }

    .mt-tm-subheading {
        padding-top: 45px;
        padding-bottom: 45px;
        background-color: #7fe2dc;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .mt-tm-collection-detail {
        width: 284px;
        height: 284px;
        margin-top: -20px;
    }

    .mt-tm-invite-friends.mt-5 {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    /*.mt-tm-card .mt-card-cover {
        box-shadow: 0px 0px 52.1396px rgb(0 0 0 / 20%);
        min-height: 500px;
        background-color: #f5f5f5;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }*/

    .mt-tm-card .mt-card-cover .mt-card-heading {
        font-size: 40px;
        font-size: 39.1216px;
        line-height: 39px;
        text-align: center;
        color: #1e2437;
        text-shadow: 0px 0px 29.4173px rgb(0 0 0 / 25%);
    }

    .mt-tm-card .edit-card {
        position: absolute;
        top: auto;
        right: 0;
        left: 0;
        bottom: -35px;
        text-align: center;
    }

    .mt-tm-egift-sorting.text-right {
        display: none;
    }

    .egift-cards-inner h3,
    .egift-cards-inner p,
    .egift-see-more,
    .birthday-ideas-content p {
        display: none;
    }

    .mt-track-manage-egift {
        padding-bottom: 50px;
    }

        .mt-track-manage-egift .mt-tm-container {
            padding: 0;
        }

    .mt-tm-egift-inner {
        border-radius: 0;
    }

    .mt-tm-egift-header {
        border-bottom: 0px solid #d2d3d7;
        padding: 10px 0 28px;
        margin-bottom: 0;
    }

    .hampers-mob {
        padding-top: 70px;
    }

    .after-border {
        border-right: 0px dashed #1e2437;
    }

    .mt-tm-egift-inner .d-block.d-md-none {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -15px;
    }

    .tm-header nav {
        padding: 16px 18px;
    }

    .sidebar-full-modal .mt-tm-sidebar {
        display: block;
    }

    .sidebar-full-modal .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

        .sidebar-full-modal .modal-dialog .modal-content {
            background: #ffffff;
            box-shadow: none;
            border-radius: 0;
        }

    .sidebar-full-modal .mt-tm-sidebar {
        margin: 0 auto;
        padding-top: 60px;
        width: 100%;
        min-height: 105vh;
    }

    .sidebar-full-modal .gt-modal-close {
        position: absolute;
        right: 30px;
        top: 15px;
    }

    .tm-header-sidebar {
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mt-track-manage-subheader .mt-tm-container,
    .mt-track-manage-cardholder .mt-tm-container {
        padding: 0 15px;
    }

    .md-gutter .col-md-8,
    .md-gutter .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .mt-tm-egift-inner .wide-gutter {
        margin-left: 0;
        margin-right: 0;
    }

        .mt-tm-egift-inner .wide-gutter .col-md-6 {
            padding-left: 0;
            padding-right: 0;
        }

    .mt-track-manage-egift {
        overflow: hidden;
    }

    .mt-tm-egift-inner {
        padding: 30px 5px 30px 5px;
    }

    .egift-cards.slick-slider {
        padding-left: 10px;
    }

    .birthday-ideas-inner img {
        height: 190px;
    }

    .curve-progress {
        left: 0;
    }

        .curve-progress .barOverflow::after,
        .curve-progress .barOverflow::before {
            background-color: #e5e5e5;
        }

    header.gt-header.tm-header .media.align-items-center.d-none.d-md-flex {
        display: none !important;
    }

    /*.mt-tm-card .mt-card-cover h6.mt-groupCard-footer {
        position: absolute !important;
        left: 0;
        right: 0;
        bottom: 35px;
    }*/
    /*.mt-tm-card .mt-card-cover .mt-groupCard {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
    }*/

    .mt-tm-sidebar .mt-tm-card {
        margin: 30px auto 0;
    }

        .mt-tm-sidebar .mt-tm-card .edit-card {
            top: -30px;
            right: 0;
        }

    .col-pixel-width-220 {
        flex: 0 0 100%;
        padding: 0 15px;
        right: 30px;
        position: absolute !important;
        top: -5px;
    }

    .mt-giftshop-title-box h2 {
        font-size: 24px;
        line-height: 35px;
        text-align: left;
        padding-left: 0;
    }

    .mt-giftshop-subheader .mt-tm-container .col {
        height: 78px;
        justify-content: center;
        padding: 0 60px;
    }

    .mt-giftshop-subheader {
        height: 78px;
    }

    a.gs-backbtn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 30px;
    }

        a.gs-backbtn svg {
            width: 25px;
            height: 25px;
            color: #1e2437;
        }

    .nav-giftshop button.navbar-toggler {
        padding: 0;
        margin-left: 0;
    }

        .nav-giftshop button.navbar-toggler svg {
            color: #fff;
            width: 45px;
            height: 40px;
        }

    .nav-giftshop .navbar-nav .nav-item .nav-link {
        display: inline-flex;
        padding-right: 25px;
    }

        .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle::before {
            right: 0;
        }

    button.btn-close.float-right {
        background-color: transparent;
        border: 0;
        color: #fff;
        font-size: 40px;
        margin-top: -10px;
        line-height: normal;
    }

    .nav-giftshop .navbar-nav li.nav-item.dropdown {
        margin-right: 0;
    }

    .nav-giftshop .dropdown-menu {
        padding-top: 0;
        padding-bottom: 5px;
        margin-top: 0px;
    }

    .giftshop-megamenu {
        padding: 10px 0;
    }

    .nav-giftshop .giftshop-megamenu ul li a {
        font-size: 16px;
        line-height: 24px;
        padding: 5px 0px;
        display: block;
    }

    .gc-category-product-imagev2 {
        height: auto;
    }

    .giftshop-product-slider .gs-product-slider-thumb {
        max-width: 100px;
        margin-right: 20px;
    }

    .giftshop-product-accordion {
        margin-top: 30px;
    }

    .giftshop-product-slider .gs-product-slider-wrapper {
        max-height: 500px;
    }

    .gs-product-accordion-block .gs-product-acc-header h2 {
        cursor: pointer;
        font-size: 14px;
        padding: 10px 0;
    }

        .gs-product-accordion-block .gs-product-acc-header h2::after {
            right: 10px;
        }

    .related-products-slider {
        padding: 0 30px;
    }

        .related-products-slider .left-arrow.slick-arrow {
            left: 0;
        }

        .related-products-slider .right-arrow.slick-arrow {
            right: 0;
        }

        .related-products-slider .slick-arrow {
            width: 50px;
            height: 50px;
        }
}
/* ====== max 991px ====== */

/* ====== iPad Portrait and Landscape ====== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) {
    .flowers {
        height: calc(100% - 60%) !important;
    }

    a.btn.btn-next.mt-4 {
        max-width: 95%;
    }

    .progress-head {
        width: 49% !important;
    }

    a.edit-pen-icon {
        width: 45px;
        height: 45px;
    }

    a.edit-btn {
        right: -15px;
    }

    a.edit-pen-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .header-preview-text strong {
        font-size: 16px;
    }

    .mt-join-height {
        min-height: calc(100vh - 124px);
    }

    .mt-contribute-left,
    mt-contribute-right {
        height: auto;
        min-height: unset;
    }

    .invite-preview-right .theme-btn-dark {
        font-size: 14px;
    }

    .tm-mob-menu {
        top: 50%;
        transform: translateY(-50%);
    }

    .preview-tab-content a.edit-card {
        left: -15px !important;
    }

    .card-edit-btns .dropdown-menu {
        padding: 20px;
        min-width: 440px !important;
    }

    .gc-close-modal {
        top: 30px;
        right: 36px;
    }

    .dropdown-menu.top120 {
        padding: 0px !important;
    }

    .mt-card-templates {
        padding-right: 20px;
    }

    div#group-card-booklet-parent .page_template.col-md-6,
    div#group-card-booklet-parent .gc-back-cover.col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        div#group-card-booklet-parent .page_template.col-md-6 .gc-container-inner,
        div#group-card-booklet-parent .gc-back-cover.col-md-6 .gc-container-inner {
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
        }

    .gt-header {
        z-index: 999;
        position: relative;
    }

    .mobile-sidebar {
        z-index: 9999;
    }

    .collection-tab-content .row .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px !important;
    }

    .gt-support-request-inner {
        max-width: 700px;
    }

    .gt-sr-head h2 {
        margin-bottom: 40px;
        font-size: 40px;
        line-height: normal;
    }

    .gt-sr-head p {
        font-size: 18px;
        line-height: normal;
    }

    .gt-sr-radio {
        max-width: 100%;
    }
}

/* ====== iPad Portrait and Landscape ====== */

/* ====== iPad Mini Portrait and Landscape ====== */
@media only screen and (min-device-width: 500px) and (max-device-width: 768px) {
    .collection-tab-content .row .col-md-4 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 40px !important;
    }

    .tm-egift-cards-list li.col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mt-tm-egift-inner {
        padding: 30px 15px 30px 15px !important;
    }

    .egift-cards {
        padding-left: 10px;
    }

    .collection-tab-content .row .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    ul.gt-caction-group li a svg {
        width: 40px;
        height: 40px;
    }

    .gt-cgrid-content .gt-cgrid-detail h2 {
        font-size: 16px;
    }

    .gt-cgrid-content .gt-cgrid-detail p {
        font-size: 16px;
    }

    .gt-cgrid-content h4 {
        font-size: 12px;
        max-width: 90%;
    }

    .gt-cgrid-footer {
        font-size: 14px;
        padding: 15px 5px;
    }

    .gt-collection-add a svg {
        width: 60px;
    }
}

/* ====== iPad Mini Portrait and Landscape ====== */

@media screen and (max-width: 991px) and (min-width: 767px) {
    .group-card-tile {
        padding: 40px 15px 30px;
    }

    .cards-button a {
        font-size: 14px;
    }

    .preview-tabs .nav-tabs .nav-item {
        margin: 0 15px !important;
    }

        .preview-tabs .nav-tabs .nav-item .nav-link {
            font-size: 16px !important;
        }

        .preview-tabs .nav-tabs .nav-item:first-child::after {
            right: -18px;
        }
}
/* ====== max 991 min  767 ======  */

@media screen and (max-width: 767px) {
    .gt-dashboard-filters {
        grid-template-columns: 100% !important;
        grid-row-gap: 10px;
    }

    .verify-footer svg {
        margin: 0 5px !important;
    }

    .verify-footer .theme-link-lite {
        font-size: 14px !important;
    }

    .mt-receipt-gift {
        padding-top: 40px;
        padding-bottom: 85px;
    }

    .mt-tm-sidebar-blocks.receipt-page.d-block.tm-170 {
        margin-bottom: 40px;
    }

    .mt-gift-details-block-header p span {
        display: block;
    }

    .mt-gift-details-item.media img {
        max-width: 100px;
        margin-right: 15px;
    }

    .mt-gift-details-image {
        max-width: 120px;
    }

    a.tab-start-collection {
        font-size: 16px;
    }

    .mt-gift-details-image.mt-gift-details-image-with-btn .theme-btn-lite {
        max-width: 80px;
        position: absolute;
        bottom: -23px;
        left: 13px;
        right: auto;
    }

    .gt-dashboard .nav-tabs .nav-item .nav-link {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0;
        margin-right: 25px;
    }

    .gt-navbar .nav-item:first-child {
        padding-top: 20px;
    }

    /*    .gt-navbar .nav-item:last-child {
        padding-bottom: 20px;
    }*/

    .gt-navbar .nav-item a.nav-link {
        font-size: 18px;
        padding: 5px 4px;
        margin: 0 0px;
        text-align: left;
    }

    .gt-collection-grid,
    .gt-collection-add {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    ul.gt-caction-group li a svg {
        width: 50px;
        height: 50px;
    }

    .col-pixel-width-320 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .collection-tab-content .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .gt-md-container {
        max-width: 100%;
        padding: 0px 15px;
    }

    .gt-collection-faq {
        margin-top: 50px;
        max-width: 100%;
    }

    a.navbar-brand svg {
        width: 120px;
        padding-left: 10px;
    }

    .gt-header {
        padding: 0px 0px;
    }

    button.navbar-toggler {
        padding: 0 10px;
        border: 0;
    }

        button.navbar-toggler:focus {
            outline: none;
        }

    .gt-mt-footer {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .footer-logo {
        margin-bottom: 2em;
    }

    .footer-links ul li a {
        font-size: 1em;
        line-height: 1em;
    }

    .footer-margin {
        margin-top: 2em;
    }

    .gt-mt-footer .d-flex.justify-content-between.align-items-center {
        display: block !important;
    }

    ul.footer-legal-links {
        margin-top: 5px;
    }

    ul.footer-social {
        margin-top: 20px;
    }

    .col-md-8 .card-full-grid:after {
        display: none;
    }

    .col-md-8 .card-full-grid {
        max-width: 100%;
    }

    .message-card-section {
        margin-top: 50px;
    }

    .gt-mob-header {
        font-size: 18px;
        line-height: 32px;
        color: #1e2437;
        background-color: #7fe2dc;
        text-align: center;
        padding: 8px 0 8px 0px;
    }

    .theme-border-top {
        border-top: 0px solid #7fe2dc;
    }

    .large-group-card {
        padding: 120px 15px 40px;
        height: auto;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .group-card-tile {
        padding: 40px 15px 30px;
    }

    .cards-head a {
        display: none;
    }

    .recoleta-title {
        text-align: center;
    }

    .cards-head p {
        text-align: center;
    }

    .gt-md-modal .modal-dialog {
        max-width: 95% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .share-modalv2-form {
        grid-template-columns: 100%;
        margin: 0;
    }

        .share-modalv2-form .form-group label {
            position: static;
            margin-top: 10px;
        }

        .share-modalv2-form .form-group input[type="text"],
        .share-modalv2-form .form-group input[type="email"] {
            border-radius: 4px;
        }

        .share-modalv2-form .form-group.mb-0.pl-2 {
            padding: 0 !important;
            margin-top: 16px;
            max-width: 160px;
            margin-left: auto;
            margin-right: auto;
        }

    .share-modal-links.text-right {
        text-align: center !important;
    }

    .share-modal-links ul li {
        margin: 0 8px;
    }

        .share-modal-links ul li a {
            font-size: 14px;
        }

        .share-modal-links ul li:before {
            left: -12px;
        }

    .gt-md-modal-content {
        padding: 30px 20px 30px;
    }

    .caccordions-head .media h5 span {
        color: rgba(30, 36, 55, 0.6);
        font-weight: 300;
        display: none;
    }

    a.send-reminder {
        margin-top: 10px;
        display: block;
    }

    .addContributor-md {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 70px;
        height: 70px;
    }

    .contributor-accordions {
        overflow: auto;
        padding-right: 0;
        height: auto;
        min-height: 65vh;
    }

    div#friendsSummary .gt-md-modal-content {
        padding: 30px 20px 80px;
    }

    .modal-dialog.mt-5.modal-dialog-scrollable {
        margin-top: 15px !important;
    }

    section.mt-track-manage-cardholder .row {
        margin-left: 0px;
        margin-right: 0px;
    }
        /*section.mt-track-manage-cardholder .mt-tm-container{
    padding-left: 0;
    padding-right: 0;
}*/
        section.mt-track-manage-cardholder .row .col-lg-8 {
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 50px;
        }

    .mt-tm-egift-cards.mb-0 {
        padding-left: 15px;
    }

    .mt-join-collection-card {
        height: auto;
        padding: 25px;
        min-height: 0;
    }

    .mt-join-collection-card-footer {
        display: none;
    }

    .mt-join-collection-card-inner {
        box-shadow: 0px 0px 15px 5px #cccccc96;
        -webkit-box-shadow: 0px 0px 15px 5px #cccccc96;
        -moz-box-shadow: 0px 0px 15px 5px #cccccc96;
    }

        .mt-join-collection-card-inner .position-relative p {
            margin-bottom: 0;
        }

    .mt-join-collection-card-content {
        padding: 50px 20px 100px;
    }

        .mt-join-collection-card-content h1 {
            font-size: 40px;
            line-height: 48px;
            margin-bottom: 15px;
        }

        .mt-join-collection-card-content p {
            margin-top: 15px;
            margin-bottom: 35px;
        }

        .mt-join-collection-card-content .d-flex a {
            width: 150px;
            margin: 0 15px;
        }

    .mt-closes {
        margin-top: 3vh;
    }

    .mt-aamount {
        margin-bottom: 3vh;
    }

    .mt-logo-footer svg {
        display: none;
    }

    .mt-closes p,
    .mt-target p,
    .mt-donationto p {
        font-size: 14px;
    }

    .mt-aamount h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .mt-logo-footer a {
        margin-left: auto;
        margin-right: auto;
        padding: 8px 5px;
        font-size: 14px;
    }

    .mt-logo-footer {
        padding: 20px 0;
    }

    .mt-closes h3,
    .mt-target h3,
    .mt-donationto h3 {
        line-height: 20px;
    }

    .mt-closes,
    .mt-target,
    .mt-donationto {
        margin-bottom: 2vh;
    }

    .mt-contribute-left-content h2,
    .mt-contribute-right-content h2 {
        text-align: center;
    }

    .col-lg-6.bg-white.mt-mob-bg {
        background-color: #f7f7f6 !important;
    }

    .mt-cart-total {
        text-align: center;
    }

    .mt-contribute-right-content {
        padding-top: 35px;
    }

    .mt-card-slider-section {
        width: 350px;
    }

    .mt-sign-card {
        max-width: 400px;
        position: static;
        transform: none;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    button.slick-next.mt-card.slick-arrow {
        right: 0;
        display: none !important;
    }

    .mt-sign-card-inner h2 {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
    }

    .mt-sign-card-inner p {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }

    .mt-sign-control .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*.mt-sign-control .d-flex div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }*/

    button.mt-browse-library,
    .mt-upload-own button {
        width: 100%;
        font-size: 14px;
        max-width: 100%;
        padding: 14px 0;
        margin: 7px 0;
    }

    .mt-card-image-preview.position-relative.d-inline-block {
        display: flex !important;
        justify-content: center;
        max-width: max-content;
    }

    .mt-card-image-preview a {
        right: -25px;
        top: -6px;
    }

    .gt-signup-modal-content {
        padding: 40px 15px;
    }

    .thank-you-inner {
        padding: 0 15px;
    }

        .thank-you-inner h2 {
            line-height: normal;
        }

    .mt-fixed-header .theme-border-top {
        border-top: 4px solid #7fe2dc;
    }

    .zoom-btns,
    .zoom-dropdown {
        display: none;
    }

    .zoom-full-screen {
        padding-left: 0;
    }

    .card-scale-actions {
        bottom: 15px;
        right: 20px;
    }

    .zoom-full-screen a {
        width: 44px;
        height: 44px;
    }

        .zoom-full-screen a svg {
            width: 18px;
            height: 18px;
        }

    .mt-editable-nav .navbar-nav .nav-item .nav-link span {
        display: block !important;
    }

    .mt-editable-nav {
        position: absolute;
        top: 70px;
        right: 5px;
        background-color: #fff;
        background: #ffffff;
        box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);
        width: 170px;
        z-index: 99;
    }

    .mt-header-icons {
        background: #ffffff;
        box-shadow: none;
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

        .mt-header-icons svg {
            width: 16px !important;
            height: 16px !important;
        }

    .mt-editable-nav .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        padding: 6px 20px 6px 5px;
    }

    .mt-editable-nav .navbar-nav .nav-item:first-child .nav-link {
        padding-top: 20px;
    }

    .mt-editable-nav .navbar-nav .nav-item:last-child .nav-link {
        padding-bottom: 20px;
    }

    .mt-header-icons svg {
        width: 20px;
        height: 20px;
    }

    .mt-content-editor {
        padding: 12px 15px;
        overflow: scroll;
    }

    .mt-content-editor-inner {
        max-width: 510px;
        margin: 0 auto;
        width: 510px;
    }

    .mt-edit-popup-mob {
        position: fixed;
        bottom: 15px;
        left: 20px;
        background-color: #1e2437;
        width: 54px;
        height: 54px;
        border-radius: 100%;
        box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 25%);
        -webkit-box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 25%);
        -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .mt-edit-popup-mob svg {
            width: 22px;
            height: 22px;
        }

    .mt-editbar-mob {
        background: #1e2437;
        box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.25);
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        position: fixed;
        z-index: 999;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding: 40px 40px;
    }

    .mt-editbar-icon p {
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0;
    }

    .mt-editbar-icon svg {
        margin-bottom: 12px;
        height: 41px;
    }

    .mt-editbar-icon {
        margin-bottom: 25px;
    }

    .mt-close-editbar {
        position: absolute;
        background: #1e2437;
        border-radius: 8px;
        width: 55px;
        height: 8px;
        top: -16px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .modal.edit-modal {
        background-color: #000000bf;
    }

    .edit-modal .modal-dialog {
        max-width: 92%;
        margin: 0 auto;
    }

        .edit-modal .modal-dialog .modal-content {
            background: transparent;
            box-shadow: none;
            border-radius: 16px;
        }

    .mt-close-modal {
        text-align: right;
        margin-bottom: 12px;
    }

    .mt-join-height {
        min-height: auto;
    }

    .mt-join-collection-card-inner.text-center > div {
        width: 100% !important;
    }

    .mt-contribute-left.mt-card-space {
        padding: 50px 20px;
    }

    a.carousel-control-next.mt-cardSliderArrow {
        right: -35px;
        opacity: 1;
    }
    /* ====== mt-tm ====== */
    .mt-tm-egift-title h2 span {
        display: block;
        margin: 0;
        margin-top: 10px;
    }

    .birthday-ideas-inner img {
        height: auto;
    }

    .mt-tm-egift-title h2 {
        text-align: center;
        font-size: 30px;
        line-height: 35px;
    }

    .mt-track-manage-cardholder.md-gutter .mt-tm-container {
        background-color: #fff;
    }

    .mt-track-manage-cardholder.md-gutter .mt-tm-egift-inner {
        box-shadow: none;
    }

    .invite-preview-right {
        max-width: 160px;
    }

    .invite-preview-header .invite-preview-left {
        text-align: center;
    }

    .invite-preview-header .invite-preview-right {
        max-width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .mt-contribute-left-content {
        padding-top: 50px;
    }


        .mt-contribute-left-content h2,
        .mt-contribute-right-content h2 {
            font-size: 32px;
            line-height: 36px;
            margin-bottom: 35px;
        }

    .mt-aamount {
        margin-bottom: 10px;
    }

        .mt-aamount h1 {
            font-size: 40px;
            line-height: 40px;
            margin-bottom: 12px;
        }

        .mt-aamount p {
            font-size: 16px;
        }

    .mt-closes,
    .mt-target,
    .mt-donationto {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .mt-logo-footer {
        padding: 0;
    }

    .mt-logo-footer {
        bottom: 14%;
    }

    .mt-contribute-left-content {
        padding-bottom: 0 !important;
    }

    _::-webkit-full-page-media,
    _:future,
    :root .safari_only {
        padding-bottom: 120px;
    }

    .invite-preview-left p {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }

    .invite-preview-header .invite-preview-right {
        max-width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

        .invite-preview-header .invite-preview-right .theme-btn-lite {
            padding: 8px 5px;
        }

    .preview-mode-content {
        margin-top: 20rem;
    }

    /*    .mt-contribute-right {
            min-height: 100vh;
        }*/

    .gc-booklet .gc-booklet-inner .gc-page {
        width: 100%;
    }

    .mt-sign-control input,
    .mt-sign-control textarea {
        font-size: 16px;
    }

    .quantity.quantity-dollor-sign input {
        font-size: 16px;
    }

    .contributor-btns .row .col-md-6 {
        padding: 0 50px;
    }

    a.edit-btn {
        position: absolute;
        right: 0;
        top: auto;
        z-index: 9;
        left: 0;
        bottom: -25px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .invite-preview-body.invite-preview-divider {
        margin-top: 265px;
    }

    .mt-sign-card-inner .mt-3,
    .mt-sign-card-inner .mt-profile-checkbox.mt-4.mb-5 {
        padding: 0 16px;
    }

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

        .share-accordion-header svg {
            margin-right: 20px;
            width: 35px;
        }

        .share-accordion-header::after {
            right: 25px;
        }

    .share-accordion-body .max-400 {
        padding: 0 20px;
    }

    .gc-category-product-image img {
        height: auto;
    }

    .header-preview-text strong {
        display: block;
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 30px;
        padding: 0 10px;
    }

    .header-preview-text {
        margin-bottom: 10px;
        padding: 0 25px;
    }

    .gt-review-gifts-body .media {
        max-width: 100%;
        display: block;
    }

    .gt-review-gifts-total-amount .theme-btn-dark,
    .gt-review-gifts-total-amount .theme-btn-lite {
        max-width: 100%;
    }

    .mt-gs-amount-available-circle {
        width: 110px;
        height: 110px;
    }

    .mt-gs-cartbtn {
        width: 42px;
        height: 42px;
    }

        .mt-gs-cartbtn .mt-gs-cart-items {
            width: 14px;
            height: 14px;
            font-size: 8px;
        }

        .mt-gs-cartbtn svg {
            width: 17px;
        }

    .mt-gs-avail h2,
    .mt-gs-spent h2 {
        font-size: 22px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .mt-gs-avail p,
    .mt-gs-spent p {
        font-size: 7px;
        margin-bottom: 2px;
        line-height: 9px;
    }

    .mt-gs-avail {
        margin-bottom: 10px;
    }

    .col-pixel-width-220 {
        right: 10px;
        top: 55px;
    }

    .mt-giftshop-title-box {
        text-align: left;
        width: 100%;
    }

    a.gs-backbtn {
        left: 20px;
    }

    .gs-slider-title {
        font-size: 30px;
        line-height: 41px;
    }

    .giftshop-slider .gc-slider-image {
        display: none;
    }

    .gs-slider-item-content {
        padding: 50px 5px;
        min-height: 600px;
        display: block;
        background-image: url(../Images/gt-mt-images/slider-mob.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .contributor-filters select {
        font-size: 14px;
        padding: 7px 20px 7px 8px;
        width: 100%;
    }

    .contributor-filters::after {
        bottom: 12px;
    }

    .gc-card-inner {
        height: 340px;
        padding: 30px;
        margin-bottom: 30px;
    }

        .gc-card-inner h2 {
            font-size: 30px;
            line-height: 36px;
        }

    .gc-first-card {
        margin-bottom: 30px;
    }

    .gc-first-card {
        background-size: contain;
    }

    .gc-banner-content h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .gc-banner-image img {
        max-width: 200px;
    }

    .giftshop-banner .col-md-6.d-flex.align-items-center {
        justify-content: center;
    }

    .gc-banner-content {
        padding-bottom: 30px;
    }

    .gs-collection-block h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .gs-collection-block {
        margin-bottom: 30px;
    }

    .gs-collection-large-block h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .gs-collection-large-block {
        min-height: 300px;
        margin-bottom: 30px;
        height: auto;
    }

    .gs-brands-slider-section h2 {
        font-size: 30px;
        line-height: 40px;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .gs-brands-slider-section {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .gs-brands-slider-item img {
        max-width: 90px;
        max-height: 80px;
    }

    .giftshop-category-header h2 {
        font-size: 12px;
        line-height: 48px;
        font-family: Recoleta;
        font-weight: 400;
        color: #1e2437;
        margin-bottom: 0;
    }

    .giftshop-category-header h1 {
        font-size: 30px;
        line-height: 48px;
        font-family: Recoleta;
        font-weight: 400;
        color: #1e2437;
        margin-bottom: 0;
    }

    .giftshop-category-grid {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .giftshop-category-header {
        border-bottom: 0px solid rgba(30, 36, 55, 0.2);
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .gc-category-product-image img {
        border-radius: 10px;
    }

    .gc-category-product-image {
        border-radius: 10px;
    }

    .gc-category-product-content h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .gc-category-product-content {
        margin-top: 15px;
    }

    .giftshop-brand-title img {
        max-width: 80%;
    }

    .giftshop-brand-slider .slick-arrow {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .giftshop-brand-slider .left-arrow.slick-arrow {
        left: -10px;
    }

    .giftshop-brand-slider .right-arrow.slick-arrow {
        right: -10px;
    }

    .giftshop-brand-content {
        padding: 20px 0;
    }

        .giftshop-brand-content p {
            font-size: 16px;
            line-height: 24px;
            padding-left: 10px;
            padding-right: 10px;
        }

    .gs-send-row .fixed-amount-col {
        flex: 0 0 100%;
        padding: 0 15px;
    }

    .gs-send-row .form-group textarea.form-control {
        padding-top: 14px;
        height: 120px;
    }

    .gs-send-row .form-group span {
        display: block;
        text-align: center;
    }

    .giftshop-send-ecard .col-md-12.gs-send-card-btn {
        display: flex;
        justify-content: center;
    }

    .gs-total-amount {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .giftshop-category-header.gs-small-header h2 {
        font-size: 16px;
        line-height: 32px;
    }

    .withdraw-row {
        padding-top: 25px;
    }

    .gs-withdraw-amount {
        margin-bottom: 30px;
    }

    .giftshop-product-slider .gs-product-slider-thumb {
        max-width: 100%;
        margin-right: 0;
        margin-top: 15px;
        padding: 0 20px;
    }

    .giftshop-product-slider .gs-product-slider-wrapper {
        max-height: unset;
        flex-direction: column-reverse;
    }

    ul.gs-product-slider-preview li.preview-image img {
        object-fit: contain;
        height: 500px;
    }

    .gs-product-slider-thumb .slick-arrow {
        background: #ffffff;
        box-shadow: 0px 2px 4px rgb(30 36 55 / 10%);
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 18px;
        color: #1e2437;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99;
        cursor: pointer;
    }

    .gs-product-slider-thumb .left-arrow.slick-arrow {
        left: 0;
    }

    .gs-product-slider-thumb .right-arrow.slick-arrow {
        right: 0;
    }

    .giftshop-product-slider .gs-product-slider-thumb li {
        max-height: 150px;
        margin-left: 10px;
        margin-right: 10px;
    }

    ul.gs-product-slider-thumb li.thumb-image img {
        object-fit: contain;
        max-width: 100%;
        height: 150px;
        width: 100%;
    }

    .giftshop-product-detail {
        margin-top: 50px;
        padding: 0 10px;
    }

    .gs-product-accordion-block .gs-product-acc-header h2 {
        cursor: pointer;
        font-size: 18px;
        padding: 20px 0;
    }

    .related-products-slider .slick-slide {
        margin: 0 9px;
    }

    .related-products-slider .slick-arrow {
        width: 45px;
        height: 45px;
        font-size: 18px;
        top: 25%;
    }

    .gt-review-gifts-inner-title {
        position: relative;
        text-align: center;
        background: #7fe2dc;
        margin-left: -15px;
        margin-right: -15px;
        padding: 22px 0;
        margin-bottom: 40px;
    }

    section.gt-review-gifts.theme-border-top.pb-5.pt-5 {
        padding-top: 0 !important;
    }

    .gt-review-gifts-inner-title h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 0;
    }

    .col-pixel-width-105 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left !important;
    }

    h2.gtrbh-title {
        font-size: 26px;
        line-height: 48px;
    }

    span.senderemail {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: grid;
        grid-template-columns: 98px 75%;
    }

    .col-pixel-width-430 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
    }

    .gt-review-gifts-body {
        padding-left: 0;
        padding-right: 0;
    }

        .gt-review-gifts-body .media img {
            max-width: 136px;
            margin-right: 0;
            margin-bottom: 30px;
        }

        .gt-review-gifts-body .media .media-body h5 {
            font-size: 16px;
        }

        .gt-review-gifts-body .media .media-body h6,
        .gt-review-gifts-body .media .media-body p {
            font-size: 16px;
            line-height: 26px;
        }

    .gt-review-amount-dropdown {
        top: 32px;
    }

    .col-pixel-width-430 .gt-collection-faq {
        margin-top: 0;
    }

    .gift-shop-cart-section.dropdown-menu {
        left: auto !important;
        margin-top: 120px;
        right: 35px;
        min-width: 320px;
    }

        .gift-shop-cart-section.dropdown-menu:after {
            left: auto;
            right: 26px;
        }

    .gs-cart-header h2 {
        font-size: 18px;
        line-height: 20px;
    }

    ul.gs-cart-product-list li.gs-cart-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .gs-cart-body {
        padding: 0 15px;
    }

    .gs-cart-footer {
        padding: 20px 15px 15px;
    }

    .gs-cart-checkout-btn {
        margin-top: 20px;
    }

    .gs-cart-header {
        border-bottom: 1px solid #e9eaeb;
        padding: 15px 15px;
    }

    ul.gs-cart-product-list li.gs-cart-item .media img {
        max-width: 60px;
        margin-right: 15px;
    }

    ul.gs-cart-product-list li.gs-cart-item .media .media-body h5 {
        font-size: 12px;
        line-height: 15px;
    }

    ul.gs-cart-product-list li.gs-cart-item .media .media-body p {
        font-size: 12px;
        line-height: 15px;
    }

    .giftshop-donation-info .gs-send-row .fixed-amount-col {
        flex: 0 0 100%;
    }

    /* editable buttons */

    .card-edit-btns {
        position: fixed;
        top: auto;
        left: 0;
        z-index: 99;
        bottom: 0;
        right: 0;
        display: none;
        background-color: #1e2437;
        padding: 0 20px;
        text-align: center;
        align-items: center;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

        .card-edit-btns .dropright button.dropdown-toggle br {
            display: none;
        }

        .card-edit-btns .dropright button.dropdown-toggle {
            width: 100%;
        }

        .card-edit-btns .dropright button svg {
            display: block;
            margin: 0 auto;
            height: 35px;
            width: 35px;
            margin-bottom: 15px;
        }

        .card-edit-btns .dropdown-menu {
            background: #353a4b;
            border-radius: 8px;
            padding: 15px;
            margin-left: 35px !important;
            position: fixed;
            bottom: 100px;
            top: auto;
            left: 50%;
            transform: translate(-50%, 0%);
            min-width: 95%;
            margin: 0 auto !important;
            /* right: 0; */
        }

            .card-edit-btns .dropdown-menu:after {
                top: auto;
                left: 57px;
                z-index: -1;
                bottom: -5px;
            }

    .dropdown-menu.top99 {
        top: auto !important;
        width: 95%;
    }

    .mt-card-templates {
        height: 350px;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-right: 10px;
    }

    .card-edit-btns .dropdown-menu.top99:after {
        top: auto !important;
        left: 50%;
    }

    .dropdown-menu.top120 {
        top: auto !important;
        width: 95%;
    }

    .card-col-grid ul li a {
        padding: 0 8px;
    }

        .card-col-grid ul li a p {
            font-size: 14px;
            margin-top: 20px;
        }

    .card-edit-btns .dropdown-menu.top120:after {
        top: auto;
        bottom: -5px;
        right: 50px;
        left: auto;
    }

    .card-edit-btns .dropright {
        float: left;
        width: 33.3333%;
    }

    .card-edit-btns:after {
        content: "";
        clear: both;
        display: block;
    }

    .gc-close-modal {
        top: 20px !important;
        right: 20px !important;
        padding: 0px 10px;
        z-index: 9999;
    }

    .send-code-box input.form-control {
        width: 42px;
        height: 52px;
        font-size: 20px;
        width: 100% !important;
        margin: 0 !important;
    }

    .gs-groupcard-modal {
        margin-bottom: -100px !important;
        margin-top: 30px !important;
    }

        .gs-groupcard-modal .edit-card {
            position: absolute;
            top: auto;
            right: 0;
            left: 0;
            bottom: 100px;
            text-align: center;
        }

    .nav-giftshop .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after {
        display: none !important;
    }

    .reset-password {
        min-height: calc(100vh - 64px);
    }

    .gsStepCarousel {
        margin-top: 8vh !important;
    }

    .new-banner-text h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .gift-wrapper.showing .inner-gift-wrapper {
        margin-top: 350px !important;
    }

    div#gift-info {
        padding-bottom: 15px;
        position: relative;
        z-index: 99999;
    }

    .new-banner-image img {
        max-width: 100%;
        margin-top: 30px;
    }

    .new-banner-text ul {
        padding-left: 0;
        margin-top: 25px;
    }

        .new-banner-text ul li {
            font-size: 16px;
        }

    .gift-shop-search {
        display: none;
    }

    .icons-wrapper#card-wrapper {
        top: 45px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .icons-wrapper#card-wrapper .download-icon-wrapper,
        .icons-wrapper#card-wrapper .print-icon-wrapper {
            left: 0 !important;
            position: static !important;
            top: 0 !important;
        }

    .download-icon,
    .print-icon {
        height: 40px !important;
        width: 40px !important;
        margin: 0 4px !important;
    }

    .mt-comment-confirmation {
        margin: 0 auto;
    }

    .mt-tm-egift-inner .d-block.d-md-none {
        left: 0;
    }

    section.gt-background-lite.theme-border-top > .container {
        max-width: 100%;
    }

        section.gt-background-lite.theme-border-top > .container #group-card-booklet-parent .page_template .gc-booklet-inner .gc-container > .gc-container-inner,
        section.gt-background-lite.theme-border-top > .container #group-card-booklet-parent .gc-back-cover .gc-booklet-inner .gc-container > .gc-container-inner {
            margin: 0 auto;
            left: 0;
            right: 0;
        }

    .gt-collection-add {
        min-height: 400px;
    }

    .mt-contribute-groupcard-inner .carousel-control-prev {
        left: -40px;
    }

    .mt-contribute-groupcard-inner .carousel-control-next {
        right: -40px;
    }

    .gift-previewv2 .mt-tm-container:after {
        display: none;
    }

    .gift-previewv2-content h2 {
        font-weight: 400;
        font-size: 32px;
        line-height: 40px;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .gift-previewv2-content p {
        font-size: 16px;
        line-height: normal;
    }

    .gift-previewv2-content a {
        margin-bottom: 30px;
    }

    .trending-giftsv2 .mt-tm-egift-title h2 {
        font-size: 20px;
    }

    .trending-giftsv2-slider {
        padding: 0 15px;
    }

    img.promotion-badge {
        max-width: 100px;
    }

    .promotion-bannerv2 {
        margin-bottom: 30px;
    }

    .promotion-bannerv2-content {
        position: static;
        padding: 20px 20px;
        display: block !important;
        text-align: center;
        padding-top: 30px;
    }

        .promotion-bannerv2-content h2 {
            font-size: 38px;
            color: #1e2437;
            padding-left: 0;
        }

    .preview-pages-modal .modal-dialog .modal-content .modal-body > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .giftshop-megamenu-innerrow {
        grid-template-columns: 100%;
        padding: 0;
    }

    .dropdown-menu .mt-tm-container {
        padding-left: 0;
        padding-right: 0;
    }

    .giftshop-megamenu-innerrow-col h3 {
        border-bottom: 1px solid;
        margin-top: 20px;
    }

    .invite-preview-header {
        padding: 15px 30px;
    }

    .invite-preview-left h2 {
        display: block;
    }

    .invite-preview-header .invite-preview-left {
        width: 100%;
        position: relative;
    }

    .invite-preview-left a {
        position: absolute;
        left: 0;
        top: 5px;
    }

    .preview-mode .preview-modal-inner {
        width: calc(100% - 60px);
        min-height: unset;
        padding-bottom: 70px;
    }

        .preview-mode .preview-modal-inner .preview-modal-btn-right,
        .preview-mode .preview-modal-inner .preview-modal-btn-left {
            top: -60px;
            right: 15px;
            bottom: auto;
            position: absolute;
            z-index: 1;
            display: block;
            transform: none;
        }

        .preview-mode .preview-modal-inner .preview-modal-btn-left {
            right: auto;
            left: 15px;
        }

    /*    .preview-modal-v2 {
        align-items: flex-end;
    }*/

    .preview-modal-v2 h2 {
        font-size: 26px;
        padding-bottom: 15vh;
    }

    .preview-modal-v2 .preview-bubble {
        top: 50%;
        right: 0;
        left: 0;
        max-width: 80%;
        margin: 0 auto;
    }

    .preview-modal-v2 .pointer-up {
        right: 0;
        top: 135px;
        left: 0;
        text-align: center;
    }

    .preview-modal-v2 .pointer-right {
        top: 185px;
        transform: none;
    }

    .preview-modal-v2 .pointer-right {
        top: 185px;
        transform: none;
        right: 82px;
        margin: 0;
    }

    .preview-mode .preview-modal-inner.disable-arrows .preview-modal-btn-right {
        z-index: 999;
        position: fixed;
        top: 190px;
        width: 110px;
    }

    .preview-mode .preview-modal-inner.disable-arrows .preview-modal-btn-left {
        display: none;
    }

    .preview-mode .preview-modal-inner .preview-modal-btn-right svg,
    .preview-mode .preview-modal-inner .preview-modal-btn-left svg {
        width: 18px;
        height: 18px;
    }

    .preview-mode .mt-contribute-groupcard-inner {
        max-width: 540px;
        display: block;
        padding: 0 25px;
    }

        .preview-mode .mt-contribute-groupcard-inner .previewCarousel {
            display: none;
        }

        .preview-mode .mt-contribute-groupcard-inner .carousel-control-next,
        .preview-mode .mt-contribute-groupcard-inner .carousel-control-prev {
            display: flex;
        }

    .invite-preview-header.remove-sticky .invite-preview-right .theme-btn-lite {
        z-index: 999;
        position: relative;
        pointer-events: none;
        right: 0;
        top: auto;
        max-width: 100%;
    }

    .preview-bg .mt-join-height {
        min-height: unset;
    }

    .preview-mode .preview-modal-inner .row.no-gutters {
        transform: none;
    }

    .mt-contribute-left.mt-card-space {
        padding: 50px 40px;
    }

    .mt-contribute-left-content {
        min-height: 100vh;
    }
}
/* ====== max 767px ====== */

@media screen and (max-width: 575px) {
    .gt-theme-header-content h2 {
        font-size: 20px;
    }

    .gt-theme-header-content a {
        font-size: 14px;
        line-height: 20px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .card-box {
        padding: 15px 10px;
    }

    .up-arrow.slick-arrow {
        position: absolute;
        top: 0;
        background-color: #fff;
        width: 50px;
        height: 50px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 18px;
        left: 0;
        right: 0;
        box-shadow: 0px 2px 4px rgba(30, 36, 55, 0.1);
        margin: 0 auto;
    }

    .down-arrow.slick-arrow {
        position: absolute;
        bottom: -15px;
        background-color: #fff;
        width: 50px;
        height: 50px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        font-size: 18px;
        left: 0;
        right: 0;
        box-shadow: 0px 2px 4px rgba(30, 36, 55, 0.1);
        margin: 0 auto;
    }

    .message-card-inner .message-card-text h1 {
        font-size: 38px;
        line-height: 40px;
    }

    .contributor-search input:focus {
        outline: none;
        width: 108px;
    }

    .contributor-links ul li {
        margin-left: 15px;
    }

        .contributor-links ul li:before {
            left: -12px;
        }

    .contributor-search svg {
        width: 16px;
        height: 16px;
        top: 4px;
    }

    .contributor-search input {
        padding-left: 25px;
        padding-right: 15px;
        font-size: 14px;
    }

    .contributor-links ul li a {
        font-size: 14px;
    }

    .mt-join-collection-card-content .d-flex a {
        width: 150px;
        margin: 0 10px;
    }

    .preview-invitation-container {
        margin-top: 0;
    }

    .mt-join-collection-card-inner {
        /*padding: 110px 15px 45px 15px;*/
    }

    .mt-library-tab-content ul {
        padding: 0 0px;
    }

        .mt-library-tab-content ul li {
            padding: 3px;
        }

            .mt-library-tab-content ul li .library-image-overlay a {
                padding: 5px 20px;
            }

    .gt-sr-head h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .gt-sr-head p {
        font-size: 20px;
        line-height: 30px;
    }

    .gt-sr-radio p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .invite-preview-card-holder {
        padding: 25px 20px 30px;
    }

    .invite-preview-card td.tdSpace {
        width: 80px !important;
    }

    .quantity input {
        font-size: 16px;
    }

    .distributed-list ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    .share-modalv2-form.mob-sharev2 {
        grid-template-columns: 40% 52% 8%;
        align-items: self-end;
    }

    .share-modalv2-form .form-group input.form-control {
        padding: 8px 8px;
    }

    button.close-svg {
        position: absolute;
        left: 10px;
        bottom: 5px;
    }

    .send-code-box input {
        width: 60px;
        height: 70px;
        margin: 0 5px;
        font-size: 18px;
    }

    .modal-body.verify-modal {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 65px;
        padding-bottom: 30px;
    }

    .row.gutter-8 .col-md-4 {
        padding: 0;
    }
}

/* ====== max 575px ====== */

@media screen and (max-width: 480px) {
    .gt-staff-gifts {
        transform: scale(0.8);
        transform-origin: top;
        min-height: unset;
    }
}
/* ====== max 460px ====== */
@media screen and (max-width: 410px) {
    .mt-card-slider-section,
    .mt-sign-card {
        width: 90%;
    }

    .mt-card-slide {
        min-height: 440px;
    }

        .mt-card-slide h2 {
            font-size: 38px;
            line-height: 40px;
        }

    .mt-card-slider .message-card-inner .message-card-text {
        min-height: 222px;
    }

    .skip-preview {
        font-size: 14px;
        line-height: 18px;
        margin-top: 14px;
    }

    .invite-preview-card td.tdSpace {
        width: 50px !important;
    }

    .invite-preview-card td.tdHeader {
        height: 35px !important;
    }

    .block-item.cursor-pointer.collection-type-card a {
        height: auto;
    }


    .pink-bubble {
        font-size: 24px;
    }
}
/* ====== max 410px ====== */

@media screen and (max-width: 340px) {
    .mt-contribute-left-content h2,
    .mt-contribute-right-content h2 {
        font-size: 30px;
        margin-bottom: 4vh;
    }

    .mt-aamount h1 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 5px;
    }

    .mt-aamount p {
        font-size: 14px;
        line-height: 20px;
    }

    .mt-contribute-right-content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .invite-preview-left p {
        font-size: 12px;
        line-height: 16px;
    }

    .invite-preview-left h2 {
        font-size: 18px;
        line-height: 20px;
    }
}

/* ====== max 600 min  500 ======  */
@media screen and (max-width: 600px) and (min-width: 500px) {
    /*.mt-groupCard {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    .mt-groupCard .mt-groupCard-title {
        font-size: 50px;
        line-height: 60px;
        min-height: 120px;
    }
    .mt-groupCard .mt-groupCard-description {
        font-size: 24px;
        line-height: 34px;
        padding: 0 15px;
    }
    .mt-groupCard-image img {
        max-width: 350px;
    }
    ._hoorayRed_ .mt-groupCard-header,
    ._HBD_ .mt-groupCard-header {
        height: 250px;
        background-size: 100%;
        background-position-y: center;
    }
    ._welcomeWorld_ .mt-groupCard-header {
        height: 250px;
        background-size: 300px;
        background-position-y: center;
    }
    ._greenBye_ .mt-groupCard-header {
        height: 250px;
        background-size: 265px;
        background-position-y: center;
    }
    ._FarewellGoodLuck_ .mt-groupCard-header,
    ._grayGoodBye_ .mt-groupCard-header,
    ._pinkFarewell_ .mt-groupCard-header {
        height: 250px;
        background-size: 300px;
        background-position-y: center;
    }
    ._HarryLiliy_ .mt-groupCard-header,
    ._HarryLily2_ .mt-groupCard-header {
        height: 250px;
    }
    ._HarryLiliy_ .mt-groupCard-title {
        min-height: auto;
    }
    ._HarryLily2_ .mt-groupCard-title {
        min-height: auto;
    }
    .mt-groupCard-space {
        min-height: 150px;
    }
    ._HarrySally_ .mt-groupCard-header {
        height: 135px;
    }
    ._HarrySally_ .mt-groupCard-title {
        min-height: unset;
    }*/
    .gt_varification-modal-outer .verification-control .form-control {
        letter-spacing: 35px;
        border: 0;
        width: 380px;
        padding-left: 35px;
        text-indent: 10px;
    }

    .gt_varification-modal-outer .row.verification-control-footer.max-code.no-gutters {
        max-width: 350px;
    }

    .gt_varification-modal-outer .verification-control:after {
        width: 310px;
    }
}
/* ====== max 600 min  500 ======  */

/* ====== max 500 min  400 ======  */
@media screen and (max-width: 500px) and (min-width: 400px) {
    /*.mt-groupCard {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    .mt-groupCard .mt-groupCard-header {
        height: 110px;
    }
    .mt-groupCard .mt-groupCard-title {
        font-size: 40px;
        line-height: 50px;
        min-height: 100px;
    }

    .mt-groupCard .mt-groupCard-description {
        font-size: 20px;
        line-height: 28px;
        padding: 0 15px;
    }

    .mt-groupCard-image img {
        max-width: 300px;
    }

    ._hoorayRed_ .mt-groupCard-header,
    ._HBD_ .mt-groupCard-header {
        height: 250px;
        background-size: 100%;
        background-position-y: center;
    }

    ._welcomeWorld_ .mt-groupCard-header {
        height: 250px;
        background-size: 300px;
        background-position-y: center;
    }

    ._greenBye_ .mt-groupCard-header {
        height: 250px;
        background-size: 265px;
        background-position-y: center;
    }

    ._FarewellGoodLuck_ .mt-groupCard-header,
    ._grayGoodBye_ .mt-groupCard-header,
    ._pinkFarewell_ .mt-groupCard-header {
        height: 250px;
        background-size: 300px;
        background-position-y: center;
    }

    ._HarryLiliy_ .mt-groupCard-header,
    ._HarryLily2_ .mt-groupCard-header {
        height: 250px;
    }

    ._HarryLiliy_ .mt-groupCard-title {
        min-height: auto;
    }

    ._HarryLily2_ .mt-groupCard-title {
        min-height: auto;
    }

    .mt-groupCard-space {
        min-height: 110px;
    }

    ._HarrySally_ .mt-groupCard-header {
        height: 135px;
    }

    ._HarrySally_ .mt-groupCard-title {
        min-height: unset;
    }
    ._rainbowTop_ .mt-groupCard-header,
    ._rabbitTop_ .mt-groupCard-header,
    ._deer_ .mt-groupCard-header {
        height: 230px;
        background-size: 200px;
    }
    ._Sun_ .mt-groupCard-header,
    ._honeyBee_ .mt-groupCard-header,
    ._whaleTop_ .mt-groupCard-header {
        height: 230px;
        background-size: 150px;
    }
    ._happyBirthday_ .mt-groupCard-header,
    ._goodBye_ .mt-groupCard-header {
        height: 250px;
        background-size: 290px;
        background-position-y: center;
    }*/
    .gt_varification-modal-outer .verification-control .form-control {
        letter-spacing: 35px;
        border: 0;
        width: 350px;
        padding-left: 35px;
        text-indent: 0px;
    }

    .gt_varification-modal-outer .verification-control:after {
        width: 310px;
    }

    .gt_varification-modal-outer .modal-dialog .modal-body {
        padding: 40px 20px;
    }

    .gt_varification-modal-outer .row.verification-control-footer.max-code.no-gutters {
        max-width: 350px;
    }
}
/* ====== max 500 min  400 ======  */

/* ====== max 400 min  300 ======  */
@media screen and (max-width: 400px) and (min-width: 300px) {
    /*.mt-groupCard {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }

    .mt-groupCard .mt-groupCard-header {
        height: 80px;
    }

    .mt-groupCard .mt-groupCard-title {
        font-size: 28px;
        line-height: 38px;
        min-height: 74px;
    }

    .mt-groupCard .mt-groupCard-description {
        font-size: 16px;
        line-height: 20px;
        padding: 0 15px;
    }

    .mt-groupCard-image img {
        max-width: 220px;
    }

    ._hoorayRed_ .mt-groupCard-header,
    ._HBD_ .mt-groupCard-header {
        height: 250px;
        background-size: 100%;
        background-position-y: center;
    }

    ._welcomeWorld_ .mt-groupCard-header {
        height: 250px;
        background-size: 300px;
        background-position-y: center;
    }

    ._greenBye_ .mt-groupCard-header {
        height: 250px;
        background-size: 265px;
        background-position-y: center;
    }

    ._FarewellGoodLuck_ .mt-groupCard-header,
    ._grayGoodBye_ .mt-groupCard-header,
    ._pinkFarewell_ .mt-groupCard-header {
        height: 200px;
        background-size: 200px;
        background-position-y: center;
    }

    ._HarryLiliy_ .mt-groupCard-header,
    ._HarryLily2_ .mt-groupCard-header {
        height: 160px;
    }

    ._HarryLiliy_ .mt-groupCard-title {
        min-height: auto;
    }

    ._HarryLily2_ .mt-groupCard-title {
        min-height: auto;
    }

    .mt-groupCard-space {
        min-height: 100px;
    }

    ._HarrySally_ .mt-groupCard-header {
        height: 135px;
    }

    ._HarrySally_ .mt-groupCard-title {
        min-height: unset;
    }

    ._rainbowTop_ .mt-groupCard-header,
    ._rabbitTop_ .mt-groupCard-header,
    ._deer_ .mt-groupCard-header {
        height: 180px;
        background-size: 150px;
    }

    ._Sun_ .mt-groupCard-header,
    ._honeyBee_ .mt-groupCard-header,
    ._whaleTop_ .mt-groupCard-header {
        height: 180px;
        background-size: 120px;
    }

    ._happyBirthday_ .mt-groupCard-header,
    ._goodBye_ .mt-groupCard-header {
        height: 200px;
        background-size: 200px;
        background-position-y: center;
    }
    ._happyBirthday_ .mt-groupCard-title {
        min-height: unset;
        margin-bottom: 60px;
        margin-top: 15px;
    }
    ._hoorayRed_ .mt-groupCard-header,
    ._HBD_ .mt-groupCard-header {
        height: 180px;
        background-size: 100%;
        background-position-y: center;
    }
    ._welcomeWorld_ .mt-groupCard-header {
        height: 180px;
        background-size: 200px;
        background-position-y: center;
    }
    ._greenBye_ .mt-groupCard-header {
        height: 180px;
        background-size: 200px;
        background-position-y: center;
    }
    ._HarrySally_ .mt-groupCard-header {
        height: 80px;
    }
    ._HarrySally_ .mt-groupCard-title {
        margin-top: 30px;
        margin-bottom: 32px;
    }*/
    .gt_varification-modal-outer .verification-control .form-control {
        letter-spacing: 25px;
        border: 0;
        width: 300px;
        padding-left: 25px;
        text-indent: 12px;
        font-size: 28px;
        height: 60px;
    }

    .gt_varification-modal-outer .verification-control:after {
        width: 250px;
        bottom: 8px;
    }

    .gt_varification-modal-outer .modal-dialog .modal-body {
        padding: 40px 20px;
    }

    .gt_varification-modal-outer .row.verification-control-footer.max-code.no-gutters {
        max-width: 300px;
        margin: 0 auto;
    }
}
/* ====== max 400 min  300 ======  */

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("../Fonts/modern_era/ModernEraTRIAL-Bold.eot");
    src: url("../Fonts/modern_era/ModernEraTRIAL-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Bold.svg#ModernEraTRIAL-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("../Fonts/modern_era/ModernEraTRIAL-Medium.eot");
    src: url("../Fonts/modern_era/ModernEraTRIAL-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Medium.svg#ModernEraTRIAL-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Modern Era TRIAL";
    src: url("../Fonts/modern_era/ModernEraTRIAL-Regular.eot");
    src: url("../Fonts/modern_era/ModernEraTRIAL-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.woff2") format("woff2"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.woff") format("woff"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.ttf") format("truetype"), url("../Fonts/modern_era/ModernEraTRIAL-Regular.svg#ModernEraTRIAL-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Black.eot");
    src: url("../Fonts/modern_era/Recoleta-Black.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Black.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Black.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Black.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Black.svg#Recoleta-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Bold.eot");
    src: url("../Fonts/modern_era/Recoleta-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Bold.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Bold.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Bold.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Bold.svg#Recoleta-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-SemiBold.eot");
    src: url("../Fonts/modern_era/Recoleta-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-SemiBold.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-SemiBold.woff") format("woff"), url("../Fonts/modern_era/Recoleta-SemiBold.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-SemiBold.svg#Recoleta-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Light.eot");
    src: url("../Fonts/modern_era/Recoleta-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Light.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Light.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Light.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Light.svg#Recoleta-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Thin.eot");
    src: url("../Fonts/modern_era/Recoleta-Thin.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Thin.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Thin.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Thin.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Thin.svg#Recoleta-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Medium.eot");
    src: url("../Fonts/modern_era/Recoleta-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Medium.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Medium.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Medium.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Medium.svg#Recoleta-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Recoleta";
    src: url("../Fonts/modern_era/Recoleta-Regular.eot");
    src: url("../Fonts/modern_era/Recoleta-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/modern_era/Recoleta-Regular.woff2") format("woff2"), url("../Fonts/modern_era/Recoleta-Regular.woff") format("woff"), url("../Fonts/modern_era/Recoleta-Regular.ttf") format("truetype"), url("../Fonts/modern_era/Recoleta-Regular.svg#Recoleta-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Modern Era TRIAL";
}

.grey-bg {
    background: #f7f7f6;
}

.white-bg {
    background: #ffffff;
}

.header-bg {
    background: #7fe2dc;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
}

.img-container {
    position: relative;
}

.head-1 {
    position: absolute;
    top: 30px;
    left: 40px;
}

.head-2 {
    position: absolute;
    top: 30px;
    left: 40px;
}

.head-3 {
    position: absolute;
    bottom: 30px;
    left: 40px;
}

.chat-bot {
    position: absolute;
    right: 0;
    bottom: 0;
}

.heading {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 72px;
    color: #1e2437;
}

.heading-rec {
    font-family: "Recoleta";
}

.para {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    font-family: "Modern Era TRIAL";
    color: rgba(27, 31, 57, 0.8);
}

.btn-start {
    width: 200px;
    height: 64px;
    background: #1e2437;
    border-radius: 64px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    font-family: "Modern Era TRIAL";
    text-align: center;
    color: #ffffff;
}

.sub-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    font-family: "Modern Era TRIAL";
    color: #107b87;
}

.block-item {
    margin: 5px;
    width: 195px;
    height: 80px;
    font-family: "Modern Era TRIAL";
    position: relative;
    background: #7fe2dc;
    border-radius: 4px;
    display: inline-block;
}

    .block-item a {
        position: absolute;
        width: auto;
        display: inline-block;
        height: auto;
        left: 14px;
        bottom: 14px;
        text-decoration: none;
        font-family: 'Modern Era TRIAL';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        color: #107b87;
    }

.link {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #36adb4;
}

    .link:hover,
    .link:focus {
        text-decoration: none;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #36adb4;
    }

.signin {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: rgba(30, 36, 55, 0.8);
}

    .signin a {
        font-family: "Modern Era TRIAL";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: #36adb4;
    }

.flowers {
    position: fixed;
    right: 0;
    bottom: 0;
    height: calc(100% - 40%);
    object-fit: contain;
}

.progress-bar {
    max-width: 400px;
    height: 8px;
    background: #f7f7f6;
    border-radius: 8px;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    float: left;
    width: 100%;
}

.bg-completed {
    background: #7fe2dc;
    border-radius: 0px 0px 0px 0px;
    margin-left: 0;
}

    .bg-completed:last-child {
        background: #7fe2dc;
        border-radius: 0px 0px 0px 0px;
        margin-left: 0;
    }

.step-heading {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    /* or 129% */
    color: #1e2437;
    padding: 0 5px;
}

.step-text {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    padding: 0 5px;
    max-width: 400px;
    color: rgba(30, 36, 55, 0.6);
}

.smiley {
    position: absolute;
    top: 5px;
    left: 20px;
}

.progress_steps {
    max-width: 410px;
    margin: 0 auto;
    padding-top: 100px !important;
    min-height: calc(100vh - 0px);
}

.collecting-for {
    padding: 0 5px;
    margin-top: -20px;
}

.arrow-back {
    float: left;
    margin-top: 7px;
    margin-left: -40px;
}

.message-holder {
    width: 600px;
    padding: 15px;
    text-align: center;
    background: url(../img/rectbg.svg);
    margin: auto auto;
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    margin-top: 80px !important;
}

.message {
    width: 100%;
    text-align: center;
    color: #1e2437;
}

.designs-grid .item {
    width: 120px;
    height: 120px;
    background: linear-gradient(180deg, #f7f7f6 0%, #fafafa 100%);
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    text-align: center;
    line-height: 120px;
    overflow: hidden;
}

    .designs-grid .item:focus {
        cursor: pointer;
        border: 2px solid #7fe2dc;
        box-sizing: border-box;
    }

    .designs-grid .item img {
        width: auto;
        margin: 0 auto;
    }

.btn-next {
    font-family: "Modern Era TRIAL";
    width: 100%;
    height: 48px;
    line-height: 34px;
    background: #7fe2dc;
    border-radius: 24px;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 34px;
    /* or 112% */
    max-width: 400px;
    text-align: center;
    color: #1e2437 !important;
}

    .btn-next:hover,
    .btn-next:focus {
        color: #1e2437;
        background: #46cac2;
        transition: 0.3s;
    }

    .btn-next.disable {
        background: rgba(30, 36, 55, 0.1);
        color: rgba(30, 36, 55, 0.1);
    }

    .btn-next:focus {
        box-shadow: none;
    }

.btn-next-alt {
    width: 100%;
    height: 48px;
    border: solid 1px #36adb4;
    line-height: 34px;
    background: #fff;
    border-radius: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    /* or 112% */
    max-width: 400px;
    text-align: center;
    color: #36adb4;
}

    .btn-next-alt:hover,
    .btn-next-alt:focus {
        color: #ffffff;
        transition: 0.3s;
        background: #36adb4;
    }

    .btn-next-alt:focus {
        box-shadow: none;
    }

input.form-control {
    height: 56px;
    max-width: 400px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 16px;
}

.opt {
    color: rgba(30, 36, 55, 0.8);
    opacity: 0.4;
}

textarea.form-control {
    height: 112px;
    max-width: 400px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    border-radius: 8px;
}

.custom-control.custom-radio {
    width: 100%;
    padding: 15px 39px;
    margin-bottom: 8px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 400px;
}

.form-text.green {
    color: #36adb4;
}

.not-sure img {
    float: left;
    margin-right: 10px;
}

.not-sure a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #36adb4;
}

label {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    color: rgba(30, 36, 55, 0.8);
}

    label.custom-control-label {
        font-family: "Modern Era TRIAL";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        color: #1e2437;
    }

        label.custom-control-label.custom-switch-label {
            font-family: "Modern Era TRIAL";
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            /* or 175% */
            color: rgba(30, 36, 55, 0.8);
        }

.collection-edit-trackandmanage label.custom-control-label.custom-switch-label {
    padding-top: 2px;
}

.collection-edit-trackandmanage .col-md-6 .form-group.mt-2 {
    margin-top: 0 !important;
}

.form-text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    max-width: 400px;
    color: rgba(30, 36, 55, 0.6);
}

.not-sure {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0px;
    color: #36adb4;
    margin-left: 10px;
    padding: 8px 0;
}

.more-options {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    display: block;
    color: #36adb4;
    width: 100%;
}

    .more-options:hover {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #36adb4;
    }

    .more-options img {
        float: left;
        margin-right: 10px;
        margin-top: 9px;
    }

.form-group {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.custom-switch .custom-control-label::before {
    position: absolute;
    top: 6px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 0px;
    width: 40px;
    height: 24px;
    background: rgba(30, 36, 55, 0.1);
    box-shadow: inset 0px 0px 4px rgba(30, 36, 55, 0.1);
    border-radius: 14px;
}

.custom-control-input {
    width: 32px;
    height: 32px;
}

.custom-switch .custom-control-label::after {
    top: calc(6px + 2px);
    left: calc(-2.26rem + 2px);
    width: 20px;
    height: 20px;
    background-color: #adb5bd;
    border-radius: 1.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    background: #ffffff;
    box-shadow: 0px 0px 4px rgba(30, 36, 55, 0.15);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #7fe2dc;
    background-color: #7fe2dc;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
}

.custom-switch {
    padding-left: 2.25rem;
    width: 100%;
    max-width: 400px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    color: rgba(30, 36, 55, 0.8);
    margin-bottom: 5px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #7fe2dc;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}

.custom-switch-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding: 5px 15px;
}

.custom-switch .form-group {
    margin-left: 0;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom-switch > .form-group {
    padding-left: 16px;
}

.custom-switch .input-group.mt-2.ammountwidth.ammountInput {
    padding-left: 16px;
}

.input-group-text {
    background-color: #fff;
    border: 1px solid #a5a7af;
}

input {
    box-shadow: none;
}

.promo-con {
    position: relative;
}

.add-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    color: #36adb4;
    position: absolute;
    right: 4px;
    top: 7px;
    outline: 0;
}

    .add-btn.focus,
    .add-btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
    }

.b-daycard {
    width: 520px;
    height: 520px;
    margin: 20px auto;
    background: #ffffff;
    padding: 20px;
}

    .b-daycard .inner {
        border: 1px solid #7fe2dc;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px;
        text-align: center;
    }

        .b-daycard .inner h1 {
            font-family: "Recoleta";
            font-style: normal;
            font-weight: normal;
            font-size: 36px;
            line-height: 32px;
            margin-bottom: 30px;
            margin-top: 30px;
            text-align: center;
            color: #1e2437;
        }

        .b-daycard .inner img {
            display: inline-block;
            margin: 10px;
        }

        .b-daycard .inner p {
            font-family: "Recoleta";
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 32px;
            margin-top: 10px;
            text-align: center;
            color: #1e2437;
        }

.tooltip-icon {
    float: right;
    margin-right: -20px;
    margin-top: 4px;
    opacity: 1;
}

    .tooltip-icon:hover {
        cursor: pointer;
        opacity: 1;
    }

.custom-control-input {
    background: #1e2437;
    border-radius: 4px;
    width: 150px !important;
    height: 38px;
}

.card-title-input {
    width: 100%;
    border: 1px solid #e9e9eb;
    border-top: none;
    max-width: 400px;
    padding: 15px;
    background: #ffffff;
    margin-top: -20px;
    box-sizing: border-box;
    border-radius: 4px;
}

    .card-title-input.gcPrinted .form-group {
        padding: 0 0px;
        margin-bottom: 20px;
    }

.custom-control.custom-radio.custom-control-inline {
    width: auto;
    padding: 5px 20px;
    margin-bottom: 8px;
    background: #ffffff;
    border: 0px solid #e9e9eb;
    box-sizing: border-box;
    border-radius: 4px;
    max-width: 400px;
}

.border-up {
    border-top: 1px solid #e9e9eb;
}

.modal-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #1e2437;
}

.modal-header {
    padding: 0;
    border: none;
}

    .modal-header .close {
        margin: 0px 6px 0px auto;
        outline: 0;
        padding: 10px;
    }

a.btn.btn-facebook {
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    line-height: 33px;
    text-align: center;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #1e2437;
}

    a.btn.btn-facebook img {
        position: absolute;
        left: 14px;
        top: 13px;
    }

a.btn.btn-google {
    width: 100%;
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    height: 48px;
    line-height: 33px;
    text-align: center;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #1e2437;
}

    a.btn.btn-google img {
        position: absolute;
        left: 14px;
        top: 13px;
        width: 20px;
    }

.modal-dialog {
    max-width: 480px;
}

    .modal-dialog .modal-content {
        background: #ffffff;
        box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1);
        border-radius: 16px;
    }

.modal-backdrop.show {
    opacity: 0.85;
}

.modal-content {
    border: none;
}

.modal-backdrop {
    background-color: #7FE2DCE5;
}

.vh-100 {
    height: 100vh;
}

.fancy-heading {
    line-height: 0.5;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(30, 36, 55, 0.6);
}

    .fancy-heading span {
        display: inline-block;
        position: relative;
    }

        .fancy-heading span:before,
        .fancy-heading span:after {
            content: "";
            position: absolute;
            height: 5px;
            border-bottom: 1px solid #e9eaeb;
            top: 4px;
            width: 118px;
        }

        .fancy-heading span:before {
            right: 100%;
            margin-right: 15px;
        }

        .fancy-heading span:after {
            left: 100%;
            margin-left: 15px;
        }

#signup .modal-dialog input.form-control {
    max-width: 100%;
}

#signup .modal-dialog .form-group {
    margin-bottom: 0px;
    position: relative;
}

#signin .modal-dialog input.form-control {
    max-width: 100%;
}

#signin .modal-dialog .form-group {
    margin-bottom: 0px;
    position: relative;
}

.visible-password {
    position: absolute;
    right: 15px;
    top: 15px;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.rounded-top-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.preview-container {
    box-shadow: 0px 0px 24px rgba(30, 36, 55, 0.05);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px;
}

.preview-left {
    padding: 20px 20px 0 30px;
}

    .preview-left .message-holder {
        width: 390px;
        height: 390px;
        padding: 86px;
        text-align: center;
        background: url(../img/rectbg.svg);
        margin: auto auto;
        max-width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .preview-left .message {
        font-family: "Recoleta";
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 28px;
        text-align: center;
        color: #1e2437;
    }

.powered {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    /* or 138% */
    text-align: center;
    color: rgba(30, 36, 55, 0.4);
}

.back,
.edit-link {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #36adb4;
    margin-top: 20px;
    display: block;
    text-decoration: none;
}

    .back:hover,
    .edit-link:hover {
        text-decoration: none;
        color: #36adb4;
        opacity: 0.9;
    }

.close-icon {
    margin-top: 20px;
    margin-top: 17px;
    display: block;
}

.line {
    border-top: 1px solid #e9eaeb;
}

.preview-right {
    display: inline-flex;
    width: 100%;
}

    .preview-right .row {
        display: block;
        width: 100%;
    }

.join-btn {
    width: 137px;
    height: 44px;
    background: #1e2437;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 2px solid #1e2437;
    color: #ffffff;
}

    .join-btn:hover {
        background: #ffffff;
        border: 2px solid #1e2437;
        color: #1e2437;
        text-decoration: none;
    }

.decline-btn {
    width: 137px;
    height: 44px;
    border: 2px solid #1e2437;
    box-sizing: border-box;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
}

    .decline-btn:hover {
        background: #1e2437;
        color: #ffffff;
        text-decoration: none;
    }

.edit-text {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    width: 280px;
    height: 64px;
    /* left: 910px; */
    /* top: 652px; */
    background: #f7f7f6;
    padding: 16px;
    margin: 0 auto;
    position: relative;
    color: rgba(30, 36, 55, 0.6);
}

/* .edit-text:hover {
        
    }*/

/*  .edit-text:hover .edit-btn-pencil {
            visibility: visible;
        }*/

.edit-btn-pencil {
    background: #7fe2dc;
    padding: 7px;
    border-radius: 21px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #ffffff;
    position: absolute;
    right: -12px;
    line-height: 18px;
    text-align: center;
    /*visibility: hidden;*/
}

.preview-heading {
    font-family: "Recoleta";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 32px;
    /* or 89% */
    text-align: center;
    color: #1e2437;
}

.breadcrumb {
    display: inline-block;
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-top: 25px;
    margin-bottom: 25px;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: inline-block;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
}

.breadcrumb a {
    text-decoration: none;
    color: #1e2437;
}

.breadcrumb-item.active {
    font-weight: bold;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: none;
}

.breadcrumb i {
    margin-left: 15px;
    font-size: 10px;
    margin-top: 7px;
    line-height: 5px;
    color: rgba(30, 36, 55, 0.2);
}

#edit-collection .modal-title {
    padding-top: 15px;
    display: block;
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    /* or 133% */
    text-align: center;
    color: #1e2437;
}

#edit-collection .modal-dialog {
    max-width: 920px;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1);
    border-radius: 16px;
}

.preview-pages-modal#edit-collection .modal-dialog {
    max-width: 450px;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1);
    border-radius: 16px;
}

#edit-collection .modal-dialog .modal-body {
    padding-bottom: 15px !important;
}

.btn-save {
    width: 90px;
}

#edit-collection .modal-footer {
    border-top: 0px solid #e9eaeb;
    width: 100%;
}

div#edit-collection .row p {
    margin-top: -20px;
    margin-bottom: 25px;
}

.tooltip-help {
    opacity: 0.5;
    width: 16px;
    height: 16px;
}

#edit-collection .modal-header {
    border-bottom: solid 1px #e9eaeb;
    padding-bottom: 3px;
}

    #edit-collection .modal-header .close {
        margin-top: 3px;
        margin-bottom: 3px;
    }

.position-relative {
    position: relative;
}

.arrow-left {
    position: absolute;
    left: -50px;
    top: 50%;
}

.arrow-right {
    position: absolute;
    right: -50px;
    top: 50%;
}

.creating-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #1e2437;
}

.creating-text {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    color: rgba(30, 36, 55, 0.8);
}

#share-modal {
    text-align: center;
}

    #share-modal .modal-dialog {
        top: 5%;
    }

    #share-modal h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        /* or 133% */
        text-align: center;
        color: #1e2437;
    }

    #share-modal p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #share-modal .modal-dialog .modal-body {
        padding-top: 10px;
    }

#description-examples .modal-dialog {
    max-width: 700px;
    background: #ffffff;
    box-shadow: 0px 0px 48px rgba(30, 36, 55, 0.1);
    border-radius: 16px;
    top: 5%;
}

    #description-examples .modal-dialog .modal-body {
        padding: 50px;
        padding-top: 40px;
        padding-bottom: 0px;
        max-height: 500px;
        overflow-y: auto;
    }

#description-examples .modal-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #1e2437;
}

#description-examples .modal-subtext {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: rgba(30, 36, 55, 0.6);
}

#description-examples.mod-header-con {
    padding-left: 30px;
}

#description-examples .modal-body h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    /* or 178% */
    color: #1e2437;
    text-transform: capitalize;
}

#description-examples .modal-body p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */
    color: rgba(30, 36, 55, 0.6);
}

#description-examples .mod-header-con {
    padding-left: 30px;
    padding-right: 30px;
}

/*Custom CSS on Fido Bhai's PC Start */

.GcOptionShow {
    width: 100%;
}

button.close.gts-close {
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 36px;
}

.gts-img-holder {
    width: 109px;
    margin: 5px;
}

span.border-more {
    display: block;
    margin-top: 9px;
}

@media (max-width: 576px) {
    .designs-grid .item {
        width: 95px;
        height: 95px;
        background: linear-gradient(180deg, #f7f7f6 0%, #fafafa 100%);
        display: inline-block;
        margin: 4px;
        cursor: pointer;
        text-align: center;
        line-height: 100px;
        overflow: hidden;
    }

    .btn-next {
        /* max-width: 325px;*/
    }

    .btn-325 {
        max-width: 325px;
    }

    .signin {
        padding-bottom: 8px;
    }

    .block-item {
        margin: 1.5%;
        width: 47%;
        height: 90px;
    }

    .link {
        width: 100%;
        display: block;
        text-align: center;
    }

    .GcOptionShow input.form-control {
        width: 100%;
        max-width: 100%;
    }

    .GcOptionShow .input-group input.form-control {
        width: 1%;
    }

    .GcOptionShow .input-group {
        width: 273px;
        max-width: 100%;
    }

    .custom-switch .form-group {
        margin-left: 0px;
    }

    .add-btn {
        right: 3px;
    }

    .b-daycard {
        width: 520px;
        height: auto;
        margin: 20px auto;
        background: #ffffff;
        padding: 20px;
        max-width: 100%;
    }

    .preview-left {
        padding: 15px;
    }

    .kangroo-img {
        width: 100px;
    }

    .overseas-confirm {
        margin: 0 60px;
    }
}

@media (max-width: 767px) {
    #edit-collection .modal-dialog {
        max-width: 450px;
        margin-bottom: 100px;
    }

        #edit-collection .modal-dialog .modal-body p.font-18 {
            padding-left: 14px !important;
        }

        #edit-collection .modal-dialog .modal-body {
            padding-left: 15px;
            padding-right: 15px;
        }

    .preview-pages-modal#edit-collection .modal-dialog .modal-body {
        padding-bottom: 40px !important;
    }

    .preview-actions {
        text-align: center;
        padding-bottom: 20px;
    }

    .modal-lg {
        width: 96% !important;
    }

    .gts-img-holder {
        width: 120px;
        margin: 5px;
    }

    .b-daycard .inner img {
        display: inline-block;
        margin: 10px;
        max-width: 39%;
    }

    .b-daycard .inner h1 {
        font-size: 26px;
        line-height: 30px;
    }
}

@media (min-width: 767px) and (max-width: 865px) {
    .block-item {
        width: 167px;
    }

    .b-daycard .inner img {
        display: inline-block;
        margin: 10px;
        max-width: 39%;
    }

    .b-daycard .inner h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .kangroo-img {
        width: 100px;
    }

    .overseas-confirm {
        margin: 0 60px;
    }
}

@media (max-width: 1366px) {
    .arrow-back {
        margin-left: -30px;
    }

    .b-daycard .inner img {
        display: inline-block;
        margin: 8px;
        max-width: 39%;
    }

    .b-daycard .inner h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .kangroo-img {
        width: 100px;
    }

    .overseas-confirm {
        margin: 0 60px;
    }
}

/*Custom CSS on Fido Bhai's PC End */

/*Adil*/
.hidden {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

img.tooltip-input-icon {
    margin-top: -8px;
    opacity: 1;
    cursor: pointer;
    margin-left: 3px;
}

.height-auto {
    height: auto;
}

.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #1e2437;
    opacity: 0.4;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1e2437;
    opacity: 0.4;
}

.form-control::placeholder {
    color: #1e2437;
    opacity: 0.4;
}

.tooltip-inner {
    padding: 10px 8px;
    background-color: #1e2437;
}

.avatar {
    font-family: "Modern Era TRIAL";
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #7fe2dc;
    border-radius: 20px;
    padding: 4px 0px;
    text-align: center;
    color: #212529;
    font-weight: 500;
    font-size: 15px;
}

.popup-bg-grey {
    background: rgba(247, 247, 246, 0.5);
    border-radius: 8px;
    padding: 20px 10px;
}

.f-height {
    min-height: 100%;
    position: absolute;
    width: 100%;
}

.modal {
    z-index: 1044 !important;
}

li.item {
    cursor: pointer;
}

.error-class {
    color: #E45964;
    float: right;
}

.success-class {
    color: #4fb7bd;
    float: right;
}

.availablity-class {
    color: #FFC373;
    float: right;
    position: relative;
    padding-right: 30px;
}

    .availablity-class::after {
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: conic-gradient(#0000 10%, #FFC373);
        -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
        animation: s3 1s infinite linear;
        position: absolute;
        top: -2px;
        right: 0;
    }

    .availablity-class.error-class {
        padding-right: 0px;
    }

        .availablity-class.error-class::after {
            display: none;
        }

@keyframes spinner-zp9dbg {
    to {
        transform: rotate(1turn);
    }
}

.margintop-30 {
    margin-top: 25px;
}

.editUrl {
    max-width: 400px;
    background: #ffffff;
    border: 0px solid #e9e9eb;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #ffffff;
    opacity: 1;
    padding: 0;
    overflow-wrap: break-word;
    margin-left: auto;
    width: 100%;
    display: block;
    color: #36adb4;
    margin-bottom: 8px;
    margin-top: 0.5rem;
    margin-right: auto;
    font-size: 14px;
    word-break: break-all;
}

/*div#collectionUrlFinal {
    display: block;
    max-width: 500px;
    padding: 10px 5px 10px 5px;
    line-height: 22px;
    min-height: 45px;
    color: #495057;
    word-wrap: break-word;
    background-color: #c1fafa !important;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0;
    margin-left: 0;
    height: auto;
    font-weight: 600;
}*/
span#changeUrl {
    background-color: #fff;
    background: #ffffff;
    /*border-bottom: 1px solid #e9e9eb;*/
    box-sizing: border-box;
    width: 100%;
}

    span#changeUrl:focus {
        border-color: #05eaed;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/*03-11-2020 Hamamad*/
.max-100 {
    width: 100%;
}

.browse-btn {
    font-family: "Modern Era TRIAL";
    width: 100%;
    height: 44px;
    border: 2px solid #1e2437;
    box-sizing: border-box;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1e2437;
}

    .browse-btn:hover,
    .browse-btn:focus {
        background: #1e2437;
        color: #fff;
        text-decoration: none;
    }

.next-btn-block {
    font-family: "Modern Era TRIAL";
    width: 100%;
    height: 44px;
    background: rgba(30, 36, 55, 0.1);
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
}

    .next-btn-block:hover {
        color: #ffffff;
        text-decoration: none;
    }

.sign-card-container {
    max-width: 400px;
    margin: 0 auto;
}

.sign-card-form {
    background: #ffffff;
    border: 1px solid rgba(30, 36, 55, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 19px;
    margin-bottom: 8px;
}

.single-border-input {
    border: none !important;
    border-bottom: 1px solid #e9e9eb !important;
    padding-left: 0px;
}

.sign-card-container p.subtext {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    /* or 156% */
    color: rgba(30, 36, 55, 0.6);
}

.sign-card-container p.help-text {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    color: rgba(30, 36, 55, 0.8);
}

.suggestion-link,
.suggestion-link:hover,
.suggestion-link:focus {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    text-decoration-line: underline;
    color: #36adb4;
}

.sign-card-form label {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
}

.sign-card-form .form-group {
    margin-bottom: 15px;
}

.contribute-container {
    max-width: 400px;
    margin: 0 auto;
}

.pay-btn-block,
.pay-btn-block:hover,
.pay-btn-block:focus {
    width: 100%;
    height: 44px;
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 44px;
    /* or 138% */
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background: #1e2437;
    display: block;
    position: relative;
    text-decoration: none;
}

    .pay-btn-block img {
        position: absolute;
        right: 13px;
        top: 13px;
    }

.card-details .bottom-fields {
    display: flex;
}

    .card-details .bottom-fields input {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .card-details .bottom-fields input:first-child {
            border-bottom-right-radius: 0;
            margin-right: -1px;
        }

        .card-details .bottom-fields input:nth-child(2) {
            border-bottom-left-radius: 0;
        }

.card-details .radius-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card-details img.visa {
    position: absolute;
    right: 50px;
    top: 44px;
}

.card-details img.master {
    position: absolute;
    right: 13px;
    top: 44px;
}

.card-details {
    position: relative;
}

.pay-text {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
}

.contribute-totals p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: rgba(30, 36, 55, 0.8);
    margin-bottom: 0px;
}

    .contribute-totals p span {
        font-family: "Modern Era TRIAL";
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        color: rgba(30, 36, 55, 0.8);
    }

.price-preview {
    text-align: center;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

    .price-preview h1 {
        font-family: "Modern Era TRIAL";
        font-style: normal;
        font-weight: 500;
        font-size: 56px;
        line-height: 60px;
        /* or 107% */
        text-align: center;
        color: #1e2437;
    }

    .price-preview p {
        font-family: "Modern Era TRIAL";
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        /* or 156% */
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
        text-align: center;
    }

@media (max-width: 576px) {
    .arrow-right {
        position: fixed;
        right: 10px;
        top: 50%;
        z-index: 99;
    }

    .arrow-left {
        position: fixed;
        left: 10px;
        top: 50%;
        z-index: 99;
    }

    .form-text-m {
        font-size: 11px;
    }

    .kangroo-img {
        width: 45px;
    }

    .overseas-confirm {
        margin: 0 auto;
    }
}

.collection_url {
    max-width: 400px;
    background: #ffffff;
    border: 0;
    box-sizing: border-box;
    border-radius: 0px;
    background-color: transparent;
    opacity: 1;
    padding: 0;
    overflow-wrap: break-word;
    text-align: left;
    font-size: 14px;
    min-height: auto;
    word-break: break-all;
    color: rgba(30, 36, 55, 0.6);
    margin-bottom: 8px;
}

small.form-text.form-text-m.edit-url svg {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    position: relative;
    top: 0px;
}

.edit-url {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

small.form-text.form-text-m.edit-url.mt-0.closeanytime {
    font-size: 14px;
    line-height: 24px;
    color: rgba(30, 36, 55, 0.6);
    margin-top: 8px !important;
}

.more-options-show,
.more-options-trigger {
    padding: 0 5px;
}


.edit-url a span {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #36adb4;
}

.charity-con {
    background-color: #fff;
    margin-top: 10px;
    width: 100%;
    border: 0px solid #e9e9eb;
    position: relative;
    left: 0;
    max-width: 100%;
}

    .charity-con li {
        list-style: none;
        padding: 3px 15px;
        border: 1px solid #e9e9eb;
        font-size: 14px;
        border-radius: 2px;
    }

        .charity-con li:hover {
            background: #e9e9eb;
        }

a.add-friends-link-text {
    color: #36adb4;
}

div#the-count {
    /* margin-top: -30px; */
    position: relative;
    z-index: 9;
    right: 13px;
    bottom: 30px;
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */
    text-align: right;
    color: rgba(30, 36, 55, 0.4);
}

.ul-tooltip {
    padding: 10px;
    margin: 0px 10px;
    text-align: left;
    font-size: 12px;
}

    .ul-tooltip li {
    }
/*09-11-2020 Setup Complete Page*/
.setup-complete {
    font-family: Modern Era TRIAL;
    padding: 100px 100px;
    text-align: center;
    border-radius: 10px;
}

    .setup-complete h1 {
        font-family: Modern Era TRIAL;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        /* or 160% */
        text-align: center;
        color: #1e2437;
    }

    .setup-complete p {
        font-family: Modern Era TRIAL;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height, or 150% */
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
    }

    .setup-complete a.invite-btn {
        background: #36adb4;
        border-radius: 24px;
        font-family: Modern Era TRIAL;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        /* or 112% */
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        padding: 10px 20px;
        margin-top: 10px;
        display: inline-block;
    }

    .setup-complete hr {
        width: 70px;
        height: 1px;
        margin-top: 50px;
        margin-bottom: 40px;
        background: #e9eaeb;
    }

    .setup-complete .input-group input {
        font-family: Modern Era TRIAL;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        /* or 175% */
        color: rgba(30, 36, 55, 0.8);
        background: #ffffff;
        border: 1px solid #e9eaeb;
        box-sizing: border-box;
        border-radius: 4px;
        border-right: none;
        padding-left: 15px;
    }

    .setup-complete .input-group {
        max-width: 400px;
    }

        .setup-complete .input-group .input-group-text {
            font-family: Modern Era TRIAL;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-align: right;
            color: #36adb4;
            cursor: pointer;
            padding-right: 15px;
        }

    .setup-complete .social-links li {
        list-style: none;
        display: inline-block;
        margin: 10px 5px;
        padding: 8px 0px;
        border-radius: 31px;
        width: 48px;
        height: 48px;
        border: 1px solid #e9eaeb;
        box-sizing: border-box;
    }

@media (max-width: 767px) {
    .setup-complete {
        font-family: Modern Era TRIAL;
        padding: 50px 20px;
        text-align: center;
        border-radius: 10px;
    }

    .kangroo-img {
        width: 100px;
    }

    .overseas-confirm {
        margin: 0 60px;
    }

    .progress-head {
        width: 100%;
    }
}

.kangroo-img {
    width: 100px;
}

.overseas-confirm {
    margin: 0 60px;
}

@media (min-width: 300px) and (max-width: 575px) {
    .kangroo-img {
        width: 45px;
    }

    .overseas-confirm {
        margin: 0 auto;
    }
}

@media (min-width: 200px) and (max-width: 575px) {
    .kangroo-img {
        width: 45px;
    }

    .overseas-confirm {
        margin: 0 auto;
    }
}

/*Popup Styling*/
.popup-heading-size {
    font-size: 24px;
    line-height: 32px;
}

.popup-body-color {
    color: rgba(30, 36, 55, 0.6);
}

.modal-content-radius {
    border-radius: 2rem;
}

.modal-padding {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.forgotpassword {
    font-family: "Modern Era TRIAL";
    font-style: normal;
    font-weight: 500;
    color: rgba(30, 36, 55, 0.6);
    font-size: 13px;
    line-height: 20px;
}

    .forgotpassword:hover {
        color: rgba(30, 36, 55, 0.6);
        text-decoration: none;
    }

.forgot-password-title {
    font-family: Modern Era TRIAL;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #1e2437;
}

.forgot-password-text {
    height: 70px;
    left: 520px;
    top: 162px;
    font-family: Modern Era TRIAL;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    color: rgba(30, 36, 55, 0.6);
}

.forgot-password-send {
    width: 400px;
    height: 48px;
    left: calc(50% - 400px / 2);
    top: 316px;
    background: rgba(30, 36, 55, 0.1);
    border-radius: 24px;
}

.forgot-password-send-instructions {
    font-family: Modern Era TRIAL;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    /* or 112% */
    text-align: center;
    color: rgba(30, 36, 55, 0.1);
    padding: 7px;
}
/*Popup Styling End*/

.invitation-container {
    width: 100%;
    max-width: 1175px;
    padding: 0 15px;
    margin: 0 auto;
}
/*progress*/
.progress-head {
    padding: 20px 5px;
    position: fixed;
    width: 50%;
    top: 0;
    background-color: #fff;
    z-index: 99;
}

p.signin.mt-sigin-fixed {
    padding: 20px 30px;
    position: fixed;
    width: 50%;
    top: 0;
    z-index: 99;
    right: 0;
    margin-bottom: 0;
    background: #f7f7f6;
    /*background: #fff;*/
}

.progress_steps .form-group {
    padding: 0 0px;
}

.designs-grid {
    margin-left: 15px;
}

.progress_steps a.btn.btn-next.mt-4.btn-325 {
    margin-left: 20px;
    width: 385px;
}

/* collection pages new */
.block-item.cursor-pointer a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "";
    position: absolute;
    right: -24px;
    font-size: 16px;
    top: 2px;
}

.block-item.cursor-pointer[aria-expanded="false"] a:after {
    content: "\f078";
}

.block-item.cursor-pointer[aria-expanded="true"] a:after {
    content: "\f077";
}

.collection-collapse-block .d-flex.flex-wrap {
    padding-bottom: 6px;
    margin-bottom: 6px;
    margin-top: 10px;
    padding-top: 6px;
    position: relative;
}

    .collection-collapse-block .d-flex.flex-wrap:after,
    .collection-collapse-block .d-flex.flex-wrap:before {
        content: "";
        background-color: #36adb4;
        width: 400px;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .collection-collapse-block .d-flex.flex-wrap:before {
        top: 0;
    }

.collection-collapse-block .block-item {
    background-color: #e9eaeb;
}

.block-item.cursor-pointer[aria-expanded="true"]:before {
    content: "";
    height: 18px;
    width: 18px;
    background-color: #7fe2dc;
    position: absolute;
    border-radius: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* collection pages new */

.custom-select-dropdown {
}

span.select2-selection.select2-selection--single {
    border: 1px solid #a5a7af;
}

.custom-select-dropdown + .select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 56px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 54px;
    font-size: 16px;
    color: #484d5d !important;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px;
    width: 30px;
    right: 8px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #7fe2dc transparent transparent transparent;
        border-width: 7px 7px 0 7px;
        border-radius: 40px;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #7fe2dc transparent;
    border-width: 0 7px 7px 7px;
    border-radius: 40px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fff;
    color: #484d5d;
}

.select2-container--default .select2-results__option--selected {
    background-color: #fff;
}

.select2-results__option {
    padding: 16px 15px;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px solid #a5a7af;
}

.select2-dropdown {
    border: 1px solid #a5a7af;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: max-content;
    overflow-y: auto;
}
/* Invitation Preview Grid */
.invitation-preview-section {
    max-height: 405px;
    overflow: auto;
    margin-top: 25px;
    padding-right: 5px;
    padding-top: 6px;
}

.invitation-preview-grid {
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.invitation-preview-section::-webkit-scrollbar {
    width: 6px;
}

.invitation-preview-section::-webkit-scrollbar-track {
    background: #e0e0e0;
}

.invitation-preview-section::-webkit-scrollbar-thumb {
    background: #b5b5b4;
}

    .invitation-preview-section::-webkit-scrollbar-thumb:hover {
        background: #9c9c9c;
    }

.upload-preview {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-preview button {
        border: 0;
        background-color: transparent;
    }

        .upload-preview button p {
            font-size: 12px;
            line-height: 16px;
            text-align: center;
            text-transform: uppercase;
            color: #1e2437;
            font-weight: 500;
            margin-top: 15px;
        }

    .upload-preview input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        bottom: 0;
        right: 0;
    }

.preview-grid-block {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 12px;
    cursor: pointer;
}

.preview-grid-block-inner {
    background: #e9eaeb;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: relative;
}

.preview-grid-block .preview-grid-block-inner .invitation-check-span-popup {
    position: absolute;
    top: -2%;
    width: 104%;
    height: 104%;
    left: -2%;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 0px 2px #7fe2dc;
}

.invitation-preview-grid:after {
    content: "";
    clear: both;
    display: block;
}

img.invitation-preview-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top left;
}

.theme-btn-lite {
    width: 100%;
    font-family: "Modern Era TRIAL";
    padding: 12px 5px;
    background: #7fe2dc;
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #1e2437;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin: 0 auto;
    border: 0;
    font-weight: 400;
}

    .theme-btn-lite:hover {
        background-color: #46cac2;
        color: #243040;
        text-decoration: none;
    }

.invitation-preview-btn {
    margin-top: 25px;
    max-width: 395px;
    margin-left: auto;
    margin-right: auto;
}

.preview-tabs {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 95px;
    margin-bottom: 50px;
    height: calc(100% - 95px);
}

    .preview-tabs .nav-tabs {
        border-bottom: 0px solid #dee2e6;
    }

        .preview-tabs .nav-tabs .nav-item {
            margin: 0 25px;
            position: relative;
        }

            .preview-tabs .nav-tabs .nav-item::after {
                content: "";
                background-color: #1e2437;
                width: 1px;
                height: 26px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: -25px;
            }

            .preview-tabs .nav-tabs .nav-item:last-child::after {
                display: none;
            }

            .preview-tabs .nav-tabs .nav-item .nav-link {
                font-size: 20px;
                color: #1e2437;
                border: 0;
                border-bottom: 2px solid transparent;
                border-radius: 0;
                padding: 2px 2px;
            }

                .preview-tabs .nav-tabs .nav-item .nav-link.active {
                    border-bottom: 2px solid #7fe2dc;
                    background-color: transparent;
                }

    .preview-tabs .nav > li > a:hover,
    .preview-tabs .nav > li > a:focus {
        background-color: transparent;
    }

.preview-tab-content {
    box-shadow: 0px 0px 36.44px rgb(0 0 0 / 10%);
    margin-top: 50px;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}
/* group-card-preview-grid */
.group-card-preview-grid {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 410px;
    margin-bottom: 50px;
}

.groupCard-preview-thumbnail {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
    cursor: pointer;
}

.groupCard-preview-inner img {
    box-shadow: 0px 0px 14.5267px rgb(0 0 0 / 7%);
    border-radius: 3px;
    height: 162px;
}

.group-card-preview {
    background: #f5f5f5;
    box-shadow: 0px 0px 36.44px rgb(0 0 0 / 10%);
    min-height: 600px;
    position: relative;
}

    .group-card-preview .group-card-heading {
        font-family: Recoleta;
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        line-height: 48px;
        text-align: center;
        color: #1e2437;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        padding-top: 20%;
    }

.preview-tab-content a.edit-card {
    position: absolute;
    top: 35px;
    right: -35px;
}

/* Invitation Preview Grid */
[contenteditable] {
    outline: 0px solid transparent;
}

.share-card-container {
    height: calc(100vh - 151px);
}

    .share-card-container .row {
        height: 100%;
    }

.share-card-preview {
    background-color: #e5e5e5;
    padding: 70px 50px;
}

    .share-card-preview .invite-preview-card {
        box-shadow: 0px 0px 34.5711px rgba(0, 0, 0, 0.15);
        max-width: 600px;
        margin: 0 auto;
    }

/*/ group-card-preview-grid /*/
.group-card-preview-grid {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 410px;
    margin-bottom: 50px;
}

.groupCard-preview-thumbnail {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
    cursor: pointer;
}

.groupCard-preview-inner img {
    box-shadow: 0px 0px 14.5267px rgb(0 0 0 / 7%);
    border-radius: 3px;
    height: 162px;
}

.group-card-preview {
    background: #f5f5f5;
    box-shadow: 0px 0px 36.44px rgb(0 0 0 / 10%);
    min-height: 600px;
    position: relative;
}

    .group-card-preview .group-card-heading {
        font-family: Recoleta;
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        line-height: 48px;
        text-align: center;
        color: #1e2437;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        padding-top: 20%;
    }

.preview-tab-content a.edit-card {
    position: absolute;
    top: 35px;
    right: -35px;
}

.not-sure.not-sure-placehoder {
    position: absolute;
    top: 34px;
    left: 7px;
    color: #b4b6bd;
}

    .not-sure.not-sure-placehoder a {
        color: #b4b6bd;
    }

a.inspiration-text {
    line-height: 20px;
    text-align: right;
    color: #36adb4;
    position: absolute;
    right: 5px;
    top: 4px;
    font-weight: 400;
}

    a.inspiration-text span {
        text-decoration-line: underline;
    }

    a.inspiration-text i.far.fa-lightbulb {
        margin-right: 2px;
    }

.tooltip-inner {
    padding: 8px 8px 10px;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #1e2437;
}

.progress-desktop {
    margin-top: -32px;
}

.mt-25.progress-desktop {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .progress-head {
        width: 100%;
    }

    .progress-head {
        width: 100%;
        align-items: center;
        left: 0;
        right: 0;
        margin: 0;
        padding: 18px 5px;
    }

    p.signin.mt-1.d-block.d-md-none {
        margin: 0 !important;
        padding: 0px !important;
    }

    .row.progress-head .col-2 {
        padding-left: 5px !important;
    }

    .designs-grid {
        margin-left: 0;
    }

    .progress_steps a.btn.btn-next.mt-4.btn-325 {
        margin-left: 0;
        width: 100%;
    }

    .mt-25 {
        margin-top: 25px;
    }

    .progress_steps {
        padding-top: 150px !important;
    }

    .progress-bar {
        max-width: 95%;
        height: 10px;
    }

    .step-text {
        padding: 0px 0px;
        text-align: center;
        margin-bottom: 40px !important;
    }

    .dropdown.header-dropdown.progress-head-dropdown .dropdown-menu {
        transition: none;
        min-width: unset;
    }

    .dropdown.header-dropdown a.header-dropdown-item {
        padding: 5px 18px;
        font-size: 14px;
    }

    .progress-desktop {
        margin-top: 30px;
    }

    .progress_steps > .step-2 > .d-block > h1.step-heading,
    .progress_steps > .step-3 > .d-block > h1.step-heading {
        text-align: center;
    }

    .custom-control.custom-switch.GcOptionShow {
        width: auto;
        display: inline-block;
    }

    .GcOptionShow img.tooltip-input-icon.mt-1 {
        right: -20px;
        top: 4px;
    }

    .progress-head-center-logo .dropdown.header-dropdown.progress-head-dropdown .dropdown-menu {
        left: 40px !important;
    }

    .mt-25.progress-desktop {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    h1.step-heading a {
        position: fixed;
        top: 10px;
        left: 20px;
        z-index: 999;
    }

        h1.step-heading a .arrow-back {
            margin-left: 0;
            float: none;
            margin: 0;
        }

    a.btn.btn-next.mt-4 {
        margin: 0;
    }

    .pt-5.pb-5.collection-footer-spacing {
        padding-bottom: 0px !important;
    }

    .preview-tabs {
        margin-top: 140px;
        height: auto;
    }

    .invitation-preview-btn.invitation-md-btn {
        background-color: #fff;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: -20px !important;
    }

    .progress_steps {
        min-height: unset;
    }

    .groupCard-preview-inner img {
        height: auto;
    }

    .preview-tab-content {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .preview-tabs .nav-tabs .nav-item .nav-link {
        font-size: 16px;
    }

    .preview-tab-content a.edit-card {
        top: auto;
        right: 0 !important;
        left: 0;
        bottom: -25px;
        margin: 0 auto;
        text-align: center;
    }

        .preview-tab-content a.edit-card svg {
            width: 60px;
            height: 60px;
        }

    .invitation-preview-section {
        max-height: 360px;
        margin-bottom: 30px;
    }

    .invite-preview-header .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* 767 */

.verification-modal .modal-dialog {
    margin-top: 5%;
    max-width: 500px;
}

.verification-control {
    margin-top: 25px;
    margin-bottom: 0;
}

.verification-modal-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .verification-modal-inner h2 {
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        color: #1e2437;
        margin-bottom: 24px;
    }

    .verification-modal-inner p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: rgba(30, 36, 55, 0.6);
    }

.verification-control .form-control {
    width: 60px;
    height: 74px;
    background: #e9eaeb;
    border-radius: 9px;
    border: 0;
    margin: 10px 10px;
    text-align: center;
    border: 1px solid #e9eaeb;
    font-size: 28px;
    font-weight: 500;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .verification-control .form-control:focus {
        color: #495057;
        background-color: #e9eaeb;
        border-color: #7fe2dc;
        outline: 0;
        box-shadow: 0 0 0 0rem rgb(0 123 255 / 25%);
    }

h5.verification-error {
    color: red;
    font-size: 14px;
    /*text-transform: capitalize;*/
    margin: 0;
}

.ui-tooltip {
    white-space: pre-line;
}

.signin.mt-2 {
    padding: 20px 30px;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

#edit-collection .modal-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 8px;
}

#edit-collection .modal-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#edit-collection .modal-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background: #d0d0d0;
}

    #edit-collection .modal-dialog.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
        background: #c7c7c7;
    }

.resendCode {
    color: #36adb4;
}

.step-text {
    padding: 0px 5px;
}

.row.verification-control-footer.max-code.no-gutters {
    max-width: 450px;
    margin: 0 auto;
}

.validation-error {
    text-align: left;
    display: block;
    font-size: 16px;
    color: red;
    margin-top: 5px;
}

/*tooltip justify*/

.tooltip.show p {
    text-align: left;
}
/* Collection setup changes */
.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

p.step-text.mt-3.mb-0.text-left {
    margin-bottom: 0 !important;
}

.mb-20 {
    margin-bottom: 20px;
}
/* 500px media */
@media (max-width: 500px) {
    .preview-tabs .nav-tabs .nav-item {
        margin: 0 15px;
    }

        .preview-tabs .nav-tabs .nav-item:first-child::after {
            height: 20px;
            right: -18px;
        }

    .preview-grid-block-inner {
        height: auto;
    }

    .progress_steps .ml-4.ml-lg-0 {
        margin-right: 0;
        margin-left: 0 !important;
        padding: 0 10px;
    }

    img.tooltip-input-icon.mt-1 {
        position: absolute;
        right: 0;
        top: 3px;
    }

    .custom-switch-label {
        padding: 2px 15px 4px 10px;
    }

    .verification-control .form-control {
        width: 50px;
        height: 59px;
        margin: 10px 5px;
        font-size: 20px;
    }

    .row.verification-control-footer.max-code.no-gutters {
        padding: 0 30px;
    }

    a.inspiration-text {
        top: auto;
        bottom: -25px;
    }

    h2.text-left.pl-6s {
        padding-right: 50px;
    }
}
/* 400px media */
@media (max-width: 400px) {
    td.tdSpace {
        width: 45px !important;
    }

    .preview-tabs .nav-tabs .nav-item {
        margin: 0 10px;
    }

        .preview-tabs .nav-tabs .nav-item:first-child::after {
            height: 16px;
            right: -12px;
        }

        .preview-tabs .nav-tabs .nav-item .nav-link {
            font-size: 14px;
        }
}

@media (max-width: 375px) {
    .verification-control .form-control {
        width: 48px;
        height: 48px;
        margin: 10px 4px;
        font-size: 18px;
    }

    h5.verification-error {
        font-size: 12px;
    }

    .row.verification-control-footer.max-code.no-gutters {
        padding: 0 20px;
    }
}

@media (max-width: 320px) {
    .verification-control .form-control {
        width: 38px;
        height: 42px;
    }
}

.checked-type-blue {
    padding: 2px 2px;
    box-shadow: 0px 0px 0px 2px #7fe2dc;
}

.mt-comment-confirmation.confirmation-modalv2 {
    width: 100% !important;
}

    .mt-comment-confirmation.confirmation-modalv2 p {
        color: #1e2437;
        font-size: 20px;
        font-weight: 500;
    }

.share-modalv2-main.sharemodal-scrollable {
    max-height: 330px;
    overflow: auto;
    min-height: 192px;
}

    .share-modalv2-main.sharemodal-scrollable::-webkit-scrollbar {
        width: 4px;
    }

    .share-modalv2-main.sharemodal-scrollable::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .share-modalv2-main.sharemodal-scrollable::-webkit-scrollbar-thumb {
        background: #888;
    }

        .share-modalv2-main.sharemodal-scrollable::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

/*New Datepicker */

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    border: 0 !important;
    box-shadow: 0px 10px 25px rgb(0 0 0 / 25%) !important;
    padding: 10px;
    margin-top: 10px;
}

.datetimepicker-dropdown-bottom-right:before {
    display: none;
}

span.glyphicon.glyphicon-arrow-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f054";
}

span.glyphicon.glyphicon-arrow-left::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f053";
}

.datetimepicker-days table.table-condensed thead tr:last-child th {
    background-color: #e9e9eb;
    color: #1e2437;
    font-size: 12px;
    border-radius: 0;
    padding: 6px 10px;
    visibility: visible !important;
    border-top: 10px solid #fff;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #7fe2dc !important;
    background-image: none;
    border-radius: 100%;
    color: #1e2437 !important;
}

.datetimepicker table tr td.day:hover {
    border-radius: 100%;
    cursor: pointer;
}

.datetimepicker .datetimepicker-days table tr td.disabled,
.datetimepicker .datetimepicker-days table tr td.disabled:hover {
    text-decoration: line-through;
}

table.table-condensed tbody::before {
    content: "";
    display: block;
    height: 10px;
}

.datetimepicker-days .table-condensed tbody tr {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.datetimepicker-days .table-condensed thead tr {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.datetimepicker-days .table-condensed tbody tr td {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
}

.datetimepicker-days .table-condensed thead tr:first-child {
    background-color: #7fe2dc;
    padding: 5px 0;
    font-size: 14px;
}

.datetimepicker-days .table-condensed thead tr:last-child {
    background-color: #e9e9eb;
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: auto;
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
    background: transparent;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #7fe2dc !important;
    background-image: none;
    border-radius: 100%;
    color: #1e2437 !important;
}

.datetimepicker-months .table-condensed thead tr {
    background-color: #7fe2dc;
    padding: 5px 10px;
    font-size: 14px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.datetimepicker-years .table-condensed thead tr {
    background-color: #7fe2dc;
    padding: 5px 10px;
    font-size: 14px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.datetimepicker-months .table-condensed tbody tr {
}

    .datetimepicker-months .table-condensed tbody tr td {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

.datetimepicker table tr td span {
    display: flex;
    width: 40px;
    height: 40px;
    line-height: normal;
    float: none;
    margin: 0;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin: 4px auto;
}

.datetimepicker-months table.table-condensed,
.datetimepicker-years table.table-condensed {
    margin: 0;
    width: 240px;
}

.datetimepicker-years .table-condensed tbody tr td {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.info-form.volunteer-form input.form-control {
    max-width: 100%;
}

.info-form.volunteer-form .form-group .progress-bar {
    height: 1rem;
    border-radius: 0;
    max-width: 100%;
    margin-left: 0;
}

.verify-otp {
    margin-bottom: 40px;
    margin-top: 40px;
}

    .verify-otp input {
        margin-bottom: 15px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        height: 72px;
        font-size: 40px;
        letter-spacing: 10px;
        font-weight: 600;
    }

.verify-footer .theme-link-lite {
    font-size: 16px;
}

.verify-footer svg {
    margin: 0 10px;
    width: 4px;
    height: 4px;
    color: #7fe2dc;
    position: relative;
    top: -3px;
}
/* setup-editor */

.mt-content-setup-editor .mt-editor-dropdown select {
    width: 100px;
}

.mt-content-setup-editor ul.mt-text-alignment li a {
    color: #1e2437;
}

.mt-content-setup-editor ul.mt-text-alignment li:after {
    display: none;
}

.mt-content-setup-editor ul.mt-text-alignment li {
    position: relative;
    margin-left: 0;
    padding-left: 0;
    border-left: 1px solid #d8d8d7;
}

    .mt-content-setup-editor ul.mt-text-alignment li:first-child {
        border-left: 1px solid transparent;
    }
/* US build CSS */

.block-item.type-card-occasions {
    background-color: #ffd3cb;
}

    .block-item.type-card-occasions a {
        color: #e45964;
    }

.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
}

.time,
.mins,
.meridian {
    width: 40px;
    float: left;
    margin: 0 5px;
    font-size: 16px;
    color: #1e2437;
}

.time_pick {
    position: relative;
}

.timepicker_wrap {
    padding: 10px;
    border-radius: 5px;
    z-index: 998;
    display: none;
    box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35);
    background: #f6f6f6;
    float: left;
    position: absolute;
    top: 60px;
    left: 0;
    width: 170px;
}

.arrow_top {
    position: absolute;
    top: -7px;
    left: 20px;
    width: 14px;
    height: 14px;
    z-index: 999;
    background-color: #f6f6f6;
    transform: rotate(51deg);
}

input.timepicki-input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
    height: 30px;
}

    input.timepicki-input:focus {
        outline: none;
    }

a.reset_time {
    float: left;
    margin-top: 5px;
    color: #000;
}

.prev.action-next,
.next.action-prev {
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: center;
    height: 12px;
}

    .prev.action-next:after,
    .next.action-prev:after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: "\f077";
        font-weight: 900;
        left: 0;
        right: 0;
        top: -8px;
        font-size: 12px;
    }

    .next.action-prev:after {
        content: "\f078";
        top: auto;
        bottom: -8px;
    }

.select2-dropdown.timeZone .select2-results__option {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
}

span.select2-dropdown.timeZone.select2-dropdown--below {
    border-top: 1px solid #A5A7AF;
    border-top-right-radius: 4px;
    overflow: hidden;
}

.time-zome-box .row .col-6 > span {
    color: rgba(30, 36, 55, 0.6);
    padding: 0 6px;
    margin-top: 2px;
    display: inline-block;
}

.progress-head-dropdown a::after {
    display: none;
}

.progress-head-dropdown .dropdown-menu {
    transition: none !important;
    margin-top: 8px !important;
}

    .progress-head-dropdown .dropdown-menu:after {
        content: "";
        width: 15px;
        height: 15px;
        background-color: white;
        position: absolute;
        top: -4px;
        right: 10px;
        transform: rotate(45deg);
        z-index: -1;
    }

.progress-head-dropdown.dropdown.header-dropdown .dropdown-menu:hover {
    background-color: #fff;
}

.progress-head-dropdown.dropdown.header-dropdown a.header-dropdown-item:hover {
    background-color: #fdfdfd;
}
/* contributor-css */
.contributorPayment-back-arrow {
    position: absolute;
    left: 25px;
    top: 15px;
}

span.text-danger {
    font-size: 14px;
}

.quantity.quantity-dollor-sign input::-webkit-outer-spin-button,
.quantity.quantity-dollor-sign input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity.quantity-dollor-sign input[type=number] {
    -moz-appearance: textfield;
}


select.form-control {
    height: 56px;
    max-width: 400px;
    background: #ffffff;
    border: 1px solid #a5a7af;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
}

.gt-form-groupv2 .toggle-password {
    top: 20px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    border: 0;
    line-height: normal;
    z-index: 99;
    font-size: 14px;
    cursor: pointer;
}

.gt-form-groupv2 .form-group {
    position: relative;
}

.custom-checkbox {
    position: relative;
    font-family: sans-serif;
    margin: 8px 0;
}

    .custom-checkbox input[type="checkbox"] {
        display: none;
    }

        .custom-checkbox input[type="checkbox"] ~ b {
            display: inline-block;
            position: relative;
            background-color: #ffffff;
            border: 2px solid #49b35e;
            font-size: 20px;
            color: #49b35e;
            cursor: pointer;
            line-height: 1;
            outline: 0;
            text-align: center;
            vertical-align: middle;
            height: 25px;
            width: 25px;
        }

    .custom-checkbox label {
        display: flex;
        align-items: center;
        color: #1e2437;
    }

    .custom-checkbox input[type="checkbox"]:checked ~ b:after {
        content: "✓";
    }

    .custom-checkbox input[type="checkbox"]:disabled ~ b {
        background-color: #ffffff;
    }

    .custom-checkbox input[type="checkbox"]:disabled:checked ~ b:after {
        content: "✓";
    }

    .custom-checkbox input[type="checkbox"]:disabled ~ b:after {
        content: "";
    }

    .custom-checkbox input[type="checkbox"]:hover ~ b {
        border: 2px solid #49b35e;
    }

    .custom-checkbox input[type="checkbox"]:hover:disabled ~ b {
        border-color: #49b35e;
        cursor: default;
    }

        .custom-checkbox input[type="checkbox"]:hover:disabled ~ b ~ span {
            cursor: default;
        }

    .custom-checkbox span {
        cursor: pointer;
        margin-left: 10px;
    }

.label--checkbox {
    position: relative;
    margin: 0.5rem;
    font-family: Arial, sans-serif;
    line-height: 135%;
    cursor: pointer;
}

.checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

    .checkbox:before {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "";
        position: absolute;
        left: 0;
        z-index: 1;
        width: 20px;
        height: 20px;
        border: 1px solid #d2d3d7;
        top: 3px;
    }

    .checkbox:checked:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height: 10px;
        border-color: #7fe2dc;
        border-top-style: none;
        border-right-style: none;
        border-width: 2px;
    }

    .checkbox:after {
        content: "";
        position: absolute;
        top: -0.125rem;
        left: 0;
        width: 1.1rem;
        height: 1.1rem;
        background: #fff;
        cursor: pointer;
    }

.modal.invite .invite-hidden {
    display: none !important;
}

.modal.sign .sign-hidden {
    display: none !important;
}

.modal.pay .pay-hidden {
    display: none !important;
}

button.editemailBackbtn {
    background-color: transparent;
    border: 0;
    top: 18px;
    position: absolute;
    left: 18px;
}

button:focus {
    outline: none;
}

a.theme-btn-dark.max-200 {
    max-width: 200px;
}

.row.addressDiv.gt-stripe-group {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .row.addressDiv.gt-stripe-group .col-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .row.addressDiv.gt-stripe-group .form-group {
        margin-bottom: 0 !important;
    }

.gt-stripe-group {
    margin-top: 0.75rem;
}

    .gt-stripe-group input.form-control {
        padding: 0.75rem !important;
        background-color: #fff;
        border-radius: 5px;
        transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
        border: 1px solid #e6e6e6;
        box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
        width: 100%;
        height: 45px;
        max-width: 100% !important;
    }

    .gt-stripe-group label {
        margin-bottom: 0.25rem;
        font-size: 0.93rem;
        font-weight: 400;
        transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        display: block;
        line-height: 18px;
    }

.row.addressDiv.no-gutters.gutter-8.overRideP.gt-stripe-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100%;
    overflow: visible !important;
}

    .row.addressDiv.no-gutters.gutter-8.overRideP.gt-stripe-group .col-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

.gt-stripe-group input.form-control:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

div#div_ErrorReg {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    color: #dc3545 !important;
    margin-top: 0.5rem;
    line-height: 20px;
}

.modal-dialog.max-610 {
    max-width: 610px;
}

#controls_croppie {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 5px;
}

div#imageareaCover > br {
    display: none;
}

.accordion .collection-faq-box:nth-child(6) {
    border-bottom: 0px solid transparent;
}

.accordion.faq-border .collection-faq-box:nth-child(6) {
    border-bottom: 1px solid rgba(30, 36, 55, 0.1);
}

.temporarily-unavailable {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .temporarily-unavailable h2 {
        margin-bottom: 20px;
        font-family: "Modern Era TRIAL";
    }

.mt-profile-update-password .toggle-password {
    top: 52px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    border: 0;
    line-height: normal;
    z-index: 99;
    font-size: 14px;
    cursor: pointer;
    opacity: 0.5;
}

.mt-profile-update-password .toggle-new {
    top: 123px;
}

.verify-modal-body {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-top: 20px;
}

.verify-modal-step01 {
    padding-top: 40px;
}

.animation-div {
    animation: pulse-bg 2s infinite;
}

.booklet-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #fff;
}

    .booklet-skeleton .booklet-skeleton-inner {
        padding: 4rem;
        display: grid;
        grid-template-rows: auto 56px;
        grid-row-gap: 3rem;
        height: 100%;
        padding-bottom: 8rem;
    }

    .booklet-skeleton .booklet-skeleton-image {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        border-radius: 6px;
    }

    .booklet-skeleton .booklet-skeleton-title {
        max-width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        border-radius: 6px;
    }

@keyframes pulse-bg {
    0% {
        background-color: #D3D3D3;
    }

    50% {
        background-color: #e5e5e5;
    }

    100% {
        background-color: #D3D3D3;
    }
}


.cs-fetch-loader {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 100px;
}

    .cs-fetch-loader svg {
        height: auto;
        width: 200px;
        margin-bottom: 10px;
    }

    .cs-fetch-loader p {
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        font-family: 'Modern Era TRIAL';
    }

    .cs-fetch-loader img {
        max-width: 240px;
    }

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.dot1 {
    animation: blink 1s infinite;
    margin-left: 3px;
}

.dot2 {
    animation: blink 1s infinite;
    animation-delay: 0.2s;
}

.dot3 {
    animation: blink 1s infinite;
    animation-delay: 0.4s;
}

.cp-anycard-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.cp-anycard {
    background-color: #E6FDFC;
    border-radius: 8px;
    padding: 15px;
    font-family: 'Modern Era TRIAL';
    color: #1E2437;
    width: calc(100% - 0px);
    margin-left: auto;
    margin-right: auto;
}

.cp-anycard-header img {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    max-width: 100px;
    margin-right: 15px;
}

.cp-anycard-header h5 {
    font-family: Recoleta;
    color: #1E2437;
    font-size: 22px;
    font-weight: 300;
}

.cp-anycard-body p {
    color: #1E2437;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 21px;
}

.anycard-accordion h2 {
    color: #1E2437;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
    font-weight: 700;
}

.cp-anycard-footer {
    background-color: #FFFFFF;
    padding: 12px 10px;
    border-radius: 8px;
    margin-top: 0px;
}

.anycard-accordion h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 900;
    position: absolute;
    right: 8px;
    top: 2px;
    color: #6B7280;
    font-size: 12px;
}

.anycard-accordion ul {
    padding-left: 10px;
    list-style-type: none;
    margin-bottom: 10px;
}

a.see-retailers {
    color: #1E2437;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    display: inline-block;
    line-height: 18px;
}

    a.see-retailers:hover {
        opacity: .8
    }

.anycard-accordion ul li {
    position: relative;
    color: #1E2437;
    font-size: 14px;
    line-height: 20px;
    padding-left: 18px;
    margin-bottom: 4px;
}

    .anycard-accordion ul li:last-child {
        margin-bottom: 0px;
    }

    .anycard-accordion ul li:before {
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        font-weight: 900;
        position: absolute;
        left: 4px;
        top: 1px;
        color: #1E2437;
        font-size: 4px;
    }

.anycard-accordion h2[aria-expanded="true"]:before {
    transform: rotate(180deg)
}

.anycard-value-block {
    margin-top: 8px;
}

    .anycard-value-block label.position-relative {
        font-weight: 500;
        color: #1E2437;
    }

.cp-anycard-footer label.custom-control-label.custom-switch-label {
    color: #1E2437;
    font-weight: 400;
}

.anycard-value-block .input-group-text {
    border-radius: 8px;
}

.anycard-value-block .select2-container--default .select2-selection--single {
    border-radius: 8px !important;
}

.anycard-value-block .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.anycard-value-block .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-color: #7fe2dc;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    background-color: #eee;
}

.cpay-error {
    color: #E45964;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
}

.pgc-editurl .form-group p {
    line-height: 20px;
    font-size: 14px;
    color: #787c87;
}

.add-friends-link-text svg {
    position: absolute;
    left: 5px;
    top: 2px;
}

.pgc-editurl .form-text.form-text-m.edit-url {
    padding: 0 5px;
}

.bigger-value p {
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 20px;
}

.custom-control.custom-radio.select-collection-type {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    background: #ffffff;
    border: 0;
    box-sizing: border-box;
    border-radius: 8px !important;
    max-width: 400px;
}

.progress_steps .custom-control.custom-radio.select-collection-type {
    max-width: 100%;
}

.select-collection-type .form-check-inline {
    display: block;
    margin-right: 0;
    margin-bottom: 12px;
    border: 1px solid #A5A7AF;
    border-radius: 8px;
}

.select-collection-type .custom-control-label {
    display: block;
    padding-left: 43px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #1E2437;
    font-weight: 500;
    padding-right: 15px;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
}

        .select-collection-type .custom-control-label span.sub-label {
            color: #a5a7af;
            font-weight: 300;
            font-size: 14px;
            margin-top: 2px;
        }

        .select-collection-type .custom-control-label span.new-badge {
            color: #1E2437;
            font-weight: 500;
            max-width: max-content;
        }


            .select-collection-type .custom-control-label span.new-badge::after {
                content: "New";
                background-color: #7FE2DC;
                letter-spacing: 0.16px;
                font-size: 13px;
                font-weight: 400;
                width: 44px;
                height: 24px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-left: 8px;
                border-radius: 20px;
            }

:focus-visible {
    outline: none !important;
}

.select-collection-type .custom-control-label::before {
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    border: #E1E2E3 solid 1px;
}

.select-collection-type .custom-control-label::after {
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    background-size: 10px;
}

.select-collection-type .form-check-inner .custom-control-label {
    font-weight: 400;
    font-size: 12.5px;
    padding-left: 36px;
    padding-right: 8px;
    min-height: 44px;
}

.select-collection-type .form-check-inner {
    padding-left: 42px;
    padding-right: 15px;
    margin-bottom: 15px;
}

    .select-collection-type .form-check-inner .custom-control-label::before {
        left: 12px;
    }

    .select-collection-type .form-check-inner .custom-control-label::after {
        left: 12px;
    }

.gc-and-gift-selected .custom-control-label::before {
    color: #fff;
    border-color: #7fe2dc;
    background-color: #7fe2dc;
}

.gc-and-gift-selected .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}


.edit-url a span {
    padding-left: 5px;
}

.pgc-editurl .add-friends-link-text span {
    padding-left: 25px;
}

.select-collection-type .question-mark-icon {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    right: 15px;
    margin: 0;
}

.setup-tooltip.tooltip {
    margin-left: 30px;
    margin-top: -3px;
}

    .setup-tooltip.tooltip .arrow::before {
        border-right-color: #353A4B;
        border-width: 9px 8px 9px 0;
    }

    .setup-tooltip.tooltip .tooltip-inner {
        background-color: #353A4B;
        border-radius: 8px;
        max-width: 275px;
        text-align: center !important;
        font-size: 14px;
        line-height: 18px;
        padding: 15px 15px;
    }


.tooltip {
    opacity: 1 !important;
    display: block !important;
}

.profile-section {
    background-color: #F7F7F6;
}

.packofcards-banner {
    background-color: #BFF1EE;
    border-radius: 8px;
    padding: 10px 15px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    padding-left: 85px;
    min-height: 80px;
}

    .packofcards-banner .poc-org-name {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }

        .packofcards-banner .poc-org-name img {
            position: absolute;
            height: 78px;
            left: 0;
            bottom: 0;
        }

        .packofcards-banner .poc-org-name h3 {
            font-size: 22px;
            font-weight: 700;
            margin: 0;
        }

.poc-banner-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
}

.poc-banner-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
}

.poc-banner-right-wrapper {
    background: #FFFFFF42;
    padding: 10px 15px 10px 15px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    align-items: center;
}

ul.poc-details {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    column-gap: 20px;
}

    ul.poc-details li {
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0.16px;
        text-align: center;
    }

.poc-banner-btns .theme-btn-dark, .pack-settings .theme-btn-dark {
    padding: 8px 18px;
    width: auto;
    max-width: max-content;
}

ul.poc-details li span {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px 4px 10px;
    border-radius: 100px;
    background: #FFFFFF;
    margin-top: 6px;
}

    ul.poc-details li span.poc-bg-lite {
        background: #E6FDFC;
    }

.profile-tabs {
    max-width: 600px;
    padding: 50px 0;
    margin: 0 auto;
    min-height: calc(100vh - 112px);
}

    .profile-tabs .mt-profile-setting {
        max-width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }

        .profile-tabs .mt-profile-setting input.form-control {
            max-width: 100%;
        }

        .profile-tabs .mt-profile-setting .profile-upload-wrapper {
            width: 90px;
        }

        .profile-tabs .mt-profile-setting .mt-circle-avatar-name-large {
            width: 90px;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 !important;
        }

        .profile-tabs .mt-profile-setting .mt-profile-image h2 {
            font-size: 28px;
            font-weight: 500;
            line-height: 24px;
        }

.verified-icon img {
    width: 28px;
}

.profile-tabs .nav-tabs .nav-item {
    margin-bottom: 0;
}

.profile-tabs .nav-tabs .nav-link {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-weight: 500;
    background-color: transparent;
    color: #1E243766;
    border-bottom: 2px solid transparent;
}

    .profile-tabs .nav-tabs .nav-item.show .nav-link, .profile-tabs .nav-tabs .nav-link.active {
        color: #1E2437;
        background-color: transparent;
        border-bottom: 2px solid #1E2437;
    }

.profile-tabs .nav-tabs {
    border-bottom: 1px solid #E9EAEB;
}

.purchase-history-content {
    padding-top: 25px;
    padding-bottom: 50px;
}

.alert-message {
    position: relative;
    background-color: #FDECD2;
    border-radius: 4px;
    padding: 13px 13px;
    padding-left: 42px;
    margin-bottom: 25px;
}

    .alert-message .alert-message-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDE2SDEyVjEySDExTTEyIDhIMTIuMDFNMjEgMTJDMjEgMTMuMTgxOSAyMC43NjcyIDE0LjM1MjIgMjAuMzE0OSAxNS40NDQyQzE5Ljg2MjYgMTYuNTM2MSAxOS4xOTk3IDE3LjUyODIgMTguMzY0IDE4LjM2NEMxNy41MjgyIDE5LjE5OTcgMTYuNTM2MSAxOS44NjI2IDE1LjQ0NDIgMjAuMzE0OUMxNC4zNTIyIDIwLjc2NzIgMTMuMTgxOSAyMSAxMiAyMUMxMC44MTgxIDIxIDkuNjQ3NzggMjAuNzY3MiA4LjU1NTg1IDIwLjMxNDlDNy40NjM5MiAxOS44NjI2IDYuNDcxNzcgMTkuMTk5NyA1LjYzNjA0IDE4LjM2NEM0LjgwMDMxIDE3LjUyODIgNC4xMzczOCAxNi41MzYxIDMuNjg1MDggMTUuNDQ0MkMzLjIzMjc5IDE0LjM1MjIgMyAxMy4xODE5IDMgMTJDMyA5LjYxMzA1IDMuOTQ4MjEgNy4zMjM4NyA1LjYzNjA0IDUuNjM2MDRDNy4zMjM4NyAzLjk0ODIxIDkuNjEzMDUgMyAxMiAzQzE0LjM4NjkgMyAxNi42NzYxIDMuOTQ4MjEgMTguMzY0IDUuNjM2MDRDMjAuMDUxOCA3LjMyMzg3IDIxIDkuNjEzMDUgMjEgMTJaIiBzdHJva2U9IiNGOUEyMkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
        width: 23px;
        height: 23px;
        position: absolute;
        left: 12px;
        top: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translateY(-50%);
    }

    .alert-message p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.16px;
        color: #1E2437;
    }


.monthly-divider {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    margin-top: 25px;
}

    .monthly-divider::before {
        content: "";
        background-color: #E9EAEB;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: 100%;
    }


    .monthly-divider span {
        display: inline-block;
        background-color: #F7F7F6;
        position: relative;
        z-index: 1;
        padding: 2px 15px;
    }

.purchase-history-row {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
    border-top: 1px solid #E9EAEB;
    padding-top: 15px;
    margin-top: 15px;
}

    .purchase-history-row:first-child {
        border-bottom: 0px solid #E9EAEB;
    }


.purchase-history-info h6 {
    font-size: 14px;
    font-weight: 700;
    color: #1E2437;
    margin-bottom: 4px;
}

.purchase-history-info p {
    font-size: 12px;
    font-weight: 500;
    color: #1E2437;
    margin-bottom: 4px;
}

.purchase-history-info span {
    font-size: 12px;
    font-weight: 400;
    color: #898D9A;
    display: block;
}

.purchase-history-receipt {
    width: 105px;
}

    .purchase-history-receipt p {
        font-size: 13px;
        font-weight: 700;
        color: #222234;
        margin-bottom: 4px;
        text-align: right;
    }

    .purchase-history-receipt a {
        font-size: 13px;
        font-weight: 500;
        color: #36ADB4;
        margin-bottom: 0;
        text-align: right;
        display: block;
    }

        .purchase-history-receipt a:hover {
            text-decoration: underline;
        }

.yearly-divider {
    font-size: 12px;
    font-weight: 400;
    color: #222234;
    margin-bottom: -15px;
    margin-top: 25px;
}


.gt-dashboard-tabs .nav.nav-pills {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

    .gt-dashboard-tabs .nav.nav-pills .nav-item .nav-link {
        letter-spacing: 0.4px;
        font-size: 14px;
        font-weight: 700;
        color: #7c7c7c;
        padding: 13px 5px;
        border-radius: 0;
        position: relative;
    }

        .gt-dashboard-tabs .nav.nav-pills .nav-item .nav-link.active {
            color: #36ADB4;
            background-color: #ecfbfa;
        }

            .gt-dashboard-tabs .nav.nav-pills .nav-item .nav-link.active:after {
                content: "";
                height: 2px;
                background-color: #36ADB4;
                position: absolute;
                left: 0;
                right: 0;
                width: 100%;
                bottom: 0;
            }

.gt-dashboard-filters {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 65px 400px;
    align-items: center;
    grid-column-gap: 15px;
}

    .gt-dashboard-filters .gt-filters-select {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
    }

    .gt-dashboard-filters .select2-container .select2-selection--single {
        height: 42px;
        border-radius: 8px;
    }

    .gt-dashboard-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
    }

    .gt-dashboard-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 37px;
        width: 25px;
    }

.select2-dropdown.gt-dashboard-dropdown .select2-results__option {
    padding: 8px 15px;
}

.row-gap-5 {
    row-gap: 3.5rem;
}

.collection-noimage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 15px 15px;
    padding-top: 45px;
}

.collection-only-title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fcfcfc;
    padding: 15px 15px;
    padding-top: 45px;
}

    .collection-only-title h2 {
        font-family: Recoleta;
        font-style: normal;
        font-weight: 300;
        font-size: 32px;
        line-height: normal;
        color: #1e2437;
        margin: 0;
    }

.pack-settings .dropdown {
}

    .pack-settings .dropdown .dropdown-menu {
        box-shadow: 0px 6px 38px 0px #00000024;
        width: 100%;
        max-width: 410px;
        background-color: #fff;
        min-width: 410px;
        border: 0;
        padding: 20px;
        border-radius: 8px;
        margin-top: 8px !important;
    }

.pack-settings-popup h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

.pack-settings-popup p {
    color: #999DA6;
    font-size: 14px;
    line-height: 18px;
}

.pack-settings-popup .save-email {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    color: #107B87;
    font-weight: 700;
    background-color: transparent;
    border: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.pack-settings-popup label {
    color: #1E2437;
}

.pack-settings-popup .pack-promo {
    margin-top: 30px;
}

    .pack-settings-popup .pack-promo .copy-pack-promo {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        color: #107B87;
        font-weight: 700;
        background-color: transparent;
        border: 0;
        padding: 0px;
    }

    .pack-settings-popup .pack-promo .form-control:disabled,
    .pack-settings-popup .pack-promo .form-control[readonly] {
        background: #ffffff;
        opacity: 1;
    }

.pack-settings-popup .generate-pack-promo {
    margin-top: 18px;
    margin-bottom: 2px;
}

    .pack-settings-popup .generate-pack-promo button {
        color: #36ADB4;
        font-weight: 500;
        border: 0;
        background-color: transparent;
        padding: 0;
        font-size: 16px;
        margin-bottom: 10px;
    }

        .pack-settings-popup .generate-pack-promo button:after {
            content: "";
            width: 0px;
            height: 2px;
            display: block;
            background: #36adb4;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            top: 2px;
            position: relative;
        }

        .pack-settings-popup .generate-pack-promo button:hover:after {
            width: 100%;
        }

.pack-settings-popup .corporate-email {
    padding-right: 75px;
}

.pack-settings-popup .pack-promo .share-promo {
    padding-right: 85px;
}

.pack-sharing-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

    .pack-sharing-footer .theme-btn-lite {
        max-width: fit-content;
        margin: 0;
        padding: 10px 25px;
    }

    .pack-sharing-footer .theme-btn-link {
        color: #36adb4;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 17px;
        border: 0;
        background-color: transparent;
        display: inline-block;
    }

        .pack-sharing-footer .theme-btn-link:after {
            content: "";
            width: 0px;
            height: 2px;
            display: block;
            background: #36adb4;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            top: 2px;
            position: relative;
        }

        .pack-sharing-footer .theme-btn-link:hover:after {
            width: 100%;
        }

.pack-sharing-dialog {
    max-width: 525px;
    margin-top: 5%;
}

ul.poc-details li span.data-promo {
    position: relative;
    padding-right: 28px;
}

    ul.poc-details li span.data-promo::before {
        content: "";
        position: absolute;
        right: 8px;
        top: 50%;
        background-color: transparent;
        border: 0;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 9;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1NjkyXzM3MTU2KSI+CjxwYXRoIGQ9Ik0xMS42NjY3IDUuMjVINi40MTY2N0M1Ljc3MjMzIDUuMjUgNS4yNSA1Ljc3MjMzIDUuMjUgNi40MTY2N1YxMS42NjY3QzUuMjUgMTIuMzExIDUuNzcyMzMgMTIuODMzMyA2LjQxNjY3IDEyLjgzMzNIMTEuNjY2N0MxMi4zMTEgMTIuODMzMyAxMi44MzMzIDEyLjMxMSAxMi44MzMzIDExLjY2NjdWNi40MTY2N0MxMi44MzMzIDUuNzcyMzMgMTIuMzExIDUuMjUgMTEuNjY2NyA1LjI1WiIgc3Ryb2tlPSIjMzZBREI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjkxNjAyIDguNzQ5MzVIMi4zMzI2OEMyLjAyMzI2IDguNzQ5MzUgMS43MjY1MiA4LjYyNjQzIDEuNTA3NzIgOC40MDc2NEMxLjI4ODkzIDguMTg4ODUgMS4xNjYwMiA3Ljg5MjEgMS4xNjYwMiA3LjU4MjY4VjIuMzMyNjhDMS4xNjYwMiAyLjAyMzI2IDEuMjg4OTMgMS43MjY1MiAxLjUwNzcyIDEuNTA3NzJDMS43MjY1MiAxLjI4ODkzIDIuMDIzMjYgMS4xNjYwMiAyLjMzMjY4IDEuMTY2MDJINy41ODI2OEM3Ljg5MjEgMS4xNjYwMiA4LjE4ODg1IDEuMjg4OTMgOC40MDc2NCAxLjUwNzcyQzguNjI2NDMgMS43MjY1MiA4Ljc0OTM1IDIuMDIzMjYgOC43NDkzNSAyLjMzMjY4VjIuOTE2MDIiIHN0cm9rZT0iIzM2QURCNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1NjkyXzM3MTU2Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

ul.poc-details li span.copy-promo {
    position: relative;
    padding-right: 28px;
    min-width: 100px;
    text-align: left;
}

    ul.poc-details li span.copy-promo::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjQ5OTQgMC40MTY5OTJDMTkuMjY5NCAwLjQxNjk5MiAwLjQxNjAxNiAxOS4yNzAzIDAuNDE2MDE2IDQyLjUwMDNDMC40MTYwMTYgNjUuNzMwMyAxOS4yNjk0IDg0LjU4MzcgNDIuNDk5NCA4NC41ODM3QzY1LjcyOTQgODQuNTgzNyA4NC41ODI3IDY1LjczMDMgODQuNTgyNyA0Mi41MDAzQzg0LjU4MjcgMTkuMjcwMyA2NS43Mjk0IDAuNDE2OTkyIDQyLjQ5OTQgMC40MTY5OTJaTTM0LjA4MjcgNjMuNTQyTDEzLjA0MSA0Mi41MDAzTDE4Ljk3NDggMzYuNTY2NkwzNC4wODI3IDUxLjYzMjRMNjYuMDIzOSAxOS42OTEyTDcxLjk1NzcgMjUuNjY3TDM0LjA4MjcgNjMuNTQyWiIgZmlsbD0iIzdGRTJEQyIvPgo8L3N2Zz4K);
    }

.pack-sharing-content p {
    color: #1E2437;
    font-size: 14px;
    line-height: 18px;
}

.pack-sharing-domain-wrap label {
    color: #1E2437;
}

.sm-fetch-banner {
    position: relative;
    background-color: #E6FDFC;
    border-radius: 4px;
    padding: 8px 12px;
    padding-left: 70px;
    margin-bottom: 15px;
    font-family: 'Modern Era TRIAL';
}

    .sm-fetch-banner p {
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 0;
        line-height: 17px;
    }

    .sm-fetch-banner img {
        position: absolute;
        left: 5px;
        bottom: 2px;
        height: 54px;
        width: 54px;
        object-fit: contain;
    }

.gt-error-banner {
    position: relative;
    background-color: #FDECD2;
    border-radius: 4px;
    padding: 12px 20px;
    padding-left: 45px;
    margin-bottom: 15px;
    font-family: 'Modern Era TRIAL';
}

    .gt-error-banner::before {
        content: "";
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDE0SDEwVjEwSDlNMTAgNkgxMC4wMU0xOSAxMEMxOSAxMS4xODE5IDE4Ljc2NzIgMTIuMzUyMiAxOC4zMTQ5IDEzLjQ0NDJDMTcuODYyNiAxNC41MzYxIDE3LjE5OTcgMTUuNTI4MiAxNi4zNjQgMTYuMzY0QzE1LjUyODIgMTcuMTk5NyAxNC41MzYxIDE3Ljg2MjYgMTMuNDQ0MiAxOC4zMTQ5QzEyLjM1MjIgMTguNzY3MiAxMS4xODE5IDE5IDEwIDE5QzguODE4MSAxOSA3LjY0Nzc4IDE4Ljc2NzIgNi41NTU4NSAxOC4zMTQ5QzUuNDYzOTIgMTcuODYyNiA0LjQ3MTc3IDE3LjE5OTcgMy42MzYwNCAxNi4zNjRDMi44MDAzMSAxNS41MjgyIDIuMTM3MzggMTQuNTM2MSAxLjY4NTA4IDEzLjQ0NDJDMS4yMzI3OSAxMi4zNTIyIDEgMTEuMTgxOSAxIDEwQzEgNy42MTMwNSAxLjk0ODIxIDUuMzIzODcgMy42MzYwNCAzLjYzNjA0QzUuMzIzODcgMS45NDgyMSA3LjYxMzA1IDEgMTAgMUMxMi4zODY5IDEgMTQuNjc2MSAxLjk0ODIxIDE2LjM2NCAzLjYzNjA0QzE4LjA1MTggNS4zMjM4NyAxOSA3LjYxMzA1IDE5IDEwWiIgc3Ryb2tlPSIjRjlBMjJFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        width: 20px;
        height: 20px;
        position: absolute;
        left: 15px;
        top: 10px;
    }

    .gt-error-banner h6 {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .gt-error-banner p {
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 0;
        line-height: 17px;
    }

.pack-sharing-domain-wrap .theme-btn-lite {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px 25px;
}

.sharing-modal-footer {
    margin-top: 30px;
}

.invite-link {
    background-color: rgb(255, 255, 255);
    height: 56px;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(165, 167, 175);
    border-image: initial;
    border-radius: 8px;
    padding: 14px 45px 14px 15px;
    white-space: nowrap;
    overflow: hidden;
}

    .invite-link .copy-invite-link {
        position: absolute;
        right: 8px;
        top: 50%;
        background-color: transparent;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 9;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjc1IDIuMzMzMDFIMTAuODc1QzkuNTQ1ODMgMi4zMzMwMSA4LjQ1ODMzIDMuMzgzMDEgOC40NTgzMyA0LjY2NjM0VjE4LjY2NjNDOC40NTgzMyAxOS45NDk3IDkuNTQ1ODMgMjAuOTk5NyAxMC44NzUgMjAuOTk5N0gyMS43NUMyMy4wNzkyIDIwLjk5OTcgMjQuMTY2NyAxOS45NDk3IDI0LjE2NjcgMTguNjY2M1Y0LjY2NjM0QzI0LjE2NjcgMy4zODMwMSAyMy4wNzkyIDIuMzMzMDEgMjEuNzUgMi4zMzMwMVpNMjEuNzUgMTguNjY2M0gxMC44NzVWNC42NjYzNEgyMS43NVYxOC42NjYzWk0zLjYyNSAxNy40OTk3VjE1LjE2NjNINi4wNDE2N1YxNy40OTk3SDMuNjI1Wk0zLjYyNSAxMS4wODNINi4wNDE2N1YxMy40MTYzSDMuNjI1VjExLjA4M1pNMTIuMDgzMyAyMy4zMzNIMTQuNVYyNS42NjYzSDEyLjA4MzNWMjMuMzMzWk0zLjYyNSAyMS41ODNWMTkuMjQ5N0g2LjA0MTY3VjIxLjU4M0gzLjYyNVpNNi4wNDE2NyAyNS42NjYzQzQuNzEyNSAyNS42NjYzIDMuNjI1IDI0LjYxNjMgMy42MjUgMjMuMzMzSDYuMDQxNjdWMjUuNjY2M1pNMTAuMjcwOCAyNS42NjYzSDcuODU0MTdWMjMuMzMzSDEwLjI3MDhWMjUuNjY2M1pNMTYuMzEyNSAyNS42NjYzVjIzLjMzM0gxOC43MjkyQzE4LjcyOTIgMjQuNjE2MyAxNy42NDE3IDI1LjY2NjMgMTYuMzEyNSAyNS42NjYzWk02LjA0MTY3IDYuOTk5NjdWOS4zMzMwMUgzLjYyNUMzLjYyNSA4LjA0OTY3IDQuNzEyNSA2Ljk5OTY3IDYuMDQxNjcgNi45OTk2N1oiIGZpbGw9IiMzNkFEQjQiLz4KPC9zdmc+Cg==);
        width: 28px;
        height: 28px;
        background-repeat: no-repeat;
        background-size: contain;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        background-position: center center;
    }

button.copy-invite-link.copied-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjQ5OTQgMC40MTY5OTJDMTkuMjY5NCAwLjQxNjk5MiAwLjQxNjAxNiAxOS4yNzAzIDAuNDE2MDE2IDQyLjUwMDNDMC40MTYwMTYgNjUuNzMwMyAxOS4yNjk0IDg0LjU4MzcgNDIuNDk5NCA4NC41ODM3QzY1LjcyOTQgODQuNTgzNyA4NC41ODI3IDY1LjczMDMgODQuNTgyNyA0Mi41MDAzQzg0LjU4MjcgMTkuMjcwMyA2NS43Mjk0IDAuNDE2OTkyIDQyLjQ5OTQgMC40MTY5OTJaTTM0LjA4MjcgNjMuNTQyTDEzLjA0MSA0Mi41MDAzTDE4Ljk3NDggMzYuNTY2NkwzNC4wODI3IDUxLjYzMjRMNjYuMDIzOSAxOS42OTEyTDcxLjk1NzcgMjUuNjY3TDM0LjA4MjcgNjMuNTQyWiIgZmlsbD0iIzdGRTJEQyIvPgo8L3N2Zz4K);
    width: 25px;
    height: 25px;
    right: 10px;
}





/*CSS Ｍｅｄｉａ Ｑｕｅｒｉｅｓ Start from here */
@media screen and (max-width: 1220px) {
    .packofcards-banner .poc-org-name {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .packofcards-banner {
        background-color: transparent;
        display: block;
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
    }

        .packofcards-banner .poc-org-name {
            position: relative;
            background-color: #BFF1EE;
            border-radius: 8px;
            padding: 10px 15px;
            position: relative;
            margin-bottom: 20px;
            margin-top: 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            column-gap: 10px;
            padding-left: 85px;
            min-height: 85px;
        }

    ul.poc-details {
        background: #FFFFFF;
        width: 100%;
        justify-content: center;
        margin-bottom: 0px;
    }

    .poc-banner-right {
        justify-content: center;
    }

    div#packOfCardsDetailContainer {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .poc-banner-btns .theme-btn-dark {
        width: 100%;
        max-width: 100%;
    }

    .poc-banner-btns {
        width: 100%;
        row-gap: 10px;
    }

    ul.poc-details {
        justify-content: space-between;
        column-gap: 8px;
        padding: 10px 10px 10px 10px;
    }

    .packofcards-banner .poc-org-name h3 {
        font-size: 18px;
    }

    .packofcards-banner .poc-org-name img {
        height: 70px;
    }

    .packofcards-banner .poc-org-name {
        padding-left: 80px;
        min-height: 75px;
    }

    .poc-banner-right-wrapper {
        flex-direction: column;
        width: 100%;
        row-gap: 10px;
        padding: 0 0 10px 0;
    }

    .pack-settings {
        width: 100%;
    }

        .pack-settings .theme-btn-dark {
            width: 100%;
            max-width: 100%;
        }

}