/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings:'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
    font-family: 'Satoshi-VariableItalic';
    src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
        url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Light';
    src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Satoshi-Light.woff') format('woff'),
        url('../fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-LightItalic';
    src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-LightItalic.woff') format('woff'),
        url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-Italic';
    src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
        url('../fonts/Satoshi-Italic.woff') format('woff'),
        url('../fonts/Satoshi-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff'),
        url('../fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-MediumItalic';
    src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
        url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff'),
        url('../fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-BoldItalic';
    src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
        url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Black';
    src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
        url('../fonts/Satoshi-Black.woff') format('woff'),
        url('../fonts/Satoshi-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-BlackItalic';
    src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-BlackItalic.woff') format('woff'),
        url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: italic;
}








:root {

    /* Colors:*/
    --unnamed-color-273b35: #273B35;
    --unnamed-color-000000: #000000;
    --unnamed-color-747474: #747474;

    /* Font/text values */
    --unnamed-font-family-satoshi: Satoshi;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-medium: medium;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-20: 20px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-28: 28px;
    --unnamed-line-spacing-36: 36px;
    --unnamed-line-spacing-46: 46px;
}

html {
    scroll-behavior: smooth;
}

/* Character Styles */
.unnamed-character-style-1 {
    font-family: var(--unnamed-font-family-satoshi);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-46);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-747474);
}

.unnamed-character-style-2 {
    font-family: var(--unnamed-font-family-satoshi);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-36);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-273b35);
}

.unnamed-character-style-3 {
    font-family: var(--unnamed-font-family-satoshi);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-28);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}

.unnamed-character-style-4 {
    font-family: var(--unnamed-font-family-satoshi);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-28);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}


/*------------------------------------
COMMON CSS
-------------------------------------*/
body {
    font-family: 'Satoshi-Regular';
    font-size: 15px;
    color: #000;
    line-height: 25px;
    /* -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/
    margin: 0;
    padding: 0;
}

/* html {scroll-behavior:smooth;} */
img {
    border: none;
    outline: none;
    max-width: 100%;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

a {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    outline: medium none;
}

a img {
    border: none;
}

ul {
    margin: 0;
    list-style-type: none;
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #000;
}

a,
.btn {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    text-decoration: none;
}

button:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
textarea:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* Edge */
    opacity: 0.4
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.4
}

input::placeholder,
textarea::placeholder {
    opacity: 0.4
}

textarea,
input {
    color: #000;
}

:focus {
    border: 0;
    outline: none;
}

.white-bg {
    background: #fff !important;
}

.red-bg {
    background: #ff5661 !important;
}

.purple-bg {
    background: #6f1971;
}

.green-bg {
    background: #00c8a6;
}

.blue-bg {
    background: #743B64;
}

.light-blue-bg {
    background: #cef0ff;
}

.pink-bg {
    background: #d11f4f;
}

.yellow-bg {
    background: #ffef67;
}

.gray1-bg {
    background: #d1dbe8;
}

.cyan-bg {
    background: #cefff8;
}

.red-bg .more a:hover {
    color: #FF5661;
    background: url(../images/right-arrow-red.svg) no-repeat 100%
}

.purple-bg .more a:hover {
    color: #6f1971;
    background: url(../images/right-arrow-purple.svg) no-repeat 100%
}

.green-bg .more a:hover {
    color: #00c8a6;
    background: url(../images/right-arrow-green.svg) no-repeat 100%
}

.blue-bg .more a:hover {
    color: #743B64;
    background: url(../images/right-arrow-blue.svg) no-repeat 100%
}

.light-blue-bg .more a:hover {
    color: #cef0ff;
    background: url(../images/right-arrow-light-blue.svg) no-repeat 100%
}

.cyan-bg .more a:hover {
    color: #cefff8;
    background: url(../images/right-arrow-light-cyan.svg) no-repeat 100%
}

.purple-bg .hd2 {
    color: #6f1971;
}

.green-bg .hd2 {
    color: #00c8a6;
}

.blue-bg .hd2 {
    color: #743B64;
}

.blue-hd {
    color: #743B64 !important;
}

.blue-txt {
    color: #743B64 !important;
}

.black-txt {
    color: #000000 !important;
}

.bold-hd {
    font-family: 'Satoshi-Bold';
}

.medium-hd {
    font-family: 'Satoshi-Medium';
}

.container {
    max-width: 90%;
}

.products-section .container {
    max-width: 90%;
}

.common-pd {
    padding-top: 5%;
    padding-bottom: 5%;
}

.common-pd2 {
    padding-top: 5%;
    padding-bottom: 2.5%;
}

.top-container {
    justify-content: space-between;
    align-items: center;
}

.logo img {
    max-width: 72%;
}

.top-panel {
    padding: 30px 0 0 0;
    position: relative;
    z-index: 1;
}

.logo img {
    max-height: 60px;
}

.logo img.logo-icon {
    max-height: 100px;
    padding-left: 4px;
}

.logo .logo-txt {
    max-height: 36px;
    margin: 9px 0 0 10px;
}

.reveal {
    position: relative;
    transform: translateY(0px);
    opacity: 1;
    transition: 0.6s all ease;
}

.sticky_header .reveal.active {
    transform: translateY(-100px);
    opacity: 1;
    transition-delay: 0.40s;
}

.header-panel {
    background: url(../images/FP-Website-Header-Home_1.png) no-repeat center 0;
    /* height:600px;margin-top:-100px; */
    width: 100%;
    align-items: center;
    justify-content: center;
}

.search-text {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 84px/110px var(--unnamed-font-family-satoshi);
    text-align: left;
    font: normal normal medium 50px/110px Satoshi;
    letter-spacing: -0.84px;
    color: #FFFFFF;
    text-shadow: 0px 0px 60px #00000026;
    opacity: 1;
    font-size: 50px;
    line-height: 1;
}

.hd1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 45px/134px var(--unnamed-font-family-satoshi);
    text-align: center;
    font: normal normal medium 45px/134px Satoshi;
    letter-spacing: -0.84px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 45px;
    margin: 0 0 1%;
    line-height: 1;
    font-family: 'Satoshi-Medium';
}

#help-faqs .hd1 {
    margin: 0 0 3%;
}

.home-heder-video {
    position: absolute;
    top: 0;
    left: 0;
}

.search-info {
    position: relative;
    z-index: 9;
}

.header-panel:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
}

.header-panel video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.purple-hd {
    color: #8F1492;
}

.purple-txt {
    color: #8F1492 !important;
}

.hd2 {
    color: #FF5661;
    font-size: 22px;
    margin: 0 0 3%;
    font-family: 'Satoshi-Bold';
}

.mr-t-30 {
    margin-top: 30px;
}

.mr-t-40 {
    margin-top: 40px;
}

.mr-t-50 {
    margin-top: 30px;
}

.white-txt {
    color: #fff !important;
}

.left-align {
    text-align: left;
}

.footer-panel {
    background: #fff;
}

.footer-logo img {
    max-width: 240px;
}

.footer-row1 {
    justify-content: space-between;
    align-items: center;
}

.footer-social img {
    margin: 0;
    width: 0;
}

.footer-social {
    width: 19%;
    text-align: right;
}

.footer-social a {
    margin: 0 5%;
    background: url(../images/facebook.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: 28px;
}

.footer-social a.fb {
    background: url(../images/facebook.svg) no-repeat 0 0;
    background-size: 28px;
}

/* .footer-social a.fb:hover{background:url(../images/facebook-h.svg) no-repeat 0 0;background-size:28px;} */

.footer-social a.instagram {
    background: url(../images/instagram-1.svg) no-repeat 0 0;
    background-size: 28px;
}

/* .footer-social a.instagram:hover{background:url(../images/instagram-h2.svg) no-repeat 0 0;background-size:28px;} */

.footer-social a.linkedin {
    background: url(../images/linkedin.svg) no-repeat 0 0;
    background-size: 28px;
    display: none;
}

/* .footer-social a.linkedin:hover{background:url(../images/linkedin-h.svg) no-repeat 0 0;background-size:28px;} */

.footer-social a.pinterest {
    background: url(../images/pinterest.svg) no-repeat 0 0;
    background-size: 28px;
}

/* .footer-social a.pinterest:hover{background:url(../images/pinterest-h.svg) no-repeat 0 0;background-size:28px;} */


.copyright {
    border-top: 1px solid #a9a9a9;
    padding: 1% 0 1% 0;
    font-size: 14px;
    color: #707070;
}

.footer-links {
    padding: 4% 0 1%;
}

.footer-home .footer-links {
    padding-bottom: 140px;
}

.footer-links ul {
    padding: 0;
}

.footer-links ul li {
    padding: 0;
    font-size: 14px;
    line-height: 1;
}

.footer-links ul li a {
    color: #FF5661;
    display: block;
    padding: 0 0 15px;
    font-family: 'Satoshi-Medium';
}

.footer-links ul li li a {
    color: #707070;
    display: block;
    padding: 0 0 12px;
    font-size: 13px;
    font-family: 'Satoshi-Regular';
    transition: all 0.25s ease-in-out;
}

.footer-links ul ul {
    margin: 0 0 20px;
    float: left;
    width: 25%;
}

.footer-col1 {
    width: 44%;
}

.footer-col2 {
    width: 15%;
}

.footer-col3 {
    width: 56%;
}

.footer-links .footer-col1 ul li {
    width: 50%;
    float: left;
}

.footer-links .footer-col2 ul li {
    width: 100%;
    float: left;
}

.footer-links .footer-col3 ul ul {
    width: 100%;
    float: left;
}

.footer-links .footer-col3 ul ul li {
    width: 33.33%;
    float: left;
}

.footer-links ul li a:hover {
    color: #743B64;
    transition: all 0.25s ease-in-out;
}

/* .footer-social img:hover{margin-top:-8px;} */
.logo {
    position: relative;
    z-index: 9;
}

.search-active .search-text {
    color: #743B64;
}

.search-info {
    cursor: pointer;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.search-text {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    font-family: 'Satoshi-Medium';
}

.search-text2 {
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
}

.search-active .search-text2 {
    font-size: 20px;
}

.search-box {
    background: url(../images/right-arrow5.svg) no-repeat right center;
    border: 0;
    color: #fff;
    width: 100%;
    font-size: 16px;
    -webkit-appearance: none;
    border-bottom: 2px solid transparent;
}

.search-active .search-box {
    background: url(../images/search-icon.svg) no-repeat right center;
    border-bottom: 2px solid #743B64;
    font-size: 19px;
}

.home-index .ui-widget-content {
    height: 138px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: #aaa #e3e3e3;
    scrollbar-width: thin;
    scrollbar-color: #aaa #e3e3e3;
}

.home-index .ui-widget-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #e3e3e3;
}

.home-index .ui-widget-content::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

.home-index .ui-menu .ui-menu-item {
    border-bottom: 1px solid #eee;
}

.header-search-panel input:focus::-webkit-input-placeholder {
    color: #fff;
}

.header-search-panel input:focus:-moz-placeholder {
    color: #fff;
}

/* FF 4-18 */
.header-search-panel input:focus::-moz-placeholder {
    color: #fff;
}

/* FF 19+ */
.header-search-panel input:focus:-ms-input-placeholder {
    color: #fff;
}

/* IE 10+ */
.header-search-panel input::-webkit-input-placeholder,
.header-search-panel textarea::-webkit-input-placeholder {
    /* Edge */
    opacity: 1;
    color: #fff;
}

.header-search-panel input:-ms-input-placeholder,
.header-search-panel textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 1;
    color: #fff;
}

.header-search-panel input::placeholder,
.header-search-panel textarea::placeholder {
    opacity: 1;
    color: #fff;
}

.search-active input:focus::-webkit-input-placeholder {
    color: #743B64;
}

.search-active input:focus:-moz-placeholder {
    color: #743B64;
}

/* FF 4-18 */
.search-active input:focus::-moz-placeholder {
    color: #743B64;
}

/* FF 19+ */
.search-active input:focus:-ms-input-placeholder {
    color: #743B64;
}

/* IE 10+ */
.search-active .search-box {
    color: #743B64;
}

.dropdown-toggle::after {
    border: 0;
    background: transparent;
    width: 15px;
    height: 15px;
    right: 0;
    position: absolute;
    top: 10px;
}

.dropdown-toggle::after {
    border: 0;
    background: url(../images/arrow-dw3.svg) no-repeat right center;
    width: 15px;
    height: 15px;
    right: 0;
    position: absolute;
    top: 12px;
}

.dropdown-toggle:hover::after {
    border: 0;
    background: url(../images/arrow-dw3.svg) no-repeat right center;
    width: 15px;
    height: 15px;
    right: 0;
    position: absolute;
    top: 12px;
    transform: rotate(180deg);
}

.show .show .dropdown-toggle::after {
    transform: rotate(180deg);
}

.menu .navbar-light .navbar-nav .nav-link:hover {
    color: #743B64;
}

.menu .navbar-nav .nav-link:before {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #743B64;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    top: auto;
}

.menu .navbar-nav .nav-link:hover:before,
.menu .navbar-nav .show .nav-link:before {
    width: 100%;
    left: 0;
}

.menu .navbar-nav .nav-link.signin:before {
    content: unset;
}

.menu .navbar-nav .submenu-in .nav-link:before {
    content: unset;
}

.menu .megamenu {
    padding: 0 18px;
}

.h-a,
.h-a div {
    height: auto !important;
    min-height: unset !important;
}

.menu-div1 .menu-div1-in {
    border-top: 1px solid #e4e4e4;
    padding-top: 15px !important;
}

.menu-hd a {
    color: #FF5661;
}

.stationery .menu-hd a {
    color: #7153C4;
}

.packaging .menu-hd a {
    color: #FFB300;
}

.menu-div1-in p {
    font-size: 15px;
    color: #757575;
    margin: 0 0 12px;
}

.nav-link.logout {
    background: url(../images/user-icon.svg) no-repeat right 8px;
    font-size: 0;
    width: 36px;
    height: 36px;
}

.nav-link.logout:after {
    content: 'Logout';
    font-size: 1.10vw;
    position: absolute;
    right: -55px;
    width: 110px;
    text-align: right;
    bottom: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    color: #743B64;
    font-family: 'Satoshi-Medium';
}

.nav-link.logout:hover:after {
    bottom: 0px;
    visibility: visible;
    opacity: 1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.nav-link.logout:hover {
    border: 0;
}

.menu-div1-in {
    position: absolute !important;
    bottom: -15px;
    left: 24.8%;
    width: 100%;
    max-width: 480px;
}

.menu .navbar-nav .menu-frst-lvl-hvr:before {
    content: '' !important;
    background: url(../images/arrow-dw3-blue-menu) no-repeat right center;
    right: -5px;
    width: 15px;
    height: 15px;
    position: absolute;
    transform: rotate(-90deg);
    top: 5px;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.menu .navbar-nav .menu-hd:hover .menu-frst-lvl-hvr:before {
    right: -16px;
    opacity: 1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.menu-frst-lvl-hvr {
    position: relative;
}

.menu .navbar-nav .stationery .menu-frst-lvl-hvr:before {
    background: url(../images/arrow-dw3-purple-menu.svg) no-repeat right center;
}

.menu .navbar-nav .packaging .menu-frst-lvl-hvr:before {
    background: url(../images/arrow-dw3-yellow-menu.svg) no-repeat right center;
}





/*------------------------------------
MENU SECTION
-------------------------------------*/
.menu .navbar-nav .nav-link {
    text-transform: capitalize;
}

.hide-li {
    display: none !important;
}

@media only screen and (min-width:992px) {
    .menu .hide-dsk-menu {
        display: none !important;
    }

    .menu .navbar {
        position: static;
        padding-right: 0;
    }

    .menu .container {
        padding: 0;
        position: relative;
    }

    .menu .navbar-dark .navbar-nav .nav-link {
        color: #743B64;
        padding-bottom: 20px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 1;
        padding-top: 90px;
        top: 0;
        background: #fff;
        width: 92%;
        margin: 0 4% !important;
        border-radius: 0;
        padding-bottom: 50px;
    }

    .menu .navbar-nav .nav-link {
        position: relative;
        z-index: 9;
        color: #743B64;
        padding: 5px 0 5px;
        font-family: 'Satoshi-Medium';
    }

    .menu .navbar-nav .nav-link:last-child {
        padding-right: 0;
    }

    .menu .navbar-light .navbar-nav .show>.nav-link {
        color: #743B64;
    }

    .menu-hd {
        color: #FF5661;
        font-family: 'Satoshi-Bold';
    }

    .submenu-in .nav-link {
        padding: 0 0 6.7% !important;
        font-size: 14px;
        height: auto;
        line-height: 1;
        color: #757575 !important;
        font-family: 'Satoshi-Regular' !important;
    }

    .submenu div {
        position: static;
        max-height: 77vh;
        height: 77vh;
        /* min-height:500px; */
    }

    .menu-tg {
        position: absolute;
        right: 0;
        width: 26%;
        top: 66%;
        padding-right: 15px;
    }

    .submenu span.d-lg-block {
        height: 300px;
        width: 300px;
        float: right;
        position: absolute;
        right: 15px;
        top: 0;
    }

    .submenu .nav-item span {
        opacity: 0;
        padding-top: 320px;
    }

    .submenu .nav-item:hover span {
        opacity: 1;
    }

    .menu-tg {
        line-height: 1.2;
        font-size: 15px;
        color: #FF5661;
        padding-top: 15px;
    }

    .submenu .nav-item .menu-tg {
        opacity: 0;
        background: #fff;
    }

    .submenu .nav-item:hover .menu-tg {
        opacity: 1;
        background: #fff;
    }

    .submenu-in ul {
        margin: 15px 0 10px;
    }

    /* .menu .navbar-light .navbar-nav .show > .nav-link:before{content:'';border-bottom:2px solid #743B64;
right:0;position:absolute;left:0;bottom:0;} */
    .stationery .menu-hd,
    .stationery .menu-tg {
        color: #7153C4;
    }

    .packaging .menu-hd,
    .packaging .menu-tg {
        color: #FFB300;
    }

    .corporate .menu-hd,
    .corporate .menu-tg {
        color: #FF5661;
    }

    .menu .navbar-light .navbar-nav .no-dr .nav-link:after {
        content: unset;
    }

    .menu .navbar-light .navbar-nav .show.r-0>.nav-link:before {
        right: 0;
    }

    .show .dropdown-toggle::after {
        transform: rotate(-180deg);
    }

    /* .menu .navbar-nav:hover .dropdown-toggle::after{transform:rotate(-180deg);} */
    .dropdown-toggle::after {
        top: 35%;
    }

    /* .menu .navbar-light .navbar-nav .show .nav-link {border-bottom:1px solid #743B64} */
    .menu .navbar-light .navbar-nav .show .submenu-in .nav-link {
        border-bottom: 0
    }

    .pd-l {
        padding-right: 25px !important;
    }

    .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon.svg) no-repeat right 8px;
        font-size: 0;
        width: 36px;
        height: 36px;
    }

    .menu .navbar-nav .nav-link.signin:after {
        content: 'Sign In';
        font-size: 1.10vw;
        position: absolute;
        right: -55px;
        width: 110px;
        text-align: right;
        bottom: -10px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
    }

    .menu .navbar-nav .nav-link.signin:hover:after {
        bottom: 0px;
        visibility: visible;
        opacity: 1;
        transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
    }

    .menu .navbar-nav .nav-link.signin:hover {
        border: 0;
    }

    .signin-link {
        position: relative;
    }

    .menu .mb-4,
    .menu .my-4 {
        margin-bottom: 0 !important;
    }

    .products-list-row .hd2 {
        min-height: 41px;
        line-height: 1;
    }

    /* .sticky_header .logo img{max-width:40%;} */
    .sticky_header .trigger-menu-wrapper {
        padding-bottom: 0.5% !important;
        padding-top: 0.5% !important;
        transition: all 0.35s ease-in-out;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .trigger-menu-wrapper {
        transition: all 0.35s ease-in-out;
    }

    .home-index .listing {
        min-height: 125px;
    }

    .home-index .product-details {
        min-height: unset;
    }

    .nav-link.logout {
        font-size: 0 !important;
    }

    .header-menu-visible .sticky_header .trigger-menu-wrapper {
        background: #fff;
    }
}

@media screen and (max-width:991px) {
    .menu .navbar-light .navbar-nav .submenu-in .nav-link:hover {
        border-bottom: 0px solid rgba(0, 0, 0, .1) !important;
    }


}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .nav-link.logout::after {
        right: -45px;
        font-size: 14px;
    }

}

@media only screen and (min-width:1100px) and (max-width:1300px) {
    .menu-tg {
        right: 15px;
        top: 54%;
    }

}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .menu-tg {
        right: 15px;
        width: 25%;
        top: 60%;
        padding-right: 15px;
        max-width: 300px;
    }

}

@media only screen and (max-width:991px) {
    .navbar-light .navbar-toggler {
        right: 0;
        top: -45px;
        position: absolute;
    }

    .menu {
        width: 100%;
        float: left;
    }

    .menu-tg {
        display: none;
    }

    .navbar-collapse {
        position: absolute;
        padding: 20px;
        top: 10px;
        left: 0;
        width: 100%;
        float: left;
        background: #fff;
    }

    .logo {
        position: static;
    }

    .logo-ani {
        width: 180px !important;
    }

    .header-panel {
        margin-top: -115px;
    }

    .submenu div.col-lg-4,
    .submenu div.col-lg-7 {
        padding: 0;
        margin: 0 !important;
    }

    .top-panel {
        z-index: 10;
        padding: 15px 0 0 0;
    }

    .all-products .menu-hd,
    .all-products .menu-tg {
        color: #FF5661;
        font-size: 15px;
    }

    .all-products .menu-hd {
        margin-bottom: 1px;
    }

    .stationery .menu-hd,
    .stationery .menu-tg {
        color: #7153C4;
    }

    .packaging .menu-hd,
    .packaging .menu-tg {
        color: #FFB300;
    }

    .corporate .menu-hd,
    .corporate .menu-tg {
        color: #FF5661;
    }

    .submenu .list-unstyled {
        margin: 0 0 5px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .5);
        font-size: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin: 0;
        padding: 5px 0 !important;
    }

    .navbar-light .navbar-nav .submenu .nav-link {
        border-bottom: 0;
        margin: 0;
        padding: 0 !important;
    }

    .navbar-light .navbar-nav .submenu .nav-link:hover {
        border-bottom: 0 !important;
    }

    .menu .navbar-light .navbar-nav .show>.nav-link {
        color: #743B64;
    }

    .menu .navbar-light .navbar-nav .nav-link {
        color: #743B64;
        position: relative;
    }

    .menu .navbar-light .navbar-nav .submenu-in .nav-link {
        color: rgba(0, 0, 0, .5);
    }

    .navbar-light .navbar-nav .nav-item:last-child .nav-link {
        border: 0;
    }

    .navbar-light .navbar-nav .nav-item .nav-link.logout {
        background-position: 0 center;
        padding-left: 35px !important;
        border: 0;
    }

    .navbar-light .navbar-nav .nav-item .nav-link.logout:before,
    .navbar-light .navbar-nav .nav-item .nav-link.logout:after {
        content: unset;
    }

    .menu .megamenu {
        padding: 0;
    }

    .h-a,
    .h-a div {
        padding: 0;
        margin-bottom: 0 !important;
    }

    .navbar-light .navbar-toggler {
        color: #743B64;
        border: 1px solid #743B64;
        padding: .25rem;
        border-radius: 0;
    }

    .navbar-light .navbar-toggler-icon {
        background: url(../images/menu.png) no-repeat center center
    }

    .header-panel {
        height: 467px;
    }

    .container {
        max-width: 100%;
    }

    .nav-link.logout:hover::after {
        bottom: 19px;
    }

    .nav-link.logout::after {
        right: 45px;
        font-size: 15px;
    }

    .menu-div1-in {
        position: static !important;
        max-width: unset;
    }

    .product-product-landing .mobile-nav-toggle {
        display: none;
    }

    .products-section .container {
        max-width: 100%;
    }

    .navbar-collapse .header-cart,
    .navbar-collapse .signin,
    .navbar-collapse .logout-li-mbl {
        display: none !important;
    }
}

@media only screen and (max-width:767px) {
    .order-section .signin-link {
        float: right;
        position: absolute;
        right: 10px;
    }

    .nav-link.logout::after {
        right: 30px;
    }

    .nav-link.logout:hover::after {
        bottom: 0;
    }

    .signin-link {
        position: absolute;
        right: 10px;
    }

    .header-panel video {
        height: auto;
    }

}


@media only screen and (min-width:1800px) {

    .menu .navbar-nav .nav-link.signin,
    .menu .navbar-nav .nav-link.logout {
        margin-top: 7px;
    }

    .menu .navbar-nav .nav-link.signin::after,
    .menu .navbar-nav .nav-link.logout::after {
        top: 0;
    }

    .menu .navbar-nav .nav-link.signin::after,
    .menu .navbar-nav .nav-link.logout::after,
    .nav-link.logout::after {
        right: -75px;
    }

    .menu-tg {
        width: 18%;
        top: 40%;
    }

    .menu-div1-in {
        max-width: 700px;
        left: 24%;
    }
}

/*------------------------------------
PRODUCTS SECTION
-------------------------------------*/

.products-section {
    background: #743B64;
}

.txt1 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: 'Satoshi-Medium';
    line-height: 1.3;
}

.product-div {
    text-align: center;
}

.product-details {
    background: #fff;
    padding: 6% 8%;
}

.products-slider {
    margin-top: 30px;
}

.product-desc {
    color: #000000;
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 3%;
    font-family: 'Satoshi-Medium';
}

.more a {
    color: #9F9F9F;
    font-size: 14px;
    background: url(../images/right-arrow.svg) no-repeat 96% center;
    padding: 0 35px 0 0;
    text-transform: uppercase;
    letter-spacing: 1.28px;
    font-family: 'Satoshi-Medium';
}

.more a:hover {
    color: #743B64;
    background: url(../images/right-arrow2.svg) no-repeat 100% center;
}

.viwe-all a {
    color: #fff;
    padding: 14px 30px;
    border: 2px solid #fff;
    line-height: 1;
    letter-spacing: 1.93px;
    font-family: 'Satoshi-Medium';
}

.viwe-all a:hover {
    background: #fff;
    color: #743B64
}

.viwe-all {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

.products-section .owl-prev {
    left: -65px;
}

.products-section .owl-next {
    left: auto;
    right: -65px;
}

.products-section .owl-prev,
.products-section .owl-next {
    position: absolute;
    top: 50%;
    background: url(../images/arrow-dw2-slider.svg) no-repeat 0 0 !important;
    width: 35px;
    height: 35px;
    transform: rotate(-90deg);
}

.products-section .owl-prev span,
.products-section .owl-next span {
    display: none;
}

.products-section .owl-prev {
    transform: rotate(90deg);
}

.product-img {
    overflow: hidden;
}

.product-img img {
    transition: transform .2s;
}

.products-col1 .product-img img {
    height: 235px;
    object-fit: cover;
    width: 100%;
}

.products-section.common-pd {
    padding-top: 30px;
    padding-bottom: 36px;
}

#why-us .read {
    display: none;
}

.owl-carousel .owl-item img {
    height: 235px;
    object-fit: cover;
}

.product-info-details-slider .owl-carousel .owl-item img {
    height: auto;
}

/*------------------------------------
SERVICES SECTION
-------------------------------------*/

.services-section {
    background: #CEF0FF;
}

.home-index .services-section {
    background: #CEFFF8;
}

.services-col1 {
    width: 33.33%;
    padding: 0 1%;
    position: relative;
}

.services-inside {
    margin: 5% -1% 3px -1%;
}

.read a {
    color: #2F5E4F;
    font-size: 14px;
    background: url(../images/right-arrow3.svg) no-repeat 96% center;
    padding: 0 10% 0 0;
    text-transform: uppercase;
    letter-spacing: 1.28px;
}

.read a:hover {
    color: #8F1492;
    background: url(../images/right-arrow4.svg) no-repeat 100% center;
    padding: 0 10% 0 0;
}

.home-page1 .read a,
.home-page1 .read a:hover {
    padding-right: 3%
}

.services-section-hm .read a,
.services-section-hm .read a:hover {
    padding-right: 3%
}

.read {
    text-align: center;
    margin-top: 2%;
}

.services-hd {
    color: #8F1492;
    font-size: 23px;
    margin: 15px 0 15px;
    font-family: 'Satoshi-Bold';
}

.services-desc {
    color: #273B35;
    font-size: 14px;
}

#next-design-your-cards.services-inside {
    justify-content: center;
}

/* .services-icon img{max-height:80px;}
.services-icon{min-height:85px;}
.services-col1:hover img{margin-top:-5px;} */

.services-section .services-col1 {
    padding-left: 3%;
    padding-right: 3%;
}

.services-section .services-inside {
    margin-left: -3%;
    margin-right: -3%;
}

.artwork-section1 .services-hd {
    margin: 2% 0 6%;
    width: 100%;
}

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

    .services-section-hm .read a,
    .services-section-hm .read a:hover {
        padding-right: 33px;
    }

}

/*------------------------------------
PRINT SECTION
-------------------------------------*/

.print-section {
    background: #1B5ADE ;
}

.print-panel {
    margin-top: 2%;
    width: 100%;
}

.product-product-landing .print-panel {
    margin-top: 5%;
}

.print-col1 {
    width: 25%;
    padding: 0 5px;
}

.print-col3 {
    padding-top: 10px;
}

.print-col1 img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.print-col1:first-child {
    padding-left: 0;
}

.print-col1:last-child {
    padding-right: 0;
}

.print-col1,
.print-col2,
.print-col3 {
    overflow: hidden;
    margin: 0;
}

.h1 img {
    opacity: 1;
}

.h1:hover img {
    opacity: 0.7;
}

.print-col2 img {
    opacity: 1;
}

.print-col2:hover img {
    opacity: 0.7;
}

.print-col3 img {
    opacity: 1;
}

.print-col3:hover img {
    opacity: 0.6;
}

/*------------------------------------
TESTIMONIALS SECTION
-------------------------------------*/

.testimonials-section {
    background: #FF5661;
    padding-top: 40px;
    padding-bottom: 40px;
}

.testimonials-section .owl-nav {
    display: none;
}

.testimonials-section .owl-dots {
    text-align: center;
}

.testimonials-div {
    padding: 4% 4%;
    background: #fff;
}

.testimonials-txt1 {
    color: #FF5661;
    font-size: 30px;
    padding: 0 12%;
    line-height: 1.4;
    margin-bottom: 5%;
    position: relative;
    font-family: 'Satoshi-Medium';
    letter-spacing: -0.4px;
}

