*{ margin: 0; padding: 0; box-sizing: border-box; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ }

/* For WebKit browsers (Chrome, Safari, Opera) */
*::-webkit-scrollbar {
    display: none;
}

body { font-family: 'Nunito Sans', sans-serif;}
.modal.auth-password-modal.logged-out-modal .auth-password-modal-body{max-width: 813px; width: 100%;height: 293px;padding: 30px 20px; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.modal.auth-password-modal.logged-out-modal .auth-password-modal-body .body{font-size: 20px;color: #202F65;}
:root {
    --underwater-blue:#202E65;
    --cornflower-blue: #5870DB;
    --irisIce:#DFE3F2;
    --light-gray:#FAFAFA;
    --light-gray-2:#EDEFF7;
    --pixel-gray:#DBDBDB;
    --pixel-gray-2:#D5D5D5;
    --midnight-gray:#707070;
    --durian-yellow:#E5C021;
    --hot-red:#DB1F26;
    --hot-red-transparent:#fbe1e2;
    --tealgreen:#2BA36B;
    --deepbond-green: #003F20;
    --white:#FFFFFF;
    --black:#000000;
}
.design-modal-content.upload-image-modal{overflow-y: scroll;}
#upload_design_image_modal .modal-container-section{width: 100%;max-width: 706px;}
.cropit_image_wrapper.personal_info_cropit_image_wrapper{width: 100%;}

/* cursor */
.cursor-pointer {cursor: pointer;}
.unselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: unset !important;}
.italic { font-style: italic;}
.w100-pc { width: 100% !important}

/* filter dropdown */
.filter-archive {cursor: pointer;}
.active-filter .fa-check {color: #32A26D; opacity: 1; font-size: 14px;}
.fa-check {opacity: 0;}
#filter-arch { background: #EEF0F2; color: #082446; padding: 18px 27px 20px 10px; font: normal normal normal 15px Nunito; border-top: 2px solid #082446;}
#filter-arch > div {display: grid;  margin: 10px 0; width: 100%; align-items: center;}
#filter-dropdown { display: none; position: absolute; top: 22px;}
.filter-container { position: relative; z-index: 8;}
.filter-container > a { padding:0 50px 0 0; cursor: pointer; font: normal bold normal 18px Nunito; color: #082446;}
.filter-container .fa-chevron-down { color: #082446; font-size: 16px;}
.fa-chevron-up { color:black; font-size: 16px; color: #082446; }
.filter-archive a { text-decoration: none; margin-left: 16px;}
.media_library_container .filter-archive a {margin-left: 0;}

.context-heading-holder{background: #E9EBF2 !important;text-align: center;}
.context-heading {color: #202F65; font: italic normal 600 35px Nunito;line-height: 47px;}
.context-subheading{font: normal normal normal 20px Nunito; line-height: 27px;color: #202F65;}

/* archive */
.arc-product-display { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; column-gap: 182px;}
.arc-socials > a > img { width: 20px; padding: 10px 0 0 0 !important;}
.arc-socials > a { text-decoration: none; padding-left: 5px;}
.arc-socials { margin-left: -8px;}
.an-pad { padding: 30px 0 70px  0;}
.pad-adjust { padding: 20px 0 70px 0 !important;}

.color-warn{color: #FFC727}
.color-success{color: #2BA36B;}
.mr-50{margin-right: 50px;}

/*-- pagination ---*/
.pagination-holder{text-align: center;margin-top: 48px;}
.pagination-holder .pagination{align-items: center;justify-content: center;display: flex;column-gap: 9px;}
.pagination-holder .pagination a{padding: 0;}
.pagination-holder .pagination li {border-radius: 4px;width: 47px;height: 47px;text-align: center;color: #202E65;border: 1px solid #202E65;background-color: #EDEFF7;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.category-page-pagination .pagination-holder .pagination li {background-color: #ffffff;}
.pagination-holder .pagination li > a{align-items: center;color: #000000 !important;gap: 10px;font-size: 15px;font-family: 'Nunito Sans', sans-serif; display: flex; flex: 1; height: 100%; align-items: center; justify-content: center;}
.pagination-holder .pagination li > a:focus, .pagination li > a:hover, .pagination li:hover a, .pagination li.active:hover a, .pagination li.active a:hover {background: unset;color: unset;font-weight: 900;font-family: 'Nunito Sans', sans-serif;}
.pagination-holder /* .pagination>.active>a,.pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #202E65;border: 1px solid #202E65;background-color: #EDEFF7;} */
.pagination-holder .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>a:focus, .pagination>.disabled>span:hover{color: #000000;gap: 10px;}
.pagination-holder .pagination li.active {background-color: #202F65!important; cursor: unset;}
.pagination-holder .pagination li.disabled { cursor: unset;}
.pagination-holder .pagination li.active a{color: #FFFFFF !important; font-weight: 900}
.pagination-holder /* .pagination a:hover:not(.active) {background-color: #ddd;} */
.pagination-holder .pagination > li a .fa{width: 24px; height: auto;}


/* new */
.new-products-container { display: grid; grid-template-columns: repeat(2, 1fr); column-gap:200px; padding: 0 120px;}
.new-products-container.new-epad{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 45px;padding: 0 10px;row-gap: 45px;}
.new-card-style { box-shadow: 0px 3px 6px #202F6526; border-radius: 24px !important; border: none !important;}
.new-card-style img { border-radius: 24px 24px 0 0;}
.score_deigns_main .pagination-holder .pagination{ margin-bottom: 0; padding-bottom: 60px;}
.love-toggle { cursor: pointer; position: absolute; top: 9px; right: 9px; background: #fff; border-radius: 9999px; border:1px solid rgb(143, 143, 143); z-index: 5; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center;}
.love-toggle > i { padding:4px 2px 0 4px; left: 50%; top: 25%; transform: translateX(-50%);}
.load-more { text-align: center; width: 100%; margin: 47px auto 67px auto;}
.load-more h1 { font: italic normal normal 34px Nunito;}
.load-more button { margin-top: 22px; padding: 16px 35px; background: #32A26D; color: #fff !important; font: normal normal 33px Nunito; border: 1px solid #32A26D !important; cursor: pointer;}
#favorite { margin-bottom: 155px;}
.love-toggle-favourite { border:1px solid #DB1F26; }

/* general custom */
.secondary-bg { background:#FFFFFF;}
.explore-wrapper { padding: 0 185px 0 185px; width: 100%; max-width: 100%; margin: 0 auto;  background: #ffffff;}
.e-pad-top { padding-top: 40px;}
.e-pad-bottom { padding-bottom: 40px;}
.explore-tab .tab-btn { color: #202F65;font-size: 27px;}
.explore-tab > .tab-btn .active { border-bottom:2px solid #024da9 !important;}
.explore-tab { padding: 45px 0 37px 0;  }
.love-toggle-favourite .svg-inline--fa.fa-heart{color: #DB1F26}
i.fa-heart { font-size: 25px;}
.fa-heart:hover { transform: scale(1.1);}
.fas { color: rgb(255, 0, 0);}
.vote-counter > h1 { font-size: 16px; padding-right: 10px;}
.vote-counter > h1 > span { font-size: 30px;}
.new-epad { padding-bottom: 45px !important;}
.new-epad-t { padding-top: 45px !important;}
.error_label{color: rgb(255, 0, 0);font-weight: 900;}
.hr_line_top::before { content: ""; height: 22px; width: 2px; border-radius: 10px; position: absolute; top: -9px; left: 2px; display: block; background: #202F65; transform: translate(-50%); }
.hr_line_top { position: relative;}
.favourite_wrapper { background-color: #ffffff;}
.favourite_wrapper .product-container img { border-radius: 8px 8px 0 0; }
.how_it_work_bg { background-color: #F0F7FF; }
.how_it_work_bg .tab_inactive { border-bottom: none !important;}
/* score design */
.score-it { display: grid; grid-template-columns: 1fr 3fr; column-gap: 31px; row-gap: 30px; margin-top: 40px;}
.score-it > h1 { font: italic normal bold 20px Nunito Sans; color: #202F65; white-space: nowrap; margin-top: -10px;}
.score-it > div:nth-of-type(2) { 	grid-column: span 2 / span 2;}
.score-it > div:nth-of-type(2) { 	margin: 0 auto;}
.score-it > div:nth-of-type(2) > button { font-size: 18px; color: #fff; padding: 8px 16px; background: #2BA36B; border: none; outline: none; border: none; cursor: pointer;}
.score-it-range { padding-bottom: 20px; position: relative;}
.score-it-range > p:nth-of-type(1) { position: absolute; bottom: -10px; left: -2px; font-size: 12px; font-style: italic; color:#082446;}
.score-it-range > p:nth-of-type(2) { position: absolute; bottom: -10px; right: -2px; font-size: 12px; color: #d60303; font-weight: bold; font-style: italic;}
.score-it-range > input { width: 100%; }

.design-tag { padding: 18px 15px 15px }
.design-tag > h1, .design-tag .design-tag-title { font-size: 14px; color:#202F65; line-height: 21px;/*overflow: hidden;*/white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.design-tag > .design-tag-subtitle { text-overflow: ellipsis; height: 50px; }
.design-tag > .design-tag-subtitle > span { font-style: italic; font-size: 13px; margin-left: -2px;}
.design-tag.archive-tag > h1 > span {margin-left: 2px;}
.design-tag small {font: normal normal normal 14px/19px Nunito;color: #202F65;}

.upload-design-wrappper label{font-family: 'Nunito';color: #fff;font-weight: bold;border: 1px solid #202F65;border-radius: 0;outline: none;font-size: 18px;margin-bottom: 20px;cursor: pointer;}
.upload-design-wrappper input{display: none;}
#cart-card { cursor: pointer;}
.shipping-fee-details { font-family: Nunito;}

/* how it works */
.tertiary-bg { background: #F0F7FF; }
.how-intro { text-align: center; padding: 0 100px; }
.how-intro h1 { font: normal normal 600 34px Nunito Sans; color:#202F65; margin-bottom: 15px;}
.how-intro p { font: normal normal normal 22px Nunito; color: #202F65; margin-bottom: 14px;}
.call-card-text h1 { font: normal normal 600 20px Nunito Sans; margin: 75px 0 21px 0;}
.call-card-text p { font: normal normal normal 18px Semplicita Pro;}
.card-text > p a { text-decoration: none !important; color: var(--midnight-gray); }

.call-card-holder { display: flex; align-items: flex-start; margin-top: 163px;}
.call-card {color: #202F65; height: 400px; width: 450px; display: flex; flex-direction: column;}
.call-card .call-card-icon { align-self: center;}
.call-card .call-card-icon img{ height: 110px;}
.call-card-holder .plus-icon { margin-top: 40px; margin-right: 23px;}
.call-card-holder .plus-icon.equals-icon{margin: 40px 0px 0px 23px;;}
.call-card-holder .plus-icon > img {width: 50px;}
.call-card-holder .plus-icon:nth-last-child(2) > img {margin-top: 13px;}
.call-card-holder .plus-icon .plus_mobile_icon, .call-card-holder .plus-icon .equal_mobile_icon { display: none;}

.how-card { padding: 61px 0;}
.how-card > span { font: normal normal 600 35px Nunito Sans; color:#082446;}
.how-card > .fas { color:#082446; padding-right: 21px;}
.how-card-holder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 90px 110px; padding: 0 180px 0 138px; margin-top: 72px;}
.how-card:first-child {background: #FCF4F4;}
.how-card:nth-child(2) { background: #FFFBF0;}
.how-card:nth-child(3) { background: #FFFBF0;}
.how-card:nth-child(4) { background: #FCF4F4;}
.how-card-holder a{text-decoration: none;}
.how-card-holder svg { color: #202F65; margin-right: 16px;}

.available-discount-code-label { color: var(--underwater-blue) !important; font-size: 14px; }
.available-discount-code-input { height: 15px; width: 15px; opacity: 1 important! }
.disabled-button { background: #707070 !important; cursor: not-allowed !important; text-decoration: none !important }

.retail-price { width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; gap:13px; padding: 30px 0 50px 0;}
.pricing-texts .retail-price { margin-left: -7px;}
.retail_price_img {margin: 40px;   width: 100%; max-width: 600px;}
.retail_price_img_mobile  { display: none;}
.retail_price_img1 {margin: 40px 0;   width: 100%; max-width: 600px;}
.pricing-texts { padding: 61px 0 83px 0;}
.pricing-texts div { margin-left: 90px;}
.pricing-texts h1 { font: normal normal 600 35px Nunito Sans; color :#102B4C; margin-bottom: 32px;}
.pricing-texts div h6 { font: normal normal normal 25px Semplicita Pro; color: #707070;}
.pricing-texts div p { font: normal normal normal 25px Nunito; color: #102B4C;}
.new-margin-desktop { max-width: 100%; margin: 30px 0;}
.new-margin-desktop img { width: 100%;}
.new-margin-mobile { display: none !important;}

/* faqs */
.faqs-container { width: 100%; max-width: 1252px; margin: 0 auto; padding: 67px 20px 327px; /*padding: 67px 542px 125px 327px;*/}
.faqs-container [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled), button .add-to-cart, button .update-cart-item { font-family: 'Nunito'; color: #202F65; font-weight: bold; border: 1px solid #202F65; border-radius: 0; outline: none; font-size: 20px; margin-bottom: 20px; box-shadow: none;}
.faqs-container .accordion-body { padding: 3px 0 23px; font-size: 16px; line-height: 24px; color: #202F65; border: none; outline: none;}
.faqs-container .accordion-item { border: none;}
.faqs-container .accordion-button:not(.collapsed) { background-color: transparent;}
.faqs-container .header { font-size: 32px; font-weight: bold; letter-spacing: -0.64px; line-height: 43px; color: #202E65; margin-bottom: 35px; font-family: 'Nunito Sans';}
.faqs-container .design-req{column-gap: 36px;grid-template-columns: 1.5fr 4fr;}
.faqs-container .faqs-side-container .faqs-questions-container{background: #F0F7FF;padding: 30px 32px 105px;}
.faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container, .faqs-questions-container .faqs-questions-list-container .menu-parent{list-style-type: none;cursor: pointer;}
.faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container .menu-parent{border-bottom: 1px solid #CCE4FF;padding: 10px 0px 10px;}
.faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container .menu-parent a{color: #202E65;font-family: 'Nunito';font-size: 20px;line-height: 27px;font-weight: bold;text-decoration: none;}
.faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container .menu-parent a:focus, .faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container .menu-parent a:visited{text-decoration: none;color: #202E65;}
.faqs-container .faqs-side-container .faqs-questions-container .faqs-questions-list-container .menu-parent:hover a{font-weight: 900;}
.faqs-container .faqs-side-container .faqs-questionmarks-container{padding-top: 22px;}
.faqs-container .faqs-side-container .faqs-questionmarks-container img{width: 100%;max-width: 294px;}
.faqs-container .faqs-question-header{font-family: 'Nunito';color: #202E65;font-weight: bold;font-size: 25px;line-height: 34px;margin-bottom: 30px;}
.faqs-selector-container .category-select {background-color: #E9EBF2;border: 0px;border-radius: 20px 20px 20px 20px;font-family: 'Nunito';color: #687F9C;padding: 10px 18px 11px;height: 42px;text-align: left;font-size: 16px;width: 100%;margin-bottom: 29px;line-height: 24px;position: relative;}
.faqs-selector-container::after {background-image: var(--bs-accordion-btn-active-icon);transform: var(--bs-accordion-btn-icon-transform);}
.faqs-selector-container .faqs-chevron-down{position: absolute;top: 15px;right: 20px;font-weight: 900;font-size: 14px;}

/* out of stock feature */
.out-of-stock-76{text-align: center;font-size: 15px;padding: 13px 54px 13px 54px;height: 46px !important;line-height: 20px;font-weight: 500;font-family: 'Nunito Sans';color: #EB545C; width: 100% !important;max-width: 205px;border: 1px solid #EB545C !important;margin-top: 75px;}
.out-of-stock-74{display: none; text-align: center;font-size: 15px;padding: 13px 54px 13px 54px;height: 46px !important;line-height: 20px;font-weight: 500;font-family: 'Nunito Sans';color: #EB545C; width: 100% !important;max-width: 205px;border: 1px solid #EB545C !important;margin-left: 22px;margin-bottom: 0px;}
.out-of-stock-75{width: 100%;max-width: 104px;}
.out-stock-div{margin-top: 11px;}
.out-stock-div .out-of-stock-75{max-width: 124px;}
.disable-add-to-cart{background-color: gray;}
.out-of-stock-txt{color:#E8202D; font-size: 12px;line-height: 16px;font-family: 'Nunito', sans-serif;font-weight: 400;margin-bottom: 0px;position: relative;bottom: 23px;}
.out-of-stock-txt img{width: 16px;height: 16px; margin-right: 8px;}
.out-of-stock-div .add-to-cart, .out-of-stock-div .update-cart-item {background: #2BA36B;color: #fff;max-width: 165px;width: 100%;margin-bottom: 0 !important;height:34px;font-size: 14px;border: none;outline: none;cursor: pointer;max-width: 300px;height: 44px;opacity: 0.75;}
.out-of-stock-div .add-to-cart:disabled{background: #D5D5D5;color: #FFFFFF;opacity: 100%;}
.disabled_product_item{opacity: 0.4;}


/* products */
.product-display { display: -ms-grid; display: grid;  width: 100%; -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(5, 1fr); gap:20px;}
.product-container { background: #ffffff; border: 1px solid #202F65; border-radius: 8px; position: relative; margin-bottom: 20px; height: auto}
.product-wrapper { display: block; max-height: 500px; }
.product-wrapper .vote-counter { height: 50px }
.product-container .deign-tag-subtitle { height: 45px }
.product-container .design-tag h1, .design-tag .design-tag-title { white-space: wrap;text-overflow: ellipsis;}
.product-wrapper.favorite-display-image-wrapper { background-color: #f1f1f1; border-bottom: 1px solid gray; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.product-wrapper > img { width: 100%; display: block;}
#score-design-epad .product-wrapper > img{max-height: 500px; height: auto;}
.new-products-context{text-align: center;padding-bottom: 67px;}
.new-products-context span{color: #202F65;font: italic normal 600 35px/47px Nunito;}
.new-products-context p{color: #202F65;font: normal normal normal 20px/27px Nunito;}

#favorite .product-wrapper { height: auto; width: 100% }
#favorite .product-wrapper > img { cursor: pointer; object-fit: cover; width: 100%; height: 233px }


/* contact us */
.contact-us-section {border-top: 4px solid #E5C021; min-height: 60vh;}
.contact-us-section .login-artist {background: #202E65;position: relative;}
/* .contact-us-section .login-artist > div:nth-of-type(1) {position: absolute;top: 0;right: 0;width: 550px;} */
.contact-us-section .login-artist > div:nth-of-type(1) img {width: 100%;}
/* .contact-us-section .login-artist > div:nth-of-type(2) { position: absolute; bottom:-10px; left: 0; width: 716px;} */
.contact-us-section .login-artist > div:nth-of-type(2) img { width: 100%; height: 100%;}

.contact_artist { display: flex; gap: 20px;  width: 100%; }

.contact-us-section .contact-us-img{display: flex; align-items: end; justify-items: end; width: unset !important; flex: 1; -webkit-box-flex: 1; -ms-flex: 1; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;-webkit-box-align: end;-ms-flex-align: end;align-items: end;}

.contact-us-section .login-artist .contact-us-container {width: 398px !important; flex: 1; -webkit-box-flex: 1; -ms-flex: 1;}
.contact-us-section .login-artist .contact-us-container .ineer_contact_us_container {width: 100% !important;max-width: unset !important;}
.contact-us-section .login-artist .right_img{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: end;}
.contact-us-section .login-artist .right_img img{width: 400px !important;}
.contact-us-container_img{display: none;}


.contact-us-section .contact-us-container { background: #202E65; margin-left: 0px !important; padding: 30px 0px 0px 0px !important;}
.contact-us-section .contact-us-container > div:nth-of-type(1) { max-width: 398px;}
.contact-us-section .contact-us-container > div:nth-of-type(1) h1 { color: #ffffff; font-size: 24px; /*padding-bottom: 21px;*/ font-weight: 900;}
.contact-us-section .contact-us-container > div:nth-of-type(1) p { color: #ffffff; font-size: 14px; padding-bottom: 21px; margin-top: 16px; font-weight: 300;line-height: 19px;}
.contact-us-section .contact-us-container > div:nth-of-type(1) p.selected-reason{color: #202E65;padding-bottom: 0px;padding-left: 20px;}
.contact-us-section .contact-us-container > div:nth-of-type(1) h4 { color: #ffffff; font-size: 14px; padding-bottom: 21px; font-weight:300;}
.contact-us-section .contact-us-container > div .captcha-ar h1{color: #ffffff; font-size: 24px;font-weight: 900;padding: 8px 8px 12px;}

.contact-us-section .contact-us-container .input-account-group-ar { margin-bottom: 16px; width: 100%;}
.contact-us-section .contact-us-container .input-account-group-ar > select {width: 100%; border-radius: 8px; padding:12px 6px; outline: none; border:none;}
.contact-us-section .contact-us-container .input-account-group-ar > textarea {width: 100%; border-radius: 8px; padding:12px 6px; outline: none; border:none;}
.contact-us-section .contact-us-container .input-account-group-ar > label { display: block; color: #ffffff; font-size: 14px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 8px;}
.contact-us-section .contact-us-container .input-account-group-ar > a { color: #fff; margin-top: 14px; margin-bottom: 16px;}
.contact-us-section .contact-us-container .content-step-two > button { background: #E5C021 !important; color: #202E65 !important; padding: 10px 16px; cursor: pointer; border: none; outline: none; border-radius: 33px; width: 100%; font-family: 'Nunito Sans', sans-serif;font-size: 16px;}
.contact-us-section .contact-us-container .content-step-two .custom-dropdown-item-wrap {position: absolute;top: 25px;width: 100%;border-radius: 6px;box-shadow: 0px 3px 6px #00000029;background-color: #FFFFFF;padding: 15px 0px 19px;margin: 0;}
.contact-us-section .contact-us-container .content-step-two .custom-dropdown-item-wrap .custom-dropdown-item {list-style-type: none;padding: 6px 20px;color: #202E65;font-size: 14px;cursor: pointer;font-family: 'Nunito Sans', sans-serif;}
.contact-us-section .contact-us-container .content-step-two .account-input { border-radius: 6px; background: #fff; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: 'Nunito Sans', sans-serif;}
.contact-us-section .contact-us-container .content-step-two .account-input > input::placeholder { color: #BABABA; font-family: 'Nunito Sans', sans-serif;}
.contact-us-section .contact-us-container .content-step-two .account-input > input {background: #fff; padding: 10px 8px; width: 100%; border: none; outline: none; border-radius: 6px;}
.contact-us-section .contact-us-container .input-custom-dropdown {position: relative;}
.contact-us-section .contact-us-container .input-account-group-ar {margin-bottom: 16px;width: 100%;}
.contact-us-section .contact-us-container .custom-select img {width: 12px !important; height: auto; margin-right: 14px;}
.contact-us-section .contact-us-container .captcha-ar > h6 {color: #f8f8f8;font-size: 14px;font-family: 'Nunito Sans', sans-serif;margin-bottom: 8px;}
.contact-us-section .contact-us-container > div .captcha-ar h1 {color: #ffffff;font-size: 24px;font-weight: 900;padding: 8px 8px 12px;}


/* artist-upload */
.upload-bg-style { background: #202E65; color: #202E65; padding: 59px 0 39px 0;}
.yellow-base { height: 268px; background: #EBD67A; width: 100%;}
.upload-divisor { display: grid; grid-template-columns: 1fr 0.9fr; align-items:end; gap: 174px; }
.upload-divisor > div:nth-of-type(1) > img { position: absolute; bottom: -306px; right: -203px;}
.upload-divisor > div:nth-of-type(1) > p { font-family: 'Nunito Sans', sans-serif; font-size: 14px;}
.upload-divisor > div:nth-of-type(1) > h1 { font-family: 'Nunito Sans', sans-serif; font-size: 40px; padding-bottom: 7px; line-height: 48px; font-weight: 900;}
.upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) > img { margin-bottom: 30px;}
.upload-btn { background: #2BA36B; color: #fff;  border:1px solid #2BA36B; outline: none; padding: 8px 20px; font-family: 'Nunito Sans', sans-serif; font-size: 14px !important; cursor: pointer;}
.cancel-btn { background: #fff; color:#202E65; border:1px solid gray; padding: 8px 20px; font-size: 14px !important; cursor: pointer; font-family: 'Nunito Sans', sans-serif;}
.action-btn { background: #fff; color:#202E65; padding: 8px 20px; font-size: 14px !important; cursor: pointer; font-family: 'Nunito Sans', sans-serif; border: none !important}
.border-gray {
  border:1px solid gray !important;
}
.upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) { text-align: center; background: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.upload-divisor > div:nth-of-type(2) > div > p > a { color:#202E65 !important; text-decoration: underline;}
.upload-divisor > div:nth-of-type(2) > div > p { padding: 8px; font-size: 13px;}
.upload-divisor > div:nth-of-type(2) > div > h2 { font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 900;}
.upload-divisor > div:nth-of-type(1) { padding: 24px 58px 213px 24px; background: #E5C021; border-radius: 10px; position: relative; }
.upload-divisor > div:nth-of-type(2) > div > ul { padding-left: 20px;}
.upload-divisor > div:nth-of-type(2) > div > ul > li { list-style-type: disc; font-size: 14px;}
.upload-divisor > div:nth-of-type(2) > div { background: #EBD67A; border-radius: 6px; padding: 18px 75px 32px 31px}



/* UPLOAD_modal */
.upload-modal { position: fixed; width: 100%; top:0; left:0; height: 100vh; background-color: #202e65ba; display: none; z-index: 20;}
.upload-modal-content { padding: 33px 73px 59px 84px; background: #fff; border-radius: 10px;  min-width: 790px; margin: 0 auto; text-align: center; position: absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}

.upload-modal-content > div:nth-of-type(2) > a { color:#202E65 ; text-decoration: underline;}
.upload-modal-content > div:nth-of-type(2) { background: #FFF2F2; padding: 12px 59px 12px 9px; width: 100%; color: #C93631; border-radius: 10px; font-size: 14px; margin: 9px 0 20px 0; }
.upload-modal-content > p { color: #C93631; line-height: 30px; font-size: 14px; margin-bottom: 38px; margin-top: 12px;}
.upload-modal-content > h1 { font-family: 'Nunito Sans', sans-serif; font-size: 24px; color:#202E65;}


/* uploaded-img *****************************************************************/
.uploaded-img > div:nth-of-type(1) img { background: #EFEFEF;}
.uploaded-img { display: grid; grid-template-columns: 1fr 6fr;}
.upload-string > div > img { cursor: pointer; position: absolute; bottom: 27px; right: 0;}
.upload-string { position: relative;}
.upload-string > div > h3 { color: #777777; font-size: 16px;}
.loaded-border { background: #C6C6C6; height: 3px; width: 94%; margin-top: 24px;}


/* -- payment history --- */
.breadcrumb > ul li{list-style: none; font-family: 'Nunito Sans', sans-serif;font-size: 16px;}
.breadcrumb > ul li a, .breadcrumb > ul li a:hover, .breadcrumb > ul li a:visited{text-decoration: none;font-size: 16px;}
.breadcrumb > ul li:last-child a {color: #202E65!important;font-weight: bold;}
/* .dash_main .payment_history{border-bottom:1px solid #A7A7A7;} */
.dash_main .payment_history h2{font-size: 24px; color:#202E65;line-height: 32px;font-family: 'Nunito Sans', sans-serif;margin-bottom: 24px;font-weight: bold;}
.dash_main .payment_history ul{text-decoration: none;font-size: 16px; color:#202E65;line-height: 22px;}
/* .dash_main .payment_history ul li:last-child{background-color: #F7F7F7;padding: 8px 7px 7px 8px;border-radius: 6px;width: 186px;} */
.dash_main .payment_history ul li{list-style-type: none;margin: 5px 14px 16px 20px;}
.dash_main .payment_history ul li a{text-decoration: none;font-size: 16px; color:#202E65 !important;line-height: 22px;}
.dash_main .payment_history ul li a:hover,.dash_main .payment_history ul li a:visited,.dash_main .payment_history ul li a:focus{text-decoration: none;border: none;}
.dash_main .payment_history .dropdown{position: relative;display: inline-block;}
.dash_main .payment_history .dropdown .filter-content{display: none;position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;margin-top: 4px;margin-left: -8px;background-color: #F7F7F7;padding: 8px 7px 7px 8px;border-top: 3px solid #202E65;width: 186px;}
.dash_main .payment_history .dropdown span i{margin-left: 37px;}
/* .dash_main #entries {font-size: 14px;color: #202E65;line-height: 19px;font-weight: 100px;font-family:'Nunito Sans regular',sans-serif;display: grid;margin-top: 40px;grid-template-columns: 1fr 1fr;padding: 5px 0px 10px 32px;} */
.dash_main .table thead{background-color: #EDEFF7;}
.dash_main .table thead tr {border-bottom: none;}
.dash_main .table th {margin: 0px !important;width: 165px;border: none !important;text-align: center;color: #202E65;font-family: 'Nunito Sans', sans-serif;font-size: 14px;padding: 20px 21px 21px; /* text-wrap: wrap;*/}
.dash_main .table td {text-align: center;padding: 20px 21px 21px; font-family: 'Nunito Sans', sans-serif; font-size: 14px; color:#202E65;border-bottom: none; text-wrap: wrap;}
.dash_main .table tbody tr{margin-bottom: 11px;}
.dash_main .table tbody tr:nth-child(even){background: #F7F8FC;}
.dash_main .table tbody td:nth-child(5){font-weight: 900;font-family: 'Nunito Sans', sans-serif;}
.dash_main .action-option-tab .color-warn{color: #FFC727 !important;padding-right: 24px;cursor: pointer;}
.dash_main .action-option-tab .color-success{color: #2BA36B !important;cursor: pointer;}

#invoice_modal #invoice_body { height: 100% !important; overflow-y: scroll !important; }
.user-payment-invoice-modal{opacity: 1;}
.user-payment-invoice-modal #close-modal{top: -20px;right: -20px;padding: 12px 20px;}
.user-payment-invoice-modal .info-mod-l{padding: unset;border-radius: 20px;position: relative;max-width: 1046px;width: 60%;}
.user-payment-invoice-modal .header-section{background: #202F65;border-radius: 20px 20px 0px 0px;border: 1px solid #202F65;color: #FFFFFF;padding: 26px 20px 28px; font-family: 'Nunito Sans', sans-serif; display: flex;align-items: center;column-gap: 17px;}
.user-payment-invoice-modal .header-section h1{font-size: 24px;font-family: 'Nunito Sans', sans-serif;text-decoration: underline;margin-bottom: 0;}
.user-payment-invoice-modal .header-section p{margin-bottom: 0px;font-size: 24px;font-family: 'Nunito Sans', sans-serif;}
.user-payment-invoice-modal .modal-body{padding: 34px 30px;}
.user-payment-invoice-modal .payment-confirmation-wrap{display: flex;align-items: center;justify-content: space-between;}
.user-payment-invoice-modal .payment-confirmation-wrap .download-invoice-holder .download-invoice{background: #2BA36B;color: #FFF;border-radius: 0;width: 189px;font-family: 'Nunito Sans', sans-serif;font-size: 16px;border: none;margin-bottom: 0;}
.user-payment-invoice-modal .payment-confirmation-wrap .sum-total-area{color: #202E65;font-family: 'Nunito Sans', sans-serif;display: flex;column-gap: 14px;}
.user-payment-invoice-modal .payment-confirmation-wrap .sum-total-area p{margin-bottom: 0;font-size: 30px;font-family: 'Nunito Sans', sans-serif;line-height: 45px;}
.user-payment-invoice-modal .payment-confirmation-wrap .sum-total-area b{font-weight: 900;font-family: 'Nunito Sans', sans-serif;font-size: 33px;line-height: 50px;}
.user-payment-invoice-modal  .payment-history-modal > .stats-content{margin-bottom: 47px;}
.user-payment-invoice-modal  .payment-history-modal .stats-row{background: #F0F7FF;color: #202E65;font-family: 'Nunito Sans', sans-serif;font-size: 20px;border-radius: 5px;width: 247px;}
.user-payment-invoice-modal  .payment-history-modal .stats-row .stats-content {padding: 21px 31px 0px;color: #202E65;}
.user-payment-invoice-modal  .payment-history-modal .stats-row .stats-content > div{padding-bottom: 21px;justify-content: flex-end;}
.user-payment-invoice-modal  .payment-history-modal .stats-row .stats-content p{margin-bottom: 0;}
.user-payment-invoice-modal  .payment-history-modal .stats-row .stats-content h1{font-size: 20px;margin-bottom: 0px;padding-left: 5px;}
.user-payment-invoice-modal  .payment-history-modal .stats-content .l-c-h .stats-content{color: #202E65;font-weight: 700;line-height: 28px;font-size: 20px;font-family: 'Nunito';}
.user-payment-invoice-modal  .payment-history-modal .stats-content .l-c-h .stats-content:first-child{padding-bottom: 21px;}
.user-payment-invoice-modal  .payment-history-modal .stats-content .l-c-h .stats-content .fa{padding-right: 8px; color: #202E65 !important;}

.user-payment-invoice-modal  .payment-history-modal .table th {padding: 11px 5px;color: #202E65;font-family: 'Nunito Sans', sans-serif;font-size: 18px;font-weight: 700;text-transform: capitalize;line-height: 24px;}
.user-payment-invoice-modal  .payment-history-modal .table td{color: #202E65;font-family: 'Nunito Sans', sans-serif;font-size: 16px;line-height: 24px;padding: 12px 38px 43px 5px;}

.text-counter-holder-tab > h6 {
    font-size: 13px;
    color: #777777;
    display: none;
}
.text-counter-holder > h6 {
    font-size: 13px;
}
.text-counter-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #777777;
    margin-bottom: 7px;
    margin-left: 106px;

}

.checkbox-success-group > input {
    width: 25px;
    height: 25px;
}
.checkbox-success-group > label {
    margin-left: 14px;
}
.checkbox-success-group {
    font-size: 14px;
    color:#202E65;
}

.response_alert {
    width: 30%;
    height: auto;
}

.response-alert-circle-box {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    font-size: 20px;
    margin-bottom: 30px;
}

.response_alert_success {
    filter: drop-shadow(2px 3px 10px var(--underwater-blue));
    background-color: var(--underwater-blue);
}

.response_alert_success i.fa-check {
  color: #ffffff !important;
  opacity: 1 !important;
}

.response_alert_failure {
    filter: drop-shadow(2px 3px 10px var(--hot-red));
    background-color: var(--hot-red);
}

.modal-body-content {
    width: 100%;
    flex-direction: column;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.j-flex-top {
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.j-flex-start {
    display: flex;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
}

.j-flex-end {
    display: flex;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-direction-row {
  flex-direction: row;
}

.design-description-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.design-input-label {
    width: 100%;
}

.modal-overlay {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; inset: 0; background-color: #000000af; z-index: 9; padding: 1rem; overflow-y: auto;}

.modal-container-section {width: 100%; max-width: 60%; margin: auto;}

.modal-content {background: #fff; border-radius: 8px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06); padding: 1rem; max-height: 90vh;}

.form_modal{max-width: 760px; margin-left: auto; margin-right: auto; overflow: scroll; height: 100%; padding: 10px; margin-bottom:30px; width: 100%;}

.modal-container { background-color: rgba(0,0,0,0.7); width: 100%; height: 100vh; position: fixed; z-index: 998; top: 0; display: flex; justify-content: center; padding: 50px 20px; padding: 10px;}
#view_design_image_details{padding: 10px 24px;}
#alert_modal_container {
    z-index: 999
}

.modal-box {
    background-color: var(--white);
    width: 100%;
    max-width: 706px;
    border-radius: 12px;
    padding: 20px 0;
    position: absolute;
    top: 50px;
}
.modal-header {
    margin-bottom: 15px;
}

.modal-header, .modal-body, .modal-footer {
    padding: 0 30px;
}

.modal-header span {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 500;
    z-index: 999;
}

.modal-header p {
    color: var(--underwater-blue);
    font-size: 16px;
    font-weight: bold;
}

.modal-body {
    padding-bottom: 10px;
}

.modal-texts {
    display: flex;
    flex-direction: column;
}

.modal-body-prompt-text, .modal-body-prompt-warning {
    font-size: 18px;
    font-weight: 700;
}

.modal-body-prompt-warning {
    color: var(--hot-red);
}

.modal-footer {
    padding-top: 20px;
    border-top: 2px solid var(--light-gray-2);
}
.footer-container.footer-gap-60 {gap: 60px!important;}

/* upload design image */
.design-modal-content {
    background: #fff;
    padding: 25px 40px;
    width: 50%;
    border-radius: 10px;
    height: 85vh;
    position: relative;
}
.design-modal-content.view-image-popup-body.view_modal_two {margin-top: 157px;width: 100%;max-width: 899px;}
.design-modal-content .modal-content{box-shadow: none;}
.design-modal-content .view-image-popup-content .vim_footer_txt{margin: auto; max-width: 500px;}
.design-input-tip {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    color:#202E65;
}
.required {
    color: #DB1F26;
}

.design-input-block {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    color:#202E65;
}

.design-input-group {
    padding: 6px 0;
}

.design-input {
    padding: 8px;
    outline: none;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
}

.design-sub-description {
    width: 100%;
    display: inherit;
    justify-content: space-between;
}

.design_upload_holder_image {
    width: 60px;
    height: 60px;
}

.upload-design-error-info {
    width: 94%;
    height: 60px;
    padding: 8px 0;
    background-color: var(--hot-red-transparent);
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
    justify-content: center;
    align-items: center;
}

.cursor-disabled {
    cursor: not-allowed;
}

.bold {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.success-check {
    opacity: 1;
    color: var(--white) !important;
}

.box-scroll-vertical {
    overflow: scroll;
}

.view-image-popup-content.box-scroll-vertical {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.view-image-popup-content.box-scroll-vertical::-webkit-scrollbar {
  display: none;
}

#invoice_modal { padding-top: 133px; }
.invoice-modal-header {
    height: 86px;
    width: 100%;
    background-color: #202E65;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0 8%
}

.invoice-modal-content-area { padding: 20px 115px 20px 86px; overflow-y: scroll; height: auto;}
.invoice-modal-content-area .invoice-table { margin-top: 47px !important;}
.invoice_modal_content { height: calc(100vh - 200px); max-width: 1046px; width: 100%; overflow-y: unset !important;}
.invoice_body {overflow-y: scroll !important;}

.invoice-modal-footer {
  width: 100%;
  margin-bottom: 60px;
}

.invoice-modal-stat {
    background-color: #F0F7FF;
    height: 110px;
    min-width: 200px;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    color: var(--underwater-blue);
    font-weight: 600;
}

.invoice-modal-stat  span{font-weight: 900; margin-bottom: 11px; font-family: "Nunito Sans", sans-serif;}

.invoice-modal-date {
    color: var(--underwater-blue);
    font-weight: 600;
}

.simple-table {
    width: 100%;
    height: auto;
}

.simple-table tr {
    border-bottom: 1px solid var(--pixel-gray);
}

.simple-table thead tr th {
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0;
    color: var(--underwater-blue);
}

.simple-table tbody tr td {
    padding: 10px 0;
}

.simple-table tbody tr td {
    font-weight: 500;
    font-size: 14px;
    color: var(--underwater-blue);
}

.invoice-download-btn {
    background-color: var(--tealgreen);
    padding: 8px 25px;
    color: var(--white);
}

.show{display: block !important}
.hide{display: none !important}
.show_now{display: flex !important}

/* uploaded-design-img-box *****************************************************************/
.uploaded-design-img-box > div > img { width: 80px;}
.uploaded-design-img-box > div:nth-of-type(1) img { background: #EFEFEF;}
.uploaded-design-img-box  { margin-top: 3px;}
.upload-design-string > div > img { cursor: pointer; position: absolute; bottom: 88px; right: 0;}
.upload-design-string { position: relative;}
.upload-design-string > div > h3 { color: #777777; font-size: 16px;}
.loaded-border-success { background: #49AD64; height: 6px; width: 44%;}
.loader{ border-radius: 30px; height: 6px;}
.loader-background{background-color: var(--pixel-gray-2);width: 100%; }
.upload-success-alert { background: #DFF4DB; color: #003F20; font-size: 13px; text-align: center; padding: 8px 0; margin: 40px 0 20px 0; border-radius: 7px; width: 94%;}
.new-wrapper { padding: 0 200px 0 192px }
.header-wrapper { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }

.add-to-cart-qty-error {color: var(--hot-red); font-size: 14px; font-weight: bold; display: none;}
.vi_popup_close { position: absolute; top: -15px; z-index: 5; right: -15px; border-radius: 40px; width: 40px; height: 40px; background-color: #D5D5D5}
/* design requirement */
.design-page-style { padding-bottom: 148px; padding-top: 47px; border-top: 7px solid #202E65;}
.design-req { display: grid; grid-template-columns: 1fr 4fr;}
.design-req-head { color:#202E65; font-size: 32px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 18px;}
.design-req-steps > h2 { color:#0A2545; font-size: 16px; line-height: 21px; font-weight: 600; font-family: 'Nunito', sans-serif; display: grid; grid-template-columns: 6% 83%;}
.design-req-steps > h2 a { font-weight: bold; color: #202E65;}
.design-req-steps > h2 > span { font-weight: 700;}
.design-faq { margin-top: 49px;}
.design-faq > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.design-faq > div > div { background: #EFEFEF; padding: 20px 16px 18px 16px; color: #0A2545; font-size: 14px; font-weight: 400;}
.design-faq > div > div > ul { padding-left: 20px;}
.design-faq > div > div > ul > li { list-style-type: disc;}
.design-faq > div > div:nth-of-type(1) > p { padding: 14px 0 0 20px }
.design-faq > div > div:nth-of-type(2) > ul > li { padding-bottom: 20px; }
.design-faq > div > div:nth-of-type(3) > ul > li { padding-bottom: 20px; }
.design-faq > div > div:nth-of-type(4) > ul > li { padding-bottom: 14px; }
.design-faq > div > div > h2 { color: #0A2545; font-size: 16px; font-family: 'Nunito', sans-serif; margin-bottom: 19px; font-weight: 800;}
.design-faq > div > div:nth-of-type(1) { grid-column: span 2 / span 2;}
.design-faq > div > div:nth-of-type(4) { grid-column: span 2 / span 2; }


/* modal */
.modal-adjust .info-mod-l { padding: 142px 155px ; background: #ffffff; position: relative;}
.modal-adjust .info-mod-l p { font: normal normal normal 33px Nunito;}
.modal-adjust .info-mod-l button { margin-top: 52px; cursor: pointer; padding:16px 22px; font: normal normal normal 33px Nunito Sans;}
#close-modal { border-radius: 50%; cursor: pointer; padding:10px 20px; background: #EAF1F9; position: absolute; top: -55px; right: -55px;}
#close-not-logged-modal { border-radius: 50%; cursor: pointer; padding:13px 20px; background: #EAF1F9; position: absolute; top: -55px; right: -55px;}
.modal-adjust .info-mod-l #close-modal{top: -15px!important;right: -10px!important;}

.update-success .info-mod-l {width: 813px;position: relative;text-align: center;}
.update-success .info-mod-l #update-close-modal{cursor: pointer;position: absolute; top: 10px; right: 20px;}
.update-success .info-mod-l .check-icon{background: #2BA36B;border: 2px solid #2BA36B;width: 79px;height: 79px;padding: 10px;border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.update-success .info-mod-l .check-icon .fa-check {color: #FFF !important;opacity: 0;width: 34px;height: 24px;animation: fadeInAndScale 1s ease-in-out forwards;}
@keyframes fadeInAndScale {from {opacity: 0;transform: scale(0);}to {opacity: 1;transform: scale(1.5);}}
/* .update-success .info-mod-l img{width: 79px;height: 79px;margin-bottom: 17px;} */
.update-success .info-mod-l p{color: #202F65;font-size: 20px;font-family: 'Nunito', sans-serif;}

#artist_logged_out_popup p{color: #202F65}
#modal-overlay #close-modal{padding: 10px 16px;}
.artist_logged_out_actions {width: 249px;height: auto;border: 1px solid #202F65;border-radius: 0;padding: 10px 20px;color: #FFF;background: #202F65;margin-top: 69px;}
.artist_logged_out_actions a{text-decoration: none;text-align: center;color: #FFFFFF !important;font: normal normal normal 33px/45px Nunito Sans;}

/* custom error modal  */
.custom-error-bootbox-modal .btn {border-radius: 4px; padding: 6px 12px; font-size: 16px; height: auto; line-height: 1.5;}
.custom-error-bootbox-modal .modal-header {border-bottom: none;}
.custom-error-bootbox-modal .modal-footer {border-top: none;}
.custom-error-bootbox-modal .modal-header button.close {margin: 0; width: 24px; height: 24px; padding: 8px; background: none; border: 0; display: flex; align-items: center; justify-content: center; font-size: 32px;}
.custom-error-bootbox-modal .modal-footer > * {margin: 10px;}
.custom-error-bootbox-modal .error_body {text-align: center;}

/* terms & conditions */
.terms-and-conditions-container { padding: 47px 347px 125px 302px; font-family: 'Nunito Sans'; color: #202E65;}
.terms-and-conditions-container .header { font-size: 32px; line-height: 43px; letter-spacing: -0.64px; margin: 40px 0px; text-align: center; font-weight: bold;}
.terms-and-conditions-container .terms-text { font-size: 16px; line-height: 24px;}
.terms-and-conditions-container .terms-text .terms-paragraph a { font-weight: 600; text-decoration: underline; color: #202F65; }
.refund_list { padding-left: 16px;}
.refund_list li { list-style-type: decimal; }

/* privacy policy */
.policy-container { width: 100%; margin: 0 auto; font-family: 'Nunito Sans'; color: #202E65; padding: 47px 347px 125px 302px;}
.policy-container .header { font-size: 32px; line-height: 43px; letter-spacing: -0.64px; margin-bottom: 59px; text-align: center; font-weight: bold;}
.policy-container .terms-text { font-size: 16px; line-height: 24px;}
.policy-container .terms-text .terms-list { padding-left: 32px;}
.policy-container .terms-text .terms-list .terms-list-item { list-style: initial; margin-bottom: 16px;}

/* guideline */
.guideline-container { width: 100%;max-width: 900px;margin: 0 auto; font-family: 'Nunito Sans'; color: #202E65;}
.guideline-container{padding: 47px 0px;}
.guideline-container .second-section{padding: 47px 0px 125px;}
.guideline-container .header { font-size: 34px; line-height: 40px; letter-spacing: 0.64px; margin-bottom: 37px; font-weight: bold;}
.guideline-container .terms-text { font-size: 16px; line-height: 24px;}


/* About us */
.about-us-container .header-section{width: 100%;height: 300px; background-color: #202F65;background-image: url('https://d3bp9g7eptramp.cloudfront.net/plaidlife-frontend/public_assets/images/img/about-header-section.png');background-repeat: no-repeat;background-position: center;background-size: cover;}
.about-us-container .page-wrapper{padding: 63px 16px 115px;max-width: 1271px;margin: 0 auto;}
.page-wrapper .first-section{column-gap: 91px;margin-bottom: 88px;}
.page-wrapper .first-section .content-holder{width: 778px;;}
.page-wrapper .first-section .img-holder{width: 400px;}
.page-wrapper .first-section img{border: 1px solid #202F65;width: 100%;max-width: 398px;margin: 0 auto;border-radius: 20px;}
.page-wrapper .first-section .header{font-size: 34px;color: #202F65;font-weight: 900;font-family: 'Nunito Sans', sans-serif;margin-bottom: 30px;}
.page-wrapper .term-text .terms-paragraph{font-family: 'Nunito Sans'; color: #202E65;font-size: 16px; line-height: 24px;margin-bottom: 40px;}
.page-wrapper .term-text .history-about-paragraph{font-size: 16px; line-height: 24px;margin-bottom: 20px;}
.page-wrapper .history-about-holder {width: 100%; margin-top: 28px; margin-bottom: 28px; color: #202E65; font-family: 'Nunito Sans', 'sans-serif';}
.page-wrapper .history-about-holder .history-about-header { font-size: 34px; font-weight: bold; width: 100%; text-align: center;}


/* History */
/* .history-container .header-section{width: 100%;height: 300px;background-image: url('../images/img/history-header-img.png');background-repeat: no-repeat;background-position: center top;background-size: contain;} */
.history-container .header-section img{width: 100%; min-height: 200px}
.history-container .header-section .desktop_tablet{display: block;}
.history-container .header-section .mobile{display: none;}
.history-container .page-wrapper{padding: 63px 16px 115px;max-width: 1271px;margin: 0 auto;}
.first-section img{border: 1px solid #202F65;width: 100%;max-width: 398px;margin: 0 auto;}
/* ************************************************************************************************************************************************* */

/* product detail */

.product-page-container .tab-btn {margin-right: 0};

  .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #04AA6D;
    cursor: pointer;
  }

.range-slider {
    --primary-color: #d60303;
    --value-offset-y: var(--ticks-gap);
    --value-active-color: white;
    --value-background: transparent;
    --value-background-hover: var(--primary-color);
    --value-font: 700 12px/1 Arial;
    --fill-color: var(--primary-color);
    --progress-background: #eee;
    --progress-radius: 20px;
    --track-height: calc(var(--thumb-size) / 2);
    --min-max-font: 12px Arial;
    --min-max-opacity: 0.5;
    --min-max-x-offset: 10%;
    --thumb-size: 22px;
    --thumb-color: white;
    --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
        0 0 0 99px var(--thumb-color) inset;
    --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
          var(--thumb-color),
        0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
    --thumb-shadow-hover: var(--thumb-shadow);
    --ticks-thickness: 1px;
    --ticks-height: 5px;
    --ticks-gap: var(
        --ticks-height,
        0
      );
    --ticks-color: transparent;
    --step: 1;
    --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
    --maxTicksAllowed: 30;
    --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
    --x-step: Max(
        var(--step),
        var(--too-many-ticks) * (var(--max) - var(--min))
      );
    --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
    --tickIntervalPerc: calc(
        (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
          var(--tickEvery, 1)
      );
    --value-a: Clamp(
        var(--min),
        var(--value, 0),
        var(--max)
      );
    --value-b: var(--value, 0);
    --text-value-a: var(--text-value, "");
    --completed-a: calc(
        (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
      );
    --completed-b: calc(
        (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
      );
    --ca: Min(var(--completed-a), var(--completed-b));
    --cb: Max(var(--completed-a), var(--completed-b));
    --thumbs-too-close: Clamp(
        -1,
        1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
        1
      );
    --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
    --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
    display: inline-block;
    height: Max(var(--track-height), var(--thumb-size));
    background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
    background-size: var(--tickIntervalPerc) var(--ticks-height);
    background-position-x: calc(
   var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
    background-position-y: var(--flip-y, bottom);
    padding-bottom: var(--flip-y, var(--ticks-gap));
    padding-top: calc(var(--flip-y) * var(--ticks-gap));
    position: relative;
    z-index: 1;
  }

.range-slider[data-ticks-position="top"] {
--flip-y: 1;
}

.range-slider::before, .range-slider::after {
--offset: calc(var(--thumb-size) / 2);
content: counter(x);
display: var(--show-min-max, block);
font: var(--min-max-font);
font-size: 14px !important;
position: absolute;
top: var(--flip-y, -25px);
/* top: calc(-30px * var(--flip-y)); */
opacity: Clamp(0, var(--at-edge), var(--min-max-opacity));
-webkit-transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
        transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
pointer-events: none;
}

.range-slider::before {
--before: 1;
--at-edge: var(--thumb-close-to-min);
counter-reset: x var(--min);
left: var(--offset);
}

.range-slider::after {
--at-edge: var(--thumb-close-to-max);
counter-reset: x var(--max);
right: var(--offset);
}

.range-slider__values {
position: relative;
top: 50%;
line-height: 0;
text-align: justify;
width: 100%;
pointer-events: none;
margin: 0 auto;
z-index: 5;
}

.range-slider__values::after {
content: "";
width: 100%;
display: inline-block;
height: 0;
background: red;
}

.range-slider__progress {
--start-end: calc(var(--thumb-size) / 2);
--clip-end: calc(100% - (var(--cb)) * 1%);
--clip-start: calc(var(--ca) * 1%);
--clip: inset(-20px var(--clip-end) -20px var(--clip-start));
position: absolute;
left: var(--start-end);
right: var(--start-end);
top: calc(
var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 -
var(--track-height) / 2);
height: calc(var(--track-height));
height: 4px;
border-radius: 10px;
background: var(--progress-background, #8a8a8a);
background: #797c8a !important;
pointer-events: none;
z-index: -1;
border-radius: var(--progress-radius);
}


.range-slider__progress::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    -webkit-clip-path: var(--clip);
            clip-path: var(--clip);
    top: 0;
    bottom: 0;
    background: var(--fill-color, black);
    -webkit-box-shadow: var(--progress-flll-shadow);
            box-shadow: var(--progress-flll-shadow);
    z-index: 1;
    border-radius: inherit;
}

.range-slider__progress::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: var(--progress-shadow);
        box-shadow: var(--progress-shadow);
pointer-events: none;
border-radius: inherit;
}

.range-slider > input {
-webkit-appearance: none;
width: 100%;
height: var(--thumb-size);
transition: opacity .2s;
margin: 0;
position: absolute;
left: 0;
top: calc(
50% - Max(var(--track-height), var(--thumb-size)) / 2 +
calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
cursor: -webkit-grab;
cursor: grab;
outline: none;
background: none;
}

.range-slider > input:not(:only-of-type) {
pointer-events: none;
}
.range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  -webkit-transform: var(--thumb-transform);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  height: var(--thumb-size);
  width: var(--thumb-size);
  cursor: pointer;
  background: radial-gradient(circle, #DB1F26 35%, #ffffff 36%);
  border: 1px solid #DB1F26;
  box-sizing: border-box;
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  /* -webkit-box-shadow: var(--thumb-shadow);
  box-shadow: var(--thumb-shadow); */
}

/* Firefox */
.range-slider > input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  border-radius: 50%;
  cursor: pointer;
  background: radial-gradient(circle, #DB1F26 35%, #ffffff 36%);
  border: 1px solid #DB1F26;
  pointer-events: auto;
 -webkit-transition: 0.1s;
 transition: 0.1s;
 /* box-shadow: var(--thumb-shadow); */
}

/* IE/Edge (legacy) */
.range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  border-radius: 50%;
  cursor: pointer;
  background: radial-gradient(circle, #DB1F26 35%, #ffffff 36%);
  border: 1px solid #DB1F26;
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  /* box-shadow: var(--thumb-shadow); */
}
.range-slider > input:hover {
--thumb-shadow: var(--thumb-shadow-hover);
}

.range-slider > input:hover + output {
/* --value-background: var(--value-background-hover); */
--y-offset: 5px;
color: var(--value-active-color);
-webkit-box-shadow: 0 0 0 3px var(--value-background);
        box-shadow: 0 0 0 3px var(--value-background);
}

.range-slider > input:active {
--thumb-shadow: var(--thumb-shadow-active);
cursor: -webkit-grabbing;
cursor: grabbing;
z-index: 2;
}

.range-slider > input:active + output {
-webkit-transition: 0s;
transition: 0s;
}

.range-slider > input:nth-of-type(1) {
--is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}

.range-slider > input:nth-of-type(1) + output {
--value: var(--value-a);
--x-offset: calc(var(--completed-a) * -1%);
}

.range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
--flip: calc(var(--thumbs-too-close) * -1);
}

.range-slider > input:nth-of-type(1) + output::after {
content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}

.range-slider > input:nth-of-type(2) {
--is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}

.range-slider > input:nth-of-type(2) + output {
--value: var(--value-b);
}

.range-slider > input:only-of-type ~ .range-slider__progress {
--clip-start: 0;
}

.range-slider > input + output {
--flip: -1;
--x-offset: calc(var(--completed-b) * -1%);
--pos: calc(
        ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
        );
pointer-events: none;
position: absolute;
z-index: 5;
background: var(--value-background);
border-radius: 10px;
padding: 0px 4px;
left: var(--pos);
-webkit-transform: translate(var(--x-offset), calc(
150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) *
var(--flip)));
        transform: translate(var(--x-offset), calc(
150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) *
var(--flip)));
-webkit-transition: all 0.12s ease-out, left 0s;
transition: all 0.12s ease-out, left 0s;
}

.range-slider > input + output::after {
content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
font: var(--value-font);
}

output {
color: #DB1F26 !important;
}

.score-it-range { width: 100%;}

.score-it-range > .range-slider,

label[dir="rtl"] .range-slider {
/* width: Clamp(300px, 50vw, 800px); */
width: 100%;
}

/* background colors */
.bg-durian-yellow {
    background-color: var(--durian-yellow);
}

.bg-underwater-blue {
    background-color: var(--underwater-blue);
}

/* text-color */
.text-underwater-blue {
    color: var(--underwater-blue) !important;
}

.text-white {
    color: #ffffff !important;
}



/* FORGOT PASSWORD */
.forgot-password-container { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #202E65;}
.forgot-password-container .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url('https://d3bp9g7eptramp.cloudfront.net/plaidlife-frontend/public_assets/images/img/left-background.png'); background-size: contain;}
.forgot-password-container .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 56px 230px 259px 184px; background-color: #EBD67A; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.forgot-password-container .main .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.forgot-password-container .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url('https://d3bp9g7eptramp.cloudfront.net/plaidlife-frontend/public_assets/images/img/right-background.png'); background-size: contain;}
.forgot-password-container .main .header { font-size: 24px; line-height: 32px; color: #202E65; margin-bottom: 19px; background-color: transparent; font-weight: bold;}
.forgot-password-container .main .forgot-password-input-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%;}
.forgot-password-container .main .forgot-password-input-container .forgot-password-input { border: none; outline: none; padding: 10px 10px; border-radius: 6px; margin-bottom: 30px; width: 100%;}
.forgot-password-container .main .forgot-password-send-button { padding: 13px 17px; background-color: #202E65; color: #fff; border-radius: 33px; width: 100%;}
.forgot-password-container .main .forgot-password-label { color: #202E65; margin-bottom: 8px;}

.rounded-history-button { width: 214px; padding: 10px 20px; height: 48px; border-radius: 24px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: bold; font-family: "Nunito", "sans-serif";}
.history-bottom-buttons { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; column-gap: 30px; margin-top: 42px;}
.rounded-history-button.bg-underwater-blue {color: var(--white) !important}
.rounded-history-button.bg-durian-yellow {color: var(--underwater-blue) !important}
.about-bottom-paragraph {font-weight: bold; display: flex; flex-direction: column; align-items: center; font-size: 24px; font-family: Nunito, "sans-serif"; color: var(--underwater-blue); row-gap: 20px;}

#user-payment_table th, #user-payment_table td { padding-left: 10px; padding-right: 10px;}
.confirm-modal {
  border-radius: 12px;
  padding: 16px;
  background-color: #fff;
  width: 97%;
}

.confirm-modal .close-confirm-modal {
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
height: 24px;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
font-size: 16px;
margin-left: auto;
  padding: 5px;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
}
.confirm-modal-body {
  margin-bottom: 20px;
}

.confirm-modal .confirm-modal-content {
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.confirm-modal-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.confirm-modal-actions .confirm-modal-btn {
  margin: 20px 10px;
  height: 50px;
  min-width: 100px;
  padding: 5px 10px;
  background-color: #202E65;
  color: white;
}

.confirm-modal-btn.cancel {
  background-color: #fff;
  color: #202E65;
  border: 1px solid #202E65;
}

.score_result_padding{padding: 0px 8px;}

.main_slick_container { width: 100%; }
.slider-for .slick-prev:before, .slider-for .slick-next:before { display: none !important;}
.slider-for img { width: 100%;max-width: 500px; margin: 0 auto; height: 100%; object-fit: contain;}
.slider-nav { height: 111px; width: 100%;}
.slider-nav .slick-list, .slider-nav .slick-track { height: 100%; display: -webkit-box;display: -ms-flexbox;display: flex; column-gap: 8px;}
.slider-nav img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
.slider-nav .slick-slide { background-color: #F7F7F7; width: 152px !important; }
.slider-nav .slick-current { border: 3px solid #404040; }
.more-products .second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 100%;}
.slider-for .slick-prev, .slider-for .slick-next  { top: 50%;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: unset !important;}
.slider-for .slider-for-item-box, .slider-for .slick-track, .slider-for .slick-list { height: 100%; }
.main_slick_container, .main_slick_container .slider-for { height: 100%; }
.slider-for .slick-disabled { display: none !important;}
.more-products .second .slick-track { transform: none !important; margin: 0 !important; width: 100% !important;}
.more-products .second .slick-list { width: 100%; padding: 0 !important; }

 #slick-nav-prev { width: 40px; height: 40px; position: absolute; border: none; background: transparent; outline: none; margin-bottom: 0; left: -30px; top: 50px; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex;}
 #slick-nav-next { width: 40px; height: 40px; position: absolute; border: none; background: transparent; outline: none; margin-bottom: 0; right: -30px; top: 50px; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex;}
 #slick-nav-prev::before, #slick-nav-next::before { display: none;} 
 .slider-nav .slick-disabled, .slider-nav .slick-disabled { display: none !important;}
 .second-slick { padding: 0 20px; width: 100% !important;}
.dp_image-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.dp_image-wrapper #change_pic{padding:3px;}

/* .update-password-form{padding: 18px 16px !important;} */


/* =========================== MEDIA QUERY START HERE =============================== */

@media screen and (max-width: 1700px) {
    .how-card-holder { padding: 0 100px; }
    .new-margin-desktop { width: 90% !important; }
    .explore-wrapper {padding: 0 100px; }
    .love-toggle > i { padding:0; margin: 0 -1px 0 0; font-size: 16px;  }

    .contact-us-section .login-artist > div:nth-of-type(2) { width:600px;}
    .contact-us-section .contact-us-container { margin-left: 500px;}

    .new-wrapper {padding: 0 100px; }
}

@media screen and (max-width: 1600px) {
    .active-filter .fa-check {font-size: 12px;}
    #filter-arch { padding: 18px 27px 12px 10px; font-size: 13px;}
    .filter-container > a { padding:0 50px 0 0;  font-size: 16px;}
    .filter-container .fa-chevron-down { font-size: 14px;}
    .fa-chevron-up { font-size: 14px; }

    .arc-product-display { column-gap: 120px;}
    .vote-counter > h1 { font-size: 12px; padding-right: 10px; text-transform: uppercase;}
    .vote-counter > h1 > span { font-size: 20px;}

    .product-display { grid-template-columns: repeat(4, 1fr); }

    .score-it > h1 { font-size: 16px;}
    .score-it > div:nth-of-type(2) > button { font-size: 14px; padding: 8px 16px;}

    .pricing-texts h1 {  font-size: 25px;}
    .pricing-texts div p { font-size: 18px;}
    .pricing-texts div h6 {  font-size: 18px;}
    .pricing-texts div { margin-left: 65px; }

    .call-card-holder {  margin-top: 100px; }
    .how-card img { width: 100px;}
    .how-card > span {font-size: 25px;  }
    .new-margin-desktop {  width: 80% !important;}

    #modal-overlay .modal-adjust .info-mod-l { padding: 30px 70px !important;}
    .modal-adjust .info-mod-l { padding: 60px 87px !important;}
    .modal-adjust .info-mod-l p {font-size: 18px !important;}
    .modal-adjust .info-mod-l button {padding: 8px 30px !important; font-size: 18px !important;}
    .load-more h1 {font: normal normal 35px Nunito; color:#202F65}

    .contact-us-section .login-artist > div:nth-of-type(1) { width:480px;}
    .contact-us-section .login-artist > div:nth-of-type(2) { width:520px; left: -18px;}
    .contact-us-section .login-artist { padding: 0px 0 0px 0;  }

    .contact-us-section .contact-us-container { padding: 40px 0 60px 138px; margin-left: 380px;}

    /* upload-artist */
    .upload-divisor > div:nth-of-type(1) > img { bottom: -290px; width: 700px;}
    .upload-divisor > div:nth-of-type(1) > h1 {line-height: 38px;}
    .upload-divisor > div:nth-of-type(1) > p { font-size: 16px;}
    .upload-divisor > div:nth-of-type(2) > div:nth-of-type(1) > img { margin-bottom: 15px; width: 130px;}

    .upload-btn { padding: 10px 30px; font-size: 16px;}
    /* .upload-divisor > div:nth-of-type(2) > div { padding: 18px 75px 0px 31px} */

    /* design requirement */
    .design-req-head { font-size: 26px;}
    .design-req-steps > h2 { font-size: 16px; }
    .sign-faq > div > div { font-size: 13px;}
    .design-faq > div { gap: 16px;}
    .policy-container .header{margin-bottom: 35px;}
    .guideline-container .header{margin-bottom: 37px;}

    .history-container .page-wrapper, .about-us-container .page-wrapper {padding: 40px 16px 115px;max-width: 1040px;}
}

@media screen and (max-width:1500px) {
    .slider-for img{max-width: 350px;}
}
@media screen and (max-width: 1400px) {
    .arc-product-display { column-gap: 80px;}

    .contact-us-section .login-artist > div:nth-of-type(2) { width:516px;}
    .design-req-steps > h2 {display: grid;grid-template-columns: 9% 80%;}
    .upload-divisor > div:nth-of-type(1) > h1 { font-size: 30px; line-height: 38px;}
    .upload-divisor > div:nth-of-type(1) > p { font-size: 13px;}

    .new-products-container.new-epad { grid-template-columns: repeat(3, 1fr)}

}

@media screen and (max-width: 1200px) {
    .contact-us-section .login-artist .right_img img{width: 270px !important;}
    .dash_main .action-option-tab .color-warn{padding-right: 10px;}

.contact-us-section .login-artist .right_img{flex: unset;}

    .arc-product-display { column-gap: 50px;}
    .new-products-container { column-gap:100px; padding: 0 100px;}

    .call-card-text h1 { font-size: 18; margin: 45px 0 21px 0; }
    .call-card-text p { font-size: 14px; }
    .call-card .call-card-icon img { height: 80px; }
    .call-card-holder .plus-icon > img { width: 40px;  }
    .how-card-holder { padding: 0 50px; gap: 90px 70px;}
    .how-card img { width: 100px; }
    .how-card > span { font-size: 20px;}
    .retail-price { padding: 30px 0 50px 0; }

    .explore-wrapper { padding: 0 50px;}
    .explore-tab { padding: 23px 0 20px 0;}
    .modal-adjust .info-mod-l { padding: 60px 87px !important;}
    .modal-adjust .info-mod-l p { font-size: 18px !important;}
    .modal-adjust .info-mod-l button {padding: 8px 20px !important; font-size: 18px !important;}

    .contact-us-section .login-artist > div:nth-of-type(2) { width: 416px;}
    .contact-us-section .contact-us-img  { width: 416px;}
    .contact-us-section .login-artist > div:nth-of-type(1) { width:233px;}
    .contact-us-section .contact-us-container { margin-left: 259px;}

    .new-wrapper { padding: 0 50px;width: 100%;}

    .upload-divisor > div:nth-of-type(1) > img { bottom: -195px; width: 500px; right: 0; left: 50px; }
    .upload-divisor { gap: 100px;}

    .forgot-password-container .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 36px 130px 139px 130px; background-color: #EBD67A; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
}

@media screen and (max-width: 1024px) {
    .footer-second{margin-left: 0px;}
    .footer-container.footer-gap-60{gap: 0px !important;}
    .arc-product-display { padding: 0; }
    .slider-for img{max-width: 300px;}
    .new-products-container { column-gap:50px; padding: 0 50px;}
    .score-it-range > p:nth-of-type(1) {left: -15px;}
    .score-it-range > p:nth-of-type(2) {right: -5px;}
    .score-it-range > p { font-size: 10px;}

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

    .hidden-sm{display: none;}
    .faqs-selector-container{position: relative; width: 350px;}
    .visible-lg{display: none;}
    .visible-sm{display: block;}
    .faqs-container { padding: 40px !important;}
    .faqs-container .design-req {-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
    .faqs-container .faqs-side-container .faqs-questionmarks-container{display: none;}
    .faqs-container .header {font-size: 20px;margin-bottom: 22px;text-align: center;}
    .faqs-container .faqs-side-container .faqs-questions-container {position: absolute;z-index: 9;top: 120%;left: 0;width: 100%;}

    .terms-and-conditions-container { padding: 16px;}
    .policy-container,  .guideline-container {max-width: 100%; padding: 30px 16px 60px;}


    .contact-us-section .login-artist > div:nth-of-type(2) { width: 320px;}
    .contact-us-section .contact-us-container { margin-left: 170px;}
    .contact-us-section .login-artist > div:nth-of-type(1) { width:210px;}
    .contact-us-section .login-artist > div:nth-of-type(1) img { border-radius: 50%; margin-top: 16px; background-color: #EBD67A;}
    .contact-us-section .contact-us-showcase { padding: 43px 50px 78px 50px; }

    .upload-divisor > div:nth-of-type(1) > img { bottom: 0; width: 306px; right: 0; left: 0; }
    .upload-divisor { gap: 30px;}

    .design-req-steps > h2 {-ms-grid-columns: 10% 80%;grid-template-columns: 10% 80%; }
    .design_req_two {display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
    .design-req_img{ margin-bottom: 20px;}

    .design-faq > div{display: unset;}

   .design-faq > div > div{
    margin-bottom: 20px;
     border-radius: 8px;}

    .history-container .page-wrapper, .about-us-container .page-wrapper{max-width: 900px;}
   .page-wrapper .content-holder{width: 550px;}
   .page-wrapper .first-section .img-holder {width: 200px;}

   .yellow-base{
    display: none;
   }

    .new-products-container.new-epad { grid-template-columns: repeat(2, 1fr) }


   .forgot-password-container .left {background-image: unset;}
   .forgot-password-container .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url('https://d3bp9g7eptramp.cloudfront.net/plaidlife-frontend/public_assets/images/img/tablet-right-side.png'); background-size: contain;}
    .contact-us-section .login-artist .right_img img{width: 240px !important;}
    .contact-us-section .contact-us-img{align-items: start !important;justify-items: start !important; width: 240px !important; flex: unset !important; height: 240px !important; padding-left: 8px;}

    .header.sticky #hamburger-sticky { display: block !important}
  .header.sticky #counter-container {display: none !important}

  .purchase_made_container .purchased_item_wrapper .purchase_item_list_wrapper .purchase_item_list { padding-left: 24px;}
  .purchase_made_container .purchased_item_wrapper .purchase_item_th { padding-left: 24px!important;}

  #update-success.modal { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 150px;}
}

@media (min-width: 769px) and (max-width: 992px){
    .new-products-container.new-epad  { grid-template-columns: repeat(2, 1fr); }
  }
@media screen and (max-width: 991px) {
    .hidden-sm{display: none;}
    .faqs-selector-container{position: relative;}
    .visible-lg{display: none;}
    .visible-sm{display: block;}
    .faqs-container { padding: 40px !important;}
    .faqs-container .design-req {grid-template-columns: 1fr;}
    .faqs-container .faqs-side-container .faqs-questionmarks-container{display: none;}
    .faqs-container .header {font-size: 20px;margin-bottom: 22px;text-align: center;}
    .dash_main.payment_dash_main .table-responsive.payment_history_table{width: 100%;max-width: 750px;}
    .faqs-container .faqs-side-container .faqs-questions-container {position: absolute;z-index: 9;top: 120%;left: 0;width: 100%;}
}

@media screen and (min-width: 1025px) {
.faqs-container .faqs-side-container .faqs-questions-container { display: block !important;}
}
@media screen and (max-width: 900px) {
    .how-intro { padding: 0 50px; }
    .how-card-holder { padding: 0 25px; }
    .how-intro h1 { font-size: 25px; }
    .how-intro p { font-size: 16px; }

    .explore-wrapper { padding: 0 25px; }

    .new-wrapper { padding: 0 25px; }

    .upload-divisor > div:nth-of-type(1) > img { bottom: 0; width: 306px; right: 0; left: 0; }
    .upload-divisor { gap: 30px;}
    .upload-divisor > div:nth-of-type(1) { padding: 24px 24px 213px 24px; }
    .upload-divisor > div:nth-of-type(2) > div { padding: 18px 7px 12px 10px; }

    .history-container .page-wrapper, .about-us-container .page-wrapper{max-width: 700px;}
    .user-payment-invoice-modal .modal-body {padding: 25px 15px;}
    .user-payment-invoice-modal .info-mod-l {max-width: 90%;}

    /* upload design image */
    .design-modal-content {
        padding: 25px 35px;
        width: 100%;
    }
    .box-scroll-vertical { height: 100% !important; overflow-y: scroll !important; }

}

@media screen and (max-width: 850px) {
    .product-display { grid-template-columns: repeat(3, 1fr); }

    .contact-us-section .contact-us-container { margin-left: 1px; }
    .contact-us-section .login-artist > div:nth-of-type(1) { width:237px;}

    .design-req {display: grid;grid-template-columns: 1fr;}
    .design-req-steps > h1 {margin-top: 20px;}
    .design-req-steps > h2  {display: -ms-grid;display: grid;-ms-grid-columns: 13% 91%; grid-template-columns: 13% 91%;}

    /* upload design image */
    /* .design-modal-content {
        width: 70%;
    } */

    .contact-us-section .login-artist .right_img {display: none;}
   .contact_artist{flex-direction: column; justify-content: center;align-items: center;}
   .contact-us-container_img{display: block;}

.contact-us-section .login-artist .contact-us-container .ineer_contact_us_container { padding: 0px 10px;}
.contact-us-section .contact-us-img{display: none;}

}

@media screen and (max-width: 800px) {
    .arc-product-display { grid-template-columns: repeat(2, 1fr) }
    .arc-product-display .product-container:last-child { display: none;}

    .how-card-holder {  padding:0;  gap: 50px 60px ; }
    .pricing-texts div {  margin-left: 20px;  }
    .pricing-texts div h6 { text-align: center;}
}

@media screen and (max-width: 768px) {
  .modal-container-section {max-width: 100%}
  .upload_input_block{-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .faqs-selector-container{width: 100%;}

  .history-container .header-section .desktop_tablet{display: none;}
  .history-container .header-section .mobile{display: block;}
    .terms-and-conditions-container{ padding: 16px;}
    .policy-container .header,  .guideline-container  .header{margin-bottom: 30px;}
    .how-intro h1 { font-size: 25px;}
    .how-intro p { font-size: 16px;}

    .invoce_date_history{
    flex-direction: column;
    }

    .invoce_date_history .invoice-modal-stat{
        align-items: start;
    }

    .pricing-texts h1 {  font-size: 25px; margin-bottom: 20px;}
    .pricing-texts div p { font-size: 16px;}
    .pricing-texts div h6 {  font-size: 16px;}
    .pricing-texts { padding: 30px 0 42px 0; }
    .retail-price { gap: 8px;}

    .faqs-container { padding: 16px;}

    #close-modal { padding:12px 16px;  /* top: -60px !important; right: 0 !important; */}
    .load-more h1 { font-size: 18px; }
    #how-it-works .load-more h1 { font-size: 20px; margin-top: 40px; margin-bottom: 0; }
    #how-it-works .load-more { margin-bottom: 40px;}

    .new-products-context {padding-bottom: 40px;}
    .new-products-context p{display: none;}
    .new-products-context span {font: italic normal 600 30px/41px Nunito;};

    .contact-us-section .login-artist > div:nth-of-type(1) { width:239px;}
    .contact-us-section .login-artist {padding: 6px 0 8px 0px;}

    .contact-us-section .contact-us-container { margin-left: -120px; }

    .upload-bg-style { padding: 35px 0 39px 0; }
    .upload-divisor { grid-template-columns: 1fr; }
    .upload-bg-style { padding: 35px 0 39px 0; }
    .upload-divisor > div:nth-of-type(1) > h1 {text-align: center; font-size: 24px; line-height: 36px;}
    .upload-divisor > div:nth-of-type(1) > p { font-size: 14px; line-height: 24px; }
    .upload-divisor > div:nth-of-type(1) img { margin: 10px auto; width: 190px; }
    .upload-divisor > div:nth-of-type(1) { padding: 24px 24px 167px 24px; }

    .retail_price_img { display: none; }
    .retail_price_img_mobile {  display: block; width: 100%; margin-top: 10px; margin-bottom: 40px;}
    .pricing-texts div { margin-left: 0;}
    .new-margin-desktop { display: none !important;}
    .new-margin-mobile { display: block !important; max-width: 100%;}



    /* .dash_main #entries{padding:59px 69px 0px; } */
    .pagination{padding-top: 22px;}
    .dash_main{margin-bottom: 51px; width: 100%;}
    #upload_photo { display: flex; align-items: center; width: 375px;}
    /* .profile_wrapper .social_media_confi .password { padding: 18px 16px !important;} */
    .profile_wrapper { padding-bottom: 0px !important;}


    /* .about-us-container .header-section,.history-container .header-section{height: 150px;width: 100%;} */
    .history-container .page-wrapper, .about-us-container .page-wrapper{padding: 20px 16px 65px;max-width: 500px;}

    .page-wrapper .first-section {column-gap: 0;flex-direction: column;}
    .page-wrapper .first-section .content-holder, .page-wrapper .first-section .img-holder {width: 100%;}
    .page-wrapper .first-section img {max-width: unset;}

    .invoice-modal .payment-history-modal .stats-content .l-c-h .stats-content {font-size: 16px;}
    .user-payment-invoice-modal #close-modal {top: -10px !important;right: 0px !important;width: 37px;height: 37px;padding: 7px 14px;}
    .user-payment-invoice-modal  .payment-history-modal .stats-content  {flex-direction: column;row-gap: 21px;align-items: flex-start !important;}
    .user-payment-invoice-modal .payment-history-modal .stats-row .stats-content {padding: 16px 17px 0px;}
    .user-payment-invoice-modal .payment-history-modal .stats-row .stats-content > div{justify-content: flex-start;padding-bottom: 19px;font-weight: 700;font-size: 16px;}

    .user-payment-invoice-modal .payment-confirmation-wrap {flex-direction: column;}
    .user-payment-invoice-modal .payment-confirmation-wrap .sum-total-area {order: 1;margin: 30px 0px;}
    .user-payment-invoice-modal .payment-confirmation-wrap .download-invoice-holder{order: 2;}

    .user-payment-invoice-modal .info-mod-l {top: 50px;}

    .forgot-password-container .left { display: none;}
    .forgot-password-container .right { display: none;}
    .forgot-password-container .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 50px 16px 64px; width: 100%;}
    .forgot-password-container .main .forgot-password-send-button { max-width: 313px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}

    /* upload design image */
    .design-modal-content {padding: 25px; overflow-y: scroll;}
    .new-products-container.new-epad {grid-template-columns: repeat(1, 1fr);gap: 20px;padding: 0px;}
    .context-heading-holder{padding-top: 20px;}
    .score-it-range > p:nth-of-type(2){right: 10px;}

    #close-not-logged-modal { padding: 0; display: flex; right: 0; top: -25px; justify-content: center; align-items: center; width: 17px; height: 17px; }
    #close-not-logged-modal svg { width: 9px; height: 9px; }
    #artist_logged_out_popup p { font-size: 16px !important;  }
    .artist_logged_out_actions {  width: 130px; height: 36px; margin-top: 31px; margin-bottom: 30px;  display: flex; justify-content: center; align-items: center;  }
    #artist_logged_out_popup .artist_logged_out_actions a { font-size: 14px; }
}

@media screen and (max-width:767px) {
    #view_design_image_details{padding: 10px 16px;}
    .modal.auth-password-modal.logged-out-modal .auth-password-modal-body .body{font-size: 18px;}
    /* .product-page-container .product-slides-container .slider-for img{object-fit: cover;} */
    .design-modal-content .modal-content.view-image-popup-modal{padding: 0px;}
    .design-modal-content.view-image-popup-body.view_modal_two{padding: 16px;}
    .design-modal-content .modal-content{background: transparent;}
    .score-it-range{margin-bottom: 12px;}
    .score-it .submit-score{padding: 8px 32px!important;}
    .dash_main .table th{width: 100%;}
    .tns-custom-next, .tns-custom-prev { top: 25% !important; }

    #update-success.modal { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 150px;}

}
@media screen and (max-width: 700px) {
    .how-intro { padding: 0 20px; }
    .call-card-holder { flex-direction: column; align-items: center; margin-top: 50px; padding-bottom: 50px; }
    .call-card { flex-direction: row; align-items:flex-start; width: 100%; height: 100%;}

    .call-card .call-card-icon { width: 50%; display: flex; align-items: flex-start; justify-content: space-around; }
    .call-card .call-card-icon img { align-self: center;}
    .call-card-text { width: 50%;}
    .call-card-holder .plus-icon {  margin:8px 0 25px; padding-left: 33px;}
    .call-card-holder .plus-icon .plus_icon, .call-card-holder .plus-icon .equal_icon { display: none;}
    .call-card-holder .plus-icon.equals-icon { margin: 0px 0px 25px 0px; }
    .call-card-holder .plus-icon .plus_mobile_icon, .call-card-holder .plus-icon .equal_mobile_icon { display: block;}

    .call-card-text h1 { font-size: 18px; margin: 0 0 6px 0;}
    .call-card-text p { font-size: 16px; font-family: "Nunito", sans-serif;  }

    .how-card-holder { grid-template-columns: 1fr; gap: 17px 0px; margin-top: 25px; }
    .how-card > span { font-size: 18px; }
    .how-card { padding: 34px 0; }

    .new-products-container { column-gap:20px; padding: 0;}

    .product-display { -ms-grid-columns: 1fr 18px 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px;}

    .purchase_made_container .purchased_item_wrapper .purchase_item_list_wrapper .purchase_item_list {padding-left: 0;}
}

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

    .contact-us-section .login-artist > div:nth-of-type(1) { width:160px;}

    .design-faq > div {  grid-template-columns: 1fr ;}
    .design-faq > div > div:nth-of-type(1) { grid-column: span 1 / span 1;}
    .design-faq > div > div:nth-of-type(4) { grid-column: span 1 / span 1; }
}

@media screen and (max-width: 600px) {
    .arc-product-display { column-gap: 10px;}
}

@media screen and (max-width: 560px) {
    .invoice-modal-footer {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    .invoice-download-btn{margin-top: 40px; order: 2;}
    .arc-socials { margin-bottom: -15px; margin-top: 0px;}
    .active-filter .fa-check {font-size: 10px;}
    #filter-arch { padding: 10px 17px 12px 10px; font-size: 10px; margin-top: -18px;}
    .filter-container > a { padding:0 20px 0 0;  font-size: 12px; margin-top: 60px;}
    .filter-container .fa-chevron-down { font-size: 10px; }
    .fa-chevron-up { font-size: 10px; }
    #filter-dropdown { top: 75px; }

    .new-products-container > div:last-child { display: none !important;}
    body .new-products-container .no-design { display: block !important;}
    .new-products-container  { grid-template-columns: 1fr; }
    .how-intro { padding: 0 10px; }
    .retail-price { padding: 30px 0 25px 0;}

    .new-margin-mobile-img {width: 100%;}

    .explore-tab { padding: 23px 0 10px 0; }
    .modal-adjust .info-mod-l { padding: 40px 23px !important; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;/* height: 244px;  */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
    #close-modal { padding:8px 12px; }
    .product-container { min-height: 215px; max-height: 400px }
    .product-wrapper { min-height: 166px;  }

    .contact-us-section .contact-us-container > div{ width: 100%;}
    .contact-us-section .login-artist { padding: 0 !important; }
    .contact-us-section .contact-us-container > div:nth-of-type(1) { max-width: 100%; padding: 0 25px 0 0;}
    .contact-us-section .contact-us-showcase {padding: 43px 100px 58px 100px;}


.contact-us-section .login-artist .contact-us-container .ineer_contact_us_container{width: 100% !important }

.contact-us-section .login-artist .contact-us-container {width: 100% !important;}

.contact-us-section .contact-us-img{width: 100% !important}
}

@media screen and (max-width: 480px) {
   .out-of-stock-div {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .out-of-stock-div .out-of-stock-74{max-width: 100%;margin: 0px;}
    .product-img-slide-next{right: -20px;}
    .call-card .call-card-icon img { height: 70px;}
    .call-card-holder .plus-icon > img { width: 30px; }
    .call-card-text h1 { font-size: 14px; }
    .call-card-text p { font-size: 12px;}
    .pricing-texts div { margin-left: 0; }
    .explore-wrapper { padding: 0 22px;}
    .dp_image-wrapper{column-gap: 15px;}
    .edit-profile.edit-profile-button-wrapper{right: 10px;}
    .design-tag { padding: 5px 15px }
    .favourite_wrapper .design-tag { padding: 10px;}
    .design-tag.archive-tag{    margin: 10px 0 15px 10px;padding: 5px;}
    .design-tag > h1, .design-tag .design-tag-title { font-size: 11px; line-height: 15px; height: 30px }
    .design-tag > .design-tag-subtitle > span { font-size: 10px; }
    .new-products-context span {font: italic normal 600 22px/30px Nunito;}
    .new-products-context {padding: 40px 0px;}

    .contact-us-section .login-artist > div:nth-of-type(2) { width: 356px;}
    .contact-us-section .contact-us-img  { width: 356px;}
    .contact-us-section .login-artist { padding: 51px 0 321px 0; }

    .design-req-steps > h2 {display: grid;grid-template-columns: 16% 83%; gap: 10px}

    .new-wrapper { padding: 0 10px; }
    .shipping-wrapper-sections .shipping-wrapper .shipping-details-container .shipping-details.edit .form .form-container,
    .shipping-wrapper-sections .shipping-wrapper .shipping-details-container .shipping-details.edit .form-field { width: 100% !important; }

}

@media screen and (max-width:400px) {
    .slider-for img{max-width: 220px;}
 .product-display { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; }
   
}

@media screen and (max-width:340px) {
     #change_pic{font-size: 13px;}
}
@media screen and (max-width: 320px) {
    .product-display > .product-container:nth-last-of-type(4){ display: none; }
    .product-container { min-height: 245px; }
    .product-wrapper { min-height: 196px;  }

    .forgot-password-container .left { display: none;}
    .forgot-password-container .right { display: none;}
    .forgot-password-container .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 50px 16px 64px; width: 100%;}
    .forgot-password-container .main .forgot-password-send-button { max-width: 313px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}

}
.main_slick_container { width: 100%; }
.slider-for .slick-prev:before, .slider-for .slick-next:before { display: none !important;}
.slider-for img { width: 100%; height: 100%; object-fit: contain;}
.slider-nav { height: 111px; width: 100%;}
.slider-nav .slick-list, .slider-nav .slick-track { height: 100%; display: flex; column-gap: 8px;}
.slider-nav img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
.slider-nav .slick-slide { background-color: #F7F7F7; width: 152px !important; }
.slider-nav .slick-current { border: 3px solid #404040; }
.more-products .second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 100%;}
.slider-for .slick-prev, .slider-for .slick-next  { top: 50%;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: unset !important;}
.slider-for .slider-for-item-box, .slider-for .slick-track, .slider-for .slick-list { height: 100%; }
.main_slick_container, .main_slick_container .slider-for { height: 100%; }
.slider-for .slick-disabled { display: none !important;}
.more-products .second .slick-track { transform: none !important; margin: 0 !important; width: 100% !important;}
.more-products .second .slick-list { width: 100%; padding: 0 !important; }

 #slick-nav-prev { width: 40px; height: 40px; position: absolute; border: none; background: transparent; outline: none; margin-bottom: 0; left: -30px; top: 50px; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex;}
 #slick-nav-next { width: 40px; height: 40px; position: absolute; border: none; background: transparent; outline: none; margin-bottom: 0; right: -30px; top: 50px; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex;}
 #slick-nav-prev::before, #slick-nav-next::before { display: none;} 
 .slider-nav .slick-disabled, .slider-nav .slick-disabled { display: none !important;}
 .second-slick { padding: 0 20px; width: 100% !important;}

.tns-custom-prev { background: #EDEDED; box-shadow: 0px 3px 6px #00000029 !important; width: 38px; height: 38px; border-radius: 50% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 20%; left: -20px; transform: translateY(-50%); z-index: 9; border: none !important; outline: none; color: #707070; margin-bottom: 0 !important;}
.tns-custom-next { background: #EDEDED; box-shadow: 0px 3px 6px #00000029 !important; width: 38px; height: 38px; border-radius: 50% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 20%; right: -20px; transform: translateY(-50%); z-index: 9; border: none !important; outline: none; color: #707070; margin-bottom: 0 !important;}
.tns-custom-next::after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #707070; border-right: 2px solid #707070; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.tns-custom-prev::after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #707070; border-left: 2px solid #707070; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.yml-custom-prev, .yml-custom-next { top: 35% !important;}