.testimonials-name {
    color: #707070;
    font-size: 18px;
    padding: 0 12%;
    line-height: 1.4;
    font-family: 'Satoshi-Bold';
    letter-spacing: 0;
}

.testimonials-name span {
    display: block;
    font-weight: normal;
}

.testimonials-section .testimonials-slider .owl-dot {
    width: 10px;
    height: 10px;
    border: 0;
    margin: 0 3px;
    border-radius: 50%;
    background: #fff;
    margin-top: 50px;
    padding: 0;
}

.testimonials-section .owl-dot.active {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    background: transparent;
}

.testimonials-txt1:before {
    content: '';
    background: url(../images/quote2.svg) no-repeat 0 0;
    position: absolute;
    left: 25px;
    top: 0;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.testimonials-txt1:after {
    content: '';
    background: url(../images/quote1.svg) no-repeat right bottom;
    position: absolute;
    right: 25px;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.testimonials-slider .testimonials-slider {
    padding: 0 11%;
}

.testimonials-slider {
    margin-top: 4%;
}

@media only screen and (min-width:1000px) {
    .testimonials-txt1 {
        min-height: 169px;
    }
}

/*------------------------------------
SAMPLE SECTION
-------------------------------------*/

.sample1-section {
    background: url(../images/sample-img1.jpg) no-repeat center 0;
    height: 50%;
    background-size: cover;
    margin-bottom: 25px;
    margin-top: 0;
}

.sample-section {
    background: #FFEF67;
    padding-top: 0 !important;
    padding-bottom: 0;
    align-items: flex-start !important;
    display: none;
    flex-wrap: wrap;
    height: 100vh;
}

.gray-txt {
    color: #333333;
}

.order a {
    color: #6F1971;
    padding: 14px 30px;
    border: 2px solid #6F1971;
    line-height: 1;
    letter-spacing: 1.93px;
    font-family: 'Satoshi-Medium';
}

.order a:hover {
    background: #6F1971;
    color: #fff;
}

.order {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.sample-section .txt1 {
    margin-top: 15px;
}

/*------------------------------------
ENQUIRY SECTION
-------------------------------------*/
.enquiry-section {
    background: #D11F4F;
    padding-top: 5%;
    padding-bottom: 5%;
}

.enquiry-l {
    width: 45%
}

.enquiry-r {
    width: 45%
}

.enquiry-form {
    margin-top: 1.2%;
}

.enquiry-in {
    justify-content: space-between;
    margin-top: 5%;
}

.call {
    background: url(../images/call.svg) no-repeat 0 center;
    padding: 0 0 0 32px;
    margin: 0 0 3px;
    background-size: 20px
}

.email {
    background: url(../images/email.svg) no-repeat 0 center;
    padding: 0 0 0 32px;
    margin: 0;
    background-size: 20px
}

.email a {
    color: #fff;
}

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

.form-row1 {
    margin: 0 0 3%;
}

.form-row1 input[type="text"]:focus,
.form-row1 input[type="email"]:focus,
.form-row1 textarea:focus,
.form-row1 select:focus {
    outline: solid 2px #759dea;
}

.form-row1 input[type="text"],
.form-row1 input[type="email"],
.form-row1 input[type="file"] {
    font-family: 'Satoshi-Regular';
    width: 100%;
    border: 0;
    padding: 2% 3%;
    color: #D11F4F;
    background: #fff;
    font-size: 15px;
}

.form-row1 textarea {
    font-family: 'Satoshi-Regular';
    width: 100%;
    border: 0;
    padding: 2% 3%;
    color: #D11F4F;
    height: 18vh;
    font-size: 15px;
}

.form-row1 select {
    font-family: 'Satoshi-Regular';
    width: 100%;
    border: 0;
    padding: 2% 3%;
    color: #D11F4F;
    border-radius: 0;
    background: url(../images/arrow-dw.svg) no-repeat 97% center #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 16px;
    font-size: 15px;
}

select,
option {
    font-family: 'Satoshi-Regular';
}

.form-row1 input[type="submit"] {
    width: auto;
    background: transparent;
    border: 2px solid #fff;
    padding: 8px 55px;
    color: #fff;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 20px;
}

.form-row1 input[type="submit"]:hover {
    background: #ffef67;
    color: #d11f4f;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}

.form-row2 input[type="text"] {
    width: 60%;
}

.form-row2 select {
    width: 38%;
}

.form-row2 {
    justify-content: space-between;
}

.form-error {
    color: #fff;
    font-size: 13px;
    width: 100%;
    margin: 0;
}

.corporate-form-section .form-row1 input[type="text"],
.corporate-form-section .form-row1 input[type="email"],
.corporate-form-section .form-row1 input[type="file"],
.corporate-form-section .form-row1 select,
.corporate-form-section .form-row1 textarea {
    padding: 10px 15px;
    font-size: 15px;
}

.success-r-row1 {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.success-r-row1 .cart-pro-desc {
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
}

.pr1,
.tax_split {
    text-align: right;
}

.pr-row1 {
    float: left;
    width: 100%;
}

.success-r-row1:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}

.rigid-box-panel {
    width: 100%;
}

.rigid-box-panel label {
    width: 32.33%;
    margin: 0;
}

.rigid-box-panel {
    margin-top: 45px !important;
}

.product-detail-r .rigid-box-panel .form-control {
    padding: 14px 20px;
    color: #495057;
    width: 98%;
    border: 0;
    line-height: 1;
    height: auto;
    font-size: 15px;
}

.rigid-box-panel .form-row1 input[type="text"],
.rigid-box-panel .form-row1 input[type="email"],
.rigid-box-panel .form-row1 input[type="file"],
.rigid-box-panel .form-row1 textarea {
    padding: 14px 20px;
    color: #495057;
    width: 98%;
    line-height: 1;
    height: auto;
    font-size: 15px;
}

.rigid-box-panel label.error {
    width: 100%;
}

.rigid-box-two-clm-fr {
    display: flex;
    justify-content: space-between;
    padding-right: 15px;
    flex-wrap: wrap;
}

.rigid-box-two-clm-fr input {
    width: 49% !important;
}

.rigid-box-two-clm-fr #quantity_div input {
    width: 100% !important;
}

.rigid-box-two-clm-fr .w-50 {
    width: 49% !important
}

.rigid-box-two-clm-fr .w-50 input {
    width: 100% !important
}

@media only screen and (min-width:992px) and (max-width:1180px) {
    .products-slider .owl-nav {
        display: none;
    }

    .copyright {
        font-size: 13px;
    }

    .footer-social a {
        margin: 0 3.2%;
    }
}

@media only screen and (min-width:768px) and (max-width:1180px) {
    .products-slider .owl-dot {
        width: 10px;
        height: 10px;
        border: 0;
        margin: 0 3px;
        border-radius: 50%;
        background: #fff !important;
        margin-top: 50px;
    }

    .products-slider .owl-dot.active {
        width: 15px;
        height: 15px;
        border: 2px solid #fff !important;
        background: transparent !important;
    }

    .products-slider .owl-dots {
        text-align: center;
        margin-bottom: 30px;
    }

    .services-inside {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .testimonials-txt1 {
        font-size: 27px;
    }

    .enquiry-r {
        width: 50%;
    }

    .enquiry-l {
        width: 47%;
    }

    .hd1 {
        font-size: 38px;
    }

    .services-hd {
        font-size: 20px;
        min-height: 50px;
    }

    .sample1-section {
        height: 270px;
    }

    .footer-col1 {
        width: 41%;
    }

    .footer-col2 {
        width: 20%;
    }

    .footer-col3 {
        width: 59%;
        padding-left: 30px;
    }

    .footer-links .footer-col3 ul li li {
        width: 33.33%;
    }

    .testimonials-slider .testimonials-slider {
        padding: 0;
    }

    .footer-social {
        width: 22%;
    }

    .footer-social a {
        margin: 0 2.5%;
    }



}

@media only screen and (max-width:991px) {
    .print-section {
        display: none;
    }

    .header-panel video {
        height: 255px;
    }

    .header-panel::after {
        max-height: 432px;
    }

    .rigid-box-panel {
        width: 100%;
    }

    .rigid-box-panel label {
        width: 100%;
    }

    .rigid-box-two-clm-fr {
        flex-wrap: wrap;
        padding-right: 7px;
    }

    .rigid-box-two-clm-fr input {
        width: 100% !important;
    }

    .rigid-box-two-clm-fr .w-50 {
        width: 100% !important
    }

    .product-detail-r .rigid-box-panel .form-control {
        margin-bottom: 12px;
    }

    .rigid-box-panel .form-row1 {
        margin: 0;
    }


}

@media only screen and (max-width:767px) {
    .testimonials-slider .testimonials-slider {
        padding: 0;
    }

    .common-pd {
        padding-top: 30px;
        padding-bottom: 36px;
    }

    .common-pd2 {
        padding-top: 30px;
    }

    .common-pd-products {}

    .sample-section {
        height: auto;
    }

    .mr-t-40 {
        margin-top: 20px;
    }

    .hd1 {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .txt1 {
        font-size: 15px;
    }

    .products-section .owl-prev {
        left: 0;
    }

    .products-section .owl-next {
        right: 0;
    }

    .products-section .owl-prev,
    .products-section .owl-next {
        top: 67%;
        width: 25px;
        height: 25px;
    }

    .viwe-all {
        margin-top: 10px;
    }

    .read {
        margin-top: 15px;
    }

    .services-col1 {
        width: 100%;
        padding: 15px 0;
    }

    .print-col1 {
        width: 50%;
    }

    .print-col1:first-child {
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .print-col1:last-child {
        padding-right: 5px;
        padding-top: 10px;
    }

    .testimonials-div {
        padding: 30px 15px;
    }

    .testimonials-txt1::before {
        left: 0;
        background-size: 30px;
    }

    .testimonials-txt1::after {
        right: 0;
        background-size: 30px;
        background-position: right bottom;
    }

    .testimonials-txt1 {
        padding: 0px 40px;
        font-size: 15px;
    }

    .testimonials-name {
        font-size: 15px;
        padding: 0 40px;
    }

    #testimonials .owl-carousel .owl-dots {
        display: none;
    }

    .testimonials-section .owl-dot {
        margin-top: 30px;
    }

    #testimonials.testimonials-slider {
        padding: 0;
    }

    .sample1-section {
        height: 140px;
    }

    .enquiry-l {
        width: 100%;
    }

    .enquiry-r {
        width: 100%;
        margin-top: 25px;
    }

    .footer-links {
        display: none !important;
    }

    .footer-row1 {
        padding-bottom: 15px;
    }

    .copyright {
        line-height: 1.3;
        font-size: 12px;
    }

    .footer-logo img {
        max-width: 185px;
        margin: 0;
    }

    .footer-social img {
        margin: 0 3px;
        max-width: 22px;
    }

    .search-text {
        font-size: 23px;
    }

    .header-search-panel {
        margin-top: 85px;
    }

    .header-panel {
        height: 290px;
    }

    .header-panel::after {
        max-height: 255px;
    }

    .services-inside {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    .search-box {
        width: 100%;
        max-width: 300px;
    }

    .search-active .search-box {
        font-size: 16px;
    }

    .owl-nav {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .products-section .owl-prev,
    .products-section .owl-next {
        position: static;
    }

    .products-section .owl-dots {
        display: none;
    }

    .product-details {
        padding: 20px;
    }

    .footer-social a {
        width: 20px;
        height: 20px;
        margin: 0 4px;
        background-size: 20px !important;
    }

    .footer-social {
        width: auto;
    }

    .owl-carousel .owl-stage-outer {
        background: transparent;
    }

    .form-row1 select,
    .form-row1 input[type="text"],
    .form-row1 input[type="email"],
    .form-row1 textarea {
        padding: 10px 10px;
    }

    .product-desc {
        min-height: 65px;
    }

    .product-product-landing .product-desc {
        min-height: unset;
    }

    .search-text2 {
        margin-top: 15px;
    }
}

/*------------------------------------
INSIDE HEADER
-------------------------------------*/

.inside-header-panel {
    background: #d7d7d7;
    height: 560px;
    margin-top: 0;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.business-cards-header {
    background: url(../images/business-cards-header.png) no-repeat center 0;
    background-size: cover;
}

.header-tg-panel {
    max-width: 31%;
    width: 100%;
}

.title1 {
    color: #743B64;
    letter-spacing: -0.72px;
    margin: 0 0 15px;
    line-height: 1.3;
    font-size: 45px;
    font-family: 'Satoshi-Medium';
}

.header-txt {
    color: #535353;
    font-size: 19px;
}

.about-header {
    background: url(../images/about-header.jpg) no-repeat center 0;
    background-size: cover;
    background-attachment: fixed;
}

.about-header .header-tg-panel {
    max-width: 58%;
    margin: 0 auto;
    text-align: center;
}

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

.abt-pro-sec3 .more a {
    filter: brightness(100);
}

.address-labels-header {
    background: url(../images/address-labels-header.jpg) no-repeat center 0;
    background-size: cover;
}

.canvas-prints-header {
    background: url(../images/canvas-prints-header.jpg) no-repeat center 0;
    background-size: cover;
}

.cd-dvd-stickers-header {
    background: url(../images/cd-dvd-stickers-header.jpg) no-repeat center 0;
    background-size: cover;
}

.cd-dvd-covers-header {
    background: url(../images/cd-dvd-covers-header.jpg) no-repeat center 0;
    background-size: cover;
}

.coasters-header {
    background: url(../images/coasters-header.jpg) no-repeat center 0;
    background-size: cover;
}

.collage-posters-header {
    background: url(../images/collage-posters-header.jpg) no-repeat center 0;
    background-size: cover;
}

.exhibition-banners-header {
    background: url(../images/exhibition-banners-header.jpg) no-repeat center 0;
    background-size: cover;
}

.exhibition-standees-header {
    background: url(../images/exhibition-standees-header.jpg) no-repeat center 0;
    background-size: cover;
}

.flexi-greeting-cards-header {
    background: url(../images/flexi-greeting-cards-header.jpg) no-repeat center 0;
    background-size: cover;
}

.flexi-paper-pens-header {
    background: url(../images/flexi-paper-pens-header.jpg) no-repeat center 0;
    background-size: cover;
}

.framed-mini-canvas-header {
    background: url(../images/framed-mini-canvas-header.jpg) no-repeat center 0;
    background-size: cover;
}

.invitation-cards-header {
    background: url(../images/invitation-cards-header.jpg) no-repeat center 0;
    background-size: cover;
}

.key-chains-header {
    background: url(../images/key-chains-header.jpg) no-repeat center 0;
    background-size: cover;
}

.luggage-tags-header {
    background: url(../images/luggage-tags-header.jpg) no-repeat center 0;
    background-size: cover;
}

.mouse-pads-header {
    background: url(../images/mouse-pads-header.jpg) no-repeat center 0;
    background-size: cover;
}

.mugs-header {
    background: url(../images/mugs-header.jpg) no-repeat center 0;
    background-size: cover;
}

.note-cards-header {
    background: url(../images/note-cards-header.jpg) no-repeat center 0;
    background-size: cover;
}

.notepads-header {
    background: url(../images/notepads-header.jpg) no-repeat center 0;
    background-size: cover;
}

.photo-gift-header {
    background: url(../images/photo-gift-header.jpg) no-repeat center 0;
    background-size: cover;
}

.stickers-header {
    background: url(../images/stickers-header.jpg) no-repeat center 0;
    background-size: cover;
}

.water-bottles-header {
    background: url(../images/water-bottles-header.jpg) no-repeat center 0;
    background-size: cover;
}

.photo-books-header {
    background: url(../images/photo-books-header.jpg) no-repeat center 0;
    background-size: cover;
}

.calenders-header {
    background: url(../images/calenders-header.jpg) no-repeat center 0;
    background-size: cover;
}

.school-note-book-labels-header {
    background: url(../images/school-note-book-labels-header.jpg) no-repeat center 0;
    background-size: cover;
}

.recycled-coasters-header {
    background: url(../images/recycled-coasters-header.jpg) no-repeat center 0;
    background-size: cover;
}

.recycled-penstands-header {
    background: url(../images/recycled-penstands-header.jpg) no-repeat center 0;
    background-size: cover;
}

.business-card-header {
    background: url(../images/business-card-header.jpg) no-repeat center center;
    background-size: cover;
}

.letterhead-header {
    background: url(../images/letterhead-header.jpg) no-repeat center center;
    background-size: cover;
}

.envelope-header {
    background: url(../images/envelope-header.jpg) no-repeat center center;
    background-size: cover;
}

.brochure-header {
    background: url(../images/brochure-header.jpg) no-repeat center center;
    background-size: cover;
}

.bill-book-header {
    background: url(../images/bill-book-header.jpg) no-repeat center bottom;
    background-size: cover;
}

.plain-boxes-header {
    background: url(../images/plain-boxes-header.jpg) no-repeat center 0;
    background-size: cover;
}

.custom-boxes-header {
    background: url(../images/custom-boxes-header.jpg) no-repeat center bottom;
    background-size: cover;
}

.kraft-boxes-header {
    background: url(../images/kraft-boxes-header.jpg) no-repeat center 0;
    background-size: cover;
}

.labels-header {
    background: url(../images/labels-header.jpg) no-repeat center center;
    background-size: cover;
}

.our-story-header {
    background: url(../images/our-story-header.jpg) no-repeat center 0;
    background-size: cover;
}

.business-services-header {
    background: url(../images/business-services-header.png) no-repeat center 0;
    background-size: cover;
}

.partner-with-us-header {
    background: url(../images/partner-with-us-header.jpg) no-repeat center 0;
    background-size: cover;
}

.privacy-policy-header {
    background: url(../images/privacy-policy-header.jpg) no-repeat center 0;
    background-size: cover;
}

.terms-conditions-header {
    background: url(../images/terms-conditions-header.png) no-repeat center 0;
    background-size: cover;
}

.flyers-header {
    background: url(../images/flyers-header.jpg) no-repeat center center #eee;
    background-size: cover;
}

.packaging-sleeves-header {
    background: url(../images/packaging-sleeves-header.png) no-repeat center 0 #eee;
    background-size: cover;
}

.wrapping-papers-header {
    background: url(../images/wrapping-papers-header.png) no-repeat center 0 #eee;
    background-size: cover;
}

.personalised-products-header {
    background: url(../images/personalised-products-header.png) no-repeat center 0 #eee;
    background-size: cover;
}

.invitations-header {
    background: url(../images/invitations-header.png) no-repeat center 0 #eee;
    background-size: cover;
}




/*------------------------------------
INSIDE SUBMENU
-------------------------------------*/
a.anchor,
.anchor {
    display: none;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.inside-submenu {
    padding: 1.5% 0;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    background: #fff;
    z-index: 2;
    border-bottom: 1px solid #eaf0fc;
}

.submenu-listing {
    padding: 0;
    text-align: center;
}

.submenu-listing li {
    display: inline-block;
    padding: 0 25px;
    line-height: 1;
}

.submenu-listing li a {
    letter-spacing: -0.22px;
    color: #743B64;
    font-family: 'Satoshi-Medium';
}

#sidebar-s.inside-submenu {
    position: sticky !important;
    position: -webkit-sticky !important;
}

#sidebar-s.fixed.inside-submenu {
    top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*------------------------------------
PRODUCT MAIN PAGE
-------------------------------------*/
.products-col1 {
    width: 24%;
    margin: 0 0.5%;
    background: #fff;
    position: relative;
}

.products-list-row {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 5%;
    margin-bottom: 10px;
}

.three-pro-box .products-col1 {
    width: 32.33%;
}

.products-list-row .product-details {
    padding: 6% 8%;
}

.products-list-row .hd2 {
    font-size: 19px;
    font-family: 'Satoshi-Bold';
}

.products-list-row .product-desc {
    color: #747474;
    font-size: 15px;
    font-family: 'Satoshi-Medium';
    margin: 0 0 15px;
    display: none;
}

/*.products-list-row .more {position:static;}*/
.listing {
    padding: 0;
    margin: 0 0 6%;
    min-height: 125px;
}

.listing.min-h-a {
    min-height: unset;
}

.listing li {
    padding: 0 0 2% 4%;
    color: #000000;
    font-size: 15px;
    background: url(../images/bullet1.png) no-repeat 0 5px;
    background-size: 6px;
    line-height: 1.2;
    text-align: left;
}

.listing.two-clm-listing {
    min-height: unset;
    margin: 0;
}

.listing.two-clm-listing li {
    width: 33.33%;
    float: left;
    padding-left: 15px;
}

.product-product-landing .listing {
    min-height: unset !important;
}

.white-box {
    background: #fff;
    padding: 6% 8%;
    height: 100%;
}

.white-box .listing {
    margin-bottom: 0;
}

.section5 .read {
    text-align: left;
}

.section5 .services-desc {
    min-height: unset !important;
}

.section5 .services-hd {
    font-family: 'Satoshi-Bold';
}

.social-content a {
    color: #FFB300;
    margin: 0 30px;
    font-size: 25px;
}

.social-content img {
    vertical-align: middle;
    padding-right: 5px;
}

.social-content {
    margin-top: 25px;
    margin-bottom: 30px;
}

.section8.common-pd {
    padding-top: 5%;
    padding-bottom: 5%;
}

.section8 .product-details {
    padding: 6% 8%;
}

.section8 .products-slider {
    margin-top: 4%;
}

.product-product-landing .section8 .products-slider {
    margin-top: 5%;
}

.products-section.section8 .owl-prev,
.products-section.section8 .owl-next {
    background: url(../images/arrow-dw5.svg) no-repeat 0 0 !important;
}

.underline-anchor {
    text-decoration: underline !important;
}

.cart-r .more {
    position: static;
}

.some-extra-tips-wrap {
    display: none;
}

@media only screen and (min-width:768px) {
    .more {
        position: absolute;
        bottom: 5%;
    }

    .home-index .product-details .more {
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .product-product-landing .products-list-row .product-details {
        padding-bottom: 15%;
    }

    .product-product-landing .products-col1 {
        position: relative;
    }

    .product-product-landing .listing {
        margin-bottom: 10px;
    }

    .home-pro-des {
        min-height: 90px;
    }

    .product-main-page-wrap .home-pro-des {
        min-height: 130px;
    }

    .you-may-like-wrap .product-details .more {
        margin: 0 auto;
        left: 0;
        right: 0;
        position: static;
        margin-top: 20px;
    }

    .you-may-like-wrap .product-desc {
        min-height: 90px;
    }

    .you-may-like-wrap .owl-carousel .owl-stage {
        display: flex;
        justify-content: center;
    }

    .you-may-like-wrap .owl-carousel .owl-stage-outer {
        display: flex;
        justify-content: center;
    }
}

/*---FAQs---*/

.accordion {
    width: 100%;
    margin-top: 1%;
}

.accordion>.card {
    border: 0;
}

.accordion>.card .card-header {
    background: transparent;
    margin: 0;
    padding: 0;
    border-color: #eaf0fc;
    border-width: 2px;
}

.accordion>.card .card-header .btn {
    width: 100%;
    text-align: left;
    padding: 2% 5% 2% 0;
    margin: 0;
    color: #FF5661;
    display: block;
    line-height: 1;
    border: 0;
    background: url(../images/minus-icon.png) no-repeat 97% center;
}

.accordion>.card .card-header .btn.collapsed {
    background: url(../images/plus-icon.png) no-repeat 97% center;
}

.accordion>.card .card-header .btn:hover {
    text-decoration: none;
}

.card-body {
    padding: 15px 0 0;
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}

.help-faqs-container .accordion>.card .card-header .btn {
    color: #743B64;
}

.faq-section .summary-table .table td,
.faq-section .summary-table .table th {
    padding: 1% 0;
}

.accordion .summary-table .table td,
.accordion .summary-table .table th {
    padding: 1% 0;
}

.accordion .listing {
    margin: 0;
}


/* .accordion > .card:last-child .card-header{border:0;} */
/*---FAQs end---*/

@media only screen and (min-width:768px) {
    .eight-pro-box .products-col1 {
        padding-top: 10px;
        padding-bottom: 10px;
        background: transparent;
    }

    .accordion .listing li {
        padding: 0 0 1% 2%;
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .header-tg-panel .title1 {
        font-size: 35px;
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .inside-header-panel {
        height: 375px;
        background-attachment: scroll !important;
    }

    .header-tg-panel {
        max-width: 360px;
    }

    .submenu-listing li {
        padding: 0 10px;
    }

    .products-list-row .product-details {
        padding: 10px;
    }

    .products-list-row .hd2 {
        font-size: 16px;
    }

    .products-list-row .product-desc {
        font-size: 14px;
    }

    .white-box {
        padding: 20px 15px;
    }

    .listing li {
        font-size: 14px;
        padding-left: 14px;
        background-position: 0 5px;
    }

    .services-section .services-inside {
        margin-left: 0;
        margin-right: 0;
    }

    .more {
        position: static;
    }

    .accordion>.card .card-header .btn {
        padding-right: 35px;
    }
}

@media only screen and (max-width:767px) {
    .inside-header-panel {
        height: 200px;
        background-attachment: scroll !important;
    }

    .title1 {
        font-size: 16px;
    }

    .header-txt {
        font-size: 12px;
        line-height: 1.2;
    }

    .header-tg-panel {
        width: 49%;
        max-width: 100%;
    }

    .terms-and-conditions-header .header-tg-panel {
        width: 100%;
        max-width: 100%;
    }

    .portfolio-header .header-tg-panel {
        width: 65%;
        max-width: 100% !important;
    }

    .submenu-listing li {
        width: 49%;
        text-align: left;
        padding: 0;
    }

    .inside-submenu {
        padding: 5px 0;
        top: 35px;
    }

    .sticky2 {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

    .hide-mbl {
        display: none !important;
    }

    .submenu-listing {
        line-height: 1.5;
    }

    .products-col1 {
        margin: 10px 0;
        width: 50%;
    }

    .social-content a {
        margin: 0 5px;
        font-size: 20px;
    }

    .social-content img {
        max-width: 27px;
    }

    .section7 .txt1 br {
        display: none;
    }

    .section8.common-pd {
        padding-top: 30px;
        padding-bottom: 36px;
    }

    .services-hd {
        font-size: 21px;
    }

    .accordion>.card .card-header .btn {
        font-size: 14px;
        line-height: 1.5;
    }

    a.anchor {
        top: -65px;
    }

    .section8 .product-details {
        padding: 25px 35px;
    }

    .menu-icon.sticky2 {
        margin-bottom: 0;
        z-index: 3;
        background: url(../images/menu-white.png) no-repeat 15px 9px #743B64;
        padding-top: 4px;
        padding-bottom: 7px;
    }

    .products-list-row {
        margin-bottom: 0;
    }

    .section5 .services-desc {
        min-height: unset;
    }

    .listing {
        min-height: unset;
    }

    .listing.two-clm-listing li {
        width: 100%;
    }

    .three-pro-box .products-col1 {
        width: 100%;
    }

    .white-box .listing {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:991px) {
    .header-gray {
        background: #ccc;
    }

    .submenu-listing1 li {
        width: 100%;
        padding: 10px 0 13px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        text-align: left;
    }

    .submenu-listing1 li:last-child {
        border: 0;
    }

    .menu1 .inside-submenu {
        margin-top: 40px;
    }
}


@media only screen and (max-width:500px) {
    .products-col1 {
        width: 100%;
    }

    .accordion>.card .card-header .btn {
        padding-right: 25px;
    }
}

/*------------------------------------
PRODUCT DETAIL
-------------------------------------*/
.product-detail-section1 {
    background: #D1DBE8;
    padding-top: 135px;
    padding-bottom: 60px;
}

.product-detail-l {
    width: 47%;
    padding-right: 70px;
    position: absolute;
    /*position:sticky;position:-webkit-sticky; top:0;height:25vh;*/
}

#sidebar-s.fixed {
    position: fixed;
    top: 0;
    width: 44%;
}

.product-detail-panel {
    position: relative;
}

.product-detail-r {
    width: 53%;
    position: relative;
    min-height: 1000px;
    float: right;
}

.product-detail-r.height-auto {
    min-height: unset
}

.breadcrumb-panel ul {
    padding: 0;
}

.breadcrumb-panel ul li {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    font-family: 'Satoshi-Medium';
    vertical-align: top;
    text-transform: capitalize;
}

.product-product-info .breadcrumb-panel ul li {
    white-space: nowrap;
}

.breadcrumb-panel img {
    margin-right: 4%;
}

.breadcrumb-panel ul li:first-child {
    padding-left: 0;
}

.breadcrumb-panel ul li:after {
    content: '>';
    color: #8CB2E3;
    font-size: 17px;
    position: absolute;
    top: 5px;
    font-family: tahoma;
    right: -10px;
    line-height: 1;
}

.breadcrumb-panel ul li:last-child:after {
    content: unset;
}

.portfolio-details-page .breadcrumb-panel a {
    font-size: 1.30vw;
    color: #7E7E7E;
}

.portfolio-details-page .breadcrumb-panel a img {
    margin: -3px 1% 0 0;
}

.breadcrumb-panel ul li a {
    color: #8CB2E3;
}

.portfolio-detail-new-wrap .breadcrumb-panel ul li a {
    color: #7E7E7E;
    font-family: 'Satoshi-Medium';
}

.breadcrumb-panel.white-breadcrumb ul li a {
    color: #fff;
}

.breadcrumb-panel.white-breadcrumb ul li::after {
    color: #fff;
}

.breadcrumb-panel {
    margin: 0 0 5%;
}

.product-img-panel {
    margin: 50px 0 0;
}

.product-detail-section2 {
    padding-top: 5.5%;
    float: left;
    width: 100%;
}

.product-detail-section2 p:last-child {
    margin-bottom: 0;
}

.main-hd {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    font-size: 36px;
    margin: 0 0 15px;
    line-height: 1;
}

.price1 {
    color: rgba(0, 0, 0, 0.67);
    font-family: 'Satoshi-Medium';
    font-size: 17px;
    margin: 0;
    line-height: 1;
}

a.share,
button.share {
    position: absolute;
    right: 0;
    top: 9px;
    background: url(../images/share.svg) no-repeat right center;
    color: #743B64;
    width: 130px;
    height: 29px;
    font-size: 0;
    text-align: right;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    border: 0;
}

#box_sizes_form {
    margin-bottom: 15px;
}

.product-detail-r .form-control {
    border-radius: 0;
}

a.share:hover,
button.share:hover {
    color: #743B64;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    font-size: 0 !important;
}

.form-control:focus {
    outline: solid 2px #759dea;
    box-shadow: none;
}

.product-detail-r #box_sizes_form .form-control {
    margin-top: 10px;
    border: 0;
}

a.share::after,
button.share:after {
    content: 'Share Product';
    position: absolute;
    bottom: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    font-size: 1.2vw;
    left: 0;
}


a.share:hover::after {
    bottom: 0px;
    visibility: visible;
    opacity: 1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    font-size: 1.2vw;
}

.hd4 {
    color: #743B64;
    font-family: 'Satoshi-Bold';
    font-size: 17px;
    margin: 0 0 3%;
}

.hd5 {
    color: #743B64;
    font-family: 'Satoshi-Bold';
    font-size: 25px;
    margin: 0 0 3%;
}

.product-select-panel {
    justify-content: space-between;
    margin-top: 15px;
}

.product-select-panel label {
    vertical-align: top;
}

.product-detail-r .form-control {
    height: auto;
    padding: 6% 8%;
}

.product-select-col1 {
    width: 49%;
    margin: 1% 0;
}

.product-select-col1 a {
    background: #fff;
    padding: 9%;
    border: 4px solid #fff;
    color: #4B4B4B;
    width: 100%;
    display: block;
    float: left;
    height: 100%;
}

.product-select-col1 a.active {
    border: 4px solid #743B64 !important;
}

.size-img {
    margin: 0 0 10%;
    display: block;
}

.size-img img {
    max-height: 118px;
    /* border:2px solid #ddd; */
}

.size1 {
    display: inline-block;
    font-family: 'Satoshi-Bold';
}

.size2 {
    float: right;
}

.product-select2 .size-img {
    float: right;
    width: 40%;
    text-align: right;
    margin: 0;
}

.product-select2 .size1,
.product-select2 .size2 {
    float: left;
    width: 50%;
    line-height: 1;
    margin-bottom: 5px;
}

.product-select2 .size2 {
    line-height: 1.4;
}

.product-select2 img {
    max-height: 51px;
}

.product-texture .size-img {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
}

.product-texture .size1 {
    float: left;
    width: 100%;
    padding: 8% 8% 0;
}

.product-texture .size2 {
    float: left;
    width: 100%;
    padding: 0 8% 8%;
    line-height: 1.4;
    min-height: 65px;
}

.product-select-col1.product-texture a {
    padding: 0;
}

.product-select-col1.product-texture {
    margin-bottom: 2%;
}

.product-img-panel img {
    max-width: 90%;
}

.quantity-table {
    background: #fff;
    padding: 2% 0 0;
    margin-top: 2%;
}

.table1 {
    width: 100%;
    background: #fff;
}

.table1.quantity_table tr {
    border: 2px solid transparent;
    display: table;
    width: 100%;
}

.table1 tr.active {
    border: 2px solid #743B64;
    background: #743B64;
}

.table1 tr.active td {
    color: #fff;
}

.table1 tr th {
    color: #743B64;
    font-family: 'Satoshi-Regular';
}

.table1 tr td {
    color: #4B4B4B;
    font-family: 'Satoshi-Medium';
    font-weight: 500;
}

.table1 tr th,
.table1 tr td {
    padding: 3% 4%;
    line-height: 1;
    width: 33.33%;
}

.table1 tr td {
    padding-right: 0;
}

.show-div {
    border: 0;
    padding: 0;
    border-radius: 0;
    background: url(../images/arrow-dw2.svg) no-repeat 31% center #fff;
    color: #743B64;
    padding: 4% 45px 4% 4%;
    text-align: left;
    background-size: 20px;
    width: 100%;
    border-top: 2px solid #D1DBE8;
    line-height: 1;
    font-family: 'Satoshi-Medium';
}

.show-table {
    margin: 0;
    padding-top: 0;
}

.summary-table .table td,
.summary-table .table th {
    padding: 2.5% 0;
    color: #743B64;
    border-bottom: 1px solid #743B64;
    border-top: 0;
    text-transform: capitalize;
}

.summary-table .table td {
    color: #000;
    padding-left: 45px;
}

.summary-table .table td span {
    font-family: 'Satoshi-Bold';
}

.summary-table .table tr:last-child td,
.summary-table .table tr:last-child th {
    border-bottom: 0;
}

.next-step a,
.border-btn {
    color: #743B64;
    padding: 14px 50px 14px 25px;
    border: 2px solid #743B64;
    line-height: 1;
    letter-spacing: 1.93px;
    display: inline-block;
    font-family: 'Satoshi-Medium';
    background: url(../images/arrow-dw6.svg) no-repeat 87% center;
    font-size: 14px;
}

.next-step a:hover,
.border-btn:hover {
    color: #fff;
    background: url(../images/arrow-dw7.svg) no-repeat 90% center #743B64;
}

.next-step {
    margin: 30px 0 50px 0;
    clear: both;
}

.mrgn-btn {
    margin: 0 0 0 10%;
}

.mrgn-btn img {
    margin-top: 15px;
}

.apply#apply,
.mapply#mapply {
    color: #743B64;
    padding: 8px 15px;
    border: 2px solid #743B64;
    line-height: 1;
    letter-spacing: 1.93px;
    display: inline-block;
    font-family: 'Satoshi-Medium';
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase;
    width: 272px;
}

.apply#apply:hover,
.mapply#mapply:hover {
    color: #fff;
    background: #743B64;
}

.txt3 {
    color: #4E4E4E;
}

.txt3 a {
    color: #743B64;
}

.txt7 {
    color: #4E4E4E;
}

.txt7 a {
    color: #743B64;
    font-family: 'Satoshi-Medium';
}

.listing.mr1 {
    margin-bottom: 35px;
}

.three-col .products-col1 {
    width: 32.33%;
}

.position1 {
    z-index: 1;
    position: relative;
}

.modal-body .quantity-table {
    height: 300px;
    overflow-y: scroll;
}

.modal-body .quantity-table {
    height: 300px;
    overflow-y: scroll;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #7E7E7E #d8d8d8;
    padding-right: 20px;
}

.modal-body .quantity-table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #d8d8d8;
}

.modal-body .quantity-table::-webkit-scrollbar-thumb {
    background-color: #7E7E7E;
}

.modal-body .product-detail-section2 {
    padding-top: 0;
}

.finishing_item_col .printing_option.finishing_item {
    padding: 0;
    border: 4px solid #d1dbe8;
}

.finishing_item_col .printing_option.finishing_item .size1 {
    padding: 0 5% 5%;
}

.finishing_item_col .printing_option.finishing_item .size2 {
    padding: 0 5% 5% 0;
    float: right;
    text-align: right;
}

.finishing_item_col .size-img {
    width: 100%;
    display: block;
    margin: 0 0 5%;
    text-align: left;
}

.finishing_item_col .size-img img {
    width: 100%;
    max-height: unset;
}

/*----tooltip----*/
.tooltip img {
    max-width: 20px;
    margin-left: 5px;
    cursor: pointer;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0;
    opacity: 1;
    z-index: 1;
}

.start-design1 .tooltip {
    left: -30px;
    display: none;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 10px 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    white-space: nowrap;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
}

.tooltip .tooltiptext.label-info {
    background: #fff;
    color: #743B64;
    min-width: 255px;
    border-radius: 0;
    text-align: left;
    padding: 8px 10px;
    left: 100px;
    top: -4px;
    height: 32px;
}

.product-listing-r .tooltip .tooltiptext {
    left: -20px;
}

.apply-fixed-btn {
    position: fixed;
    bottom: 10px;
}

/*----tooltip end----*/
@media only screen and (min-width:992px) and (max-width:1100px) {
    a.share {
        text-align: left;
        float: left;
        font-size: 16px;
        background-position: 0 center;
        padding-left: 30px;
        position: static;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

    .product-img-panel img {
        max-width: 100%;
    }

    .product-detail-l {
        padding-right: 35px;
    }

    #sidebar-s.fixed {
        width: 41%;
    }

    .contact-us-btn {
        width: 38% !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-img-panel img {
        max-width: 100%;
    }

    .product-detail-l {
        padding-right: 20px;
    }

    .breadcrumb-panel ul li {
        font-size: 13px;
    }

    .size1,
    .size2 {
        width: 100%;
        font-size: 12px;
    }

    .apply#apply,
    .mapply#mapply {
        width: 200px;
    }

    .product-detail-r .summary-table .table th {
        white-space: nowrap;
        padding-right: 10px;
    }
}

@media only screen and (max-width:991px) {
    .product-detail-section1 {
        margin-top: -115px;
        padding-bottom: 0;
    }

    a.share {
        text-align: left;
        float: left;
        font-size: 16px;
        background-position: 0 center;
        padding-left: 30px;
        position: static;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

    .product-listing-m.checkbox-w {
        margin-bottom: 15px;
    }

    .summary-table .table td {
        padding-left: 4px;
    }

    .txt7 {
        line-height: 1.3;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width:767px) {
    .product-detail-l {
        width: 100%;
        padding-right: 0;
        position: static !important;
        height: auto;
    }

    #sidebar-s.fixed {
        width: 100%;
    }

    .product-detail-r {
        width: 100%;
        min-height: unset;
    }

    .main-hd {
        font-size: 25px;
        padding-right: 25px;
    }

    .product-select-col1 a {
        padding: 10px;
    }

    .product-select2 .size1,
    .product-select2 .size2 {
        width: 100%;
        min-height: unset;
    }

    .finishing_item_col .printing_option.finishing_item .size2 {
        padding: 0 5% 5%;
        float: left;
        text-align: left;
    }

    .product-select2 .size-img {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .size2 {
        float: left;
        font-size: 14px;
        line-height: 1.2;
        min-height: 65px;
    }

    .size1 {
        margin-bottom: 3px;
        display: block;
        line-height: 1.3;
        font-size: 14px;
    }

    .next-step {
        margin: 10px 0 25px 0;
    }

    .three-col .products-col1 {
        width: 50%;
    }

    .product-detail-section2 {
        padding-top: 20px;
        margin-bottom: 25px;
    }

    .product-texture .size1 {
        padding: 5px 10px 0;
    }

    .product-texture .size2 {
        padding: 0 10px 10px;
        line-height: 1.2;
        font-size: 14px;
        min-height: 80px;
    }

    #design-your-cards .services-inside {
        margin-top: 20px;
    }

    #design-your-cards.position1 {
        padding-top: 0;
    }

    .portfolio-detail-new-wrap .summary-table .table td,
    .portfolio-detail-new-wrap .summary-table .table th {
        font-size: 14px;
    }

    .portfolio-detail-new-wrap .mrgn-btn {
        width: 66px;
        float: left;
    }

    .portfolio-detail-new-wrap .wishlist {
        width: 100%;
        display: flex;
    }

    .portfolio-detail-new-wrap .wishlist img {
        max-width: 135px;
    }

    .breadcrumb-panel ul li {
        font-size: 13px;
        padding: 0 6px;
    }

    .breadcrumb-panel ul li::after {
        right: -7px;
        font-size: 14px;
    }

    .apply#apply,
    .mapply#mapply {
        width: 100%;
    }

    .product-img-panel {
        margin: 15px 0 15px;
    }

    .product-img-panel img {
        max-width: 100%;
    }

    .summary-table .table th {
        width: 58%;
    }

    .product-detail-r .summary-table .table th {
        width: 45%;
    }
}

@media only screen and (max-width:500px) {
    .three-col .products-col1 {
        width: 100%;
    }
}

/*------------------------------------
PRODUCT LISTING
-------------------------------------*/
.header-listing {
    margin-top: 86px;
    height: 388px;
    background-size: cover !important;
}

.product-template-listing .inside-header-panel {
    background-color: #c7f3fc;
}

.business-cards-header2 {
    background: url(../images/business-cards-header2.jpg) no-repeat center 0;
}

.sorting-panel {
    text-align: right;
    color: #3A3A3A;
}

.product-listing-panel-in {
    margin: 0;
}

.product-listing-l {
    width: 23%;
}

.product-listing-r {
    width: 77%;
    padding-left: 40px;
}

.form-select2 {
    width: 100%;
    border: 2px solid #e0e0e0;
    padding: 2.5% 3.5%;
    color: #3A3A3A;
    border-radius: 0;
    background: url(../images/arrow-dw2.svg) no-repeat 96.5% center #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 16px;
}

.product-listing-box1 {
    margin: 0 0 11%;
}

.box2 label {
    color: #3A3A3A;
    width: 48%;
    border: 3px solid #e0e0e0;
    margin: 0 0 3.5%;
    padding: 6%;
    text-align: center;
}

.box2 label.active {
    border: 3px solid #743B64;
}

.box2 label img {
    max-height: 35px;
}

.box2 {
    justify-content: space-between;
}

.box3 label {
    border: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
}

.box3 input {
    border-radius: 0;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

.industry-filter .box2 {
    height: 240px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #ddd #eee;
}

.industry-filter .box2::-webkit-scrollbar {
    width: 8px;
}

.industry-filter .box2::-webkit-scrollbar-track {
    background: #eee;
}

.industry-filter .box2::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 3px solid #eee;
}

.full-box label {
    width: 100%;
}

.product-listing-box1 .txt3 {
    color: #3A3A3A;
    font-size: 15px;
    line-height: 1.3;
    font-family: 'Satoshi-Regular';
    margin: 0;
}

.product-listing-r .services-inside {
    margin: 30px -10px 0 0;
}

.product-listing-r .white-box {
    border: 0px solid #e0e0e0;
    padding: 9%;
    filter: drop-shadow(0 0px 3px #0003);
}

.product-listing-r .services-col1 {
    padding: 0 10px;
}

.product-listing-r .services-hd {
    font-size: 20px;
    margin: 7% 0 1%;
}

.product-listing-r .more {
    margin-top: 9%;
    position: static;
}

.product-listing-r .pro-listing-inside .more {
    margin-top: 0;
}

.pro-col1 {
    width: 33.33%;
    padding: 0 1%;
    margin: 0 0 2%;
}

.pro-listing-inside {
    margin: 2% -1% 0 0;
}

.product-listing-r .pro-box {
    filter: drop-shadow(0 0px 3px #0003);
}

.product-listing-r .pro-name {
    padding: 4% 7%;
    position: static;
}

.product-listing-r .pro-col1 .white-box {
    padding: 0;
}

.product-listing-r .tooltip {
    float: right;
    margin-top: 3px;
}

.product-listing-r .tooltip img {
    width: 20px;
}

.pagination {
    color: #4E4E4E;
    display: block;
    margin-top: 25px;
    font-family: 'Satoshi-Medium';
}

.pagination.viwe-all a {
    color: #743B64;
    border-color: #743B64;
    display: inline-block;
    padding: 1.2% 2.5%;
    white-space: nowrap;
    width: auto !important;
    text-transform: uppercase;
    max-width: unset !important;
    min-width: 210px !important;
}

.pagination.viwe-all a:hover {
    color: #fff;
    background: #743B64;
}

.pro-img,
.product-img {
    overflow: hidden;
    transition: transform .2s;
}

.home-index .owl-carousel .product-img img {
    height: 235px;
    object-fit: cover;
}

.product-listing-r .pro-img img {
    width: 100%;
}

.hide-div {
    display: none !important;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-listing {
        margin-top: 0;
    }

    .pro-col1 {
        width: 50%;
    }

    .product-listing-r .white-box {
        padding: 10px;
    }

    .product-listing-r .services-hd {
        min-height: 35px;
        font-size: 14px;
    }

    .product-listing-r .white-box p {
        font-size: 14px;
        line-height: 1;
        min-height: 30px;
        margin: 0 0 5px;
    }

    .product-listing-r .services-col1 .more a {
        font-size: 12px;
    }

    .box3 label {
        width: 100%;
    }

    .form-select2 {
        padding: 5px 35px 5px 5px;
    }

    .header-listing {
        height: 310px;
    }

    .title1 {
        font-size: 37px;
    }

    .product-listing-r .services-col1 {
        padding-left: 5px;
        padding-right: 10px;
    }

}

@media only screen and (max-width:991px) {
    .header-listing {
        margin-top: 0;
    }
}

@media only screen and (max-width:767px) {
    .header-listing {
        height: 155px;
    }

    .product-listing-l {
        width: 100%;
        display: none;
    }

    .product-listing-r {
        width: 100%;
        padding-left: 0;
    }

    .product-listing-box1 {
        margin: 0 0 15px;
    }

    .pro-col1 {
        width: 50%;
    }

    .product-listing-r .services-col1 {
        padding-bottom: 20px;
    }

    .product-listing-r .services-col1:last-child {
        padding-bottom: 0;
    }

    .product-listing-r .services-inside,
    .pro-listing-inside {
        margin-left: 10px;
        margin-right: 10px;
    }

    .product-listing-r .services-inside,
    .pro-listing-inside {
        padding-left: 0;
        padding-right: 0;
    }

    /* .product-listing-r .services-col1,.pro-col1{padding-left:0;padding-right:0;} */
    .pro-listing-inside {
        justify-content: space-between;
        margin-top: 20px;
    }

    .product-listing-r .services-col1 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .product-listing-r .tooltip {
        margin-top: -4px;
        margin-bottom: 5px;
    }

    .more a {
        line-height: 1;
    }

    .product-listing-r .pro-name {
        line-height: 1;
    }
}

@media only screen and (max-width:500px) {
    .pro-col1 {
        width: 49%;
    }

    .product-listing-r .pro-col1 {
        margin-bottom: 15px;
    }
}

/*------------------------------------
UPLOAD (EDITOR)
-------------------------------------*/

.upload-section {
    background: linear-gradient(#E6E6E6, #C6C6C6);
    min-height: 100vh;
}

.signin-link .signin {
    background: url(../images/user-icon.svg) no-repeat right 10px;
    font-size: 0;
    width: 36px;
    float: right;
    height: 36px;
}

.upload-steps ul {
    padding: 0;
    margin-left: 0;
}

.upload-steps ul li {
    padding: 0 35px;
    display: inline-block;
    font-size: 18px;
    position: relative;
    z-index: 2;
    margin-left: -4px;
    font-family: 'Satoshi-Medium';
}

.upload-steps ul li a {
    color: #545454;
    padding: 0 0 7px;
}

.upload-steps ul li.active a {
    color: #743B64;
    border-bottom: 1px solid #743B64;
}

.upload-steps ul li:after {
    content: '';
    background: url(../images/right-arrow6.svg) no-repeat 0 center;
    width: 19px;
    height: 13px;
    top: 9px;
    right: -10px;
    position: absolute;
}

.upload-steps ul li:last-child:after {
    content: unset;
}

.upload-container1 {
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px;
}

.upload-container1.flex-start-div {
    justify-content: flex-start;
}

.back-arrow img {
    transform: rotate(-180deg);
    width: 25px;
}

.edit-design a {
    color: #676767;
    font-size: 18px;
    font-family: 'Satoshi-Medium';
}

.txt5 span a {
    color: #743B64;
    font-size: 15px;
    padding: 0;
    border: 0 !important;
}

.edit-design img.edit-icon {
    max-width: 22px;
    display: none;
}

.next-cncl a,
.next-cncl input {
    color: #9A9A9A;
    padding: 7px 10px;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: 'Satoshi-Medium';
    height: 35px;
    background: transparent;
}

.next-cncl a.active,
.next-cncl a:hover,
.next-cncl input.active,
.next-cncl input:hover {
    color: #743B64;
    border: 1px solid #743B64;
}

.edit-design {
    text-align: center;
}

.frnt-bck {
    margin-top: 25px;
    background: #fff;
    line-height: 1;
    padding: 10px 0;
}

.browse-bt {
    margin-top: 25px;
}

.frnt-bck a {
    color: #7E7E7E;
    padding: 0 15px;
    position: relative;
    font-family: 'Satoshi-Medium';
}

.frnt-bck a:after {
    content: '';
    position: absolute;
    border-right: 1px solid #8f8f8f;
    height: 100%;
    top: 0;
    right: -4px;
}

.frnt-bck a:last-child:after {
    content: unset;
}

.frnt-bck a.active {
    color: #743B64;
    font-family: 'Satoshi-Bold';
}

.next-cncl {
    display: flex;
    flex-wrap: wrap;
    height: 300px;
    align-items: first baseline;
    width: 270px;
    position: relative;
    z-index: 1;
}

.txt4 {
    width: 100%;
    margin-top: 220px;
    font-family: 'Satoshi-Medium';
}

.txt4 span,
.txt5 span {
    color: #743B64;
    font-family: 'Satoshi-Medium';
}

.upload-btn-wrapper {
    background: #fff;
    border: 5px solid #FFBFBF;
    border-radius: 0;
    padding: 5px;
    margin: 50px 0 20px;
}

.upload-btn-wrapper .btn {
    color: #7E7E7E;
    font-size: 16px;
    border: 1px dashed #b7b7b7;
    border-radius: 0;
    padding: 100px 50px 50px 50px;
    background: url(../images/upload-icon.svg) no-repeat center 50px;
    background-size: 38px;
    cursor: pointer;
}

.upload-btn-wrapper .btn span {
    color: #743B64;
    display: block;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
}

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

/*---Review---*/
.upload-review .next-cncl {
    width: auto;
}

.design-review-row1 {
    justify-content: space-between;
    margin-top: 55px;
}

.design-review-col1 {
    width: 48%;
}

.design-review {
    width: 75%;
    padding-left: 75px;
    padding-right: 0px;
}

.review-img {
    margin: 0 0 20px;
}

.review-img img {
    filter: drop-shadow(0 0px 3px #0003);
}

.review-txt {
    color: #9B9B9B;
    font-size: 18px;
    font-family: 'Satoshi-Medium';
}

.continue-btns a {
    color: #9A9A9A;
    padding: 8px 20px 10px;
    line-height: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    letter-spacing: 1.93px;
    font-size: 14px;
    font-family: 'Satoshi-Medium';
}

.continue-btns a.active {
    color: #743B64;
    border: 1px solid #743B64;
}

.continue-btns a.hr1:hover {
    color: #fff;
    background: #743B64;
    border: 1px solid #743B64;
}

.continue-btns {
    justify-content: space-between;
    margin-top: 50px;
}

.bt1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a.bt1:hover {
    /* transform:scale(1.03); */
    color: #743B64;
}

.next-cncl .download-pdf a {
    padding: 4px 0 4px 30px;
    color: #743B64;
    border: 0;
    background: url(../images/download-icon.svg) no-repeat 0 center;
    font-size: 17px;
    font-family: 'Satoshi-Medium';
    display: block;
}

.next-cncl .download-pdf a:hover {}

.next-cncl .links2 a {
    color: #743B64;
    padding: 0;
    border: 0;
}

.next-cncl .links2 a:hover {
    text-decoration: underline;
}

/*-----create-steps----*/
.create-steps .upload-steps ul {
    margin-left: 0;
    text-align: center;
}

.create-steps {
    justify-content: center;
}

.upload-steps .hd5 {
    font-family: 'Satoshi-Medium';
    font-size: 33px;
    margin: 0 0 30px;
}

.upload-steps {
    text-align: center;
    margin-top: -90px;
}

.design-section {
    padding: 55px 0 0 0;
}

/* .upload-steps2{margin-top:-90px;} */
.review .upload-container1 {
    margin-top: 60px;
}

a.download-pdf2 {
    padding: 4px 0 4px 25px;
    color: #743B64;
    border: 0;
    background: url(../images/download-icon.svg) no-repeat 0 center;
    font-size: 15px;
    font-family: 'Satoshi-Medium';
    display: block;
    float: right;
    background-size: 20px;
}

.hide-d {
    display: none !important;
}

input,
select,
textarea {
    font-size: 14px;
}

@media only screen and (min-width:1100px) {
    .w-1 {
        width: 4%;
    }

    .w-12 {
        width: 12%;
    }

    .w-2 {
        width: 75%;
    }

    .w-3 {
        width: 17% !important;
    }

    .upload-steps ul {
        margin-left: 0;
    }

    .upload-steps.upload-steps3 ul {
        margin-left: -75px;
    }

    .upload-steps.upload-steps4 ul {
        margin-left: -30px;
    }

    .upload-steps.mr-l-2 ul {
        margin-left: 70px;
    }

    .home-index .stack-card {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 100vh;
        position: sticky;
        align-content: center;
        top: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .upload-review .back-arrow {
        width: 10%;
    }

    .upload-review .design-review {
        width: 70%;
        padding: 0;
    }

    .upload-review .next-cncl {
        width: 15%;
    }

    .upload-container1 {
        margin-top: 0;
    }
}

@media only screen and (max-width:991px) {
    .upload-steps ul {
        margin-left: 0;
    }

    .upload-btn-wrapper .btn {
        padding: 100px 30px 50px 30px;
    }

    .manage-address-sidebar .overflow-content {
        height: 400px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width:767px) {
    .upload-steps ul li {
        padding: 0 20px;
    }

    .upload-btn-wrapper {
        margin: 0;
    }

    .edit-design {
        text-align: left;
        margin-top: 20px;
    }

    .browse-bt {
        margin-top: 25px;
    }

    .next-cncl {
        width: auto;
        display: block;
        margin-top: 20px;
        height: auto;
    }

    .txt4 {
        margin-top: 20px;
        line-height: 1.3;
    }

    .design-review {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .design-review-row1 {
        margin-top: 25px;
    }

    .continue-btns {
        margin-top: 15px;
    }

    .continue-btns a {
        padding: 8px 10px 10px;
        letter-spacing: 1px;
        font-size: 14px;
    }

    .design-review-col1 {
        text-align: center;
    }

    .review-img {
        margin-bottom: 10px;
    }

    .review .upload-container1 {
        margin-top: 20px;
    }

    .frnt-bck {
        display: inline-block;
        margin-left: 20px;
    }

    .hide-d {
        display: block !important;
    }

    .hide-m {
        display: none !important;
    }

    .manage-address-sidebar .overflow-content {
        height: 500px;
    }

    .upload-steps ul li:after {
        top: 6px;
    }
}

@media only screen and (max-width:550px) {
    /* .signin-link{margin-top:-90px;} */

}


/*------------------------------------
FILTER MENU
-------------------------------------*/

.menu1 {
    position: fixed;
    left: -350px;
    color: #000;
    width: 300px;
    height: 100%;
    text-align: left;
    background: #fff !important;
    padding-right: 20px;
    padding-top: 20px;
    z-index: 999;
    overflow-y: scroll;
    padding-left: 17px;
    box-shadow: -11px 7px 31px #ccc;
    z-index: 999999999 !important;
    top: 0;
}

.menu-icon {
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    background: url(../images/sorting-icon.svg) no-repeat 15px 7px #743B64;
    padding: 5px 0 5px 43px;
    display: none;
}

.menu-icon i,
.menu-close i,
.menu-icon2 i,
.menu-close2 i {
    transition: .2s all;
}

.menu-icon:hover i,
.menu-close:hover i,
.menu-icon2:hover i,
.menu-close2:hover i {
    transition: .2s all;
}

.menu-close {
    position: relative;
    top: -10px;
    cursor: pointer;
    color: #8c6e4a;
    font-size: 28px;
    text-transform: uppercase;
    right: 0 !important;
    width: 41px;
    height: 41px;
    float: right;
    background: url(../images/close-icon.svg) no-repeat right center;
    background-size: 25px;
}

.menu1 .filter-content {
    padding: 0 0 30px 0;
}

@media only screen and (max-width:991px) {
    .menu-icon {
        display: block;
        margin-bottom: 15px;
    }

}


/*------------------------------------
STICKY PANEL
-------------------------------------*/

@media only screen and (min-width:992px) {
    .trigger-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        padding: 1% 20px 1%;
        z-index: 3;
        background: var(--lightpurple);
        transition: transform 0.4s;
    }

    .product-product-landing .trigger-menu-wrapper {
        position: absolute;
        background: transparent !important;
        box-shadow: none !important;
    }

    .product-product-landing .sticky_header .logo img {
        max-width: 82%;
    }

    .page-main section {
        height: 100vh;
    }

    .scroll-down .trigger-menu-wrapper {
        /* transform:translate3d(0, -100%, 0); */
        background: #fff;
    }

    .scroll-down .lottie-wrapper {
        background: var(--darkgray);
    }

    .scroll-up .trigger-menu-wrapper {
        transform: none;
        background: #fff;
        padding-bottom: 1%;
        padding-top: 1%;
    }

    .scroll-up:not(.menu-open) .trigger-menu-wrapper {
        background: var(--lightpurple);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        background: #fff;
        padding-bottom: 1%;
        padding-top: 1%;
    }

}

/*------------------------------------
BLANK DESIGN1
-------------------------------------*/
.blank-design1 .create-steps {
    margin-top: 55px;
}

.blank-design1 .upload-steps {
    padding: 0 100px;
}

.start-design-panel {
    text-align: center;
    margin-top: 95px;
}

.design-input {
    border: 0;
    border-bottom: 1px solid #743B64;
    padding: 0 0 5px 0;
    border-radius: 0;
    /* background:url(../images/edit-blue.svg) no-repeat right center; */
    background-size: 20px;
    margin-right: 0;
    width: 45%;
    background: transparent;
    font-family: 'Satoshi-Medium';
    color: #000;
}

.start-design1 {
    justify-content: center;
}

.submit-btn1 {
    color: #743B64;
    border: 1px solid #743B64;
    letter-spacing: 1.93px;
    font-size: 14px;
    padding: 8px 20px 10px;
    line-height: 1;
    border-radius: 0;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 0;
    margin-bottom: 70px;
}

.submit-btn1:hover {
    color: #fff;
    background: #743B64;
}

.need-help a {
    color: #743B64;
    font-size: 15px;
}

.need-help a:hover {
    text-decoration: underline;
}

.label-info {
    color: #743B64;
    border: 1px solid #743B64;
    background: #fff;
    line-height: 1;
    height: auto;
    padding: 5px 15px;
    position: relative;
}

.tooltip .tooltiptext.label-info:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 8px;
    left: -7px;
    right: unset;
    border-left: 0;
}

.label-info:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #743B64;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 8px;
    left: -8px;
}

.upload-steps ul li.completed::after {
    background: url(../images/right-arrow2.svg) no-repeat 0 center;
}

.upload-steps ul li.completed a {
    border-bottom: 0;
}

.upload-steps.upload1 {
    padding-top: 60px;
}

.need-help {
    /* position:absolute; */
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 35px;
    font-family: 'Satoshi-Medium';
}

.start-design1-btn {
    font-family: 'Satoshi-Medium';
}


@media only screen and (min-width:991px) and (max-width:1100px) {
    .blank-design1 .create-steps {
        margin-top: 63px;
    }
}

@media only screen and (max-width:991px) {
    .upload-steps .hd5 {
        font-size: 21px;
    }

    .blank-design1 .upload-steps {
        padding: 0 35px;
        width: 85%;
    }

    .blank-design1 .create-steps {
        margin-top: 8px;
    }

    .upload-steps.upload-steps2.upload-steps3 {
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .blank-design1 .upload-steps {
        padding: 0;
        width: 100%;
    }

    .blank-design1 .create-steps {
        margin-top: 45px;
    }

    .design-input {
        margin-right: 15px;
        width: 50%;
    }

    .start-design1 {
        flex-wrap: wrap;
    }

    .label-info {
        width: 45%;
        font-size: 12px;
        padding: 5px 6px 10px;
    }

    .start-design-panel .start-design1-btn {
        margin-top: 25px;
    }
}

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

    .label-info::before,
    .label-info::after {
        top: 13px;
    }

    .label-info {
        width: 40%;
    }

    .design-input {
        width: 70%;
        margin: 0;
    }

    .tooltiptext.label-info::before,
    .tooltiptext.label-info::after {
        content: unset
    }

    .tooltip .tooltiptext.label-info {
        left: -78px;
        top: -42px;
        width: 210px;
        min-width: 100%;
    }

    .start-design1 .tooltip {
        left: -30px;
    }
}

/*------------------------------------
ORDER
-------------------------------------*/
.order-section {
    background: #E6E6E6;
    min-height: 100vh;
}

.your-cart-panel {
    width: 62%;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}

.you-may-like-section {
    width: 38%;
}

.you-may-like-section.order-details-r {
    padding-bottom: 2%;
}

.blue-hd1 {
    color: #743B64;
    font-size: 25px;
    font-family: 'Satoshi-Bold';
}

.blue-hd2 {
    color: #743B64;
    font-size: 18px;
    font-family: 'Satoshi-Medium';
}

.you-may-like-clm1 {
    width: 45%;
    float: left;
    padding-left: 0;
    margin: 0 0 25px;
}

.you-may-like-clm1:nth-child(2n) {
    float: right;
}

.you-may-like-panel {
    margin-top: 25px;
}

.you-may-like-hd {
    color: #858585;
    margin: 10px 0 0 0;
    line-height: 1.2;
}

.you-may-like-hd a {
    color: #858585;
}

.you-may-like-clm1:hover .you-may-like-hd a {
    color: #743B64;
}

.you-may-like-img {
    overflow: hidden;
}

.you-may-like-img img {
    transition: transform .2s;
    max-height: 135px;
    width: 100%;
    object-fit: cover;
}

.you-may-like-clm1:hover img {
    transform: scale(1.1);
}

.cart-l {
    width: 20%;
}

.cart-r {
    width: 80%;
    padding-left: 30px;
}

.cart-row1 {
    margin-top: 18px;
    background: #fff;
    padding: 20px;
    filter: drop-shadow(0 0px 3px #bfbfbf);
}

.cart-clm1 {
    width: 63%;
    float: left;
}

.duplicate-edit {
    width: 37%;
    float: right;
    text-align: right;
}

.cart-pro-desc {
    width: 85%;
    float: left;
    color: #7E7E7E;
    line-height: 1.4;
    font-size: 14px;
    margin-top: 15px;
    font-family: 'Satoshi-Medium';
}

.remove-clm1 {
    width: 100%;
    text-align: right;
    float: left;
}

.hd6 {
    color: #743B64;
    font-size: 19px;
    font-family: 'Satoshi-Bold';
    line-height: 1;
    margin: 0 0 10px;
}

.quantity {
    line-height: 1.4;
    font-size: 16px;
    font-family: 'Satoshi-Medium';
}

.remove-clm1 {
    margin-top: -22px;
}

.remove {
    color: #FF5661;
    font-size: 13px;
}

.duplicate-edit a {
    letter-spacing: 1px;
    color: #7E7E7E;
    margin: 0 0 0 5px;
    padding: 0 0 0 20px;
    font-size: 13px;
    font-family: 'Satoshi-Medium';
}

.duplicate-edit a.duplicate {
    background: url(../images/duplicate-icon.svg) no-repeat 0 center;
    margin: 0;
    background-size: 16px;
}

.duplicate-edit a.edit {
    background: url(../images/edit.svg) no-repeat 0 center;
    background-size: 18px;
}

.duplicate-edit a#digitalProofEvent {
    width: 100%;
    display: block;
}

.duplicate-edit .form-control#need_proof {
    padding: .275rem .75rem;
    font-size: 15px;
}

.duplicate-edit a:hover {
    color: #743B64;
}

.cart-total-table {
    width: 60%;
    float: right;
}

.cart-total {
    border-top: 2px solid #743B64;
    padding: 50px 0 0 0;
    margin: 50px 0 25px 0;
    float: left;
}

.cart-total .table td,
.cart-total .table th {
    border: 0;
    padding-top: 0;
}

.cart-total .table th {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    font-weight: 500;
}

.cart-total .table td {
    color: #000000;
    padding-left: 50px;
    padding-right: 0;
    font-family: 'Satoshi-Bold';
}

.cart-total .table td.gray-txt {
    color: #7E7E7E;
    font-family: 'Satoshi-Regular';
}

.cart-total .tooltip img {
    width: 16px;
}

.continue-btns a.checkout-bt {
    background: url(../images/right-arrow2.svg) no-repeat 88% center;
    padding-right: 50px;
}

.continue-btns a.checkout-bt:hover {
    color: #fff;
    background: url(../images/right-arrow5.svg) no-repeat 90% center #743B64;
    padding-right: 55px;
}

.continue-btns a.continue-shopping-bt {
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

.continue-btns a.continue-shopping-bt:hover {
    color: #743B64;
    transform: scale(1.05);
    font-family: 'Satoshi-Medium';
}

.cart_price {
    float: left;
    width: 63%;
}

.cart-price-row {
    float: left;
    width: 100%;
}

.ptitle {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    font-weight: 500;
    float: left;
    width: 105px;
}

.checkout_price.price_split_wrapper .ptitle {
    color: #000;
}

.pamnt {
    float: left;
    color: #000000;
    font-family: 'Satoshi-Regular';
}

.pamnt.ttl {
    font-family: 'Satoshi-Bold';
}

.mrtp-11 {
    margin-top: 11px !important;
}

.you-may-like-sec .more {
    position: static;
}

.you-may-like-sec .product-desc {
    min-height: 45px;
}

.cart_price.price_split_wrapper .tax_split {
    text-align: left;
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .upload-steps {
        margin-top: -95px;
    }

    .duplicate-edit a {
        letter-spacing: 0;
        font-size: 12px;
    }

    .cart-r {
        padding-left: 15px;
    }

    .cart-total-table {
        width: 70%;
    }
}

@media only screen and (max-width:991px) {
    .cart-clm1 {
        width: 100%;
    }

    .duplicate-edit {
        width: 60%;
        text-align: left;
        margin-top: 5px;
    }

    .remove-clm1 {
        margin-top: -25px;
    }

    .cart-clm1 {
        order: 1;
        margin-bottom: 5px;
    }

    .checkout_price.price_split_wrapper {
        order: 2;
    }

    .cart-pro-desc {
        order: 2;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 100%;
    }

    .duplicate-edit {
        order: 3;
    }

    .remove-clm1 {
        order: 4;
    }

    .cart-r {
        display: flex;
        flex-wrap: wrap;
    }

    .duplicate-edit a {
        position: relative;
        z-index: 2;
    }

    .cart_price {
        width: 100%;
        margin-bottom: 10px;
        order: 2;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .your-cart-panel {
        width: 63%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .you-may-like-clm1 {
        width: 47%;
    }

    .cart-total-table {
        width: 100%;
    }

    .cart-total .table td {
        padding-left: .75rem;
    }

    .upload-steps {
        margin-top: -35px;
    }

    .duplicate-edit a {
        letter-spacing: 0;
        font-size: 12px;
    }

    .cart-r {
        padding-left: 15px;
    }
}

@media only screen and (max-width:767px) {
    .upload-steps {
        margin-top: -35px;
    }

    .back-arrow {
        width: 100%;
    }

    .your-cart-panel {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 25px;
    }

    .you-may-like-section {
        width: 100%;
        padding-bottom: 30px;
    }

    .cart-total-table {
        width: 100%;
    }

    .cart-total .table td {
        padding-left: .75rem;
    }

    .cart-total {
        padding: 30px 0 0 0;
        margin: 30px 0 10px 0;
    }

    .continue-btns a.checkout-bt {
        padding-right: 35px;
        background-position: 85% center;
        background-size: 15px;
    }

    .continue-btns a.checkout-bt:hover {
        padding-right: 35px;
        background-position: 93% center;
        background-size: 15px;
    }

    .cart-r {
        padding-left: 10px;
    }

    .cart-row1 {
        padding: 10px;
    }

    .hd6 {
        font-size: 16px;
    }

    .quantity {
        font-size: 14px;
    }

    .duplicate-edit {
        width: 72%;
    }

    .upload-container1 {
        margin-top: 20px;
    }

    .order-details-r .confirm-order-total .cart-total-table {
        width: 100%;
    }
}

/*------------------------------------
CONFIRM ORDER
-------------------------------------*/

.confirm-order-section1 {
    background: #d7d7d7;
    text-align: center;
    height: 600px;
    align-items: center;
}

.ty-tg1 img {
    max-width: 50px;
    vertical-align: middle;
    margin-top: -10px;
}

.ty-tg1 {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    line-height: 1.2;
    font-size: 45px;
    margin: 0 0 25px;
}

.ty-tg2 {
    color: #464646;
    font-family: 'Satoshi-Medium';
    line-height: 1.2;
    font-size: 20px;
    margin: 0 0 30px;
    padding-left: 85px;
}

.confirm-order-section2 {
    background: #F1F1F1;
    position: sticky;
    position: -webkit-sticky;
}

.common-pd3 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.confirm-order-l {
    width: 55%;
    padding-right: 50px;
}

.confirm-order-r {
    width: 45%;
    background: #fff;
    padding: 25px;
    filter: drop-shadow(0 0px 3px #bfbfbf);
}

.txt3 {
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1.2;
    font-size: 20px;
    margin: 0 0 60px;
}

.confirm-order-l p {
    color: #272727;
    line-height: 2.1;
}

.confirm-order-steps {
    margin: 40px 0;
}

.confirm-order-steps ul {
    padding: 0;
    text-align: center;
}

.confirm-order-steps ul li {
    padding: 55px 0 0 0;
    display: inline-block;
    width: 32%;
    position: relative;
    font-family: 'Satoshi-Medium';
}

.confirm-order-steps ul li:before {
    content: '';
    position: absolute;
    background: url(../images/shopping-cart.svg) no-repeat center #fff;
    padding: 0;
    filter: drop-shadow(0 0px 3px #bfbfbf);
    background-size: 25px;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    top: 0;
    z-index: 1;
}

.confirm-order-steps ul li.proof:before {
    background: url(../images/user-check.svg) no-repeat center #fff;
    background-size: 26px;
}

.confirm-order-steps ul li.shipped:before {
    background: url(../images/send.svg) no-repeat center #fff;
    background-size: 25px;
}

.confirm-order-steps ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #743B64;
    left: 50%;
    top: 25px;
}

.confirm-order-steps ul li:last-child:after {
    content: unset;
}

.confirm-order-steps ul li.order-txt1:before {
    content: unset;
}

.confirm-order-steps ul li.order-txt1:after {
    content: unset;
}

.confirm-order-steps ul li.order-txt1 {
    display: none;
}

.confirm-order-steps2 {
    text-align: center;
    width: 100%;
    float: left;
    padding: 0 95px;
    margin: 0 0 -18px;
    color: #743B64;
    text-transform: uppercase;
    font-family: 'Satoshi-Bold';
    font-size: 14px;
}

.order-steps1 {
    float: left;
    width: 50%;
    text-align: center;
}

.order-num-summary {
    justify-content: space-between;
    margin: 0 0 25px 0;
}

.order-num {
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1.2;
    font-size: 18px;
}

.order-summary {
    color: rgba(33, 33, 33, 0.45);
    font-family: 'Satoshi-Medium';
    line-height: 1.2;
    font-size: 18px;
}

.order-address {
    justify-content: space-between;
    border-bottom: 1px solid #743B64;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.shipping-address,
.billing-address {
    width: 45%;
}

.order-address .hd6 {
    font-family: 'Satoshi-Medium';
    font-size: 17px;
    margin-bottom: 20px;
}

.address {
    color: #444444;
    line-height: 1.5;
    font-size: 14px;
    width: 100%;
}

.confirm-order-cart.cart-row1 {
    padding: 0;
    margin: 0;
    filter: none;
}

.confirm-order-cart .cart-pro-desc {
    width: 100%;
}

.confirm-order-cart .cart-r {
    padding-left: 20px;
}

.confirm-order-cart .hd6 {
    font-family: 'Satoshi-Medium';
    font-size: 16px;
    margin-bottom: 20px;
}

.confirm-order-cart .quantity {
    font-size: 14px;
    color: #7E7E7E
}

.confirm-order-cart .cart-pro-desc {
    font-size: 14px;
    color: #7E7E7E;
    margin-top: 5px;
}

.confirm-order-cart .price1 {
    font-size: 15px;
    color: #743B64;
    font-family: 'Satoshi-Medium';
}

.cart-total.confirm-order-total {
    border-top: 1px solid #743B64;
    border-bottom: 1px solid #743B64;
    padding-top: 25px;
    margin-top: 25px;
}

.cart-total.confirm-order-total .table td {
    padding-left: .75rem;
    text-align: right;
    font-family: 'Satoshi-Regular';
}

.cart-total.confirm-order-total .table td.bold-txt {
    font-family: 'Satoshi-Bold';
}

.info-txt {
    font-size: 15px;
    color: #7E7E7E;
    line-height: 1.3;
    font-family: 'Satoshi-Medium';
}

.info-txt a {
    color: #743B64;
}

.info-txt a.tel {
    font-size: 14px;
}

.confirm-order-total .cart-total-table {
    width: 50%;
}

@media only screen and (min-width:1001px) and (max-width:1100px) {
    .confirm-order-steps2 {
        padding: 0 80px;
        font-size: 13px;
    }

}

@media only screen and (max-width:1000px) {
    .confirm-order-l {
        padding-right: 0;
        width: 100%;
    }

    .confirm-order-r {
        width: 100%;
    }

    .ty-tg2 {
        font-size: 19px;
    }
}

@media only screen and (max-width:767px) {
    .confirm-order-total .cart-total-table {
        width: 100%;
    }

    .confirm-order-cart .price1 {
        order: 2;
        margin-top: 10px;
    }

    .shipping-address,
    .billing-address {
        width: 100%;
    }

    .order-address {
        flex-wrap: wrap;
    }

    .billing-address {
        margin-top: 20px;
    }

    .confirm-order-steps ul li {
        vertical-align: top;
    }

    .confirm-order-steps ul li::before {
        width: 40px;
        height: 40px;
    }

    .confirm-order-steps ul li {
        padding: 50px 10px 0 10px;
        line-height: 1.3;
        font-size: 13px;
        width: 32.4%;
    }

    .confirm-order-steps2 {
        font-size: 11px;
        padding: 0 35px;
    }

    .txt3 {
        margin-bottom: 30px;
    }

    .confirm-order-steps ul li:first-child:before {
        left: -30px;
    }

    .confirm-order-steps ul li:last-child:before {
        right: -30px;
    }

    .confirm-order-steps ul li:first-child {
        padding-left: 0;
    }

    .confirm-order-steps ul li:last-child {
        padding-right: 0;
    }

    .ty-tg1 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .ty-tg2 {
        font-size: 15px;
        padding-left: 0;
    }

    .confirm-order-section1 {
        padding-bottom: 20px;
        height: 295px;
    }

    .ty-tg1 img {
        max-width: 30px;
    }

    .confirm-order-steps ul li::after {
        top: 20px;
    }

    .order-steps1 {
        margin-left: -1px;
    }

    .confirm-order-cart .hd6 {
        margin-bottom: 7px;
    }

    .confirm-order-r {
        padding: 15px;
    }

    .cart-total .table th {
        padding-left: 0;
    }

    .info-txt {
        font-size: 14px;
    }

    .info-txt a.tel {
        font-size: 13px;
    }

    .confirm-order-cart .cart-r {
        padding-left: 15px;
    }

    .address {
        width: 100%;
    }
}

@media only screen and (min-width:1024px) {
    .sticky {
        position: sticky;
        position: -webkit-sticky;
    }

    #faqs.common-pd {
        padding-top: 5%;
        padding-bottom: 5%;
    }
}

/*------------------------------------
ORDER DETAILS
-------------------------------------*/

.mandatory {
    float: right;
    margin-top: -39px;
    color: #7E7E7E;
}

.req {
    color: #ff5661;
    vertical-align: middle;
    font-size: 19px;
}

.order-details-r .confirm-order-cart.cart-row1 {
    background: transparent;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.order-details-r .confirm-order-cart.cart-row1:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.order-details-r .confirm-order-cart .quantity {
    color: #000;
}

.order-details-r .cart-clm1 {
    width: 100%;
}

.order-details-r .confirm-order-total .cart-total-table {
    width: 75%;
    float: left;
}

.order-details-r .cart-total.confirm-order-total .table td {
    text-align: left;
}

.order-details-r .cart-total.confirm-order-total {
    border-bottom: 0;
}

.order-details-r .cart-total .table th {
    padding-left: 0;
}

.order-details-form .form-row1 {
    width: 100%;
    padding: 3px;
}

.order-details-l {
    padding-right: 100px;
}

.order-details-form {
    margin-top: 30px;
}

.order-details-r .you-may-like-panel {
    margin-top: 30px;
}

.order-details-form .form-row1 input.ph-n {
    width: 50%;
}

.order-details-form .form-row1 input[type="text"],
.order-details-form .form-row1 input[type="email"],
.you-may-like-panel .form-row1 input[type="text"] {
    color: #7E7E7E;
}

.form-basic-info,
.form-address-info {
    margin-bottom: 30px;
}

.form-address-info .hd6,
.form-gst-info .hd6 {
    font-family: 'Satoshi-Medium';
    margin-bottom: 20px;
    font-size: 17px;
}

.order-details-form .form-row1.form-row-50 input {
    width: 49%;
}

.order-details-form .form-row1.form-row-50 input:last-child {
    float: right;
}

.same-add {
    float: right;
    margin-top: -43px;
    color: #7E7E7E;
}

.coupon-code-wrap {
    display: flex;
    align-items: center;
    align-content: center;
    display: -webkit-flex;
}

.coupon-code-input {
    float: left;
}

.coupon-code-input input {
    padding: 3.7% 7.5% !important
}

.coupon-code-wrap .continue-btns {
    margin: 0;
    padding: 0 0 0 10px;
}

.p1-rw1 {
    width: 49%;
}

.p1-rw1 input {
    width: 100% !important;
    min-height: 43px;
}

.p1-rw2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.p1-rw1 label {
    width: 100%;
}

@media only screen and (min-width:1800px) {
    .coupon-code-input input {
        padding: 2% 3% !important;
    }
}

@media only screen and (min-width:1000px) {
    .overflow-content {
        scrollbar-width: thin;
        scrollbar-color: #000 #d8d8d8;
    }

    .overflow-content {
        height: 605px;
        overflow-y: scroll;
        width: 100%;
        scrollbar-color: #7E7E7E #d8d8d8;
        padding-right: 20px;
    }

    .overflow-content::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: #d8d8d8;
    }

    .overflow-content::-webkit-scrollbar-thumb {
        background-color: #7E7E7E;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .order-details-l {
        padding-right: 30px;
        width: 55%;
    }

    .order-details-r {
        width: 40%;
    }

    .order-details-r .confirm-order-total .cart-total-table {
        width: 100%;
    }

    .order-details-r .continue-btns a.checkout-bt {
        padding-left: 10px;
        padding-right: 35px;
        background-position: 95% center;
    }

    .order-details-r .continue-btns a {
        font-size: 15px;
    }
}

@media only screen and (max-width:767px) {
    .order-details-l {
        padding-right: 0;
    }

    .order-details-l {
        padding-bottom: 20px;
    }

    .order-details-form .form-row1 input.ph-n {
        width: 100%;
    }

    .p1-rw1 {
        width: 100%;
    }

    .p1-rw1 input {
        min-height: unset;
    }

    .p1-rw2 {
        flex-wrap: wrap;
    }
}


/*------------------------------------
ARTWORK GUIDLINE
-------------------------------------*/
.artwork-guideline-header {
    height: 645px;
    background: url(../images/artwork-guideline-header.jpg) no-repeat right 0 #c7f3fc;
    background-size: cover;
    background-attachment: fixed;
}

.artwork-guideline-header .header-tg-panel {
    max-width: 660px;
}

.artwork-guideline-header .breadcrumb-panel ul li a {
    color: #9E9E9E;
}

.artwork-guideline-header .breadcrumb-panel ul li::after {
    color: #9E9E9E;
}

.artwork-guideline-header .header-txt {
    color: #535353;
    font-family: 'Satoshi-Regular';
}

.artwork-section1 .services-col1 {
    width: 25%;
}

.artwork-section1 .white-box {
    border: 0px solid #e0e0e0;
    padding: 9%;
    filter: drop-shadow(0 0px 3px #0003);
    display: flex;
    flex-wrap: wrap;
}

.hd1-1 {
    text-align: left;
    font-size: 30px;
}

.artwork-li.listing li {
    color: #707070;
    background: url(../images/bullet2.png) no-repeat 0 6px;
    background-size: 6px;
    line-height: 1.5;
    padding-bottom: 10px;
}

.services-icon.max-height-70 img {
    max-height: 70px;
}

.mr-t1 {
    margin-top: 4%;
}

.artwork-section2 {
    background: #f4f4f4;
}

.artwork-col1 {
    width: 25%;
}

.artwork-col2 {
    width: 45%;
    padding: 0 70px;
    margin-top: 2.4%;
}

.artwork-col3 {
    width: 30%;
    margin-top: 15px;
}

.download-template-li {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.download-template-li li {
    float: left;
    width: 50%;
    padding: 10px 0;
    color: #3A3A3A;
    font-family: 'Satoshi-Medium';
}

.download-template-li li img {
    padding-right: 10px;
}

.download-template-li.download-template-li2 li {
    width: 100%;
    padding-bottom: 30px;
}

.download-template-li2 li span.area-img {
    width: 23%;
    float: left;
}

.download-template-li2 li span.area-txt {
    width: 77%;
    float: left;
    color: #743B64;
    font-family: 'Satoshi-Medium';
    font-size: 16px;
    line-height: 1.3;
}

.download-template-li2 li span.t-1 {
    color: #4E4E4E;
    font-family: 'Satoshi-Regular';
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.download-template-li li:last-child,
.download-template-li.download-template-li2 li:last-child {
    padding-bottom: 0;
}

@media only screen and (max-width:1100px) {
    .download-template-li li {
        width: 100%;
        padding: 5px 0;
    }



}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .artwork-col2 {
        padding: 0 20px;
    }

}

@media only screen and (max-width:767px) {
    .artwork-col2 {
        padding: 0;
    }

    .artwork-section1 .services-col1 {
        width: 50%;
    }

    .artwork-col1,
    .artwork-col2,
    .artwork-col3 {
        width: 100%;
    }

    .download-template-li li {
        width: 50%;
    }

    .artwork-guideline-header .header-tg-panel {
        width: 100%;
    }

    .artwork-guideline-header {
        height: 195px;
    }

    .artwork-guideline-header .breadcrumb-panel ul li:first-child {
        padding-left: 0;
    }

    .artwork-guideline-header {
        background-position: center 0;
    }
}

@media only screen and (max-width:500px) {
    .artwork-section1 .services-col1 {
        width: 100%;
    }
}

@media only screen and (min-width:1700px) {
    .artwork-guideline-header {
        background-position: right 0;
    }
}

/*------------------------------------
EDITOR
-------------------------------------*/

.tabbing-section {
    width: 75%;
}

.tabbing .upload-container1 {
    position: relative;
}

.tabbing-section .tab {
    position: absolute;
    left: 0;
    top: 30px;
}

.tabbing-section .tabcontent {
    position: absolute;
    left: 0;
    top: 140px;
    width: 100%;
    text-align: left;
    border: 0;
    padding: 0;
}

.design-tool-list {
    padding: 0;
}

.design-tools {
    float: left;
    width: 30%;
}

.design-canvas {
    float: left;
    width: 70%;
    margin-top: -65px;
}

.design-tool-list li {
    color: #743B64;
    padding: 0 0 10px;
    font-family: 'Satoshi-Medium';
}

.design-tool-list li a {
    color: #743B64;
    font-size: 15px;
}

.design-tool-list img {
    max-width: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.tabbing-section.edit-design a.edit-a {
    padding-left: 140px;
}

.tabbing-section .need-help {
    bottom: -370px;
    position: relative;
}

.zoom-canvas {
    text-align: center;
    color: #7E7E7E;
    margin-top: 25px;
    font-family: 'Satoshi-Bold';
}

.tab {
    overflow: hidden;
    border: 0px solid #ccc;
}

.tabcontent {
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 2px 20px 4px;
    transition: 0.3s;
    text-transform: uppercase;
    border-right: 1px solid #9A9A9A;
    color: #9A9A9A;
    font-family: 'Satoshi-Medium';
}

.tab button:last-child {
    border: 0;
}

.tab button:hover {
    color: #743B64;
}

.tab .active {
    color: #743B64;
    font-family: 'Satoshi-Bold';
}

.tabcontent {
    padding: 0;
    border: 0px solid #ccc;
    border-top: none;
}

.available {
    color: green;
}

.disable {
    color: red;
    font-weight: bold
}

.intraining {
    color: blue;
    font-weight: bold
}

.vacation {
    font-weight: bold
}

.design-canvas .dv-tb {
    position: relative;
    display: inline-block;
}

.dv-tp {
    float: left;
    width: 100%;
    height: 50%;
    background: transparent;
    position: absolute;
}

.dv-bt {
    float: left;
    width: 100%;
    height: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
}

.tooltip-3,
.tooltip-4 {
    display: none;
}

.safe-area {
    width: 68%;
    position: absolute;
    left: -283px;
    top: 35px;
    border: 1px solid #743B64;
    padding: 10px;
    background: #fff;
    font-size: 12px;
    line-height: 1.2;
    color: #9A9A9A;
}

.safe-area p {
    margin: 0;
}

.tooltip-hd {
    color: #743B64;
    font-size: 15px;
    margin-bottom: 5px;
    font-family: 'Satoshi-Medium';
}

.design-canvas .dv-tp:hover .tooltip-3 {
    display: block;
}

.design-canvas .dv-bt:hover .tooltip-4 {
    display: block;
}

.tooltip-3.safe-area {
    top: 35px;
    left: -300px;
}

.safe-area img {
    float: left;
    max-width: 50px;
    margin: 0 10px 40px 0;
}

.safe-area::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #743B64;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 40%;
    right: -8px;
}

.safe-area::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 40%;
    right: -7px;
}

.choose-layout-bt {
    background: transparent;
    border: 0;
    color: #743B64;
    padding: 0 30px;
    margin-left: 120px;
}

.choose-bt-a .choose-layout-bt {
    background: url(../images/arrow-dw2.svg) no-repeat right center;
    background-size: 20px;
    font-family: 'Satoshi-Medium';
}

.layout-list {
    padding: 10px 0 0 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #2D2D2D
}

.layout-list li {
    padding: 0 5px;
}

.layout-list li img {
    margin: 0 3px;
}

.artwork-section-new-wrap .artwork-col1 {
    width: 60%;
    padding-right: 10%;
}

.artwork-section-new-wrap .artwork-col3 {
    width: 40%;
    margin-top: 0;
}

.artwork-form .product-listing-box1 {
    width: 48%;
    margin: 0 0 5%;
}

.artwork-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.submit-btn2 {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    color: #743B64;
    padding: 6px 55px;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 28px;
}

.submit-btn2:hover {
    background: #743B64;
    color: #fff;
}

.quote-btn {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    color: #743B64;
    padding: 8px 20px;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 28px;
}

.quote-btn:hover {
    background: #743B64;
    color: #fff;
}

.artwork-section-new-wrap .artwork-section2-inside {
    margin-top: 6%;
}

.artwork-section-new-wrap .download-template-li {
    margin-top: 10px;
}





@media only screen and (min-width:768px) and (max-width:1100px) {
    .layout-list li span {
        width: 100%;
        margin-top: 7px;
        float: left;
    }

    .layout-list {
        align-items: flex-start;
    }

    .artwork-section-new-wrap .artwork-col1 {
        padding-right: 7%;
    }

    .submit-btn2 {
        padding: 5px 25px;
    }

    .listing.min-h-a {
        min-height: 120px;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .tabbing-section {
        width: 70%;
    }

    .tabbing-section .tabcontent {
        width: 70%;
    }

    .design-tools {
        width: 40%;
    }

    .design-canvas {
        width: 60%;
    }

    .safe-area {
        font-size: 11px;
        left: -205px;
        line-height: 1;
        top: 0;
    }

    .tooltip-3.safe-area {
        left: -215px;
        top: 0;
    }

    .layout-list li img {
        margin: 3px;
    }

    .layout-list li {
        padding: 0;
        font-size: 14px;
    }

    .artwork-section-new-wrap .artwork-col1 {
        padding-right: 5%;
    }

    .submit-btn2 {
        padding: 3px 25px;
    }
}

@media only screen and (max-width:767px) {
    .tabbing-section {
        width: 100%;
    }

    .tabbing-section.edit-design a.edit-a {
        padding-left: 0;
    }

    .tabbing-section .tabcontent {
        width: 100%;
        position: static;
    }

    .design-tools {
        width: 100%;
    }

    .design-canvas {
        width: 100%;
        margin: 15px 0 10px;
    }

    .tabbing-section .tab {
        position: static;
        margin: 15px 0 10px;
    }

    .tabbing-in .container {
        padding: 0;
    }

    .design-tool-list li {
        float: left;
        width: 50%;
    }

    .tabbing-section .need-help {
        position: static;
    }

    .next-cncl {
        margin-bottom: 20px;
    }

    .design-tool-list img {
        margin-right: 5px;
    }

    .safe-area {
        display: none;
    }

    .choose-layout-bt {
        margin-left: 0;
    }

    .layout-list {
        flex-wrap: wrap;
    }

    .layout-list li {
        width: 100%;
        text-align: left;
        padding-bottom: 5px;
    }

    .layout-list li span {
        width: 100%;
        margin-top: 0;
        float: left;
    }

    .layout-list li img {
        margin: 0 1px;
    }

    .artwork-section-new-wrap .artwork-col1 {
        width: 100%;
        padding-right: 0;
    }

    .artwork-section-new-wrap .artwork-col3 {
        width: 100%;
        margin-top: 0;
    }

    .artwork-form .product-listing-box1 {
        width: 100%;
    }

    .submit-btn2 {
        margin-top: 0;
    }
}

@media only screen and (min-width:1800px) {
    .submit-btn2 {
        padding: 9px 55px;
        margin-top: 38px;
    }

    .artwork-section-new-wrap .download-template-li2 li span.area-img {
        width: 16%;
    }
}

/*------------------------------------
ABOUT CSS
-------------------------------------*/
.why-us-list-clm1 {
    width: 50%
}

.why-us-list-clm2 {
    width: 50%;
    padding: 0 0 0 8%;
}

.why-us-list-row1 {
    align-items: center;
    align-content: center;
    margin-top: 5%;
    margin-bottom: 1%;
}

.img-rf .why-us-list-clm1 {
    order: 2;
}

.img-rf .why-us-list-clm2 {
    order: 1;
    padding: 0 5% 0 8%;
}

.abt-icon {
    width: 100%;
}

.abt-icon img {
    max-width: 70px;
}

.abt-hd {
    width: 100%;
    color: #743B64;
    margin: 4% 0;
}

.why-us-list-clm1 img {
    width: 100%
}

.cyan-bg2 {
    background: #e4f1f6 !important;
}

.green-txt,
.green-hd {
    color: #006571
}

.abt-pro-sec2 .products-col1 {
    width: 32.33%;
    margin: 2% 0.5%;
}

.box-shadow {
    box-shadow: 0px 3px 6px #00000029;
}

.abt-pro-sec2 .product-desc {
    color: #000;
    min-height: 165px;
}

.abt-pro-sec2 .more a {
    background: none;
}

.abt-pro-sec2 .more a:hover {
    color: #006571
}

.go-dwn {
    margin-top: 8%;
}

.abt-pro-sec2 .products-col1 {
    padding: 0 1%;
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    width: 33.33%;
}

.abt-pro-sec2.corporate-detail-card .white-box {
    min-height: 260px;
}

.abt-pro-sec2 .services-hd {
    min-height: unset;
    margin-top: 0;
}

.abt-pro-sec2.corporate-detail-card .services-icon {
    min-height: 70px;
    display: none;
}

.abt-pro-sec2 .more {
    bottom: 8%;
}

.static-content-wrap2 {
    padding-bottom: 5%;
}

.product-packaging-customization-option #design-your-cards .services-inside {
    justify-content: center;
}


@media only screen and (max-width:767px) {
    .why-us-list-clm1 {
        width: 100%;
        order: 1 !important;
    }

    .why-us-list-clm2 {
        width: 100%;
        padding: 25px 0 10px 0 !important;
        order: 2 !important;
    }

    .abt-pro-sec2 .products-col1 {
        width: 100%;
        margin: 4% 0;
    }

    .about-header .header-tg-panel {
        width: 100%;
        max-width: 100%;
    }

    .abt-pro-sec2 .product-desc {
        min-height: unset;
    }

    .go-dwn img {
        max-height: 35px;
    }

    .services-icon img {
        max-height: 78px;
    }

    .abt-pro-sec2 .products-col1 {
        padding: 0 10px;
    }

    .abt-pro-sec2.corporate-detail-card .white-box {
        min-height: unset;
    }

    .abt-pro-sec2 .more {
        margin-top: 10px;
    }
}

@media only screen and (max-width:1400px) {
    .go-dwn img {
        max-height: 60px;
    }
}

@media only screen and (min-width:1600px) {
    .abt-pro-sec2.corporate-detail-card .white-box {
        min-height: 295px;
    }
}

/*------------------------------------
COMMON CSS
-------------------------------------*/
@media only screen and (min-width:768px) {
    .start-design-panel {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: space-around;
        height: 50vh;
        margin-top: 55px;
    }

    .start-design1 {
        width: 100%;
    }

    .start-design1-btn {
        width: 100%;
    }

    .need-help {
        width: 100%;
    }

    .position-absolute {
        position: absolute;
    }

    .services-icon img {
        max-height: 78px;
    }
}

@media only screen and (min-width:1000px) {
    .menu .navbar-nav .nav-link:last-child::before {
        content: unset;
    }

    .submenu-listing {
        display: none;
    }

    .services-icon {
        min-height: 40%;
        width: 100%;
    }

    .product-listing-r .services-icon {
        min-height: 30%;
    }

    .top-panel .dropdown-menu .container {
        max-width: 97%;
    }

    .top-panel .container {
        max-width: 92%;
    }

    .artwork-section1 .services-icon img {
        max-width: 130px;
    }

    .artwork-section1 .services-icon img.mrtp-2 {
        margin-top: 6px;
    }

    .artwork-section1 .services-col1:last-child .services-icon img {
        max-width: 52px;
    }

    .services-icon img {
        max-height: 70px;
    }

    /* .home-page1 .services-icon img{max-width:70px;} */
    .services-icon.services-icon-h1 img,
    .product-packaging-customization-option .services-icon img {
        max-width: 30%;
    }

    .product-listing-r .white-box {
        min-height: 285px;
    }

    .inside-header-panel {
        min-height: 645px;
        height: 50vh;
    }

    .product-product-landing .inside-header-panel {
        min-height: 588px;
    }

    .h-80.inside-header-panel {
        min-height: 645px;
    }

    .header-listing {
        min-height: 388px;
        height: 50vh;
    }

    .products-detail-cards .white-box {
        min-height: 295px;
    }

    .services-section-hm .services-icon {
        min-height: 25%;
    }

    .services-section-hm .services-col1 {
        min-height: 300px;
    }

    .header-panel {
        height: 100vh;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

    .home-index .stack-card {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: 100vh;
    }

    .home-index .sample-section.stack-card {
        align-items: flex-start;
        padding-bottom: 0;
    }

    .content .section.sample-section {
        align-content: normal;
    }

    .sample1-section {
        margin-bottom: 0;
    }

    .footer-panel {
        padding-top: 3%;
        padding-bottom: 1%;
    }

    section,
    footer {
        display: block;
        vertical-align: top;
    }

    .scroll-container {
        position: relative;
    }

    .review-img img {
        width: 100%;
    }

    .cart-total .table td {
        padding-left: 75px;
    }

    .cart-total-table {
        width: auto;
        padding-right: 20px;
    }

    .tabbing-section .need-help {
        left: 60px;
    }

    .upload-4 .design-review {
        display: flex;
        flex-wrap: wrap;
        height: 75vh;
    }

    .upload-4 .edit-design a {
        width: 100%;
    }

    .upload-4 .design-review-row1 {
        width: 100%;
    }

    .review1 .design-review-row1 {
        width: 100%;
    }

    .review1 .edit-design {
        height: 67vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .review1 .continue-btns {
        width: 100%;
    }

    .blank-design6 .design-canvas {
        width: auto;
    }

    .blank-design6 .choose-layout-bt {
        margin-left: 0;
    }

    .products-section-height .services-icon {
        min-height: 80px;
        padding-bottom: 5%;
    }

    .product-packaging-customization-option .common-pd.common-pd-7 {
        margin-top: 50px;
        padding-top: 7%;
        padding-bottom: 18%;
    }

    .artwork-section1 .listing li {
        background-size: 8px;
        padding-left: 8%;
    }

    /* .home-page1 .common-pd {padding-top:15px;padding-bottom:15px;} */
    .home-page1 .viwe-all {
        margin-top: 1%;
    }

    .artwork-li.listing li {
        background-position: 0 7px;
        background-size: 6px;
    }

    .services-section .services-inside {
        margin-top: 6%;
    }

    .content .section.print-section {
        align-content: center;
    }

    .common-pd.common-pd-7 {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .section8.product-details-pd1 .product-details {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .product-packaging-customization-option .common-pd.common-pd-7 {
        margin-top: 50px;
    }

    .inside-header-panel.contact-header {
        min-height: 475px;
    }

    .product-template-listing .inside-header-panel {
        min-height: 388px;
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .product-listing-r .white-box {
        min-height: 250px;
    }

    .top-panel .container {
        max-width: 100%;
    }

    .header-panel {
        height: 75vh;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .services-icon img {
        max-height: 50px;
    }

    .product-packaging-customization-option .common-pd.common-pd-7 {
        margin-top: 80px;
    }
}

@media only screen and (min-width:1100px) and (max-width:2500px) {
    .products-section-print .products-slider {
        margin-top: 5%;
    }

    .products-section-print .owl-dots {
        display: none;
    }

    .home-page1 .products-section-print .viwe-all {
        margin-top: 2%;
    }
}

@media only screen and (min-width:1600px) {
    .read {
        margin-top: 8%;
    }

    .abt-pro-sec2 .product-desc {
        min-height: 170px;
    }

    .next-cncl a,
    .next-cncl input {
        padding: 7px 20px;
    }
}

@media only screen and (min-width:1800px) {
    .services-icon {
        min-height: 44%;
    }

    .products-detail-cards .white-box {
        min-height: 500px;
    }

    #design-your-cards.product-detail-card.section4 .products-detail-cards .white-box {
        min-height: 400px;
    }

    a.share {
        padding-left: 35px;
        line-height: 1.2;
    }

    a.share {
        min-width: 200px;
    }

    .breadcrumb-panel ul li::after {
        font-size: 25px;
        top: 6px;
    }

    .listing li {
        background-position: 0 center;
    }

    .sample-section .hd1 {
        font-size: 3.8vw;
    }

    .enquiry-l p {
        font-family: 'Satoshi-Medium';
        font-size: 1.2vw;
    }

    .inside-header-panel {
        min-height: 980px;
    }

    .artwork-guideline-header .header-tg-panel {
        max-width: 50%;
    }

    .hd1-1 {
        margin-bottom: 70px;
    }

    .accordion>.card .card-header .btn.collapsed,
    .accordion>.card .card-header .btn {
        background-size: 15px;
    }

    .tooltip img {
        max-width: 25px;
    }

    .tooltip .tooltiptext.label-info {
        height: 40px;
        min-width: 330px;
    }

    .upload-steps ul li:after {
        width: 25px;
        height: 25px;
        top: 10px;
        right: -15px;
        background-size: 25px;
        position: absolute;
    }

    .upload-steps ul li.completed::after {
        background-size: 25px;
    }

    .start-design-panel {
        height: 64vh;
        margin-top: 95px;
    }

    .back-arrow img {
        width: 35px;
    }

    .cart-total .tooltip img {
        width: 40px;
    }

    .cart-total .tooltip .tooltiptext {
        width: 255px;
    }

    .you-may-like-img img {
        width: 100%;
    }

    .you-may-like-section {
        width: 35%;
    }

    .your-cart-panel {
        width: 60%;
        padding-right: 100px;
    }

    .start-design1-btn {
        margin-top: -110px;
    }

    .ty-tg1 img {
        max-width: 75px;
    }

    .home-index .confirm-order-section1.stack-card {
        height: 77vh;
    }

    .same-add {
        margin-top: -53px;
    }

    .next-cncl {
        width: 300px;
    }

    .design-canvas {
        width: 40%;
    }

    .design-canvas .dv-tb {
        width: 100%;
    }

    .design-canvas img {
        width: 100%;
    }

    .tabbing .upload-container1 {
        height: 75vh;
    }

    .tabbing-section .need-help {
        bottom: 0;
        position: absolute;
    }

    .tabbing-section .tabcontent {
        top: 270px;
    }

    .tabbing-section .tab {
        top: 100px;
    }

    .tabbing-section .need-help {
        left: 2%;
    }

    .tabbing-section.edit-design a.edit-a {
        padding-left: 20%;
    }

    .txt4 {
        margin-top: 450px;
    }

    .safe-area {
        left: -445px;
    }

    .tooltip-3.safe-area {
        left: -470px;
    }

    .safe-area img {
        max-width: 120px;
        margin: 0 10px 10px 0;
    }

    .design-tool-list img {
        max-width: 30px;
    }

    .upload-4 .design-review {
        height: 80vh;
    }

    .review .upload-container1 {
        margin-top: 110px;
    }

    .review1 .continue-btns a {
        height: 42px;
    }

    .review1 .edit-design {
        height: 75vh;
    }

    .upload5 .browse-bt {
        display: flex;
        height: 71vh;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-around;
        padding: 0 15%;
    }

    .upload5 .upload-btn-wrapper {
        width: 100%;
        height: 360px;
    }

    .upload5 .upload-btn-wrapper .btn {
        width: 100%;
        height: 100%;
        background-size: 70px;
    }

    .upload5 .frnt-bck {
        margin-top: 60%;
    }

    .upload5 .upload-btn-wrapper .btn {
        padding-top: 200px;
        background-position: center 100px;
    }

    .blank-design6 .design-canvas {
        width: 40%;
    }

    .blank-design6 .choose-layout-bt {
        margin-left: -40px;
    }

    .tabbing .blank-design6.upload-container1 {
        height: 70vh;
    }

    .products-section-height {
        /* height:100vh; */
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* padding-bottom:0;padding-top:0; */
    }

    .section5 .services-desc {
        min-height: 255px;
    }

    .products-section-height.print-section {
        align-content: center;
    }

    .blank-design-div .start-design-panel {
        height: 40vh;
        margin-top: 70px;
    }

    .blank-design-div .upload-steps.upload1 {
        padding-top: 260px;
    }

    .overflow-content {
        height: 725px;
    }

    .menu .megamenu {
        padding: 0 50px;
    }

    .submenu div {
        max-height: 79vh;
        height: 79vh;
    }

    .next-step a,
    .border-btn {
        padding: 1.5% 6% 1.5% 2.5%;
    }

    .footer-links ul li li a,
    .footer-links ul li a {
        padding-bottom: 25px;
    }

    .services-icon img {
        max-width: 68px;
        max-height: unset;
    }

    /* .home-page1 .services-icon img {max-width:20%;} */
    .read a,
    .read a:hover {
        padding-right: 10%
    }

    .product-texture .size2 {
        min-height: 100px;
    }

    .sample-section {
        height: 65vh;
    }

    .home-page1 .sample-section {
        height: 100vh;
    }

    /* .home-page1 .read a,.home-page1 .read a:hover{padding-right:10%} */
    .artwork-li.listing li {
        background-position: 0 17%;
    }

    .services-icon {
        min-height: 80px;
    }

    .product-listing-r .white-box {
        min-height: 390px;
    }

    .common-pd.common-pd-7 {
        padding-top: 62px;
        padding-bottom: 62px;
    }

    .h-80.inside-header-panel {
        min-height: 980px;
    }

    .you-may-like-wrap .product-desc {
        min-height: 110px;
    }

    .artwork-section1 .services-hd {
        margin-top: 0;
    }

    .inside-header-panel.contact-header,
    .portfolio-header.inside-header-panel {
        min-height: 800px;
    }

    .product-template-listing .inside-header-panel {
        min-height: 388px;
    }

    .product-detail-r .form-control {
        padding: 10% 10%;
    }

}

@media only screen and (min-width:3000px) {

    .footer-links ul li li a,
    .footer-links ul li a {
        padding-bottom: 35px;
    }

    .product-listing-r .white-box {
        min-height: 1019px;
        height: auto;
    }

    .products-detail-cards .white-box {
        min-height: 600px;
        height: auto;
    }

    a.share {
        min-width: 355px;
        line-height: 1;
    }

    .breadcrumb-panel ul li {
        padding: 0 25px;
    }

    .breadcrumb-panel ul li::after {
        font-size: 50px;
        top: 12px;
        right: -27px;
        line-height: 1;
    }

    .submenu div {
        max-height: 83vh;
        height: 83vh;
    }

    .inside-header-panel {
        min-height: 1000px;
    }

    .h-80.inside-header-panel {
        min-height: 1655px;
    }

    .hd1-1 {
        margin-bottom: 90px;
    }

    .artwork-section1 .services-icon {
        min-height: 30%;
    }

    .artwork-section1 .white-box .listing {
        min-height: 350px;
    }

    .accordion>.card .card-header .btn.collapsed,
    .accordion>.card .card-header .btn {
        background-size: 40px;
    }

    .tooltip img {
        max-width: 40px;
    }

    .tooltip .tooltiptext.label-info {
        height: 70px;
        min-width: 670px;
        padding: 8px 15px;
        left: 120px;
    }

    .upload-steps ul li:after {
        width: 60px;
        height: 60px;
        top: 22px;
        right: -40px;
        background-size: 50px;
        position: absolute;
    }

    .upload-steps ul li.completed::after {
        background-size: 50px;
    }

    .submit-btn1 {
        padding: 18px 35px 20px;
    }

    .continue-btns a {
        padding: 18px 35px 20px;
    }

    .upload-steps ul li {
        padding: 0 70px;
    }

    .back-arrow img {
        width: 75px;
    }

    .edit-design img.edit-icon {
        max-width: 40px;
    }

    .upload-container1 {
        margin-top: 130px;
    }

    .blank-design1 .create-steps {
        margin-top: 0;
    }

    .next-cncl .download-pdf a {
        background-size: 55px;
        padding-left: 70px;
    }

    .design-review-row1 {
        margin-top: 120px;
    }

    .continue-btns {
        margin-top: 120px;
    }

    .continue-btns a.checkout-bt {
        background-size: 50px;
        padding-right: 129px;
    }

    .duplicate-edit a.duplicate {
        background-size: 40px;
    }

    .duplicate-edit a.edit {
        background-size: 40px;
    }

    .duplicate-edit a {
        padding-left: 55px;
    }

    .cart-row1 {
        padding: 45px;
    }

    .your-cart-panel {
        padding-right: 175px;
        padding-left: 100px;
    }

    .cart-total {
        padding-bottom: 75px;
    }

    .you-may-like-hd {
        margin: 25px 0 15px 0;
    }

    .hd2 {
        margin-bottom: 45px;
    }

    .start-design1-btn {
        margin-top: -140px;
    }

    .ty-tg1 img {
        max-width: 145px;
    }

    .confirm-order-section1 .more a {
        background-size: 50px;
        padding-right: 110px;
    }

    .confirm-order-r {
        padding: 55px;
    }

    .common-pd3 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .confirm-order-steps ul li:before,
    .confirm-order-steps ul li.proof:before,
    .confirm-order-steps ul li.shipped:before {
        background-size: 65px;
        width: 115px;
        height: 115px;
        top: -40px;
    }

    .confirm-order-steps ul li {
        padding-top: 85px;
    }

    .confirm-order-steps2 {
        padding: 0 16%;
    }

    .overflow-content {
        height: 65vh;
    }

    .mandatory {
        margin-top: -125px;
    }

    .same-add {
        margin-top: -90px;
    }

    .form-address-info .hd6,
    .form-gst-info .hd6 {
        margin-bottom: 40px;
    }

    .form-basic-info,
    .form-address-info {
        margin-bottom: 50px;
    }

    .tabbing-section .need-help {
        left: 0;
    }

    .tabbing-section.edit-design a.edit-a {
        padding-left: 18%;
    }

    .tabbing .upload-container1 .next-cncl {
        width: 16%;
    }

    .safe-area img {
        max-width: 260px;
        margin-right: 40px;
    }

    .safe-area {
        padding: 30px;
    }

    .tooltip-3.safe-area {
        left: -68%;
    }

    .safe-area {
        left: -65%;
    }

    .review1 .continue-btns a {
        height: auto;
    }

    .upload5 .next-cncl {
        width: 16%;
    }

    .upload5 .upload-btn-wrapper {
        height: 580px;
    }

    .upload5 .upload-btn-wrapper .btn {
        background-size: 130px;
    }

    .section5 .services-desc {
        min-height: 490px;
    }

    .blank-design-div .upload-steps.upload1 {
        padding-top: 460px;
    }

    .menu .megamenu {
        padding: 0 115px;
    }

    .product-texture .size2 {
        min-height: 195px;
    }

    .artwork-li.listing li {
        background-position: 0 21%;
        padding-left: 5%;
    }

    .abt-pro-sec2 .product-desc {
        min-height: 345px;
    }

}



/*------------------------------------
FONT SIZE
-------------------------------------*/
@media only screen and (min-width:1100px) {
    body {
        font-size: 1.10vw;
        line-height: 1.8;
    }

    .hd1 {
        font-size: 3vw;
    }

    .txt1 {
        font-size: 1.15vw;
    }

    .hd2 {
        font-size: 1.6vw;
    }

    .product-desc {
        font-size: 1.03vw;
    }

    .products-list-row .product-desc {
        font-size: 1.2vw;
    }

    .viwe-all a {
        font-size: 1vw;
    }

    .more a {
        font-size: 1.05vw;
    }

    .next-step a,
    .border-btn {
        font-size: 1.10vw;
    }

    .services-hd {
        font-size: 1.7vw;
        min-height: 56px;
    }

    .corporate-detail-card .services-hd {
        font-size: 1.69vw;
        min-height: unset;
    }

    .home-index .services-section-hm .services-hd {
        min-height: 35px;
    }

    .static-content-wrap .services-hd {
        min-height: unset;
        margin: 1.5% 0 1.5%;
        color: #000;
    }

    .static-content-wrap .services-hd a {
        color: #000;
    }

    .static-content-wrap .abt-hd-3 {
        font-size: 1.5vw;
        font-family: 'Satoshi-Medium';
    }

    #design-your-cards .services-hd {
        font-size: 1.5vw;
        min-height: unset;
    }

    .design-your-cards .services-hd {
        font-size: 1.5vw;
    }

    .product-detail-card .services-hd {
        font-size: 1.5vw;
    }

    .product-detail-card .listing.mr1 {
        line-height: 1.5;
    }

    .product-detail-card .listing.mr1 li {
        background-position: 0 7px
    }

    .home-page1 .services-hd {
        font-size: 1.7vw;
    }

    .services-desc {
        font-size: 1.02vw;
        line-height: 1.8;
    }

    .read a {
        font-size: 1.06vw;
    }

    .testimonials-txt1 {
        font-size: 2.2vw;
    }

    .testimonials-name {
        font-size: 1.3vw;
    }

    input,
    select,
    textarea {
        font-size: 1.10vw;
    }

    .search-text {
        font-size: 3vw;
    }

    .search-box {
        font-size: 1.4vw;
    }

    .search-active .search-box {
        font-size: 1.4vw;
    }

    .h6,
    h6 {
        font-size: 1.2vw;
    }

    .submenu-in .nav-link {
        font-size: 1vw;
    }

    .menu-div1-in p {
        font-size: 1.1vw;
        line-height: 1.1;
    }

    .menu-tg {
        font-size: 1.1vw;
    }

    .footer-links ul li {
        font-size: 1.1vw;
    }

    .footer-links ul li li a {
        font-size: 1vw;
    }

    .copyright {
        font-size: 0.99vw;
    }

    .title1 {
        font-size: 3vw;
    }

    .header-txt {
        font-size: 1.4vw;
        line-height: 1.5;
        font-family: 'Satoshi-Medium';
    }

    .hd4 {
        font-size: 1.3vw;
    }

    .box3 label {
        font-size: 1vw;
        line-height: 25px;
    }

    .product-listing-box1 .txt3 {
        font-size: 1.1vw;
    }

    .tooltip {
        font-size: 1vw;
    }

    .product-listing-r .services-hd {
        font-size: 1.5vw;
    }

    .btn {
        font-size: 1.3vw;
        font-family: 'Satoshi-Medium';
        font-weight: 500;
    }

    .more a:hover {
        font-family: 'Satoshi-Medium';
        font-weight: 500;
    }

    .listing li {
        font-size: 1.1vw;
    }

    .products-list-row .hd2 {
        font-size: 1.5vw;
    }

    .product-product-landing .products-list-row .hd2 {
        font-size: 1.4vw;
    }

    .social-content a {
        font-size: 1.15vw;
    }

    .price1 {
        font-size: 1.25vw;
    }

    a.share:hover {
        font-size: 1.2vw;
    }

    .main-hd {
        font-size: 2.5vw;
    }

    .download-template-li2 li span.area-txt {
        font-size: 1.2vw;
    }

    .download-template-li2 li span.t-1 {
        font-size: 1.06vw;
    }

    .upload-steps .hd5 {
        font-size: 2.45vw;
    }

    .upload-steps ul li {
        font-size: 1.3vw;
        color: #743B64;
    }

    .submit-btn1 {
        font-size: 1.06vw;
    }

    .need-help a {
        font-size: 1.1vw;
    }

    .edit-design a {
        font-size: 1.3vw;
    }

    .review-txt {
        font-size: 1.3vw;
    }

    .next-cncl .download-pdf a {
        font-size: 1.25vw;
    }

    .hd6 {
        font-size: 1.4vw;
    }

    .radio-cod-btn .hd6 {
        font-size: 1.2vw;
        font-family: 'Satoshi-Medium';
    }

    .quantity {
        font-size: 1.2vw;
    }

    .duplicate-edit a {
        font-size: 1vw;
    }

    .remove {
        font-size: 1vw;
    }

    .cart-pro-desc {
        font-size: 1.02vw;
    }

    .continue-btns a {
        font-size: 1.2vw;
    }

    .ty-tg1 {
        font-size: 3vw;
    }

    .ty-tg2 {
        font-size: 1.5vw;
    }

    .txt3 {
        font-size: 1.5vw;
    }

    .confirm-order-steps2 {
        font-size: 1vw;
    }

    .confirm-order-steps ul li {
        font-size: 1.1vw;
    }

    .order-num {
        font-size: 1.3vw;
    }

    .order-summary {
        font-size: 1.3vw;
    }

    /*18px*/
    .order-address .hd6 {
        font-size: 1.25vw;
    }

    /*17px*/
    .address {
        font-size: 1.02vw;
    }

    /*14px*/
    .confirm-order-cart .hd6 {
        font-size: 1.2vw;
    }

    /*16px*/
    .confirm-order-cart .quantity {
        font-size: 1.02vw;
    }

    .confirm-order-cart .cart-pro-desc {
        font-size: 1.02vw;
    }

    .info-txt {
        font-size: 1.10vw;
    }

    /*15px*/
    .info-txt a.tel {
        font-size: 1.02vw;
    }

    .confirm-order-cart .price1 {
        font-size: 1.10vw;
    }

    .req {
        font-size: 1.5vw;
    }

    .form-address-info .hd6,
    .form-gst-info .hd6 {
        font-size: 1.25vw;
    }

    .tooltip-hd {
        font-size: 1.10vw;
    }

    .safe-area {
        font-size: 0.90vw;
    }

    /*12px*/
    .upload-btn-wrapper .btn,
    .upload-btn-wrapper .btn span {
        font-size: 1.2vw;
    }

    .design-tool-list li a {
        font-size: 1.10vw;
    }

    .viwe-all a,
    .order a {
        padding: 1.2% 2.5%;
    }

    .product-detail-r .main-hd {
        font-size: 2.2vw;
        padding-right: 60px;
    }

    .product-detail-r .price1 {
        font-size: 1vw;
        font-family: 'Satoshi-Bold';
    }

    .product-detail-r .hd4 {
        font-size: 1.4vw;
    }

    .hd5 {
        font-size: 2.2vw;
    }

    .order a {
        font-size: 1vw;
    }

    .product-detail-r .product-detail-section2 .txt-1 {
        font-size: 1.06vw;
        padding-right: 15%;
        line-height: 1.5;
    }

    .accordion>.card .card-header .btn {
        font-size: 1.2vw;
        font-family: 'Satoshi-Bold';
    }

    .artwork-guideline-header .breadcrumb-panel ul li a {
        font-size: 1vw;
    }

    .artwork-section1 .hd1-1 {
        font-size: 2.5vw;
        font-family: 'Satoshi-Bold';
    }

    .artwork-section2 .hd1-1 {
        font-size: 2.5vw;
        font-family: 'Satoshi-Bold';
    }

    .artwork-section1 .listing li {
        font-size: 1vw;
    }

    .artwork-section2 .hd4 {
        font-size: 1.15vw;
    }

    .pd-tb-2 {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .product-detail-panel {
        margin-top: 2%;
    }

    /* .product-detail-r .product-select-col1 a{padding:7%;} */
    .w-b-h .white-box {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .product-packaging-customization-option #design-your-cards.w-b-h .white-box {
        padding-top: 6%;
        padding-bottom: 15%;
    }

    .size2-h1 {
        min-height: 45px !important;
    }

    .h-80 .header-txt {
        margin-top: 5%;
    }

    .static-content-wrap .hd1,
    .static-content-wrap2 .hd1 {
        font-size: 2.5vw;
        margin-bottom: 30px;
    }

    .hd1-4 {
        margin: 25px 0 10px 0;
        font-size: 2.5vw;
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    body {
        font-size: 15px;
    }

    .menu .megamenu {
        padding: 0 5px;
        font-size: 14px;
    }

    .products-section .container {
        max-width: 98%;
    }
}

@media only screen and (min-width:1920px) {
    .hd1 {
        font-size: 3.8vw;
    }

    .trigger-menu-wrapper {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding-top: 175px;
    }

    .header-listing {
        margin-top: 98px;
    }

    .product-detail-section1 {
        padding-top: 180px;
    }
}

@media only screen and (max-width:767px) {
    .panel {
        height: auto !important;
        scroll-snap-stop: normal;
        scroll-behavior: auto;
        scroll-snap-type: unset;
    }

    .content .section {
        height: auto !important;
    }

    .product-packaging-customization-option .common-pd.common-pd-7 {
        margin-top: 72px;
    }
}




/*------------------------------------
COMMON CSS
-------------------------------------*/
@font-face {
    font-family: 'Satoshi-Variable';
    src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
        url('../fonts/Satoshi-Variable.woff') format('woff'),
        url('../fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

.checkbox-w .box3 label {
    display: block;
    position: relative;
    padding-left: 14%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-w .box3 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox-w .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #ccc;
}

/* On mouse-over, add a grey background color */
/* .box3:hover input ~ .checkmark {background-color:#743B64;} */

/* When the checkbox is checked, add a blue background */
.checkbox-w .box3 input:checked~.checkmark {
    background-color: #743B64;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-w .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}



/* Show the checkmark when checked */
.checkbox-w .box3 input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-w .box3 .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




@media only screen and (min-width:3000px) {
    .box3 label {
        line-height: 1.2;
    }

    .checkbox-w .checkmark {
        top: 12px;
        height: 25px;
        width: 25px;
    }

    .checkbox-w .box3 label {
        padding-left: 8%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding-top: 230px;
    }

    .header-listing {
        margin-top: 168px;
    }

}

/* shipping address-tab */
.shipping-address-tab .card {
    background: transparent;
}

.shipping-address-tab .accordion>.card .card-header .btn {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    background: url(../images/arrow-dw3.svg) no-repeat right center;
    background-size: 17px;
}

.shipping-address-list {
    margin: 0 -1%;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.shipping-address-list li {
    float: left;
    width: 48%;
    line-height: 1.5;
    margin: 0 1% 2%;
    padding: 10px 15px;
    background: #fff;
}

.shipping-address-list li span.shp-add1 {
    float: left;
    width: 10%;
    max-width: 21px;
}

.shipping-address-list li span.shp-add2 {
    float: left;
    width: 90%;
    padding-top: 7px;
}

.shipping-address-tab {
    float: left;
}

.edit_address {
    background: url(../images/edit.svg) no-repeat 0 0;
    letter-spacing: 1.28px;
    color: #7E7E7E;
    background-size: 18px;
    padding-left: 20px;
    text-transform: uppercase;
}

.manage-address-wrapin .edit-add-info-wrap .edit_address {
    background: transparent;
}

@media only screen and (min-width:992px) {
    .shipping-address-tab .accordion>.card .card-header .btn {
        font-size: 1.25vw;
    }
}

@media only screen and (max-width:1100px) {
    .shipping-address-tab .accordion>.card .card-header .btn {
        font-weight: normal;
        font-family: 'Satoshi-Medium';
        font-size: 17px;
    }

    .shipping-address-list li {
        width: 100%;
        margin: 0 0 2%;
    }

    .shipping-address-list {
        margin: 0;
    }
}

/* portfolio */
.common-header {
    height: 500px;
    background: #d8f1f4;
}

.common .header-tg-panel {
    max-width: 50%;
}

.portfolio-header {
    background: url(../images/fp-portfolio-header.jpg) no-repeat center 0;
    background-size: cover;
}

.purple-title1 {
    color: #6F1971 !important;
}

.purple-txt {
    color: #8F1492 !important;
}

.portfolio-page .menu .navbar-nav .nav-link,
.portfolio-page .menu .navbar-light .navbar-nav .nav-link:hover,
.portfolio-page.menu .navbar-light .navbar-nav .show>.nav-link {
    color: #6F1971 !important;
}

.portfolio-page .menu .navbar-nav .nav-link::before {
    background: #6F1971;
}

.portfolio-page .dropdown-toggle::after {
    background-image: url(../images/arrow-dw3-purple.svg)
}

.portfolio-page .menu .navbar-nav .nav-link.signin {
    background: url(../images/user-icon-purple.svg) no-repeat right 8px
}

#portfolio {
    margin: 2rem 0 1rem 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}

.tile {
    display: none;
}

.scale-anm {
    margin: 0 0 0.55rem;
    width: 100%;
    /* border:1px solid #eee; */
}

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

.portfolio-filters .btn {
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: .5rem 1%;
    margin: 0 1% 0 0;
    height: auto;
    border: 1px solid #ccc;
    vertical-align: middle;
    -webkit-appearance: none;
    color: #555;
    background-color: #fff;
    border-radius: 0;
    line-height: 1;
    text-transform: capitalize;
}

.portfolio-filters {
    display: flex;
}

.portfolio-filters .btn.focus,
.portfolio-filters .btn:focus {
    box-shadow: none;
}

.portfolio-filters .blue-btn {
    color: #743B64;
    border-color: #743B64;
}

.portfolio-filters .blue-btn.active {
    color: #fff;
    background-color: #743B64;
}

.portfolio-filters .pink-btn {
    color: #D11F4F;
    border-color: #D11F4F;
}

.portfolio-filters .pink-btn.active {
    color: #fff;
    background-color: #D11F4F;
}

.portfolio-filters .green-btn {
    color: #007E8D;
    border-color: #007E8D;
}

.portfolio-filters .green-btn.active {
    color: #fff;
    background-color: #007E8D;
}

.portfolio-filters .yellow-btn {
    color: #FF943A;
    border-color: #FF943A;
}

.portfolio-filters .yellow-btn.active {
    color: #fff;
    background-color: #FF943A;
}

.portfolio-filters .light-green-btn {
    color: #00C8A6;
    border-color: #00C8A6;
}

.portfolio-filters .light-green-btn.active {
    color: #fff;
    background-color: #00C8A6;
}

.portfolio-filters .purple-btn {
    color: #8A8AD1;
    border-color: #8A8AD1;
}

.portfolio-filters .purple-btn.active {
    color: #fff;
    background-color: #8A8AD1;
}

.portfolio-filters .brown-btn {
    color: #8F7863;
    border-color: #8F7863;
}

.portfolio-filters .brown-btn.active {
    color: #fff;
    background-color: #8F7863;
}

.portfolio-detail-section1 {
    background: #fff;
    padding-top: 135px;
    padding-bottom: 50px;
}

.portfolio-details-page .product-detail-r {
    min-height: unset;
    width: 53%;
}

.portfolio-details-page .product-img-panel img {
    max-width: 100%;
}

.portfolio-details-page .product-detail-l {
    position: static;
    float: left;
    width: 47%;
}

.portfolio-details-page .product-img-panel {
    margin: 0;
}

.portfolio-details-page .breadcrumb-panel {
    margin-bottom: 3%;
}

.portfolio-details-page .breadcrumb-panel a {
    font-size: 1.30vw;
    color: #7E7E7E;
}

.portfolio-details-page .breadcrumb-panel a img {
    margin: -3px 1% 0 0;
}

.portfolio-details-page .breadcrumb-panel ul li {
    width: 100%;
}

.grid {
    margin: 1rem auto;
}

.portfolio-details-page #portfolio {
    margin-top: 5%;
}

.portfolio-details-page #portfolio .grid {
    margin: 0 auto;
}

.portfolio-details-page #portfolio .products-slider {
    margin-top: 0;
}

.grid-item {
    width: 33%;
    height: auto;
    margin-bottom: 20px;
}

.grid-item img {
    width: 100%;
    height: 100%;
    padding: 1%;
}

.portfolio-details-page .summary-table {
    float: left;
    width: 100%;
}

.portfolio-details-page .services-inside {
    margin-left: 0;
    margin-right: 0;
}

.wishlist img {
    max-width: 30%;
}

.portfolio-detail-new-wrap .product-img-panel img {
    max-width: 100%;
}

.portfolio-detail-new-wrap .product-img-panel {
    margin: 0;
}

.portfolio-detail-new-wrap .product-detail-r {
    min-height: unset;
}

.portfolio-detail-new-wrap .portfolio-detail-section1 {
    padding-bottom: 5%;
}

@media only screen and (min-width:992px) {
    .portfolio-detail-new-wrap .wishlist img {
        max-width: 40%;
    }

    .scale-anm {
        min-height: 385px;
    }

    .portfolio-detail-section1 {
        min-height: 756px;
    }

    .portfolio-detail-new-wrap .product-img-panel img {
        max-height: 500px;
    }
}

@media only screen and (min-width:1300px) and (max-width:1500px) {
    .scale-anm {
        height: 385px;
    }
}

@media only screen and (min-width:1300px) and (max-width:1450px) {
    .scale-anm {
        height: 385px;
    }
}

@media only screen and (min-width:1451px) and (max-width:1800px) {
    .scale-anm {
        height: 483px;
    }
}

@media only screen and (min-width:1801px) {
    .scale-anm {
        height: 567px;
    }
}

@media only screen and (min-width:2000px) {
    .scale-anm {
        height: 750px;
    }
}

@media only screen and (min-width:1180px) and (max-width:1200px) {
    .grid-item {
        width: 32.8%;
    }
}

@media only screen and (min-width:1001px) and (max-width:1100px) {
    .portfolio-filters .btn {
        font-size: 13px;
        padding: 5px 10px;
    }

    .grid-item {
        width: 32%;
    }

    .scale-anm {
        min-height: 285px;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .portfolio-filters .btn {
        font-size: 13px;
        padding: 5px 5px;
        line-height: 1;
    }

    .grid-item {
        width: 31.5%;
    }

    .portfolio-detail-section1 {
        min-height: 490px;
    }

    .portfolio-detail-new-wrap .product-img-panel img {
        max-height: 315px;
    }

    .portfolio-detail-section1.portfolio-detail-new-wrap {
        padding-top: 30px;
    }

    .scale-anm {
        min-height: 245px;
    }

    .artwork-guideline-header {
        height: 375px;
    }

    .artwork-guideline-header .header-txt {
        max-width: 68%;
    }

    .artwork-section1 .white-box {
        align-content: flex-start;
    }
}

@media only screen and (max-width:767px) {
    .portfolio-filters .btn {
        padding: 5px 6px;
        margin-top: 1%;
        margin-bottom: 1%;
        font-size: 13px;
    }

    .wishlist img {
        max-width: 40%;
    }

    .portfolio-filters {
        flex-wrap: wrap;
    }

    .grid-item {
        width: 31.5%;
    }

    .portfolio-detail-section1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .portfolio-details-page .product-detail-l {
        margin-bottom: 25px;
    }

    .portfolio-details-page .breadcrumb-panel a {
        font-size: 15px;
    }

    .portfolio-details-page .product-detail-r,
    .portfolio-details-page .product-detail-l {
        width: 100%;
    }

    .portfolio-detail-new-wrap .product-img-panel {
        margin-bottom: 25px;
    }

    .scale-anm {
        min-height: 167px;
    }

    .artwork-guideline-header .header-txt {
        max-width: 62%;
    }
}

@media only screen and (max-width:600px) {
    #portfolio {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .grid-item {
        width: 48.5%;
    }
}

/*---CONTACT SECTION 14/06/22---*/
.mrtp-1 {
    margin-top: 6% !important;
}

.gray-txt2 {
    color: #4A4A4A !important;
}

.contact-header {
    background: url(../images/contact-header.jpg) no-repeat center center;
    background-size: cover;
    min-height: 645px;
    position: relative;
}

.contact-header:before {
    content: '';
    background: transparent linear-gradient(180deg, #000000AD 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    height: 289px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.contact-form-section {
    background: #F0F0F0;
    padding-top: 5%;
    padding-bottom: 5%;
}

.blue-email {
    background: url(../images/email-blue.svg) no-repeat 0 center;
    background-size: 20px;
}

.contact-form-section .form-row1 select {
    color: #9F9F9F;
}

.contact-form-section .form-row1 input[type="text"],
.contact-form-section .form-row1 textarea {
    color: #000;
}

.contact-form-section .form-row1 select {
    background: url(../images/arrow-dw3.svg) no-repeat 93% center #fff;
    background-size: 16px;
}

.contact-form-section .form-row1 input[type="submit"] {
    border: 2px solid #743B64;
    color: #743B64;
}

.contact-form-section .form-row1 input[type="submit"]:hover {
    background: #743B64;
    color: #fff;
}

.contact-form-section .enquiry-in {
    margin-top: 0;
}

@media only screen and (min-width:992px) {

    .contact-page .menu .navbar-nav .nav-link,
    .contact-page .menu .navbar-nav .nav-link:hover,
    .portfolio-index .menu .navbar-nav .nav-link,
    .portfolio-index .menu .navbar-nav .nav-link:hover {
        color: #fff;
    }

    .contact-page .sticky_header .menu .navbar-nav .nav-link,
    .contact-page .sticky_header .menu .navbar-nav .nav-link:hover,
    .portfolio-index .sticky_header .menu .navbar-nav .nav-link,
    .portfolio-index .sticky_header .menu .navbar-nav .nav-link:hover {
        color: #743B64;
    }

    .contact-page .menu .navbar-nav .nav-link::before,
    .portfolio-index .menu .navbar-nav .nav-link::before {
        background: #fff;
    }

    .contact-page .sticky_header .menu .navbar-nav .nav-link::before,
    .portfolio-index .sticky_header .menu .navbar-nav .nav-link::before {
        background: #743B64;
    }

    .contact-page .dropdown-toggle::after,
    .portfolio-index .dropdown-toggle::after {
        background: url(../images/arrow-dw3-wh.svg) no-repeat right center;
    }

    .contact-page .sticky_header .dropdown-toggle::after,
    .portfolio-index .sticky_header .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center;
    }

    .contact-page .menu .navbar-nav .nav-link.signin,
    .portfolio-index .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon-wh.svg) no-repeat right 8px;
    }

    .contact-page .menu .navbar-nav .logout-li,
    .corporate-page .menu .navbar-nav .logout-li,
    .portfolio-index .menu .navbar-nav .logout-li,
    .portfolio-index .menu .navbar-nav .logout-li {
        background: url(../images/user-icon-wh.svg) no-repeat right 8px;
    }

    .contact-page .sticky_header .menu .navbar-nav .nav-link.signin,
    .contact-page .sticky_header .menu .navbar-nav .logout-li,
    .portfolio-index .sticky_header .menu .navbar-nav .nav-link.signin,
    .portfolio-index .sticky_header .menu .navbar-nav .logout-li {
        background: url(../images/user-icon.svg) no-repeat right 8px;
    }

    .contact-page .logo img,
    .portfolio-index .logo img {
        filter: brightness(0) invert(1);
    }

    .contact-page .sticky_header .logo img,
    .contact-page.menu-open .logo img,
    .portfolio-index .sticky_header .logo img,
    .portfolio-index.menu-open .logo img {
        filter: none;
    }

    .contact-page.menu-open .menu .navbar-nav .nav-link,
    .contact-page.menu-ope .menu .navbar-nav .nav-link:hover,
    .portfolio-index.menu-open .menu .navbar-nav .nav-link,
    .portfolio-index.menu-ope .menu .navbar-nav .nav-link:hover {
        color: #743B64;
    }

    .contact-page.menu-open .dropdown-toggle::after,
    .portfolio-index.menu-open .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center;
    }

    .contact-page.menu-open .menu .navbar-nav .nav-link.signin,
    .portfolio-index.menu-open .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon.svg) no-repeat right 8px;
    }

    .corporate-page .sticky_header .menu .navbar-nav .logout-li {
        background: url(../images/user-icon.svg) no-repeat right 8px;
    }

    .header-font-color-change .menu .navbar-nav .nav-link {
        color: #743B64 !important;
    }

    .header-font-color-change .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center;
    }

    .header-font-color-change .logo img {
        filter: none !important;
    }

    .header-font-color-change .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center !important;
    }

    .header-font-color-change .header-cart img {
        filter: none !important;
    }

    .header-font-color-change .menu .navbar-nav .logout-li,
    .header-font-color-change .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon.svg) no-repeat right 8px !important;
    }

    .header-font-color-change .reveal {
        transition: none;
    }

    .header-font-color-change .menu .navbar-nav .submenu-in .nav-link {
        color: #757575 !important;
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .contact-header {
        min-height: 375px;
    }
}

@media only screen and (max-width:767px) {
    .contact-header {
        min-height: 200px;
    }
}

/*---ORDERS SUMMARY SECTION---*/

.grey-bg {
    background: #F0F0F0
}

.breadcrumb-txt {
    color: #7E7E7E;
}

.breadcrumb-arrow {
    color: #7E7E7E;
    padding: 0 10px;
}

.hd-m {
    font-family: 'Satoshi-Medium';
}

.heading-section {
    padding: 0 5px;
}

.summery-section {
    padding: 0 5px;
}

.heading-section .back-arrow {
    margin-right: 2%;
}

.summery-hd-section {
    justify-content: space-between;
    border-bottom: 1px solid #c8c8c8;
    margin: 1.5% 0 4% 0;
    padding: 0 0 2%;
    align-items: center;
}

.summery-hd-l {
    font-size: 3vw;
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1;
}

.summery-invoice-dwnld {
    float: left;
}

.summery-help-txt {
    float: right;
    font-family: 'Satoshi-Medium';
}

.order-number {
    letter-spacing: 1.5px;
    color: #7E7E7E;
    text-transform: uppercase;
    font-family: 'Satoshi-Bold';
}

.summery-invoice-dwnld {}

.summery-invoice-dwnld a {
    background: url(../images/payment-invoice-icon.svg) no-repeat 0 center;
    color: #743B64;
    padding: 1% 150px 1% 40px;
    display: block;
    white-space: nowrap;
}

.blue-link {
    color: #743B64;
}

.summery-section2 .your-cart-panel {
    padding-left: 0;
    width: 60%;
    padding-right: 3%;
}

.summery-section2 .you-may-like-section {
    width: 40%;
}

.summery-section2 .you-may-like-panel {
    margin-top: 20px;
}

.summery-section2 .hd2 {
    letter-spacing: 2px;
    color: #7E7E7E;
    text-transform: uppercase;
    font-family: 'Satoshi-Medium';
    font-size: 1.5vw;
}

.delivery-section {
    margin-top: 6%;
}

.white-shadow-box {
    background: #fff;
    padding: 20px 28px;
    filter: drop-shadow(0 0px 3px #bfbfbf);
    float: left;
    width: 100%;
}

.my-artwork-wrap .white-shadow-box {
    padding: 20px;
}

.summery-section2 .shipping-address,
.summery-section2 .billing-address {
    width: 100%;
}

.summery-section2 .billing-address {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px solid #c8c8c8;
}

.summery-section2 .order-address {
    margin: 0;
    padding: 0;
    border: 0;
}

.summery-section2 .hd6 {
    color: #7E7E7E;
    font-family: 'Satoshi-Medium';
}

.summery-section2 .address {
    line-height: 1.7;
}

.summery-section2 .address span {
    color: #444444;
    font-family: 'Satoshi-Bold';
}

.summery-section2 .cart-total-table {
    padding-right: 0;
    float: left;
}

.summery-section2 .table td,
.summery-section2 .table th {
    border: 0;
    font-family: 'Satoshi-Medium';
    color: #7E7E7E;
    font-weight: normal;
}

.summery-section2 .table {
    margin-bottom: 0;
}

.orders-summary-wrap {
    padding-bottom: 50px;
}

.summery-section2 .table th {
    padding: 0 25px 0 0;
}

.summery-section2 .table td {
    padding: 0;
}

.summery-section2 .total-row th {
    color: #743B64;
    font-size: 1.4vw;
    font-family: 'Satoshi-Bold';
}

.summery-section2 .total-row td {
    color: #000;
    font-size: 1.4vw;
    font-family: 'Satoshi-Bold';
}

.summery-section2 .cart-r .hd6 {
    color: #743B64;
    font-size: 1.7vw;
    font-family: 'Satoshi-Bold';
}

.total-payment-wrap {
    width: 62%;
    float: left;
    border-right: 1px solid #c8c8c8;
}

.payment-method-wrap {
    width: 38%;
    float: left;
    padding-left: 6%;
}

.payment-method-hd1 {
    font-family: 'Satoshi-Medium';
    color: #7E7E7E;
    font-weight: normal;
    margin-top: 20px;
}

.payment-method-hd2 {
    font-family: 'Satoshi-bold';
    color: #743B64;
    font-size: 1.15vw;
    margin: 5px 0 5px;
}

.top-border {
    border-top: 2px solid #743B64;
    padding-top: 15px;
    padding-top: 3%;
    display: block;
}

.duplicate-edit a.refresh-icon {
    background: url(../images/refresh-icon.svg) no-repeat 0 center;
    background-size: 16px;
}

.tracking-num {
    text-align: left;
    width: 33%;
    color: #007E8D;
    font-family: 'Satoshi-Medium';
    font-size: 1.07vw;
    line-height: 1.5;
}

.ongoing-process {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #c8c8c8;
    margin-top: 3%;
    padding-top: 3%;
}

.current-status-txt {
    float: left;
    padding-right: 5%;
    letter-spacing: 1.12px;
    color: #9F9F9F;
    text-transform: uppercase;
}

.current-status-info {
    float: left;
    color: #007E8D;
    width: 40%;
}

.current-status-wrap {
    float: left;
    width: 46%;
}

.current-status-info img {
    margin-right: 3%;
}

.yello-info-txt {
    color: #FF943A;
}

.ongoing-process .more {
    color: #9F9F9F;
    text-transform: uppercase;
    letter-spacing: 1.12px;
    font-family: 'Satoshi-Medium'
}

.ongoing-process .more span {
    letter-spacing: 0px;
    text-transform: none;
    padding-left: 5px;
}

/*---MANAGE ADDRESS SECTION---*/
.manage-address-wrap {
    float: right;
    width: 64%;
}

.w-30 {
    width: 30%
}

.manage-address-section1 {
    justify-content: space-between;
}

.manage-address-wrapin {
    width: 47%;
}

.manage-address-wrapin .shipping-address,
.manage-address-wrapin .billing-address {
    width: 100%;
}

.manage-address-wrap .summery-help-txt a {
    letter-spacing: 1.28px;
    color: #7E7E7E;
    font-weight: normal;
    background: url(../images/plus-icon-grey.svg) no-repeat 0 -2px;
    background-size: 27px;
    padding: 3px 0 2px 28px;
}

.manage-address-wrap .summery-help-txt a:hover {
    color: #743B64;
    font-family: 'Satoshi-Medium';
    background: url(../images/plus-icon-blue.svg) no-repeat 0 -2px;
    background-size: 27px;
}

.manage-address-wrap .order-address {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 15px;
}

.manage-address-wrap span {
    color: #743B64;
    font-family: 'Satoshi-bold';
    font-size: 1.1vw;
    margin-bottom: 5px;
    display: inline-block;
}

.manage-address-wrap span.shp-add1 {
    padding-right: 5px;
}

.edit-add img {
    width: 18px;
    vertical-align: sub;
}

.edit-add-info-wrap {
    display: flex;
    justify-content: space-around;
    width: 100%;
    text-transform: uppercase;
}

.edit-add a {
    letter-spacing: 1.28px;
    color: #7E7E7E;
}

.remove-add a {
    letter-spacing: 1.28px;
    color: #FF5661;
}

.manage-address-wrapin .delivery-section {
    margin-top: 2%;
}

.manage-address-page {
    overflow-x: hidden
}

.notification-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 510px;
    display: none;
    height: 100%;
    overflow: hidden;
    background: #F0F0F0;
    z-index: 999;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    box-shadow: -10px 0px 60px #00000029;
}

.selected {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.dismiss {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}

.radio-list {
    padding: 0;
}

.radio-list li {
    padding: 0 10px 0 0;
    display: inline-block;
}

.radio-list li span {
    color: #7E7E7E;
    font-family: 'Satoshi-Regular';
}

.manage-address-outer-wrap .gray-hd {
    letter-spacing: 0px;
    color: #000000;
}

.form-submit-btns {
    margin-bottom: 55px;
}

.continue-btns.form-submit-btns a.checkout-bt {
    background: #743B64;
    padding: 8px 30px 10px;
    color: #fff;
}

.manage-address-sidebar .hd2 {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 10px;
}

.manage-address-sidebar .mandatory {
    margin-top: -45px;
}

.manage-address-sidebar .req {
    color: #FF5661;
    margin: 0;
}

.close-btn {
    background: url(../images/close-icon2.svg) no-repeat 0 0;
    float: left;
    width: 50px;
    height: 50px;
    background-size: 50px;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 4%;
    position: absolute;
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(100%);
    }
}

.manage-address-sidebar .order-details-l {
    padding: 16% 7% 5% 7%;
    width: 100%;
}

.manage-address-sidebar .overflow-content {
    height: 510px;
}

.myaccount-contact-wrap .contact-form-section {
    padding-top: 2.5%;
    padding-bottom: 0;
}

.myaccount-contact-wrap .enquiry-l {
    width: 100%;
}

.myaccount-contact-wrap .enquiry-r {
    width: 100%;
    margin-top: 3%;
}


@media only screen and (min-width:768px) {
    .manage-addresses-wrap2 .white-shadow-box {
        height: 100%;
    }

    .manage-addresses-wrap2 .manage-address-wrapin {
        display: flex;
        margin-bottom: 2.5%;
    }

    .myaccount-contact-wrap .form-row1 input[type="text"],
    .myaccount-contact-wrap .form-row1 input[type="email"],
    .myaccount-contact-wrap .form-row1 textarea {
        padding: 1% 2%;
    }
}

/* ---my-artwork--- */
.artwork-img {
    margin-bottom: 15px
}

.artwork-inner-wrap {
    text-align: center;
}

.artwork-name {
    color: #007E8D;
    font-family: 'Satoshi-bold';
    font-size: 1.5vw;
    line-height: 1;
    margin-bottom: 5px
}

.artwork-desc {
    color: #444444;
}

.my-artwork-wrap .manage-address-wrapin {
    margin-bottom: 2.5%;
}

.my-artwork-wrap .info-txt span {
    color: #7E7E7E;
}

.my-artwork-wrap .form-row1 select {
    padding: 2% 3%;
    color: #7E7E7E;
    background: url(../images/arrow-dw3.svg) no-repeat 93% center #fff;
    background-size: 22px;
}

.info-txt-2 {
    font-family: 'Satoshi-Regular';
    letter-spacing: -0.18px;
    color: #000;
    margin-top: 5%;
}

.info-txt-2 a {
    font-family: 'Satoshi-medium';
}

.my-artwork-wrap .upload-btn-wrapper {
    padding: 0;
    margin: 0;
    border: 3px solid #743B64;
}

.my-artwork-wrap .upload-btn-wrapper .btn {
    padding: 10px 15px 10px 50px;
    background: url(../images/upload-icon.svg) no-repeat 15px center #f0f0f0;
    background-size: 25px;
    letter-spacing: 1.26px;
    color: #743B64;
    border: 0;
}

.browse-bt-artwork {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.file-format {
    float: right;
    width: 50%;
    letter-spacing: -0.16px;
    color: #7E7E7E;
    font-family: 'Satoshi-Regular';
    line-height: 1.2;
    padding-top: 5px;
}

.file-format span {
    letter-spacing: -0.16px;
    color: #7E7E7E;
    font-family: 'Satoshi-Regular';
}

.file-format-list-artwork {
    float: left;
    width: 100%;
    border-top: 1px solid #707070;
    margin-top: 5%;
    padding-top: 5%;
}

.file-format-list-artwork p {
    margin-bottom: 0;
}

/* EDIT PROFILE SECTION */

.edit-profile-form label {
    font-family: 'Satoshi-Regular';
    display: block;
    width: 100%;
    letter-spacing: 1.12px;
    color: #7E7E7E;
    text-transform: uppercase;
}

.form-row-50 {
    width: 50%;
}

.justify-wrap .form-row-50 {
    width: 48%;
}

.form-row2 .form-row-50 input {
    width: 90% !important;
    padding: 2% 6%;
}

.justify-wrap .form-row2 .form-row-50 input {
    width: 100% !important;
}

.edit-profile-form input {
    color: #743B64 !important;
    max-height: 48px;
    min-height: 48px;
}

.text-label {
    color: #743B64 !important;
    max-height: 48px;
    min-height: 48px;
    background: #fff;
    padding: 16px 20px;
    text-transform: lowercase !important;
    line-height: 1;
}

.edit-pro-img1 img {
    max-width: 21px;
}

.form-row1.form-row-50-2 input {
    width: 48% !important;
}

.form-row1 input[type="date"] {
    font-family: 'Satoshi-Medium';
    border: 0;
    padding: 2% 6%;
}

.update-btn input[type="submit"] {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    padding: 8px 55px;
    color: #743B64;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 20px;
}

.update-btn input[type="submit"]:hover {
    color: #fff !important;
    background: #743B64;
}

.edit-profile-wrap {
    padding-right: 0;
}

.edit-profile-wrap ::placeholder {
    color: #743B64;
}

.edit-profile-wrap :-ms-input-placeholder {
    color: #743B64;
}

.edit-profile-wrap ::-ms-input-placeholder {
    color: #743B64;
}

.edit-profile-wrap .form-row2 .form-row-50 input {
    width: 100% !important;
}

/*----DASHBOARD----*/

.dashboard-inner-wrap {
    justify-content: space-between;
}

.dashboard-clm {
    width: 32%;
    box-shadow: 0px 0px 20px #00000033;
    margin: 0 0 2% 0;
    padding: 2%;
    display: flex;
    align-items: center;
    background: #fff;
}

.blank-div {
    box-shadow: none;
    padding: 0;
    margin: 0;
    background: transparent;
    height: 0;
}

.dashboard-hd {
    font-size: 1.6vw;
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1;
    margin: 0 0 10px;
}

.dashboard-txt {
    color: #707070;
    font-size: 1.15vw;
    line-height: 1;
}

.dashboard-icon {
    width: 18%;
    text-align: center;
    padding-right: 15px;
}

.dashboard-txt2 {
    width: 82%;
}

.note-new1 {
    color: #535353;
    font-family: 'Satoshi-Medium';
}

.dashboard-hd a {
    color: #743B64;
}

.dashboard-txt a {
    color: #707070;
}

.dashboard-icon img {
    max-height: 35px;
}

.my-accounts-sidebar .dashboard-txt {
    display: none;
}

.my-accounts-sidebar .dashboard-clm {
    width: 100%;
    margin: 0 0 4% 0;
    padding: 4%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.my-accounts-sidebar .dashboard-hd {
    margin: 0;
}

.my-accounts-sidebar {
    margin-top: 25%;
}

.my-accounts-sidebar.my-accounts-sidebar-19 {
    margin-top: 19%;
}

.my-accounts-sidebar .dashboard-hd {
    font-size: 1.3vw;
}

.my-accounts-sidebar .dashboard-icon {
    width: 13%;
}

.my-accounts-sidebar .blank-div {
    display: none;
}


/*----LOGIN----*/
.wizard #slider {
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
}

.wizard #slider .bottom-links .list-inline li {
    font-size: 14px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.wizard #slider input[type=radio] {
    display: none;
}

.wizard #slider label {
    /* cursor:pointer ; */
    text-decoration: none;
}

.wizard .form-group .form-label {
    line-height: 20px;
}

.wizard #slides {
    padding: 0;
    border: 0px solid #ccc;
    background: #F0F0F0;
    position: relative;
    z-index: 1;
}

.wizard #overflow {
    width: 100%;
    overflow: hidden;
}

.wizard #slide1:checked~#slides .inner {
    margin-left: 0;
}

.wizard #slide2:checked~#slides .inner {
    margin-left: -100%;
}

.wizard #slide3:checked~#slides .inner {
    margin-left: -200%;
}

.wizard #slide4:checked~#slides .inner {
    margin-left: -300%;
}

.wizard #slide5:checked~#slides .inner {
    margin-left: -400%;
}

.wizard #slides .inner {
    transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    width: 500%;
    height: 91vh;
}

.wizard #slides .slide {
    width: 20%;
    float: left;
    display: flex;
    padding: 1.1%;
    height: 100%;
    color: #000;
}

.wizard #controls {
    margin: -180px 0 0 0;
    width: 100%;
    height: 50px;
    z-index: 3;
    position: relative;
}

.wizard #controls label {
    transition: opacity 0.2s ease-out;
    display: none;
    width: 50px;
    height: 50px;
    opacity: .4;
}

.wizard #controls label:hover {
    opacity: 1;
}

.wizard #bullets {
    margin: 150px 0 0;
    text-align: center;
}

.wizard #bullets label {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ccc;
    margin: 0 10px;
}

.nxt-prev-btn a.plus,
.col-five .form-group.nxt-prev-btn.form-group-5 a.plus,
.nxt-prev-btn.search-in a.plus {
    background: url(../images/plus-icon-w.png) no-repeat 10px center #0e4d92;
    padding: 6px 15px 6px 25px;
    min-width: inherit !important;
    text-align: left;
}

.nxt-prev-btn a.plus:hover,
.col-five .form-group.nxt-prev-btn.form-group-5 a.plus:hover,
.nxt-prev-btn.search-in a.plus:hover {
    background: #0069D9 url(../images/plus-icon-w.png) no-repeat 10px center !important;
}

.table-radio .checkbox-container {
    float: none;
    width: auto;
    padding-left: 0;
    margin-left: -10px;
}

.wizard #slider .send-btn label {
    margin: 0;
    width: 100%;
}

.login-img {
    width: 50%;
    background: url(../images/login-bg.png) no-repeat center 0;
    background-size: cover;
}

.login-form {
    width: 50%;
}

.login-hd {
    font-size: 2.7vw;
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1.2;
    margin: 0 0 2%;
}

.signup-form-label {
    font-size: 1.35vw;
    color: #262626;
    margin: 0 0 4%;
}

.signup-form-label span {
    font-family: 'Satoshi-Bold';
    color: #743B64;
}

.login-form .form-control {
    border: 0;
    border-radius: 0;
    color: #7E7E7E;
    padding: 1.3rem 1.2rem;
    margin: 0 2% 0 0;
    background: #fff;
}

.or {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 2% 0;
    color: #212121;
    opacity: 0.9;
}

.submit-btn {
    width: auto;
    background: transparent;
    border: 0;
    padding: 8px 12px;
    color: #fff;
    background: #743B64;
    letter-spacing: 2.14px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 2%;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    min-width: 111px;
    text-align: center;
}

.submit-btn:hover {
    color: #fff;
}

.or:before {
    content: '';
    background: #212121;
    opacity: 0.5;
    height: 1px;
    width: 41%;
    left: 0;
    top: 45%;
    position: absolute;
}

.or:after {
    content: '';
    background: #212121;
    opacity: 0.5;
    height: 1px;
    width: 41%;
    right: 0;
    top: 45%;
    position: absolute;
}

.social-login-list {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
}

.social-login-list li {
    padding: 0 7px;
    margin: 0;
    float: none;
    width: auto;
    text-align: center;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.social-login-list li span {
    display: block;
}

.social-login-list li span img {
    max-width: 45px;
}

.slide-content {
    width: 100%;
}

.login-txt1 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 4%;
    font-family: 'Satoshi-medium';
    font-size: 1.15vw
}

.social-login-list li span.social-name {
    color: #212121;
    font-family: 'Satoshi-medium';
    opacity: 0.5;
    margin-top: 5%;
}

.login-bottom-txt {
    color: #090909;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 7%;
}

.login-bottom-txt a {
    color: #743B64;
    font-family: 'Satoshi-bold';
}

.signup-form-label2 {
    letter-spacing: -0.39px;
    color: #743B64;
    font-family: 'Satoshi-bold';
    font-size: 1.8vw;
    line-height: 1;
}

.signup-form-label2 span {
    color: #292929;
    font-family: 'Satoshi-Regular';
}

.otp-num {
    color: #000000;
    opacity: 0.48;
    font-family: 'Satoshi-medium';
    font-size: 1.4vw;
    margin: 1% 0 0;
}

.opt-input {
    display: flex;
}

.opt-input input {
    height: calc(1.5em + 1.75rem + 2px);
    max-width: 14%;
    margin: 0 4% 0 0;
    padding: 0 !important;
    text-align: center;
    border: 2px solid #F0F0F0;
}

.submit-bt input[type="submit"] {
    width: auto;
    background: #743B64;
    border: 2px solid #743B64;
    padding: 8px 35px;
    color: #fff;
    letter-spacing: 2.14px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 0;
    font-family: 'Satoshi-Bold';
}

.submit-bt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10% 0 15% !important;
}

.otp-time {
    color: #000000;
    font-family: 'Satoshi-medium';
    font-size: 1.4vw;
}

.otp-time span {
    color: #743B64;
}

.login-back-bt {
    margin-top: 4%;
    margin-bottom: 13%;
}

.login-popup .modal-dialog {
    max-width: 970px;
}

.login-popup .modal-body {
    padding: 0;
}

.login-popup .modal-header {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.login-popup .modal-dialog .modal-header button.close {
    z-index: 9;
    position: absolute;
    right: 3%;
    top: 5%;
    margin: 0;
    background: #fff;
    opacity: 1 !important;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: #743B64;
}

.login-popup .modal-dialog .modal-header button.close span {
    color: #743B64;
}

.login-popup .modal-content {
    border: 0;
}

.login-popup#addressModal .modal-dialog .modal-header button.close {
    top: 1%;
}

/* YOUR ORDER SECTION */
.right-inner-wrap .tracking-num {
    text-align: right;
}

.right-inner-wrap .current-status-info {
    float: right;
    width: 100%;
    text-align: right;
}

.w-64 {
    width: 64%;
}

.your-orders-wrap .cart-row1 {
    margin-bottom: 6%;
}

.blue-text {
    color: #743B64;
}

.red-text {
    color: #D11F4F;
}

.cncl-order {
    opacity: 0.61;
}

.hd3 {
    font-size: 2vw;
    color: #743B64;
    font-family: 'Satoshi-Bold';
    line-height: 1;
    border-bottom: 1px solid #c8c8c8;
    margin: 10% 0 4% 0;
    padding: 0 0 2%;
}

.search-input input {
    background: url(../images/search-icon.svg) no-repeat 95% center #fff;
    border: 0;
    color: #7E7E7E;
    box-shadow: 0px 0px 20px #0000001F;
    padding: 3% 6%;
    width: 100%;
    background-size: 25px;
    min-width: 265px;
}

.your-orders-wrap .summery-hd-section {
    padding-bottom: 4%;
}

.newsletter-header {
    background: url(../images/newsletter-header.png) no-repeat center center;
    background-size: cover;
}

.newsletter-btn input[type="submit"] {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    padding: 8px 55px;
    color: #743B64;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 0;
    font-family: 'Satoshi-Medium';
}

.newsletter-btn input[type="submit"]:hover {
    background: #743B64;
    color: #fff;
}

.newsletter-input input[type="text"] {
    font-family: 'Satoshi-Regular';
    width: 100%;
    border: 0;
    padding: 2% 3%;
    color: #9F9F9F;
    min-height: 47px;
    padding-right: 3%;
}

.newsletter-form {
    float: left;
    width: 100%;
    margin-top: 25px;
    display: flex;
}

.newsletter-input {
    width: 64%;
    padding-right: 4%;
}

.newsletter-btn {
    width: 36%;
}

.header-txt-brown {
    color: #472F3D;
}

.login-form #register_user .form-control {
    width: 48%;
    margin-bottom: 2%;
}

.login-form #register_user .form-input {
    flex-wrap: wrap;
}

.login-signup-wrap#sign_up #rusername {
    order: 1;
}

.login-signup-wrap#sign_up #rmobile {
    order: 2;
}

.login-signup-wrap#sign_up #remailid {
    order: 3;
    width: 100%;
}

.login-signup-wrap#sign_up #rpassword {
    order: 4;
}

.login-signup-wrap#sign_up #confirm_password {
    order: 5;
}

.enquiry-form.edit-profile-form .form-row-50 .text-dark {
    letter-spacing: 1.28px;
    color: #7E7E7E !important;
    font-family: 'Satoshi-Regular';
    font-size: 14px;
    text-transform: uppercase;
}

.register-error-message,
.mobile_error {
    background: transparent;
    padding: 0.2rem 1.2rem;
    font-size: 1vw;
}


#say-hello-form .form-row1 .flex-grow-1 {
    color: #fff;
    font-size: 12px;
}

.log-bt-row {
    display: flex;
    display: -webkit-flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.log-bt-row p {
    margin: 0;
}

.fb-login-button ._5h0s {
    display: none;
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .summery-section2 .table th {
        padding-right: 15px;
    }

    .total-payment-wrap {
        width: 55%;
    }

    .payment-method-wrap {
        width: 45%;
    }

    .payment-method-hd2 {
        font-size: 16px;
    }

    .payment-method-hd1 {
        margin-top: 12px;
    }

    .current-status-wrap {
        width: 100%;
    }

    .ongoing-process {
        flex-wrap: wrap;
    }

    .current-status-info {
        text-align: right;
        float: right;
    }

    .ongoing-process .more {
        margin-top: 5px;
    }

    .dashboard-hd {
        font-size: 19px;
    }

    .dashboard-txt {
        font-size: 14px;
    }

    .dashboard-icon {
        width: 20%;
    }

    .dashboard-txt2 {
        width: 80%;
    }

    .edit-profile-wrap {
        padding-right: 0;
    }

    .newsletter-btn input[type="submit"] {
        padding: 11px 55px;
    }

}

@media only screen and (min-width:992px) {
    .my-artwork-wrap .upload-btn-wrapper .btn {
        font-size: 2.2vh;
    }

    .login-bottom-txt {
        font-size: 1.09vw;
    }

    .newsletter-header {
        min-height: 645px;
    }

    .newsletter-input input[type="text"] {
        font-size: 1.28vw;
    }
}

@media only screen and (max-width:991px) {
    .total-payment-wrap {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #c8c8c8;
        padding-bottom: 7%;
    }

    .payment-method-wrap {
        width: 100%;
        padding-left: 0;
    }

    .payment-method-hd2 {
        font-size: 18px;
    }

    .current-status-wrap {
        width: 100%;
    }

    .ongoing-process {
        flex-wrap: wrap;
    }

    .current-status-info {
        text-align: right;
        float: right;
    }

    .ongoing-process .more {
        margin-top: 5px;
    }

    .tracking-num {
        font-size: 14px;
        width: 100%;
    }

    .manage-address-wrap span {
        font-size: 15px;
    }

    .dashboard-clm {
        width: 49%;
    }

    .dashboard-hd {
        font-size: 19px;
    }

    .my-accounts-sidebar .dashboard-hd {
        font-size: 16px;
    }

    .dashboard-txt {
        font-size: 15px;
    }

    .edit-profile-wrap {
        padding-right: 0%;
    }

    .social-login-list {
        padding: 0;
    }

    .your-orders-wrap .current-status-info {
        text-align: left;
        float: left;
    }

    .hd3 {
        font-size: 23px;
    }

    .justify-wrap .form-row-50 {
        width: 100%;
    }

    #dob {
        background-color: #fff;
    }
}

@media only screen and (max-width:767px) {
    .summery-section2 .your-cart-panel {
        margin-top: 10px;
        width: 100%;
    }

    .summery-section2 .you-may-like-section {
        width: 100%;
    }

    .summery-section2 .cart-r .hd6 {
        font-size: 16px;
    }

    .summery-section2 .hd2 {
        font-size: 22px;
    }

    .summery-section2 .total-row th,
    .summery-section2 .total-row td {
        font-size: 18px;
    }

    .heading-section .back-arrow {
        width: auto;
    }

    .summery-hd-section {
        flex-wrap: wrap;
    }

    .summery-hd-l {
        font-size: 25px;
        width: 100%;
        margin: 0 0 10px;
    }

    .summery-help-txt {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .orders-summary-wrap {
        padding-top: 10px;
    }

    .summery-section2 .your-cart-panel {
        padding-bottom: 25px;
    }

    .manage-address-wrap,
    .w-30 {
        width: 100%;
    }

    .manage-address-wrap {
        margin-top: 15px;
    }

    .manage-address-wrapin {
        width: 100%;
        margin: 10px 0;
    }

    .notification-container {
        width: 350px;
    }

    .manage-address-sidebar .hd2 {
        font-size: 22px;
    }

    .edit-profile-form input,
    .form-row1.form-row-50-2 input,
    .form-row2 .form-row-50 input {
        width: 100% !important;
    }

    .form-row-50 {
        width: 100%;
    }

    .form-row-50:last-child {
        margin-top: 3%;
    }

    .dashboard-clm {
        width: 100%;
        padding: 15px;
        margin: 0 0 15px;
    }

    .login-form {
        width: 100%;
    }

    .login-img {
        display: none;
    }

    .login-popup .modal-header .close {
        top: 2%;
    }

    .login-hd {
        font-size: 28px;
    }

    .signup-form-label {
        font-size: 17px;
    }

    .login-txt1 {
        font-size: 15px;
    }

    .signup-form-label2 {
        font-size: 21px;
    }

    .otp-num {
        font-size: 16px;
    }

    .otp-time {
        font-size: 15px;
    }

    .opt-input input {
        max-width: 16%;
        height: calc(1.2em + 1.75rem + 2px);
    }

    .submit-bt input[type="submit"] {
        padding: 5px 15px;
    }

    .artwork-name {
        font-size: 20px;
    }

    .your-orders-wrap .remove-clm1 {
        margin-top: 7px;
        text-align: left;
        float: left;
    }

    .w-64 {
        width: 100%;
    }

    .newsletter-header {
        height: 280px;
    }

    .newsletter-form {
        flex-wrap: wrap;
    }

    .newsletter-input {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .newsletter-btn {
        width: 100%;
    }

    .newsletter-header .header-tg-panel {
        width: 60%;
        max-width: 65%;
    }

    .newsletter-input input[type="text"] {
        padding: 10px 15px;
        min-height: unset;
        width: 100%;
    }

    .newsletter-btn input[type="submit"] {
        padding: 8px 50px;
        width: 100%;
    }

    .my-accounts-sidebar,
    .my-accounts-sidebar.my-accounts-sidebar-19 {
        margin-top: 15px;
    }

    .edit-profile-wrap .justify-wrap .form-row-50 {
        width: 100%;
    }

    .my-accounts-sidebar .dashboard-clm {
        margin-bottom: 2%;
        padding: 2% 4%;
    }

    .log-bt-row {
        flex-wrap: wrap;
    }

    .log-txt1 {
        margin-top: 5px;
    }

    #dob {
        background-color: #fff;
    }

    .home-index.scroll-down .scroll-container {
        margin-top: 80px;
    }
}

@media only screen and (min-width:1800px) {
    .notification-container {
        width: 650px;
    }

    .manage-address-sidebar .overflow-content {
        height: 862px;
    }

    .manage-address-sidebar .mandatory {
        margin-top: -62px;
    }

    .close-btn {
        width: 90px;
        height: 90px;
        background-size: 75px;
    }

    .manage-address-wrap .summery-help-txt a {
        background-size: 36px;
        padding-left: 36px;
    }

    .manage-address-wrap .summery-help-txt a:hover {
        background-size: 36px;
    }

    .login-popup .modal-dialog {
        max-width: 1440px;
    }

    .dashboard-icon img {
        max-height: 100%;
    }

    .newsletter-btn input[type="submit"] {
        padding: 12px 55px;
    }

    .newsletter-header {
        min-height: 1000px;
    }

    .home-index .services-section-hm .services-hd {
        min-height: 50px;
    }

    .portfolio-detail-section1 {
        min-height: 820px;
    }

    .portfolio-detail-new-wrap .product-img-panel img {
        max-height: 600px;
    }
}

@media only screen and (min-width:3000px) {
    .white-shadow-box {
        padding: 45px;
    }

    .notification-container {
        width: 1250px;
    }

    .manage-address-sidebar .mandatory {
        margin-top: -142px;
    }

    .close-btn {
        width: 125px;
        height: 125px;
        background-size: 125px;
    }

    .manage-address-sidebar .overflow-content {
        height: 1280px;
    }

    .manage-address-wrap .summery-help-txt a {
        background-size: 60px;
        padding-left: 65px;
    }

    .manage-address-wrap .summery-help-txt a:hover {
        background-size: 60px;
    }

    .manage-address-sidebar .hd2 {
        padding-bottom: 25px;
    }

    .my-artwork-wrap .upload-btn-wrapper .btn {
        background-size: 50px;
        padding: 10px 30px 10px 97px;
        background-position: 30px center;
    }

    .file-format {
        width: 56%;
    }

    .edit-profile-form input {
        max-height: 125px;
        min-height: 125px;
    }

    .login-popup .modal-dialog {
        max-width: 70%;
    }

    .wizard #slider {
        width: 100%;
    }

    .submit-btn {
        font-size: 1.10vw;
    }

    .signup-form-label {
        font-size: 2vw;
    }

    .login-form .form-control {
        padding: 5.3rem 5.2rem;
        font-size: 1.4vw;
    }

    .search-input input {
        background-size: 60px;
        min-width: 635px;
    }

    .newsletter-header {
        min-height: 1828px;
    }

    .newsletter-form {
        margin-top: 5%;
    }

    .newsletter-header .title1 {
        margin-bottom: 4%;
    }

    .newsletter-btn input[type="submit"] {
        padding: 4% 15%;
    }
}

.cca-form-wrap .hd6 {
    width: 100%;
}

.hd6-1 {
    font-size: 16px;
    font-family: 'Satoshi-Medium';
}

.payments-opt-clm {
    float: left;
    width: 25%;
}

.payments-opt-wrap {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.payOption {
    margin-right: 6px;
}

.cca-form-wrap .form-row1 input[type="submit"] {
    text-transform: uppercase;
}

.cod-btn {
    border: 2px solid #743B64;
    color: #743B64;
    width: auto;
    background: transparent;
    padding: 8px 25px;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin: 0 5px 0 0;
}

.cod-btn:hover {
    color: #fff;
    background: #743B64;
}

.payment-cca .top-panel {
    background: #F0F0F0;
}

.file_names_wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.progress_bar_wrap {
    margin-bottom: 10px;
}

/*.progress {position:absolute;width:100%;left:-4%;max-width:240px;right:0;margin:0 auto;top:31%;}*/

.manage-address-sidebar .checkout-bt {
    background: #743B64;
    padding: 8px 30px 10px;
    color: #fff;
    border: 0;
    font-family: 'Satoshi-Medium';
    letter-spacing: 1.93px;
    line-height: 1;
    font-size: 14px;
}

.manage-address-sidebar .continue-shopping-bt {
    color: #9A9A9A;
    padding: 8px 20px 10px;
    line-height: 1;
    letter-spacing: 1.93px;
    font-size: 14px;
    font-family: 'Satoshi-Medium';
    border: 0;
    background: transparent;
}

.manage-address-sidebar .continue-shopping-bt:hover {
    color: #743B64;
    transform: scale(1.05);
    font-family: 'Satoshi-Medium';
}

.radio-cod-btn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.radio-cod-btn input[type="radio"] {
    margin-top: -9px;
    background: transparent !important;
}

.radio-cod-btn .hd6 {
    font-size: 15px;
    font-family: 'Satoshi-Medium';
}

.corporate-detail-card2.corporate-detail-card .white-box {
    min-height: unset;
    box-shadow: 0px 0px 6px #00000029;
}

.corporate-detail-card2.corporate-detail-card .services-icon {
    min-height: unset;
}

.corporate-detail-card2 .services-hd {
    min-height: unset;
}


@media screen and (min-width:1450px) {
    .tooltip .tooltiptext.label-info {
        font-size: 14px;
    }

    .next-cncl a,
    .next-cncl input {
        font-size: 15px;
    }
}

@media only screen and (min-width:1000px) {
    .cca-form-wrap .enquiry-l {
        width: 35%;
    }

    .cca-form-wrap .enquiry-r {
        width: 65%;
    }

    .cca-form-wrap .form-row1 {
        width: 48%;
    }

    .cca-form-wrap .enquiry-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 10px 0 0;
        text-transform: uppercase;
    }

    .hd6-1 {
        font-size: 1.4vw;
        font-family: 'Satoshi-Medium';
    }

    .manage-address-sidebar .checkout-bt {
        font-size: 1.2vw;
    }

    .manage-address-sidebar .continue-shopping-bt {
        font-size: 1.2vw;
    }
}

@media only screen and (min-width:1000px) and (max-width:1100px) {
    .progress {
        top: 24%;
    }

    .file_names_wrap {
        top: 27%;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .progress {
        top: 23%;
    }

    .file_names_wrap {
        top: 25%;
    }

    .radio-cod-btn {
        font-size: 13px;
    }
}

@media only screen and (max-width:600px) {
    .payments-opt-clm {
        width: 50%;
    }

    .cod-btn {
        line-height: 1;
        padding: 8px 20px;
        letter-spacing: 0;
        font-size: 14px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

}

@media only screen and (max-width:767px) {
    .file_names {
        padding: 0 0 0 15px;
    }

    .file_names_wrap {
        left: 0;
        top: 43%;
        text-align: left;
    }

    .progress {
        margin: 0;
        left: 15px;
        top: 40%;
    }

    .radio-cod-btn {
        font-size: 14px;
    }
}


/*------------------------------------
CORPORATE PAGE
-------------------------------------*/

.box-num {
    letter-spacing: -0.55px;
    color: #743B64;
    font-size: 28px;
    font-family: 'Satoshi-Bold';
    border: 4px solid #743B64;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    width: 40px;
    display: block;
    height: 40px;
}

.light-blue-bg2 {
    background: #E4ECF6;
}

.corporate-detail-card .white-box {
    box-shadow: 0px 3px 6px #00000029;
    min-height: 301px;
    padding: 6% 7%;
}

.corporate-detail-card .services-col1 {
    padding: 0 0.9%;
    margin: 0.9% 0;
}

.corporate-header {
    background: url(../images/corporate-header.jpg) no-repeat center 0;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.corporate-header .header-tg-panel,
.contact-header .header-tg-panel {
    max-width: 58%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.corporate-header:before {
    content: '';
    background: #000;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.35;
}

.corporate-detail-card p {
    margin-bottom: 0;
}

.corporate-detail-card p {
    font-size: 15px;
    line-height: 23px;
}

.corporate-detail-card .services-icon {
    min-height: 30%;
    margin-bottom: 30px;
}

.corporate-detail-card .services-icon img {
    width: auto;
    max-height: 76px;
}

.mrg-auto {
    margin: 0 auto;
}

.corporate-form-section input::-webkit-input-placeholder,
.corporate-form-section textarea::-webkit-input-placeholder {
    /* Edge */
    opacity: 1;
    color: #9F9F9F;
}

.corporate-form-section input:-ms-input-placeholder,
.corporate-form-section textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 1;
    color: #9F9F9F;
}

.corporate-form-section input::placeholder,
.enquiry-section textarea::placeholder {
    opacity: 1;
    color: #9F9F9F;
}

.corporate-form-section select option:first-child {
    color: #9F9F9F;
}

.corporate-form-section select {
    color: #9F9F9F;
}

.corporate-form-section .form-row1 textarea,
.corporate-form-section .form-row1 input {
    color: #000;
}

.corporate-form-section .form-row1 select {
    background: url(../images/arrow-dw3.svg) no-repeat 93% center #fff;
    background-size: 16px;
}

.w-60 {
    width: 60% !important;
}

.w-38 {
    width: 38% !important;
}

.w-40 {
    width: 40% !important;
}

.corporate-form-section .form-row1 input.submit {
    color: #fff;
}

.corporate-form-section .form-row1 input.submit:hover {
    color: #743B64;
    background: #fff;
}

.corporate-l {
    background: url(../images/email-blue.svg) no-repeat 60px center;
    background-size: 46px;
    padding: 20px 60px 20px 135px;
    border-right: 2px solid rgba(112, 112, 112, 0.3);
    color: #333333;
    font-size: 19px;
    line-height: 1.5;
}

.corporate-l.corporate-call {
    background: url(../images/call-blue.svg) no-repeat 0px center;
    background-size: 46px;
    padding-left: 70px;
}

.corporate-l:last-child {
    border: 0;
    padding-right: 0;
}

.corporate-contact-details {
    margin-top: 50px;
}

.corporate-l span {
    color: #743B64;
    font-family: 'Satoshi-medium';
    font-size: 28px;
}


@media only screen and (min-width:992px) {

    .corporate-page .menu .navbar-nav .nav-link,
    .corporate-page .menu .navbar-nav .nav-link:hover {
        color: #fff;
    }

    .corporate-page .sticky_header .menu .navbar-nav .nav-link,
    .corporate-page .sticky_header .menu .navbar-nav .nav-link:hover {
        color: #743B64;
    }

    .corporate-page .menu .navbar-nav .nav-link::before {
        background: #fff;
    }

    .corporate-page .sticky_header .menu .navbar-nav .nav-link::before {
        background: #743B64;
    }

    .corporate-page .dropdown-toggle::after {
        background: url(../images/arrow-dw3-wh.svg) no-repeat right center;
    }

    .corporate-page .sticky_header .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center;
    }

    .corporate-page .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon-wh.svg) no-repeat right 8px;
    }

    .corporate-page .sticky_header .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon.svg) no-repeat right 8px;
    }

    .corporate-page .logo img {
        filter: brightness(0) invert(1);
    }

    .corporate-page .sticky_header .logo img,
    .corporate-page.menu-open .logo img {
        filter: none;
    }

    .corporate-page.menu-open .menu .navbar-nav .nav-link,
    .corporate-page.menu-ope .menu .navbar-nav .nav-link:hover {
        color: #743B64;
    }

    .corporate-page.menu-open .dropdown-toggle::after {
        background: url(../images/arrow-dw3.svg) no-repeat right center;
    }

    .corporate-page.menu-open .menu .navbar-nav .nav-link.signin {
        background: url(../images/user-icon.svg) no-repeat right 8px;
    }

    .log-bt-row {
        margin-top: 45px !important;
    }

    #register_user .log-bt-row {
        margin-top: 25px !important;
    }

    #login .login-hd {
        margin-bottom: 6% !important;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .corporate-detail-card .services-icon {
        margin-bottom: 0;
    }

    .corporate-detail-card .white-box {
        min-height: 380px;
    }

    .corporate-page .enquiry-r {
        width: 75%;
    }

    .corporate-l {
        padding: 20px 35px 20px 120px;
    }

    .corporate-header .header-tg-panel,
    .contact-header .header-tg-panel {
        max-width: 90%;
        width: 90%;
    }
}

@media only screen and (max-width:767px) {
    .corporate-header .header-tg-panel {
        max-width: 90%;
        width: 90%;
    }

    .corporate-l {
        width: 100%;
        padding: 20px 0 20px 40px;
        border-right: 0;
        background-position: 0 center !important;
        background-size: 28px !important;
        font-size: 16px;
    }

    .corporate-l span {
        font-size: 22px;
    }

    .corporate-contact-details {
        margin-top: 15px;
    }

    .corporate-detail-card .services-col1 {
        padding: 0;
        margin: 10px 0;
    }

    .corporate-l.corporate-call {
        padding-left: 40px;
    }

    .dropdown-menu.submenu .container {
        padding: 0;
    }

    .dropdown-menu.submenu .submenu-in {
        height: 220px;
        overflow-y: scroll;
        overflow-x: visible;
    }

    .dropdown-menu.submenu .submenu-in .row {
        margin: 0;
    }
}

@media only screen and (min-width:1920px) {
    .box-num {
        font-size: 32px;
        width: 50px;
        height: 50px;
        line-height: 43px;
    }

    .corporate-detail-card .white-box {
        padding: 40px;
    }

    .corporate-detail-card .services-hd {
        font-size: 26px;
        min-height: unset;
    }

    /*.corporate-header{height:1080px;}*/
    .corporate-detail-card p {
        font-size: 18px;
        line-height: 28px;
    }

    .corporate-l {
        background-size: 63px;
        background-position: 107px center;
        padding: 20px 107px 20px 215px;
        font-size: 24px;
    }

    .corporate-l.corporate-call {
        background-size: 63px;
        background-position: 0 center;
        padding-left: 100px;
    }

    .corporate-l span {
        font-size: 36px;
    }

    .corporate-contact-details {
        margin-top: 80px;
    }
}

/*------------------------------------
EDIT ADDRESS POPUP
-------------------------------------*/

.modal-body .address-form {
    padding: 3%;
}

.modal-body .address-form .form-row1 input[type="text"],
.modal-body .address-form .form-row1 input[type="email"] {
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.modal-body .address-form .form-row1 {
    margin: 0 0 2%;
}

.modal-body .address-form .form-row1:last-child {
    margin-bottom: 0;
}

.modal-body .address-form .form-row1 input::-webkit-input-placeholder,
.corporate-form-section textarea::-webkit-input-placeholder {
    /* Edge */
    opacity: 1;
    color: #9F9F9F;
}

.modal-body .address-form .form-row1 input:-ms-input-placeholder,
.modal-body .address-form .form-row1 textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 1;
    color: #9F9F9F;
}

.modal-body .address-form .form-row1 input::placeholder,
.modal-body .address-form .form-row1 textarea::placeholder {
    opacity: 1;
    color: #9F9F9F;
}

.modal-body .address-form .form-row1 select,
.modal-body .address-form .form-row1 textarea,
.modal-body .address-form .form-row1 input {
    color: #9F9F9F;
}

.modal-body .address-form .form-row1 .submit-btn {
    color: #fff;
    padding: 8px 25px;
}

.login-popup .modal-header .close.top-close-btn {
    right: 0;
    top: 0;
    color: #fff;
    background: #743B64;
    border-radius: 0;
}

.modal-body #shipping_address_form .address-form {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-35 {
    margin-top: 13% !important;
}

@media only screen and (max-width:767px) {
    .modal-body #shipping_address_form .address-form {
        margin-top: 40px;
    }

}

.hide-sec {
    display: none !important;
}

.three-pro-box {
    justify-content: center;
}

@media only screen and (min-width:1000px) and (max-width:1600px) {
    .services-icon {
        min-height: 26%;
    }

    .product-detail-card .listing.mr1 {
        min-height: unset;
    }

    .artwork-section1 .services-icon {
        min-height: 70px;
    }

    .artwork-section1 .services-hd {
        min-height: unset;
    }
}

@media only screen and (min-width:1800px) {
    .hd1 {
        font-size: 65px;
    }

    .txt1 {
        font-size: 28px;
        line-height: 39px;
    }

    .txt1-lg {
        font-size: 28px !important;
        line-height: 39px !important;
    }

    .hd2 {
        font-size: 26px;
        line-height: 46px;
    }

    .product-desc {
        font-size: 20px;
        line-height: 28px;
    }

    .more a {
        font-size: 18px;
        line-height: 39px;
    }

    .services-hd {
        font-size: 35px;
    }

    .listing li {
        font-size: 20px;
    }

    .services-desc {
        font-size: 20px;
        line-height: 36px;
    }

    .testimonials-txt1 {
        font-size: 40px;
        line-height: 70px;
    }

    .testimonials-name {
        font-size: 24px;
        line-height: 36px;
    }

    .enquiry-l p {
        font-size: 28px;
        line-height: 42px;
    }

    input,
    select,
    textarea {
        font-size: 22px;
        line-height: 36px;
    }

    .read a {
        font-size: 18px;
    }

    .testimonials-slider .testimonials-slider {
        padding: 0 5%;
    }

    .form-row1 input[type="submit"] {
        font-size: 18px;
    }

    .search-text {
        font-size: 84px;
    }

    .search-text2,
    .search-active .search-text2 {
        font-size: 36px;
    }

    .search-box {
        font-size: 36px;
        background-size: 40px;
    }

    .search-active .search-box {
        font-size: 36px;
    }

    .menu .navbar-nav .nav-link {
        font-size: 22px;
    }

    .menu-hd {
        font-size: 26px;
    }

    .menu .navbar-nav .submenu-in .nav-link {
        font-size: 20px;
    }

    .footer-links ul li a {
        font-size: 24px;
    }

    .footer-links ul li li a {
        font-size: 22px;
    }

    .home-index .product-details {
        min-height: 275px;
    }

    .copyright {
        font-size: 18px;
    }

    .product-product-landing .inside-header-panel {
        min-height: 1000px;
    }

    .title1 {
        font-size: 64px;
    }

    .header-txt {
        font-size: 28px;
        line-height: 42px;
    }

    .inside-submenu .main-nav ul li a {
        font-size: 22px;
    }

    .product-product-landing .hd1 {
        font-size: 64px;
    }

    .product-product-landing .txt1 {
        font-size: 24px;
    }

    .products-list-row .hd2 {
        font-size: 26px;
        line-height: 26px;
        min-height: 55px;
    }

    .product-product-landing .products-list-row .hd2 {
        min-height: unset;
    }

    .product-product-landing .products-list-row .listing {
        min-height: unset;
        margin-bottom: 4%;
    }

    .product-product-landing .products-list-row .product-desc {
        margin-bottom: 30px;
    }

    .product-product-landing .products-list-row .listing li {
        font-size: 18px;
        padding-bottom: 5px;
        background-position: 0 8px;
        line-height: 1.3;
    }

    .products-list-row .product-desc {
        font-size: 18px;
    }

    #design-your-cards .services-hd {
        font-size: 30px;
    }

    .products-list-row .listing {
        min-height: 110px;
    }

    .accordion>.card .card-header .btn {
        font-size: 26px;
    }

    .breadcrumb-panel ul li {
        font-size: 20px;
    }

    .product-detail-r .main-hd {
        font-size: 48px;
    }

    .product-detail-r .price1 {
        font-size: 20px;
    }

    .product-detail-r .hd4 {
        font-size: 26px;
    }

    .product-detail-r .product-detail-section2 .txt-1 {
        font-size: 20px;
        line-height: 33px;
    }

    .product-select-col1 {
        font-size: 22px;
    }

    .size2 {
        font-size: 20px;
    }

    .hd5 {
        font-size: 26px;
    }

    .summary-table .table td {
        font-size: 22px;
    }

    .summary-table .table th {
        font-size: 20px;
    }

    .txt7 {
        font-size: 20px;
    }

    .home-index .owl-carousel .product-img img {
        height: 320px;
    }

    .testimonials-section .testimonials-slider .owl-dot {
        width: 13px;
        height: 13px;
        margin: 0 6px;
    }

    .testimonials-section .owl-dot.active {
        width: 26px;
        height: 26px;
    }

    .testimonials-section .owl-dots {
        margin-top: 55px;
    }

    .products-col1 .product-img img {
        height: 313px;
    }

    .inside-submenu {
        padding: 19px 0;
    }

    body .main-nav ul li a::after,
    body .main-nav ul li a.active::after {
        bottom: -20px
    }

    .main-nav ul li a.active::after {
        border-bottom: 3px solid #743B64;
    }

    .main-nav ul li a::after {
        height: 3px;
    }

    .common-pd.common-pd-7 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .products-list-row {
        margin-top: 55px;
    }

    .services-inside {
        margin-top: 55px;
    }

    .product-product-landing .products-list-row .product-details {
        padding-bottom: 13%;
    }

    .form-row1 input[type="text"],
    .form-row1 input[type="email"],
    .form-row1 input[type="file"],
    .form-row1 select,
    .form-row1 textarea {
        font-size: 19px;
    }

    .submit-btn2 {
        border: 3px solid #743B64;
    }

    .help-hd1 {
        font-size: 24px;
    }

    .wizard #slides .slide {
        padding: 2%;
    }

    .login-form .form-control {
        padding: 3% 4%;
        height: auto;
    }

    .log-bt-row {
        margin-top: 45px !important;
    }

    .or {
        margin: 5% 0 7% 0;
    }

    .login-txt1 {
        margin: 0 0 7%;
    }

    .login-hd {
        margin: 0 0 10%;
    }

    #help-faqs .hd1 {
        margin: 0 0 4%;
    }


}

.enquiry-section input::-webkit-input-placeholder,
.enquiry-section textarea::-webkit-input-placeholder {
    /* Edge */
    opacity: 1;
    color: #D11F4F;
}

.enquiry-section input:-ms-input-placeholder,
.enquiry-section textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 1;
    color: #D11F4F;
}

.enquiry-section input::placeholder,
.enquiry-section textarea::placeholder {
    opacity: 1;
    color: #D11F4F;
}

.enquiry-section select option:first-child {
    color: #D11F4F;
}

@media only screen and (min-width:2000px) {
    .inside-header-panel {
        height: 94vh;
    }
}

@media only screen and (min-width:992px) and (max-width:1600px) {
    .manage-address-wrapin .delivery-section {
        margin-top: 2%;
    }

    .add-mrg1 .manage-address-wrapin .delivery-section {
        margin-top: 7%;
    }

    .add-mrg2 .enquiry-form {
        margin-top: 4.8%;
    }
}

.static-content-wrap a {
    color: #743B64;
    text-decoration: underline;
}

.bullet-in {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 1%
}

.bullet-in li {
    background: url(../images/bullet1.png) no-repeat 0 10px;
    background-size: 6px;
    padding: 0 0 0.5% 1.5%;
}

.static-content-wrap .services-hd {
    color: #000;
    min-height: unset;
}

.static-content-wrap .services-hd a {
    color: #000;
}

@media only screen and (max-width:991px) {
    .static-content-wrap .abt-hd-3 {
        font-size: 20px;
        font-family: 'Satoshi-Medium';
        color: #000;
    }

    .bullet-in li {
        padding: 0 0 10px 16px;
    }
}

@media only screen and (min-width:992px) {
    .terms-and-conditions-header .header-tg-panel {
        max-width: 33%;
    }



}



/*--FAQs & HELP--*/

.help-faqs-sec .accordion {
    margin-top: 0;
}

.help-faqs-sec .nav-tabs li a.active {
    color: #743B64;
}

@media (min-width:768px) {
    .help-faqs-sec .panel-heading {
        display: none;
    }

    .help-faqs-sec .panel {
        border: none;
        box-shadow: none;
    }

    .help-faqs-sec .panel-collapse {
        height: auto;
    }

    .help-faqs-sec .panel-collapse.collapse {
        display: block;
    }

    .help-faqs-sec .nav-tabs {
        width: 23%;
        float: left;
        border-bottom: 0;
        align-items: flex-start;
        align-content: flex-start;
    }

    .help-faqs-sec .nav-tabs li {
        width: 100%;
        float: left;
        position: relative;
    }

    .help-faqs-sec .tab-content {
        width: 77%;
        float: left;
        padding-left: 35px;
        border-left: 1px solid #eee;
    }

    .help-faqs-sec .nav-tabs li a {
        border-bottom: 1px solid #eee;
        float: left;
        width: 96%;
        padding: 5px 0;
        font-family: 'Satoshi-Medium';
    }

    .help-faqs-sec .nav-tabs li:last-child a {
        border-bottom: 0;
    }

    .help-faqs-sec .nav-tabs li .active::after {
        content: unset;
        border-top: 9px solid #743B64;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        position: absolute;
        width: 17px;
        left: 99%;
        bottom: 40%;
        right: 0;
        margin: 0 auto;
        transform: rotate(-90deg);
    }

    .help-faqs-sec .nav-tabs li .active::before {
        content: '';
        border-right: 2px solid #743B64;
        position: absolute;
        width: 100%;
        left: 2px;
        bottom: 0;
        height: 100%;
    }

    #faq_selection {
        display: none;
    }

    .listing.listing-faq li {
        padding: 0 0 1% 1.5%;
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width:767px) {
    .help-faqs-sec .tab-content .tab-pane {
        display: block;
    }

    .help-faqs-sec .nav-tabs {
        display: none;
    }

    .help-faqs-sec .panel-title a {
        display: block;
        font-size: 16px;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        width: 100%;
    }

    .help-faqs-sec .tab-pane:last-child .panel-title a {
        border: 0;
    }

    .help-faqs-sec .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }

    .help-faqs-sec .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }

    .help-faqs-sec .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }

    .help-faqs-sec .tab-content {
        width: 100%;
        margin-top: 15px;
    }

    .help-faqs-container {
        flex-wrap: wrap;
    }

    .help-faqs-sec .panel-title {
        margin: 0;
    }

    .help-faqs-sec .panel-title a {
        background: url(../images/arrow-dw2.svg) no-repeat right center !important;
        transform: rotate(0);
        background-size: 20px !important;
    }

    .help-faqs-sec .panel-title a.collapsed {
        background: url(../images/arrow-dw2.svg) no-repeat right center !important;
        background-size: 20px !important;
    }

}

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

.faq-section .card-body a,
.help-faqs-sec .card-body a {
    color: #743B64;
    text-decoration: underline;
}

.faq-section .card-body p:empty,
.help-faqs-sec .card-body p:empty {
    display: none;
}

.help-hd1 {
    font-size: 19px;
    font-family: 'Satoshi-Bold';
    color: #743B64;
    margin: 10px 0 5px;
}


@media only screen and (min-width:992px) {
    .print-section .h1 img {
        max-height: 435px;
        /* max-width:563px; */
        object-position: center;
    }

    .print-section .print-img-h2 img {
        max-height: 170px;
        /* max-width:448px; */
        object-position: center;
    }

    .print-section .print-img-h3 img {
        max-height: 250px;
        /* max-width:448px; */
        object-position: center;
    }

}

@media only screen and (min-width:1800px) {
    .print-section .h1 img {
        max-height: 665px;
    }

    .print-section .print-img-h2 img {
        max-height: 245px;
    }

    .print-section .print-img-h3 img {
        max-height: 320px;
    }

    .help-faqs-sec .tab-content {
        width: 74%;
        padding-left: 4%;
    }

    .help-faqs-sec .nav-tabs {
        width: 26%;
    }
}


@media only screen and (max-width:992px) {
    .submenu-listing #submenu-slider .owl-prev {
        position: absolute;
        left: -15px;
        top: -5px;
        background: transparent !important;
        padding: 4px 10px !important;
        color: #fff !important;
        font-size: 25px;
    }

    .submenu-listing #submenu-slider .owl-next {
        position: absolute;
        right: -15px;
        top: -5px;
        background: transparent !important;
        padding: 4px 10px !important;
        color: #fff !important;
        font-size: 25px;
    }

    .submenu-listing #submenu-slider.owl-carousel .item {
        text-align: center;
    }

    .submenu-listing #submenu-slider.owl-carousel .item div {
        text-align: center;
        padding: 0 3px;
        font-size: 14px;
        line-height: 1.3;
    }

    #submenu-slider {
        padding: 0 15px;
    }

    .submenu-listing #submenu-slider .owl-nav {
        margin: 0;
    }

    #submenu-slider.owl-carousel .owl-stage-outer {
        background: transparent;
    }

    .submenu-slider-mbl.inside-submenu {
        background: rgb(160, 187, 241);
        background: linear-gradient(90deg, rgba(160, 187, 241, 1) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, rgba(160, 187, 241, 1) 100%);
        padding: 6px 0 8px 0;
    }

    .submenu-slider-mbl.inside-submenu a {
        color: #743B64;
        display: block;
        padding: 0 3px;
    }

    .product-product-landing .common-pd {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width:410px) and (max-width:767px) {
    .submenu-listing #submenu-slider.owl-carousel .item div {
        padding: 0 10px;
    }

}

@media only screen and (min-width:600px) and (max-width:992px) {
    .submenu-slider-mbl.inside-submenu {
        padding: 10px 0 12px 0;
    }

    .submenu-listing #submenu-slider .owl-prev,
    .submenu-listing #submenu-slider .owl-next {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        top: -10px;
    }

}

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

    .submenu-listing #submenu-slider .owl-prev,
    .submenu-listing #submenu-slider .owl-next {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        top: -5px;
    }

}

.social-wrap {
    display: none;
}

.social-list {
    background: #fff;
    float: left;
    padding: 3px 5px 5px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 40px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.social-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.social-list li img {
    max-height: 23px;
}


@media only screen and (max-width:767px) {
    .social-list {
        top: 55px;
    }

}

@media only screen and (min-width:768px) and (max-width:992px) {
    .social-list {
        top: 85px;
    }
}

.txt-split-wrap {
    float: left;
    width: 100%;
}

.checkout_price.price_split_wrapper .tax_split {
    text-align: left;
}

.tax_split {
    width: calc(100% - 105px);
    float: left;
}

.header-cart {
    padding: 4px 10px 0 0px;
    position: relative;
    z-index: 9;
}

.header-cart img {
    max-width: 26px;
}

.cart-count {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
    background: #FF5661;
    border-radius: 50%;
    opacity: 0.5;
}

.corporate-page .header-cart img,
.contact-page .header-cart img,
.portfolio-index .header-cart img {
    filter: brightness(0) invert(1);
}

.corporate-page .sticky_header .header-cart img,
.contact-page .sticky_header .header-cart img,
.portfolio-index .sticky_header .header-cart img {
    filter: unset;
}

.static-breadcrumb {
    padding: 0;
    font-family: 'Satoshi-Medium';
}

.static-breadcrumb li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    position: relative;
}

.static-breadcrumb li:after {
    content: '>';
    position: absolute;
    right: -9px;
    top: -2px;
    font-family: tahoma;
    font-size: 18px;
}

.static-breadcrumb li:last-child:after {
    content: unset;
}

.center-breadcrumb {
    text-align: center;
}

.white-breadcrumb,
.white-breadcrumb a {
    color: #fff;
}

.purple-breadcrumb,
.purple-breadcrumb a {
    color: #6F1971 !important;
}

.breadcrumb-2 {
    padding-top: 10% !important;
}

.static-breadcrumb li:first-child {
    padding-left: 0;
}

@media only screen and (min-width:1000px) and (max-width:1100px) {
    .header-cart {
        padding-right: 0;
    }
}

@media only screen and (max-width:992px) {
    .header-cart {
        width: 40px;
    }

    .corporate-page .header-cart img,
    .contact-page .header-cart img,
    .portfolio-index .header-cart img {
        filter: unset;
    }
}

@media only screen and (max-width:767px) {
    .breadcrumb-2 {
        padding-top: 0;
    }

    .static-breadcrumb li {
        font-size: 13px;
    }

    .static-breadcrumb li::after {
        font-size: 14px;
        right: -8px;
        top: 1px;
    }

    .breadcrumb-panel {
        margin: 1% 0 1%;
    }

    .product-detail-panel .breadcrumb-panel {
        margin-bottom: 15px;
    }

    .title1 br {
        display: none;
        margin-bottom: 10px;
    }

    .go-dwn {
        margin-top: 3%;
    }

    .go-dwn img {
        max-height: 40px;
    }

}

.product-main-page-wrap .hd1 {
    color: #743B64;
}

.product-main-page-wrap .products-col1 {
    border: 1px solid #eee;
    margin-top: 1%;
    margin-bottom: 1%;
}

.product-main-page-wrap .products-list-row {
    justify-content: center;
}

.product-main-page-wrap .section1 .products-list-row {
    justify-content: center;
}

.product-main-page-wrap .section1:first-child .products-list-row {
    justify-content: flex-start;
}

#contant_us:before {
    content: '';
    position: relative;
    top: -70px;
    visibility: hidden;
}

.common-pd-tp-15 {
    padding-top: 9%;
}

.no-header .trigger-menu-wrapper {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

/*----Site Map----*/

.sitemap-wrap {
    float: left;
    width: 100%;
}

.sitemap-hd {
    float: left;
    width: 100%;
    color: #743B64;
    font-size: 1.25vw;
    margin: 15px 0 15px;
    font-family: 'Satoshi-Bold';
    min-height: unset;
}

.sitemap-list {
    width: 100%;
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitemap-list li {
    display: block;
    vertical-align: top;
}

.sitemap-list li a {
    display: block;
    font-size: 1.1vw;
    font-family: 'Satoshi-Medium';
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    text-transform: capitalize;
}

.sitemap-list ul {
    margin: 0;
    padding: 1% 0 1% 0;
}

.sitemap-list ul li {
    display: inline-block;
    width: 24%;
}

.sitemap-list ul li a {
    font-size: 1vw;
    font-family: 'Satoshi-Regular';
    border-bottom: 0;
    padding: 2px 0;
}

.sitemap-list-static.sitemap-list li {
    display: inline-block;
    width: 24%;
}

.sitemap-list-static {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sitemap-list-static.sitemap-list li a {
    color: #743B64;
    font-size: 1.25vw;
    margin: 0;
    font-family: 'Satoshi-Bold';
}

.sitemap-wrap2 {
    width: 100%;
    display: block;
    clear: both;
}

.sitemap-list ul:empty {
    display: none;
}

@media only screen and (max-width:1000px) {
    .sitemap-list ul li {
        width: 32%;
    }

    .sitemap-list-static.sitemap-list li {
        width: 32%;
        padding-right: 1%;
    }

    .sitemap-list-static {
        justify-content: flex-start;
    }

    .sitemap-hd,
    .sitemap-list-static.sitemap-list li a {
        font-size: 17px;
    }

    .sitemap-list li a {
        font-size: 17px;
    }

    .sitemap-list ul li a {
        font-size: 13px;
    }
}

@media only screen and (max-width:767px) {
    .sitemap-list ul li {
        width: 49%;
    }

    .sitemap-list-static.sitemap-list li {
        width: 100%;
    }
}

@media only screen and (max-width:600px) {
    .sitemap-list ul li {
        width: 100%;
    }

}

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

    .sitemap-hd,
    .sitemap-list-static.sitemap-list li a {
        font-size: 17px;
    }

    .sitemap-list li a {
        font-size: 17px;
    }

    .sitemap-list ul li a {
        font-size: 13px;
    }
}

.modal-dialog .modal-header button.close {
    right: 0;
    top: 0;
    color: #fff;
    background: #743B64;
    border-radius: 0;
    z-index: 9;
    position: absolute;
    margin: 0;
    opacity: 1 !important;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: #fff;
}

.modal-dialog .modal-header button.close span {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

.modal-dialog .modal-title {
    color: #743B64;
}

.modal-dialog .update-btn button.btn,
.modal-dialog button.btn {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    padding: 8px 35px;
    color: #743B64;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 20px;
    font-family: 'Satoshi-Regular';
    text-transform: uppercase;
    font-size: 1.10vw;
    font-weight: 400;
    border-radius: 0;
}

#editEmailModal .modal-header,
#editEmailModal .modal-body,
#editPhoneModal .modal-header,
#editPhoneModal .modal-body {
    padding: 2rem;
}

#editEmailModal .modal-dialog,
#editPhoneModal .modal-dialog {
    max-width: 560px;
}

.modal-dialog .update-btn button.btn:hover,
.modal-dialog button.btn:hover {
    background: #743B64;
    color: #fff;
    border: 2px solid #743B64;
}

.modal-dialog .update-btn button.btn:focus,
.modal-dialog button.btn:hover {
    box-shadow: none;
}

/* -----Upload Artwork Static----- */
.upload-artwork-file-table {
    margin: 50px 0 0 0;
}

.upload-artwork-file-table.table1.quantity_table tr {
    border-bottom: 2px solid #dee2e6;
}

.upload-artwork-file-table.table1.quantity_table tr:last-child {
    border-bottom: 0;
}

.upload-artwork-file-table .remove-button {
    font-size: 14px;
    padding: 6px 10px 7px;
    line-height: 1;
    border-radius: 0;
    background: #f00;
    border: 0;
    color: #fff;
    font-weight: 400;
}

.add-more-btn {
    width: auto;
    background: transparent;
    border: 2px solid #743B64;
    padding: 8px 35px;
    color: #743B64;
    letter-spacing: 1.93px;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-top: 20px;
    border-radius: 0;
    margin-bottom: 35px;
    font-family: 'Satoshi-Regular';
    text-transform: uppercase;
    font-size: 1.10vw;
    font-weight: 400;
}

.add-more-btn:hover {
    background: #743B64;
    color: #fff;
    border: 2px solid #743B64;
}

.btn-success.add-more-btn:focus,
.remove-button.btn-danger:focus {
    box-shadow: none;
}

.upload-artwork-form-group {
    margin-bottom: 0;
    padding-bottom: 35px;
}

@media only screen and (min-width:1000px) {
    .upload-artwork-file-table {
        max-width: 90%;
    }
}

@media only screen and (min-width:768px) and (max-width:1100px) {
    .upload-artwork-form-l {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .upload-artwork-form-r {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .upload-artwork-form-group {
        margin-top: 50px;
    }
}

@media only screen and (max-width:1100px) {
    .upload-artwork-file-table .remove-button {
        font-size: 12px;
    }

    .add-more-btn,
    .modal-dialog .update-btn button.btn,
    .modal-dialog button.btn {
        font-size: 14px;
        padding: 8px 16px;
    }
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 0 auto;
        display: flex;
        align-items: center;
        align-content: center;
        height: 100%;
        display: -webkit-flex;
    }
}

@media (max-width:767px) {

    #editEmailModal .modal-header,
    #editEmailModal .modal-body,
    #editPhoneModal .modal-header,
    #editPhoneModal .modal-body {
        padding: 1rem;
    }
}

/*----LOGOUT DROPDOWN-----*/

.User-Dropdown-inside {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    padding: 20px 20px;
}

.User-Dropdown {
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    list-style: none;
    padding-top: 0;
    min-width: 250px;
    margin: 0;
    top: 100%;
    right: -9%;
    z-index: 99;
    text-align: center;
}

.User-area>.User-avtar {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 12px -5px #000;
    background: #743B64;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 17px;
}

.logout-li:hover .welcome-user {
    display: block;
}

.welcome-user {
    font-size: 14px !important;
    float: right;
    display: none;
    margin-top: 36px;
}

.logout-li {
    background: url(../images/user-icon.svg) no-repeat right 8px;
    font-size: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 9;
}

.logout-li .nav-link.logout::after {
    content: unset;
}

.User-logout {
    display: flex;
}

.logout-li .User-logout a {
    border: 0px solid #dadce0;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #743B64 !important;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.25px;
    margin: 14px 3px 0;
    max-width: 254px;
    outline: 0;
    padding: 3px 16px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px !important;
    border-radius: 0;
    transition: 0.5s;
    background: #fff;
    width: auto;
    padding: 6px 15px !important;
    text-transform: uppercase !important;
    height: auto !important;
}

/* .logout-li .User-logout a:hover{background:#743B64;color:#fff!important;border:1px solid #743B64;} */
.menu .navbar-nav .logout-li .nav-link::before {
    content: unset;
}

.User-Dropdown .User-name {
    color: #000;
    font-weight: 500;
    margin-top: 10px;
    font-size: 16px;
}

.profile-img .User-avtar {
    position: relative;
    width: 75px;
    height: 75px;
    background: #743B64;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-content: center;
    align-items: center;
    display: -webkit-flex;
    font-weight: 600;
}

@media only screen and (min-width:992px) {
    .logout-li-mbl {
        display: none !important;
    }

    .cart-login-mbl-wrap {
        display: none;
    }
}

@media only screen and (max-width:991px) {
    .logout-li {
        display: none !important;
    }
}

@media only screen and (min-width:1800px) {
    .logout-li {
        background-position: right 15px;
        height: 45px;
    }

    .welcome-user {
        margin-top: 45px;
    }

    .product-detail-r .rigid-box-panel .form-control,
    .rigid-box-panel .form-row1 input[type="text"],
    .rigid-box-panel .form-row1 input[type="email"],
    .rigid-box-panel .form-row1 input[type="file"],
    .rigid-box-panel .form-row1 textarea {
        padding: 22px 27px;
    }

    .rigid-box-two-clm-fr {
        padding-right: 20px;
    }
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    color: transparent;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

span.loader {
    width: 48px;
    height: 48px;
    border: 5px dotted #FFF;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.card-validation.invalid {
    border: 1px solid red;
}

.rigid-box-panel label.error:empty {
    display: none !important;
}

.header-menu-visible .section4 {
    margin-top: 84px;
}

.header-menu-visible .services-inside {
    justify-content: center;
}

@media only screen and (max-width:992px) {
    .cart-login-mbl-wrap {
        position: absolute;
        right: 50px;
        top: -40px;
    }

    .cart-login-mbl-wrap .nav-link.signin {
        padding: 0;
        background: url(../images/user-icon.svg) no-repeat center 4px;
        font-size: 0;
        width: 24px;
        height: 36px;
        position: relative;
        z-index: 9;
    }

    .mbl-nav {
        padding: 0;
        display: flex;
    }

    .cart-login-mbl-wrap .header-cart {
        padding-top: 2px;
    }

    .cart-login-mbl-wrap .nav-link.logout,
    .cart-login-mbl-wrap .logout-li {
        background: url(../images/user-icon.svg) no-repeat center 4px;
        width: 24px;
        height: 36px;
        position: relative;
        z-index: 9;
        padding: 0;
    }

    .cart-login-mbl-wrap .nav-link.logout::after {
        content: unset;
    }

    .sticky_header {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        background: #fff;
        z-index: 99;
    }

    .product-product-landing .sticky_header {
        position: static;
    }

    .navbar {
        padding: 0 0 10px;
    }

    .top-panel {
        padding: 10px 0 0 0;
    }

    .cart-login-mbl-wrap .nav-link {
        padding: 0;
    }

    .cart-login-mbl-wrap .User-logout .nav-link.logout {
        background: transparent;
        width: auto;
    }

    .cart-login-mbl-wrap .User-logout .nav-link.logout:hover {
        color: #743B64 !important;
    }

    .cart-login-mbl-wrap .logout-li {
        display: block !important;
    }

    .cart-login-mbl-wrap .nav-item.logout-li-mbl {
        display: none !important;
    }

    .header-menu-visible .section4 {
        margin-top: 0;
    }
}

@media only screen and (max-width:767px) {
    .logo img {
        max-width: 62%;
    }

    .logo img {
        max-height: 50px;
    }

    .logo .logo-txt {
        max-height: 33px;
        margin: 6px 0 0 10px;
    }
}

.hide-menu {
    display: none !important;
}

select,
option {
    font: -moz-pull-down-menu;
    font-family: 'Satoshi-Regular', Trebuchet MS;
}

select {
    font-family: 'Satoshi-Regular', Trebuchet MS;
}

.product-listing-r .no_data {
    text-align: center;
    width: 100%;
    border: 1px dashed #743B64;
    padding: 5px;
    margin-top: 10px;
    background: #EFF3FB;
}


@media screen and (max-height:900px) {
    .menu-tg {
        top: 325px;
    }
}

@media screen and (max-height:500px) {
    .manage-address-sidebar .overflow-content {
        height: 200px;
    }
}

@media only screen and (min-width:600px) and (max-width:992px) {
    .header-panel {
        height: 386px;
    }

    .header-panel video {
        height: 350px;
    }

    .header-panel::after {
        max-height: 350px;
    }
}

/* Page not found */

.page-title {
    color: #743B64;
    font-size: 4rem;
    line-height: 1;
    font-family: 'Satoshi-Medium';
}

.page-subtitle {
    font-size: 2.5rem;
    line-height: 1.5;
    font-family: 'Satoshi-Medium';
}

.page-body {
    font-size: 1rem;
    line-height: 1.5;
    font-family: 'Satoshi-Medium';
}



/* Chat Button css */
.chat-btn .close {
    display: none;
    opacity: 1;
}

.chat-btn i {
    transition: all 0.9s ease
}

#check:checked~.chat-btn i {
    display: block;
    pointer-events: auto;
    transform: rotate(180deg)
}

#check:checked~.chat-btn i.fa-comments {
    display: none
}

#check:checked~.chat-btn i.fa-close:before {
    color: #fff;
}

/*
#check:checked~.chat-btn .comment {
    display: none
}

.chat-btn i {
    font-size: 22px;
    color: #fff !important
} */

.chat-btn {
    position: fixed;
    right: 5px;
    bottom: 5rem;
    cursor: pointer;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #743B64;
    color: #fff;
    font-size: 22px;
    border: 2px solid #fff;
    z-index: 99;
    right: 80px;
    bottom: 4px;
    right: 75px;
    z-index: 9;
}

.chat-btn img {
    /* display: none; */
}

.wrapper {

    border-radius: 5px;
    /* opacity: 0; */
    display: none;
    transition: all 0.4s
}

#check:checked~.wrapper {
    /* opacity: 1 */
    display: block;
    position: fixed;
    right: 10px;
    bottom: 75px;
    z-index: 999;

}

#check:checked~.wrapper iframe {
    border: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

#check {
    display: none !important
}

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

    #check:checked~.wrapper {

        right: 5px;
        bottom: 150px;

    }

    #check:checked~.wrapper iframe {
        width: 300px
    }

}

.contact-us-btn {
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin: 0px;
    width: 145px;
    height: 45px;
    background: #743B64;
    z-index: 15;
    border-radius: 5px 5px 0px 0px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    position: fixed;
    color: #fff;
    right: 0px;
    bottom: 50%;
    font-family: 'Satoshi-Medium'
}

/* 207DE9 */

.contact-us-btn p {
    color: #fff;
    display: inline-block;
    line-height: 48px;
    font-size: 18px;
}
.product-product-landing .boxes-quote-shopbyindustry .hd2 {min-height: 52px;}
.copyright{margin-top:15px;}
@media only screen and (max-width:767px) {
    .contact-us-btn {
        width: 100px;
        height: 34px;
    }

    .contact-us-btn p {
        line-height: 36px;
        font-size: 15px;
    }
    .copyright {margin-top: 0;}
    .product-product-landing .boxes-quote-shopbyindustry .hd2 {min-height: unset;}
}

.form-control {
    border-radius: 0% !important;
}

.bb-0 {
    border-bottom: none !important;
}