/*!
Theme Name: uniquegiftcards
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: uniquegiftcards
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

uniquegiftcards is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ============================ */

/* =============== 2022 Update Start =============== */

/* ===== Fonts CSS Start ===== */

@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-Medium.eot");
    src: url("assets/fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Poppins-Medium.woff2") format("woff2"), url("assets/fonts/Poppins-Medium.woff") format("woff"), url("assets/fonts/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-SemiBold.eot");
    src: url("assets/fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Poppins-SemiBold.woff2") format("woff2"), url("assets/fonts/Poppins-SemiBold.woff") format("woff"), url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("assets/fonts/Poppins-Regular.eot");
    src: url("assets/fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Poppins-Regular.woff2") format("woff2"), url("assets/fonts/Poppins-Regular.woff") format("woff"), url("assets/fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("assets/fonts/Inter-Bold.eot");
    src: url("assets/fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Inter-Bold.woff2") format("woff2"), url("assets/fonts/Inter-Bold.woff") format("woff"), url("assets/fonts/Inter-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Courgette";
    src: url("assets/fonts/Courgette-Regular.eot");
    src: url("assets/fonts/Courgette-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Courgette-Regular.woff2") format("woff2"), url("assets/fonts/Courgette-Regular.woff") format("woff"), url("assets/fonts/Courgette-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Dancing Script";
    src: url("assets/fonts/DancingScript-Bold.eot");
    src: url("assets/fonts/DancingScript-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/DancingScript-Bold.woff2") format("woff2"), url("assets/fonts/DancingScript-Bold.woff") format("woff"), url("assets/fonts/DancingScript-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ===== Fonts CSS End ===== */

/* ===== Common CSS Start ===== */

:root {
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
    --dark-color: #171a32;
    --dark-color-rgb: 23, 26, 50;
    --indigo-color: #696c85;
    --indigo-color-rgb: 105, 108, 133;
    --yellow-color: #ffce00;
    --yellow-color-rgb: 255, 206, 0;
    --pink-color: #ff27e9;
    --pink-color-rgb: 255, 39, 233;
    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;
    --indigo-color2: #181826;
    --indigo-color2-rgb: 24, 24, 38;
    --light-gray1: #d9d9d9;
    --light-gray1-rgb: 217, 217, 217;
    --orange-color: #fca21c;
    --kindle-orange-color: #f4aa28;
    --yellow-color2: #ffe600;
    --red-color: #ff0000;
    --scrollbar-track-color: rgb(var(--indigo-color-rgb), 10%);
    --scrollbar-thumb-color: var(--yellow-color);
    --primary-font: "Poppins";
    --secondary-font: "Courgette";
    --tertiary-font: "Inter";
    --quaternary-font: "Dancing Script";
    --transition: 0.3s;
    --space-200: 200px;
    --container-spacingX: 91.5px;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    margin-top: var(--wp-admin--admin-bar--height) !important;
}

html,
body {
    overflow-x: hidden !important;
}

body {
    font-family: var(--primary-font);
    color: var(--dark-color);
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#page.site {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

ol.checklist-mi {
    font-size: 16px;
    list-style: auto;
    margin: 0 0 40px 30px;
}

ul.sqrchecklist {
    font-size: 16px;
    list-style: square;
    margin: 0 0 40px 30px;
}

.checklist-mi li, .sqrchecklist li {
    font-size: 24px;
    line-height: 150%;
    color: var(--indigo-color);
    margin-bottom: 10px !important;
}

.for_des {
    display: block !important;
}

.for_mob {
    display: none !important;
}

.for_des_flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.for_mob_flex {
    display: none !important;
}

.clear {
    display: none !important;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-logo-link {
    display: inline-block;
}

.bg-img,
.back-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-shep {
    position: absolute;
}

.img-shep img {
    pointer-events: none;
}

.sec-1920 {
    width: 1920px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.form_elements_wrapper {
    position: relative;
}

.form_input {
    width: 100%;
    border: 2px solid var(--yellow-color);
    background: var(--white-color);
    height: 50px;
    color: var(--indigo-color);
    font-size: 20px;
    line-height: 130%;
    border-radius: 10px;
    padding: 10px 20px;
    font-family: var(--primary-font);
    outline: none !important;
}

.form_input.form_input_lg {
    height: 80px;
    font-size: 24px;
    padding: 22px 40px;
    border-radius: 20px;
}

.form_input.form_input2 {
    border-color: rgb(var(--indigo-color-rgb), 50%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.form_input.form_input2:hover {
    border-color: var(--indigo-color);
}

.form_input.form_input2:focus,
.form_input.form_input2.has_focus {
    border-color: var(--yellow-color);
    color: var(--dark-color);
}

.form_input.form_input2:focus::-webkit-input-placeholder,
.form_input.form_input2.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-moz-placeholder,
.form_input.form_input2.has_focus::-moz-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus:-ms-input-placeholder,
.form_input.form_input2.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-ms-input-placeholder,
.form_input.form_input2.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-webkit-input-placeholder,
.form_input.form_input2.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-moz-placeholder,
.form_input.form_input2.has_focus::-moz-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus:-ms-input-placeholder,
.form_input.form_input2.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-ms-input-placeholder,
.form_input.form_input2.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-webkit-input-placeholder,
.form_input.form_input2.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-moz-placeholder,
.form_input.form_input2.has_focus::-moz-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus:-ms-input-placeholder,
.form_input.form_input2.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-ms-input-placeholder,
.form_input.form_input2.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-webkit-input-placeholder,
.form_input.form_input2.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-moz-placeholder,
.form_input.form_input2.has_focus::-moz-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus:-ms-input-placeholder,
.form_input.form_input2.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::-ms-input-placeholder,
.form_input.form_input2.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
}

.form_input.form_input2:focus::placeholder,
.form_input.form_input2.has_focus::placeholder {
    color: var(--dark-color);
}

textarea.form_input.form_input2 {
    height: 250px;
    resize: none;
    display: block;
}

.form_input.has-error,
.form_input2.has-error,
.form_input.form_input2.has-error {
    border-color: var(--red-color) !important;
}

.form_select_box {
    position: relative;
    width: 100%;
}

.form_select_box i {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 15px;
    color: var(--indigo-color);
    pointer-events: none;
}

.form_select_box .form_input {
    padding-right: 30px;
}

.character_note {
    display: block;
    margin-top: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
}

.white-label-input-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 10px;
}

.white-label-input-box {
    min-width: 100px;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px 0 rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px 0 rgb(var(--black-color-rgb), 8%);
    border-radius: 10px;
    padding: 15px 20px;
    gap: 12px;
}

.white-label-input-box.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    min-height: 60px;
}

.white-label-input-box label {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
}

.form_select_box2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.form_select_box2 .form_select {
    padding: 0 20px 0 0;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
}

.form_select_box2 i {
    right: 0;
    color: var(--dark-color);
}

.form_select {
    width: 100%;
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: var(--dark-color);
    background: transparent;
    border: none;
    outline: none;
    padding: 0 15px;
}

.select_dollar {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 20px;
    font-weight: 500;
    pointer-events: none;
    display: block;
}

.mask_icon {
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background: currentColor;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none !important;
}

.sec-wp {
    position: relative;
    z-index: 4;
}

.white_box {
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    border-radius: 20px;
    position: relative;
}

.white_box.white_box_auto {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin-inline: auto !important;
}

.row.g-24 {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
}

.row.g-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
}

.row.g-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 64px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.flex-one {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-box {
    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;
    padding: 10px;
}

.toggle_box_wrapper {
    width: auto;
    display: inline-block;
    position: relative;
    z-index: 10;
}

.toggle_box_btn {
    --btn-size: 60px;
    --btn-size--inr: 36px;
    --btn-size--line: 25px;
    --btn-size--line-gap: 6px;
    --btn-size--line-rotate-px: 9px;
    --btn-size--line-rotate-deg: 45deg;
    width: var(--btn-size);
    height: var(--btn-size);
    border: none;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 15%);
    box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 15%);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.toggle_box_wrapper.active .toggle_box_btn {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.toggle_box_btn_inr {
    width: var(--btn-size--inr);
    height: var(--btn-size--inr);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--btn-size--line-gap);
    position: relative;
    z-index: 2;
}

.toggle_box_btn span.line {
    display: block;
    width: var(--btn-size--line);
    height: 3px;
    background: var(--yellow-color);
    line-height: 1;
    font-size: 0;
    position: relative;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    border-radius: 5px;
}

.toggle_box_wrapper.active .toggle_box_btn span.line:nth-child(1) {
    -webkit-transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * 1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * -1));
    -ms-transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * 1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * -1));
    transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * 1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * -1));
}

.toggle_box_wrapper.active .toggle_box_btn span.line:nth-child(2) {
    width: 0;
    opacity: 0;
}

.toggle_box_wrapper.active .toggle_box_btn span.line:nth-child(3) {
    -webkit-transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * -1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * 1));
    -ms-transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * -1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * 1));
    transform: translateY(calc(var(--btn-size--line-rotate-px, 0px) * -1)) rotate(calc(var(--btn-size--line-rotate-deg, 0deg) * 1));
}

.toggle_box_menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 310px;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 15%);
    box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 15%);
    border-radius: 10px;
    padding: 60px 30px 30px;
    text-align: left;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.toggle_box_wrapper.active .toggle_box_menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.toggle_box_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
}

.toggle_box_menu ul li a {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: var(--indigo-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.toggle_box_menu ul li a.active,
.toggle_box_menu ul li a:hover {
    color: var(--yellow-color);
}

.entry-header {
    display: none;
}

.sec-title {
    position: relative;
    z-index: 5;
}

.info_note {
    --info-note-icon-color: var(--indigo-color);
    background: rgb(var(--indigo-color-rgb), 10%);
    border-radius: 10px;
    padding: 20px 20px 20px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.info_note.info_note_auto {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
    max-width: 100%;
}

.info_note .info_note_icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--info-note-icon-color);
    font-size: 0;
    line-height: 0;
}

.info_note_icon .mask_icon {
    width: 24px;
    height: 24px;
    -webkit-mask-image: url("assets/images/info-icon.svg");
}

.info_note .info_note_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info_note .info_note_content p {
    margin: 0;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
}

.info_note .info_note_content p span {
    color: var(--pink-color);
}

.slick-slide:focus,
.slick-slide:focus-visible {
    outline: none !important;
}

.lg-container {
    max-width: 100%;
    padding-left: var(--container-spacingX);
    padding-right: var(--container-spacingX);
}

/* ===== Common CSS End ===== */

/* ===== Notices CSS Start ===== */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border: none;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.woocommerce-error {
    background: var(--red-color);
    color: var(--white-color);
}

.woocommerce-info {
    background: var(--yellow-color);
    color: var(--dark-color);
}

.woocommerce-message {
    background: var(--bs-green);
    color: var(--white-color);
}

.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
    color: currentColor;
}

.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
    display: none;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
    color: currentColor;
    text-decoration: underline !important;
    font-weight: bold;
}

.alert_box {
    padding: 30px;
}

.alert_box .h5_title {
    margin: 0;
}

/* ===== Notices CSS End ===== */

/* ===== Overflow CSS Start =====*/

.overflow-text {
    height: 300px;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--primary-color);
    scrollbar-width: thin;
}

.overflow-text::-webkit-scrollbar,
[data-simplebar="init"]::-webkit-scrollbar,
.simplebar-scroll-content::-webkit-scrollbar {
    width: 0;
    opacity: 0 !important;
    display: none;
    -webkit-clip-path: inset(0 0 30px 0);
    clip-path: inset(0 0 30px 0);
}

.simplebar-track.horizontal {
    display: none;
}

.overflow-text::-webkit-scrollbar-thumb {
    opacity: 0 !important;
}

.overflow-text::-webkit-scrollbar-track {
    opacity: 0 !important;
}

.overflow-text--center {
    padding-left: var(--scroll-space);
}

[data-simplebar="init"] {
    --scroll-space: 10px;
    --scroll-track-width: 5px;
    padding-right: var(--scroll-space);
    overflow: visible;
}

.simplebar-track {
    width: var(--scroll-track-width);
    background: var(--scrollbar-track-color);
    border-radius: 5px;
}

.simplebar-scrollbar {
    right: 0;
    z-index: 66;
    background: var(--scrollbar-thumb-color);
    opacity: 1 !important;
    width: 100%;
    border-radius: 5px;
    min-height: unset;
}

.simplebar-scroll-content {
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}

.simplebar-content {
    margin-right: 0 !important;
    /* margin-right: calc(var(--scroll-space) * -1) !important; */
    padding-bottom: 0 !important;
    overflow: hidden;
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.simplebar-content p:last-of-type {
    margin: 0;
}

/* ===== Overflow CSS End =====*/

/* ===== Buttons CSS Start ===== */

:-webkit-direct-focus,
a:focus-visible,
button:focus-visible,
a:focus,
button:focus {
    outline: none !important;
}

.white-btn,
.sec-btn,
.header-sec-btn a,
.woocommerce a.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 23.5px;
    background: var(--yellow-color);
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    cursor: pointer;
    outline: none !important;
    text-decoration: none !important;
}

.sec-btn:hover,
.header-sec-btn a:hover,
.woocommerce a.button:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.sec-btn.white-btn {
    width: 321px;
    height: 56px;
    padding: 11px 20px;
    background: var(--white-color);
    border: 2px solid var(--yellow-color);
    font-size: 20px;
    color: var(--dark-color);
    -webkit-box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%);
    box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%);
}

.white-btn:hover {
    background: var(--dark-color);
    border-color: var(--dark-color);
    color: var(--white-color);
}

.sec-btn.white-btn2 {
    background: var(--white-color);
}

.sec-btn.white-btn2:hover {
    background: var(--yellow-color);
}

.sec-btn.gray-btn,
.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
    background: var(--indigo-color);
    color: var(--white-color);
    -webkit-box-shadow: 0px 4px 2px 0px rgb(var(--white-color-rgb), 25%) inset, 0px -4px 2px 0px rgb(var(--black-color-rgb), 25%) inset;
    box-shadow: 0px 4px 2px 0px rgb(var(--white-color-rgb), 25%) inset, 0px -4px 2px 0px rgb(var(--black-color-rgb), 25%) inset;
}

.sec-btn.gray-btn:hover,
.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.sec-btn.sm-btn {
    height: 50px;
}

.sec-btn.md-btn,
.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
    width: 200px;
    height: 56px;
    font-size: 20px;
}

.sec-btn.lg-btn {
    width: 250px;
    height: 56px;
    font-size: 20px;
    padding: 8px 10px;
}

.sec-btn.mmd-btn {
    width: 140px;
}

.search_btn {
    width: 50px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: var(--yellow-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.search_btn:hover {
    color: var(--dark-color);
}

.search_btn .mask_icon {
    width: 26px;
    height: 26px;
    -webkit-mask-image: url("assets/images/search-icon.svg");
}

.outline-btn {
    border: 2px solid var(--white-color);
    color: var(--white-color);
    padding: 8px 25px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 25%);
    box-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 25%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.outline-btn:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.close_btn {
    --btn-size: 60px;
    --btn-padding: 15px;
    width: var(--btn-size);
    height: var(--btn-size);
    border: none;
    background: var(--white-color);
    color: var(--yellow-color);
    -webkit-box-shadow: 1px 1px 10px rgb(var(--black-color-rgb), 25%);
    box-shadow: 1px 1px 10px rgb(var(--black-color-rgb), 25%);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: var(--btn-padding);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.close_btn:hover {
    background: var(--yellow-color);
    color: var(--white-color);
}

.close_btn .mask_icon {
    --icon-size: 30px;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-image: url("assets/images/close-icon.svg");
}

.buttons-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

/* ===== Buttons CSS End ===== */

/* ===== Typography CSS Start ===== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--secondary-font);
}

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p {
    color: var(--white-color) !important;
}

.h1_title {
    font-size: 70px;
    line-height: 110%;
    margin-bottom: 0;
    color: var(--dark-color);
    font-weight: 400;
}

.h2_title {
    font-size: 64px;
    color: var(--dark-color);
    position: relative;
    z-index: 1;
}

.h3_title {
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
}

.h4_title {
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
}

.h5_title {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
}

/* ===== Typography CSS End ===== */

/* ===== Full Page Loader CSS Start ===== */

.full-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(var(--black-color-rgb), 50%);
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999;
}

.dots-flow {
    width: 100px;
    height: 100px;
}

.dots-flow:before {
    content: "";
    height: 16px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -40px);
    -ms-transform: translate(-50%, -40px);
    transform: translate(-50%, -40px);
    width: 16px;
    -webkit-animation: dots-flow 0.85s infinite ease;
    animation: dots-flow 0.85s infinite ease;
}

@-webkit-keyframes dots-flow {

    0%,
    100% {
        -webkit-box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
    }

    35% {
        -webkit-box-shadow: -26px 32px 0 4px var(--yellow-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0 4px var(--yellow-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
    }

    50% {
        -webkit-box-shadow: -26px 32px 0 0 var(--white-color), 0px 32px 0 4px var(--yellow-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0 0 var(--white-color), 0px 32px 0 4px var(--yellow-color), 26px 32px 0 0 var(--white-color);
    }

    65% {
        -webkit-box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 4px var(--yellow-color);
        box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 4px var(--yellow-color);
    }
}

@keyframes dots-flow {

    0%,
    100% {
        -webkit-box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
    }

    35% {
        -webkit-box-shadow: -26px 32px 0 4px var(--yellow-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0 4px var(--yellow-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 0 var(--white-color);
    }

    50% {
        -webkit-box-shadow: -26px 32px 0 0 var(--white-color), 0px 32px 0 4px var(--yellow-color), 26px 32px 0 0 var(--white-color);
        box-shadow: -26px 32px 0 0 var(--white-color), 0px 32px 0 4px var(--yellow-color), 26px 32px 0 0 var(--white-color);
    }

    65% {
        -webkit-box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 4px var(--yellow-color);
        box-shadow: -26px 32px 0px 0 var(--white-color), 0px 32px 0 0 var(--white-color), 26px 32px 0 4px var(--yellow-color);
    }
}

/* ===== Full Page Loader CSS End ===== */

/* ===== Inner Banner CSS Start ===== */

.inner_banner {
    background-image: -o-radial-gradient(73.02% 46.96%, 73.9% 69.4%, var(--orange-color) 0%, var(--yellow-color2) 100%);
    background-image: radial-gradient(73.9% 69.4% at 73.02% 46.96%, var(--orange-color) 0%, var(--yellow-color2) 100%);
    position: relative;
    z-index: -1;
}

.inner_banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-image: url("assets/images/banner-wing-shape.png");
    display: block;
    pointer-events: none;
    z-index: 1;
}

.inner_banner:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 551px;
    -webkit-mask-image: url("assets/images/wave1.svg");
    -webkit-mask-position: center bottom;
    -webkit-mask-size: 1920px;
    -webkit-mask-repeat: no-repeat;
    background: var(--white-color);
    display: block;
    pointer-events: none;
    z-index: 1;
}

.inner_banner_content {
    text-align: center;
}

/* ===== Inner Banner CSS End ===== */

/* ===== Common Banner CSS Start ===== */

.common_banner {
    min-height: 431px;
    background-image: -o-radial-gradient(73.02% 61.65%, 73.9% 91.11%, var(--orange-color) 0%, var(--yellow-color2) 100%);
    background-image: radial-gradient(73.9% 91.11% at 73.02% 61.65%, var(--orange-color) 0%, var(--yellow-color2) 100%);
    padding: 215px 0 0;
}

.common_banner:after {
    height: 291px;
    -webkit-mask-image: url("assets/images/wave2.svg");
}

/* ===== Common Banner CSS End ===== */

/* ========== Header CSS Start ========== */
.notification-bar {
    position: fixed;
    font-family: var(--primary-font);
    color: var(--yellow-color);
    font-weight: bold;
    font-size: 22px;
    letter-spacing: .67px;
    word-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 0;
    background-color: var(--dark-color);
    z-index: 99;
}

.main-header {
    position: fixed;
    width: 100%;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 45px);
    left: 0;
    z-index: 100;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.header-wp {
    position: relative;
    padding: 15px 30px 14px;
    background: rgb(var(--white-color-rgb), 70%);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    border-radius: 20px;
}

.header-wp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 20px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    pointer-events: none;
}

.main-header.sticky_head .header-wp:before {
    border-color: var(--black-color);
}

.site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-branding img {
    -o-object-fit: cover;
    object-fit: cover;
}

.header-right {
    text-align: right;
}

.header-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-right li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 26px;
}

.header-right li:first-child {
    margin-left: 0;
    margin-right: 17px;
}

.header-right li:last-child {
    margin-right: 0;
}

.cart-wp {
    position: relative;
}

.cart-wp .heighlight {
    position: absolute;
    top: 0;
    right: -7px;
    min-width: 20px;
    height: 20px;
    border-radius: 3px;
    font-size: 12px;
    background: var(--yellow-color);
    border: 2px solid var(--dark-color);
    color: var(--dark-color);
    font-weight: bold;
    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;
}

.header-right li a:not(.header-sec-btn a) {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    color: var(--dark-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.header-right li a:hover:not(.header-sec-btn a) {
    color: var(--yellow-color);
}

.header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* ========== Header CSS End ========== */

/* ========== Home[Page] Start ========== */

/* ===== Banner CSS Start ===== */

.main-banner {
    position: relative;
    margin-bottom: 252px;
}

.banner-img-wp {
    position: relative;
    right: 100px;
    width: 1000px;
}

.banner-content .gift-card-icon {
    position: absolute;
    bottom: 143px;
    left: 0;
}

.banner-content .gift-card-icon img {
    pointer-events: none;
}

.banner-content {
    position: relative;
    padding: 300px 0 0 218px;
    z-index: 1;
}

.main-banner .h1_title {
    font-size: clamp(48px, 4.44vw, 85px);
}

.main-banner .img-shep {
    opacity: 0.3;
}

.main-banner .img-1 img,
.main-banner .img-2 img {
    pointer-events: none;
}

.main-banner .img-1 {
    top: 285px;
    right: 584px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.main-banner .img-2 {
    bottom: -170px;
    right: -210px;
    -webkit-transform: rotate(-154deg);
    -ms-transform: rotate(-154deg);
    transform: rotate(-154deg);
}

.banner-content .h1_title .t-left {
    margin-left: -77px;
}

.banner-content .h1_title .t-left span {
    color: var(--yellow-color);
}

.banner-content p {
    font-size: 24px;
    color: var(--indigo-color);
    text-align: center;
}

.banner-content ul {
    padding: 150px 0 0;
    gap: 30px 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-content ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.banner-content ul li .icon {
    margin-right: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.banner-content ul li .text {
    font-size: 24px;
    color: var(--dark-color);
    font-family: var(--secondary-font);
}

.banner-content ul li .text span {
    display: block;
}

/* ===== Banner CSS End ===== */

/* ===== Design Card CSS Start ===== */

.design-card-sec {
    position: relative;
    padding: 99px 0 120px;
    margin-bottom: 554px;
}

.design-card-sec::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--yellow-color);
    top: 0;
    left: 0;
    -webkit-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    z-index: 1;
}

.design-card-sec .img-shep {
    top: 110%;
    left: 13%;
    -webkit-transform: rotate(166deg);
    -ms-transform: rotate(166deg);
    transform: rotate(166deg);
    opacity: 0.5;
}

.design-card-sec .img-shep img {
    pointer-events: none;
}

.design-card-sec .sec-wp {
    position: relative;
    z-index: 1;
}

.card-content p {
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-color);
    margin-bottom: 32px;
    width: 670px;
    max-width: 100%;
}

.card-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 51px;
}

.card-info ul {
    text-align: center;
}

.card-info li {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--dark-color);
    font-weight: 500;
    margin-right: 32px;
}

.card-info li:last-child {
    margin: 0;
}

.card-info li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--dark-color);
    border-radius: 50%;
    top: 50%;
    left: -20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.card-info li:first-child::before {
    display: none;
}

.card-info li span {
    font-size: 24px;
    font-weight: 600;
}

.card-info {
    position: relative;
    width: 390px;
    height: 92px;
    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;
    margin-left: 4px;
}

.card-info::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("assets/images/card-info-shep.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card-content {
    position: relative;
    padding: 0 0 0 150px;
}

.card-img-wp {
    position: absolute;
    left: 127px;
}

.card-img-wp .img {
    position: relative;
    background-size: 100%;
}

.card-img-wp .img-2 {
    width: 386px;
    height: 218px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.card-img-wp .img-1 {
    width: 428px;
    height: 243px;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    margin: -126px 0 0 235px;
}

.design-card-sec .estimated-arrival-box-wp {
    padding-block: 0;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.design-card-sec .estimated-arrival-box-wp .estimated-arrival-icon-box:before {
    width: 50px;
    background-size: 90px 6px;
    right: -10px;
}

.design-card-sec .estimated-arrival-box-wp::before {
    content: "";
    position: absolute;
    width: 820px;
    height: 600px;
    border: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("assets/images/estimated-round-shep.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.design-card-sec .estimated-arrival-box-title h3 {
    font-size: 32px;
    margin-bottom: 14px;
}

.design-card-sec .estimated-arrival-box-title h4 {
    font-size: 24px;
}

.design-card-sec .estimated-arrival-icon-box-content h4 {
    font-size: 24px;
}

.design-card-sec .estimated-arrival-icon-box-content h5 {
    font-size: 20px;
}

/* ===== Design Card CSS End ===== */

/* ===== Answer Card CSS Start ===== */

.answer-sec {
    position: relative;
    padding: 200px 0 398px;
    width: 1920px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.answer-sec::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--indigo-color2);
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 140px, 100% 752px, 0% 100%);
    clip-path: polygon(0 0, 100% 140px, 100% 752px, 0% 100%);
}

.answer-sec .gradient-div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 140px, 100% 752px, 0% 100%);
    clip-path: polygon(0 0, 100% 140px, 100% 752px, 0% 100%);
}

.answer-sec .gradient-div::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 250px;
    top: 40px;
    left: 0;
    background-image: -o-linear-gradient(top, var(--black-color) 10%, transparent 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, var(--black-color)), color-stop(75%, transparent));
    background-image: linear-gradient(to bottom, var(--black-color) 10%, transparent 75%);
    opacity: 0.7;
    z-index: 1;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.answer-sec .gradient-div::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 40px;
    left: 0;
    background-image: -o-linear-gradient(top, transparent 0%, var(--black-color) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--black-color)));
    background-image: linear-gradient(to bottom, transparent 0%, var(--black-color) 100%);
    opacity: 0.4;
    z-index: 1;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.answer-content-wp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -104px;
}

.answer-content-wp li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 450px;
    position: relative;
}

.answer-content-wp li::before {
    content: "";
    position: absolute;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

.answer-content-wp li:first-child:before {
    background-image: url("assets/images/left-arrow.svg");
    width: 373px;
    height: 233px;
    left: 180px;
    bottom: -130px;
    background-position: center left;
}

.answer-content-wp li:last-child:before {
    background-image: url("assets/images/right-arrow.svg");
    width: 187px;
    height: 190px;
    left: -94px;
    bottom: 70px;
}

.answer-content-wp li:first-child {
    top: -55px;
}

.answer-content-wp li:last-child {
    top: 234px;
    margin: 0 0 0 20px;
}

.answer-content-wp li:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 776px;
    margin-left: 15px;
}

.answer-content-wp li:nth-child(2) .answer-text .overflow-text {
    height: 216px;
}

.answer-text p {
    font-size: 18px;
}

.answer-content-wp li:nth-child(2) .answer-text p {
    font-size: 24px;
}

.answer-text p span {
    font-weight: 600;
    display: block;
}

.answer-text {
    position: relative;
    padding: 0 50px;
}

.answer-text .h3_title {
    font-size: 40px;
    margin-bottom: 32px;
}

.answer-text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.answer-text.back-shep-2 .h2_title {
    display: inline-block;
    padding: 47px 61px;
}

.answer-text.back-shep-2 .h2_title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("assets/images/round-title-shep.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.answer-content-wp li:nth-child(1) .answer-text::before {
    background-image: url("assets/images/polygon-1.svg");
    width: 450px;
    height: 450px;
    -webkit-filter: drop-shadow(-6px 50px 80px rgb(var(--black-color-rgb), 80%));
    filter: drop-shadow(-6px 50px 80px rgb(var(--black-color-rgb), 80%));
}

.answer-content-wp li:nth-child(2) .back-shep-2::before {
    background-image: url("assets/images/polygon-2.svg");
    width: 740px;
    height: 740px;
    -webkit-filter: drop-shadow(-6px 50px 80px rgb(var(--black-color-rgb), 80%));
    filter: drop-shadow(-6px 50px 80px rgb(var(--black-color-rgb), 80%));
}

.answer-content-wp li:nth-child(3) .answer-text::before {
    background-image: url("assets/images/polygon-3.svg");
    width: 450px;
    height: 450px;
    -webkit-filter: drop-shadow(50px 41px 80px rgb(var(--black-color-rgb), 80%));
    filter: drop-shadow(50px 41px 80px rgb(var(--black-color-rgb), 80%));
}

.answer-text.back-shep-2 {
    padding: 0 90px;
}

.answer-text .overflow-text {
    height: 108px;
    --scroll-space: 10px;
    --scroll-track-width: 5px;
}

.answer-content-wp li:nth-child(3) .answer-text {
    padding: 0 70px;
}

.answer-content-wp li:nth-child(3) .overflow-text {
    height: 135px;
}

.answer-sec .polygon-shep {
    position: absolute;
}

.answer-sec .polygon-shep img {
    pointer-events: none;
}

.answer-sec .polygon-shep.polygon-shep-1 {
    width: 137px;
    height: 135px;
    left: 416px;
    bottom: 132px;
    z-index: 1;
    -webkit-filter: drop-shadow(-25px -5px 40px rgb(var(--black-color-rgb), 80%));
    filter: drop-shadow(-25px -5px 40px rgb(var(--black-color-rgb), 80%));
}

.answer-sec .polygon-shep.polygon-shep-2 {
    width: 54px;
    height: 54px;
    left: 623px;
    bottom: 195px;
    z-index: 5;
    -webkit-filter: drop-shadow(-25px -5px 40px rgb(var(--black-color-rgb), 80%));
    filter: drop-shadow(-25px -5px 40px rgb(var(--black-color-rgb), 80%));
}

.answer-sec .polygon-shep img {
    width: auto;
}

.answer-sec .polygon-shep.polygon-shep-3 {
    top: -138px;
    left: 50px;
}

.answer-sec .polygon-shep.polygon-shep-4 {
    bottom: 198px;
    left: 50%;
    -webkit-transform: translateX(-46%);
    -ms-transform: translateX(-46%);
    transform: translateX(-46%);
}

.answer-sec .polygon-shep.polygon-shep-5 {
    bottom: 290px;
    right: 39px;
}

.answer-sec .polygon-shep.polygon-shep-8 {
    top: 100px;
    right: 391px;
}

.answer-sec .polygon-shep.polygon-shep-7 {
    bottom: 0;
    left: 375px;
}

.answer-sec .polygon-shep.polygon-shep-6 {
    top: 251px;
    left: 54px;
}

/* ===== Answer Card CSS End ===== */

/* ===== Categories CSS Start ===== */

.categories-sec {
    position: relative;
    padding: 198px 0 253px;
    z-index: 3;
}

.category-content {
    position: relative;
    margin-bottom: 84px;
}

.category-content .h2_title {
    margin-bottom: 24px;
}

.category-content p {
    font-size: 20px;
    color: var(--indigo-color);
}

.category-content .img-shep {
    position: absolute;
    width: 621px;
    -webkit-transform: rotate(-193deg);
    -ms-transform: rotate(-193deg);
    transform: rotate(-193deg);
    opacity: 0.5;
    top: 50px;
    left: -30px;
}

.category-content .img-shep img {
    pointer-events: none;
}

.category-text {
    position: relative;
    z-index: 1;
}

.category-slider-box {
    position: relative;
}

.category-slider-box-inner {
    width: 100%;
    height: 340px;
    background-size: cover;
    background-position: center;
    -webkit-mask: url("assets/images/polygon-shep-1.png");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    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;
    text-align: center;
}

.category-slider-box-inner .category-slide-box--text {
    position: relative;
    font-size: 36px;
    line-height: 110%;
    font-family: var(--secondary-font);
    color: var(--white-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    z-index: 2;
}

.category-slider-box-inner .category-slide-box--text::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 54px;
    background: var(--black-color);
    border-radius: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.2;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    z-index: -1;
}

.category-slider .slick-list {
    overflow: visible;
    margin: 0 147px;
    -ms-flex-negative: unset;
    flex-shrink: unset;
    width: unset;
    max-width: unset;
}

.category-top-slider {
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
}

.category-bottom-slider {
    -webkit-transform: translate(74px, -45px);
    -ms-transform: translate(74px, -45px);
    transform: translate(74px, -45px);
}

.category-slider .slick-slider {
    --bs-gutter-x: 45px;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    cursor: -webkit-grab;
    cursor: grab;
}

.category-slider .slick-slider [class*="col-lg-"] {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* ===== Categories CSS End ===== */

/* ===== Gift CSS Start ===== */

.gift-sec {
    position: relative;
    z-index: 2;
}

.gift-sec .curve-line {
    position: absolute;
    left: 0;
    bottom: -277px;
}

.gift-sec .container-fluid {
    position: relative;
    z-index: 1;
}

.gift-sec .back-shep {
    position: absolute;
    top: -607px;
    left: 0;
}

.gift-content {
    position: relative;
    padding: 0 0 0 92px;
}

.gift-sec .img-shep {
    top: -30px;
    left: -55px;
    opacity: 0.3;
    z-index: -1;
}

.gift-content .h2_title span.d-block,
.sb_gift_top_row .h2_title span.d-block {
    margin: 22px 0 0 145px;
}

.gift-content .h2_title span span,
.sb_gift_top_row .h2_title span span {
    color: var(--yellow-color);
}

.gift-content li {
    position: relative;
    font-size: 24px;
    line-height: 150%;
    padding-left: 28px;
    margin-bottom: 50px;
    color: var(--white-color);
}

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

.gift-content li::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 15px;
    background-image: url("assets/images/gift-img.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 10px;
    left: 0;
}

.gift-content ul.gift-list {
    padding: 137px 0 0 147px;
}

.gift-content .gift-btn {
    margin: 50px 0 0 147px;
    position: relative;
    z-index: 1;
}

.card-img-wp .img-1 h3 {
    width: 357px;
    max-width: 100%;
    position: relative;
    top: -95px;
    left: 100px;
    color: var(--white-color);
    font-family: var(--primary-font);
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
}

.gift-img-wp .for_des {
    pointer-events: none;
}

.gift-img-wp {
    position: relative;
    top: 25px;
    left: 80px;
}

.gift-img-wp .card-img-wp {
    position: relative;
    left: 0;
}

.gift-img-wp .card-img-wp .img-2 {
    width: 433px;
    height: 248px;
}

.gift-img-wp .card-img-wp .img-1 {
    width: 482px;
    height: 276px;
    margin: -156px 0 0 264px;
}

.gift-img-wp .card-img-wp .img-3 {
    width: 482px;
    height: 275px;
    border-radius: 13px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    margin: -22px 0 0 5px;
}

.gift-img-wp .card-img-wp .img-3 h2 {
    position: absolute;
    width: 400px;
    bottom: -53px;
    left: 185px;
    font-family: var(--primary-font);
    color: var(--white-color);
    font-size: 32px;
    font-weight: 500;
    line-height: 110%;
    margin: 0;
}

.gift-img-wp .card-img-wp .img-3 h2 span {
    color: var(--yellow-color);
}

.gift-img-wp .polygon-shep {
    position: absolute;
}

.gift-img-wp .polygon-shep-3 {
    bottom: -147px;
    left: 150px;
}

.gift-img-wp .polygon-shep-2 {
    top: 225px;
    left: -150px;
}

.gift-img-wp .polygon-shep-1 {
    top: -198px;
    left: 337px;
}

.gift-img-wp .gift-circle {
    position: absolute;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-75%, -43%);
    -ms-transform: translate(-75%, -43%);
    transform: translate(-75%, -43%);
}

.gift-img-wp .wing-shep {
    position: absolute;
    bottom: -550px;
    left: -107px;
}

/* ===== Gift CSS End ===== */

/* ===== How It CSS Start ===== */

.how-it-sec {
    position: relative;
    padding: 65px 0 189px;
}

.how-it-content {
    position: relative;
}

.how-it-content .h2_title {
    margin-bottom: 57px;
}

.how-it-content li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 280px;
    margin: 0 73px 0 0;
}

.how-it-content li:last-child {
    margin: 0;
}

.how-it-content li:last-child::after {
    display: none;
}

.how-it-content li::after {
    content: "";
    position: absolute;
    width: 47px;
    height: 14px;
    background-image: url("assets/images/arrow-right.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 50%;
    right: -47px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.how-it-content li .img-box {
    min-width: 55px;
    height: 55px;
    background: var(--light-gray1);
}

.how-it-content li .text {
    font-family: var(--tertiary-font);
    font-size: 24px;
    line-height: 121%;
    font-weight: bold;
    color: var(--black-color);
    margin-left: 19px;
}

.how-it-content ul {
    position: relative;
    left: 34px;
}

/* ===== How It CSS End ===== */

/* ===== Testimonial CSS Start ===== */

.testimonial-sec {
    position: relative;
    padding: 0 0 222px;
}

.testimonial-sec .img-shep {
    bottom: 233px;
    left: 50%;
    -webkit-transform: translate(-108%, 0);
    -ms-transform: translate(-108%, 0);
    transform: translate(-108%, 0);
    opacity: 0.5;
}

.testimonial-sec .h2_title {
    margin-bottom: 71px;
}

.testimonial-slider-box {
    position: relative;
    -webkit-filter: drop-shadow(0 0 30px rgb(var(--black-color-rgb), 10%));
    filter: drop-shadow(0 0 30px rgb(var(--black-color-rgb), 10%));
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.testimonial-slider-box-inner {
    width: 100%;
    background-color: var(--white-color);
    text-align: center;
    -webkit-mask: url("assets/images/testimonial-polygon-back.png");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    padding: 60px 30px 47px;
}

.testimonial-text p:last-child {
    margin-bottom: 0;
}

.testimonial-text {
    margin-bottom: 25px;
}

.testimonial-text.overflow-text {
    height: 180px;
}

.testimonial-slider-box-inner h3 {
    font-size: 32px;
    line-height: 110%;
    color: var(--pink-color);
}

.testimonial-text p {
    font-size: 20px;
    line-height: 150%;
    color: var(--dark-color);
}

.author .author-img {
    width: 86px;
    height: 100px;
    background-size: cover;
    background-position: center;
    -webkit-mask: url("assets/images/author-img-polygon.png");
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 0 auto 10px;
}

.testimonial-slider-box-inner .author .h5_title {
    font-family: var(--primary-font);
    margin-bottom: 0;
}

.row.testimonial-slider {
    --bs-gutter-x: 25px;
    padding-inline: 5px;
}

.testimonial-slider .slick-list {
    overflow: visible;
    width: calc(100% + 183px);
    left: 60px;
}

.testimonial-slider .slick-list [class*="col-lg-"] {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* ===== Testimonial CSS End ===== */

/* ========== Home[Page] End ========== */

/* ========== Gift Card Search[Page] Start ========== */

/* ===== Gift Cart Search Banner CSS Start ===== */

.inner_banner.gift_search_banner {
    min-height: 882px;
    padding: 280px 0 0;
    z-index: 2;
}

.gift_card_form {
    --btn-width: 110px;
}

.gift_card_form .form_input_wrapper .form_input {
    padding-right: calc(var(--btn-width) + 20px);
}

.gift_card_form .button_wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: var(--btn-width);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gift_card_form .button_wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    width: 2px;
    height: 60px;
    background: var(--yellow-color);
    border-radius: 2px;
}

/* ===== Gift Cart Search Banner CSS End ===== */

/* ===== Gift Card Results CSS Start ===== */

.kindle_book_btn {
    margin-bottom: 30px;
}

.kindle_book_btn .sec-btn {
    border-radius: 50px;
    background: var(--kindle-orange-color);
    border: none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: var(--white-color);
    padding: 10px 25px;
}

.kindle_book_btn .sec-btn:hover {
    background: var(--yellow-color);
}

.main-gift-cards-results {
    padding-bottom: var(--space-200);
    position: relative;
    margin-top: -372px;
}

.gift-card-results-filter-box:not(:last-child) {
    margin-bottom: 80px;
}

.gift-card-results-filter-box .h3_title {
    margin-bottom: 50px;
}

.gift-card-results-filter-checkbox-list ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 15px;
}

.gift-card-results-filter-checkbox-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    --label_spaceX: 20px;
    --label_spaceY: 11px;
    --label_gap: 0px;
    --label_close_button: 0px;
}

.gift-card-results-filter-checkbox-list li input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.gift-card-results-filter-checkbox-list li label {
    margin: 0;
    border-radius: 50px;
    padding-top: var(--label_spaceY);
    padding-bottom: var(--label_spaceY);
    padding-left: var(--label_spaceX);
    padding-right: calc(var(--label_spaceX, 0px) + var(--label_close_button, 0px) + var(--label_gap, 0px));
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid var(--yellow-color);
    background: var(--white-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.filter_close_button {
    width: var(--label_close_button);
    height: var(--label_close_button);
    background: var(--white-color);
    color: var(--yellow-color);
    border-radius: 50%;
    padding: 0;
    border: none;
    outline: none;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    position: absolute;
    top: 50%;
    right: calc(0px + var(--label_spaceX));
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.filter_close_button:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

.filter_close_button .mask_icon {
    width: 10px;
    height: 10px;
    -webkit-mask-image: url("assets/images/filter-cross-icon.svg");
}

.gift-card-results-filter-checkbox-list li.active {
    --label_close_button: 26px;
    --label_gap: 10px;
}

.gift-card-results-filter-checkbox-list li.active label {
    pointer-events: none;
}

.gift-card-results-filter-checkbox-list li.active label,
.gift-card-results-filter-checkbox-list li label:hover {
    background: var(--yellow-color);
    color: var(--white-color);
}

.gift-card-results-filter-checkbox-list li.active .filter_close_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.gift-card-results-rightside {
    padding-left: 98.5px;
    position: relative;
}

.gift-card-results-rightside .img-shep {
    -webkit-transform: rotate(13.1deg);
    -ms-transform: rotate(13.1deg);
    transform: rotate(13.1deg);
    bottom: -270px;
    left: 40px;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}

.gift-card-results-pagination-nav .row {
    margin-top: 70px;
}

.gift-card-results-box-wp .row {
    --bs-gutter-x: 37px;
    --bs-gutter-y: 57px;
}

.gift-card-results-box {
    position: relative;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 10%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 10%);
    border-radius: 20px;
    margin-top: 5%;
    padding: 0 0 25px 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.gift-card-results-rightside .sec-title {
    margin-bottom: 50px;
}

.gift-card-results-rightside .sec-title .h3_title:not(.active) {
    opacity: 0;
    visibility: hidden;
}

.gift-card-results-box--img {
    position: relative;
    height: 0;
    padding-bottom: 66.49%;
}

.gift-card-results-box--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-filter: drop-shadow(0px 0px 30px rgb(var(--black-color-rgb), 10%));
    filter: drop-shadow(0px 0px 30px rgb(var(--black-color-rgb), 10%));
    border-radius: 20px;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    pointer-events: none;
}

.gift-card-results-box-content {
    padding: 29px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 15px;
}

.gift-card-results-box-selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hor-select-with-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hor-select-with-label label {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.gift-card-results-box-title h5 {
    font-size: 20px;
    line-height: 150%;
    margin: 0;
    font-weight: 500;
    text-align: center;
    font-family: var(--primary-font);
    word-break: break-word;
}

.gift-card-results-box-selects .form-select-box .form-input {
    border: none !important;
    background: none !important;
    padding: 4px 35px 4px 5px !important;
    height: auto;
}

.gift-card-results-box-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 2;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    opacity: 1;
    
}

.gift-card-results-box:hover .gift-card-results-box-btn {
    opacity: 1;
    visibility: visible;
}

.add_to_cart_btn {
    width: 40px;
    height: 40px;
    background: var(--white-color);
    color: var(--dark-color);
    border-radius: 50%;
    padding: 0;
    border: none;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-filter: drop-shadow(2px 4px 8px rgb(var(--black-color-rgb), 20%));
    filter: drop-shadow(2px 4px 8px rgb(var(--black-color-rgb), 20%));
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.add_to_cart_btn:hover {
    background: var(--yellow-color);
    color: var(--white-color);
}

.add_to_cart_btn__text {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    white-space: nowrap;
    color: var(--black-color);
    font-weight: 600;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.add_to_cart_btn:hover .add_to_cart_btn__text {
    opacity: 1;
    visibility: visible;
}

.add_to_cart_btn .mask_icon {
    width: 24.75px;
    height: 20.25px;
    -webkit-mask-image: url("assets/images/cart-icon.svg");
}

.pagination_nav_next_btn,
.pagination_nav_prev_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    height: 56px;
    font-size: 20px;
    padding: 8px 23.5px;
    background: var(--yellow-color);
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
    border-radius: 10px;
    font-weight: 500;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%), inset 0px -4px 2px rgb(var(--black-color-rgb), 25%);
    box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%), inset 0px -4px 2px rgb(var(--black-color-rgb), 25%);
    gap: 16px;
}

.pagination_nav_next_btn .mask_icon,
.pagination_nav_prev_btn .mask_icon {
    width: 18px;
    height: 12px;
    -webkit-mask-image: url("assets/images/pagination-right-icon.svg");
}

.pagination_nav_next_btn:hover,
.pagination_nav_prev_btn:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.pagination_nav_prev_btn .mask_icon {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.white_pagination_btn {
    background: var(--white-color);
    color: var(--dark-color);
}

.white_pagination_btn:hover {
    background: var(--yellow-color);
    color: var(--dark-color);
}

.pagination_nav_disable,
.pagination_nav_disable a {
    cursor: not-allowed;
}

.pagination_btns_group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 140px;
    height: 56px;
    font-size: 20px;
    padding: 18px 30px;
    background: var(--yellow-color);
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
    border-radius: 10px;
    font-weight: 500;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%), inset 0px -4px 2px rgb(var(--black-color-rgb), 25%);
    box-shadow: inset 0px 4px 2px rgb(var(--white-color-rgb), 25%), inset 0px -4px 2px rgb(var(--black-color-rgb), 25%);
    gap: 15px 40px;
}

.pagination_btn a {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: var(--dark-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.pagination_btn a:hover {
    color: var(--white-color);
}

.pagination_btn a .mask_icon {
    width: 18px;
    height: 12px;
}

.pagination_btn_prev .mask_icon {
    -webkit-mask-image: url("assets/images/pagination-left-icon.svg");
}

.pagination_btn_next .mask_icon {
    -webkit-mask-image: url("assets/images/pagination-right-icon.svg");
}

.pagination_count_btn_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px 40px;
}

.pagination_count {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 2px;
    color: var(--indigo-color);
}

.pagination_count span {
    color: var(--yellow-color);
}

/* ===== Gift Card Results CSS End ===== */

/* ========== Gift Card Search[Page] End ========== */

/* ========== Footer CSS Start ========== */

.site-footer {
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 35px, 100% 101%, 0% 101%);
    clip-path: polygon(0 0, 100% 35px, 100% 101%, 0% 101%);
    background: var(--indigo-color2);
    overflow: hidden;
    z-index: 10;
    margin-top: auto;
}

.shape-img {
    position: absolute;
}

.site-footer .shape-img1 {
    -webkit-transform: rotate(46.64deg);
    -ms-transform: rotate(46.64deg);
    transform: rotate(46.64deg);
    top: 70px;
    right: 83%;
}

.site-footer .shape-img2 {
    -webkit-transform: translate(-50%, -50%) rotate(29.47deg);
    -ms-transform: translate(-50%, -50%) rotate(29.47deg);
    transform: translate(-50%, -50%) rotate(29.47deg);
    left: 44%;
    top: 40%;
}

.site-footer .shape-img2:before {
    content: "";
    position: absolute;
    width: 408px;
    height: 123px;
    display: block;
    bottom: 100px;
    left: -60px;
    background: var(--pink-color);
    opacity: 0.1;
    -webkit-filter: blur(75px);
    filter: blur(75px);
    -webkit-transform: rotate(6.93deg);
    -ms-transform: rotate(6.93deg);
    transform: rotate(6.93deg);
}

.site-footer .shape-img3 {
    -webkit-transform: rotate(145.99deg);
    -ms-transform: rotate(145.99deg);
    transform: rotate(145.99deg);
    left: 65%;
    top: 120px;
}

.site-footer .shape-img3:before {
    content: "";
    position: absolute;
    width: 408px;
    height: 123px;
    display: block;
    bottom: -50px;
    left: 150px;
    background: var(--white-color);
    opacity: 0.05;
    -webkit-filter: blur(75px);
    filter: blur(75px);
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
}

.top-footer {
    padding: 80px 0;
}

.footer-menu .menu-footer-menu-container .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 100px;
}

.footer-menu .menu-footer-menu-container .menu li a {
    color: var(--white-color);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.footer-menu .menu-footer-menu-container .menu li a:hover {
    color: var(--yellow-color);
}

.bottom-footer {
    padding: 7px 0 20px 0;
}

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

.bottom-footer-text p {
    margin-bottom: 0;
    color: var(--indigo-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.bottom-footer-text p a {
    color: inherit;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.bottom-footer-text p a:hover {
    color: var(--yellow-color);
}

/* ========== Footer CSS End ========== */

/* ========== Cart[Page] Start ========== */

/* ===== Cart Sec CSS Start ===== */

.main-cart-sec {
    padding: 13px 0 var(--space-200);
    position: relative;
    z-index: 5;
}

.main-read-book-sec {
    padding: 44px 0 70px 30px;
    position: relative;
    border-bottom: 2px solid rgb(var(--indigo-color-rgb), 10%);
    min-height: 325px;
}

.row.read-book-row {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 0;
}

.read-book-image {
    width: 370px;
    height: 211px;
    position: relative;
}

.read-book-image--front {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: var(--white-color);
}

.read-book-image--back {
    position: absolute;
    top: 12px;
    left: 0;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.read-book-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 12px;
    pointer-events: none;
}

.read-book-image--front img {
    -webkit-box-shadow: 3.09719px 4.9555px 9.29156px rgb(var(--black-color-rgb), 8%);
    box-shadow: 3.09719px 4.9555px 9.29156px rgb(var(--black-color-rgb), 8%);
}

.read-book-image--back img {
    -webkit-box-shadow: -1.6702181100845337px -1.6702181100845337px 5.567393779754639px 0px rgb(var(--black-color-rgb), 6%), 2.7836968898773193px 4.453914642333984px 8.351090431213379px 0px rgb(var(--black-color-rgb), 8%);
    box-shadow: -1.6702181100845337px -1.6702181100845337px 5.567393779754639px 0px rgb(var(--black-color-rgb), 6%), 2.7836968898773193px 4.453914642333984px 8.351090431213379px 0px rgb(var(--black-color-rgb), 8%);
}

.main-read-book-sec .close_btn {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.read-book-sec--leftside,
.cart-order-item-info-top {
    position: relative;
}

.read-book-sec--leftside:before,
.cart-order-item-info-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--dark-color-rgb), 50%);
    opacity: 0;
    border-radius: 12px;
    z-index: 4;
    visibility: hidden;
    display: block;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.read-book-image-bottom {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.read-book-sec--leftside:hover:before,
.read-book-sec--leftside:hover .read-book-image-bottom,
.cart-order-item-info-top:hover:before,
.cart-order-item-info-top:hover .read-book-image-bottom,
.main-read-book-sec.card-custom-data .read-book-sec--leftside:before,
.main-read-book-sec.card-custom-data .read-book-image-bottom {
    opacity: 1;
    visibility: visible;
}

.read-book-sec--rightside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.rb--buttons-boxes {
    width: 100%;
}

.rb--buttons-boxes .flex-box {
    padding: 0;
}

.rb--button-box:not(:last-child) {
    margin-bottom: 25px;
}

.cart-sec-rightside {
    padding: 35px 0 50px;
}

.basket-summary-icon-boxes-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 50px;
}

.basket-summary-icon-box {
    --icon-size: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    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;
    position: relative;
    padding-inline: 15px;
}

.basket-summary-icon-box a {
    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;
    color: currentColor;
}

.basket-summary-icon-box:before {
    content: "";
    position: absolute;
    top: calc(var(--icon-size) / 2);
    right: 50%;
    width: 100%;
    z-index: 1;
    border-top: 2px dashed var(--indigo-color);
}

.basket-summary-icon-box:first-child:before {
    content: none;
}

.basket-summary-icon-box-img {
    width: var(--icon-size);
    height: var(--icon-size);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border-radius: 50%;
    padding: 10px;
    position: relative;
    z-index: 2;
}

.basket-summary-icon-box-img-inr {
    border: 2px solid var(--indigo-color);
    width: 100%;
    height: 100%;
    color: var(--white-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: var(--white-color);
}

.basket-summary-icon-box-content p {
    margin-bottom: 0;
}

.basket-summary-icon-box-content {
    margin-top: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
}

.basket-summary-icon-box--cart .mask_icon {
    width: 29px;
    height: 24px;
    -webkit-mask-image: url("assets/images/cart.svg");
}

.basket-summary-icon-box--delivery .mask_icon {
    width: 28px;
    height: 22px;
    -webkit-mask-image: url("assets/images/delivery.svg");
}

.basket-summary-icon-box--payment .mask_icon {
    width: 28px;
    height: 22px;
    -webkit-mask-image: url("assets/images/payment.svg");
}

.basket-summary-icon-box-img-inr .mask_icon {
    opacity: 0;
    visibility: hidden;
}

.basket-summary-icon-box.active .basket-summary-icon-box-img {
    padding: 0;
}

.basket-summary-icon-box.active .basket-summary-icon-box-img-inr {
    background: var(--yellow-color);
    border: none;
}

.basket-summary-icon-box.active .basket-summary-icon-box-img-inr .mask_icon {
    opacity: 1;
    visibility: visible;
}

.basket-summary-icon-box.active::before {
    border-top-style: solid;
    border-top-color: var(--yellow-color);
}

.basket-summary-title {
    margin-bottom: 35px;
}

.basket-summary-table>.table-responsive>.table {
    border: none;
    margin-bottom: 0;
    --table-item-spaceX: 20px;
    --table-item-spaceX-first-last: 30px;
    --table-item-spaceY: 15px;
    --table-item-spaceY-first-last: 25px;
}

.basket-summary-table .table>thead>tr>th {
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--dark-color);
    padding: 0 var(--table-item-spaceX) var(--table-item-spaceY);
    border-bottom: 1px solid var(--dark-color);
}

.basket-summary-table .table>tbody>tr>td {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: var(--indigo-color);
    padding: var(--table-item-spaceY) var(--table-item-spaceX);
    border-bottom: 1px dashed var(--indigo-color);
}

.basket-summary-table .table>thead>tr>th:first-child,
.basket-summary-table .table>tbody>tr>td:first-child,
.basket-summary-table .table>tfoot>tr>td:first-child {
    padding-left: var(--table-item-spaceX-first-last);
}

.basket-summary-table .table>thead>tr>th:last-child,
.basket-summary-table .table>tbody>tr>td:last-child,
.basket-summary-table .table>tfoot>tr>td:last-child {
    padding-right: var(--table-item-spaceX-first-last);
    text-align: right;
}

.basket-summary-table>.table-responsive>.table>tbody>tr:first-child>td,
.basket-summary-table>.table-responsive>.table>tfoot>tr:first-child>td {
    padding-top: var(--table-item-spaceY-first-last);
}

.basket-summary-table>.table-responsive>.table>tbody>tr:last-child>td {
    padding-bottom: var(--table-item-spaceY-first-last);
    border-bottom: none;
}

.basket-summary-table .table>tfoot>tr>td {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: var(--dark-color);
    padding: var(--table-item-spaceY) var(--table-item-spaceX);
    border-top: 1px solid var(--dark-color);
}

.basket-summary-bottom,
.basket-summary-links {
    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;
    text-align: center;
}

.basket-summary-bottom {
    padding: 0 30px;
    gap: 40px 15px;
}

.basket-summary-bottom .buttons-group {
    width: 100%;
}

.basket-summary-bottom .sec-btn,
.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: clamp(16px, 1.05vw, 20px);
    padding: 8px 5px;
}

.basket-summary-links {
    gap: 15px;
}

.basket-summary-links a {
    color: var(--dark-color);
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.basket-summary-links a:hover {
    color: var(--yellow-color);
}

.cart-empty {
    padding: 30px 0;
}

.return-to-shop {
    display: none;
}

/* ===== Cart Sec CSS End ===== */

/* ===== Sticky Cart CSS Start ===== */

.sticky-cart {
    position: fixed;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translate(-50%, calc(var(--sticky-cart-outside, 100vh)));
    -ms-transform: translate(-50%, calc(var(--sticky-cart-outside, 100vh)));
    transform: translate(-50%, calc(var(--sticky-cart-outside, 100vh)));
    width: 100%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding-inline: calc(1.5rem * 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    z-index: 999;
}

.sticky-cart.show {
    --sticky-cart-outside: 0px;
    opacity: 1;
    visibility: visible;
}

.sticky-cart-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 15%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 15%);
    border-radius: 10px;
    padding: 0 60px 0 10px;
    position: relative;
    gap: 10px 38px;
    max-width: 100%;
}

.sticky-cart-inner-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 150px;
    height: 100px;
    position: relative;
    border-radius: 10px;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 10%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 10%);
    overflow: hidden;
    margin: -34px 0 -6px 0;
}

.sticky-cart-inner-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.sticky-cart-inner-info {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
    padding-block: 10px;
}

.sticky-cart-inner-info p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.sticky-cart-inner-info p span {
    color: var(--yellow-color);
}

/* ===== Sticky Cart CSS End ===== */

/* ========== Cart[Page] End ========== */

/* ========== Delivery Details[Page] Start ========== */

/* ===== Delivery Details Sec CSS Start ===== */

.main-delivery-sec {
    padding: 13px 0 var(--space-200);
    position: relative;
    z-index: 5;
}

.sound-good-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    gap: 15px;
    margin-bottom: 30px;
}

.sound-good-box-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--dark-color);
}

.sound-good-box-text p {
    margin: 0;
    max-width: 600px;
}

.sound-good-box .sec-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.row.delivery_row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
}

.delivery_row .col.col-small {
    width: 20%;
}

.delivery_row .col.col-large {
    width: 40%;
}

.submit-button-box {
    margin-top: 5px;
    width: 100%;
    display: block;
}

.main-delivery-sec .main-read-book-sec {
    padding-bottom: 20px;
    min-height: 340px;
}

.delivery-box-address-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
}

.delivery-box-address-text span.delivery-name {
    font-size: 24px;
    font-weight: 600;
    line-height: 180%;
}

.delivery-box-address-text span {
    display: block;
}

.delivery-step-boxes {
    width: 100%;
}

.delivery-box-step2 .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
    padding: 0;
}

[data-balloon].info-btn:after {
    width: 320px;
    white-space: unset;
}

/* ===== Delivery Details Sec CSS End ===== */

/* ========== Delivery Details[Page] End ========== */

/* ========== Payment(Checkout)[Page] Start ========== */

/* ===== Payment Sec CSS Start ===== */

.main-payment-sec {
    padding: 13px 0 var(--space-200);
    position: relative;
    z-index: 5;
}

.main-payment-sec .sec-title {
    margin-bottom: 50px;
}

.main-payment-sec .checkout.woocommerce-checkout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-payment-sec .checkout.woocommerce-checkout>.row {
    width: unset;
}

.coupon-form .woocommerce-form-coupon-toggle,
.coupon-form .woocommerce-form-login-toggle {
    display: none !important;
}

.coupon-form .checkout_coupon.woocommerce-form-coupon {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    border-radius: 20px;
    border: none;
    padding: 17px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    margin-bottom: 30px;
}

.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
    content: none !important;
}

.coupon-form .checkout_coupon.woocommerce-form-coupon p:not([class*="form-row"]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    font-size: 20px;
    line-height: 150%;
    color: var(--dark-color);
}

.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 34%;
}

.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.coupon-form .checkout_coupon.woocommerce-form-coupon button.button {
    width: 164px;
}

.woocommerce form .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    float: none;
    padding: 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.woocommerce form .form-row .woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce form .form-row label,
.woocommerce-additional-fields,
.woocommerce-billing-fields>h3 {
    display: none;
}

.woocommerce-checkout #customer_details .col-1 {
    width: 100%;
    margin: auto;
    float: none;
    padding: 0;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce .billing-address-box .woocommerce-address-fields__field-wrapper {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-top: calc(-1 * var(--bs-gutter-y));
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row {
    width: 50%;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text,
.woocommerce form .form-row input.input-text,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100%;
    border: 2px solid rgb(var(--indigo-color-rgb), 50%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    background: var(--white-color);
    height: 50px;
    color: var(--indigo-color);
    font-size: 20px;
    line-height: 130%;
    border-radius: 10px;
    padding: 10px 20px;
    font-family: var(--primary-font);
    outline: none !important;
    text-align: left;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:hover,
.woocommerce form .form-row input.input-text:hover,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    border-color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered:focus,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus,
.woocommerce form .form-row input.input-text.has_focus,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered.has_focus {
    border-color: var(--yellow-color);
    color: var(--dark-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text::-webkit-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-moz-placeholder,
.woocommerce form .form-row input.input-text::-moz-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-ms-input-placeholder,
.woocommerce form .form-row input.input-text::-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text::-webkit-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-moz-placeholder,
.woocommerce form .form-row input.input-text::-moz-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-ms-input-placeholder,
.woocommerce form .form-row input.input-text::-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text::-webkit-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-moz-placeholder,
.woocommerce form .form-row input.input-text::-moz-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-ms-input-placeholder,
.woocommerce form .form-row input.input-text::-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text::-webkit-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-moz-placeholder,
.woocommerce form .form-row input.input-text::-moz-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::-ms-input-placeholder,
.woocommerce form .form-row input.input-text::-ms-input-placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text::placeholder,
.woocommerce form .form-row input.input-text::placeholder {
    color: var(--indigo-color);
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-webkit-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-moz-placeholder,
.woocommerce form .form-row input.input-text:focus::-moz-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-moz-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-moz-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus:-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-webkit-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-moz-placeholder,
.woocommerce form .form-row input.input-text:focus::-moz-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-moz-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-moz-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus:-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-webkit-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-moz-placeholder,
.woocommerce form .form-row input.input-text:focus::-moz-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-moz-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-moz-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus:-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-webkit-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-webkit-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-webkit-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-moz-placeholder,
.woocommerce form .form-row input.input-text:focus::-moz-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-moz-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-moz-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus:-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus:-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus:-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text:focus::-ms-input-placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::-ms-input-placeholder,
.woocommerce form .form-row input.input-text.has_focus::-ms-input-placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text:focus::placeholder,
.woocommerce form .form-row input.input-text:focus::placeholder,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text.has_focus::placeholder,
.woocommerce form .form-row input.input-text.has_focus::placeholder {
    color: var(--dark-color);
    opacity: 1;
    visibility: visible;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
    background-color: var(--light-gray1);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--yellow-color);
}

.woocommerce form .form-row.mailchimp-newsletter {
    margin-top: 30px;
    position: relative;
}

.checkbox_item {
    position: relative;
}

.woocommerce form .form-row.mailchimp-newsletter input[type="checkbox"],
.checkbox_item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    color: var(--white-color);
    border: 2px solid var(--yellow-color);
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.woocommerce form .form-row.mailchimp-newsletter input[type="checkbox"]:before,
.checkbox_item input[type="checkbox"]:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    background: var(--yellow-color);
    -webkit-mask-image: url("assets/images/checkbox-icon.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}

.woocommerce form .form-row.mailchimp-newsletter input[type="checkbox"]:checked,
.checkbox_item input[type="checkbox"]:checked {
    background: var(--yellow-color);
}

.woocommerce form .form-row.mailchimp-newsletter input[type="checkbox"]:checked:before,
.checkbox_item input[type="checkbox"]:checked:before {
    background: var(--white-color);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.woocommerce form .form-row.mailchimp-newsletter .woocommerce-form__label,
.checkbox_item .woocommerce-form__label {
    padding-left: 30px;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 150% !important;
    color: var(--indigo-color);
}

.woocommerce form .form-row .select2-container {
    line-height: 1;
}

.select2-container .select2-selection--single {
    height: auto !important;
    border: none;
    outline: none;
    border-radius: 0;
    margin: 0;
    padding: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px;
    right: 0;
    color: var(--indigo-color);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 50px;
}

.select2-container.select2-container--below.select2-container--open .select2-selection__rendered {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container.select2-container--above.select2-container--open .select2-selection__rendered {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.woocommerce-billing-fields__field-wrapper h3#order_review_heading {
    display: none;
}

.woocommerce form .form-row#billing_country_field {
    display: none;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row-first {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row-last {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .validate-email {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_address_1_field {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_city_field {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_state_field {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .validate-postcode {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .mailchimp-newsletter {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    width: 100%;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_phone_field {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
    width: 50%;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_company_field {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
    width: 50%;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_city_field,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_state_field,
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .validate-postcode {
    width: 33.3333%;
}

.woocommerce .main-payment-sec form .form-row.mailchimp-newsletter input[type="checkbox"] {
    width: 30px;
    height: 30px;
    left: calc(var(--bs-gutter-x) * 0.5);
}

.woocommerce .main-payment-sec form .form-row.mailchimp-newsletter input[type="checkbox"]:before {
    width: 21px;
    height: 21px;
}

.woocommerce .main-payment-sec form .form-row.mailchimp-newsletter .woocommerce-form__label {
    font-size: 20px;
    padding-left: 40px;
}

.woocommerce form .form-row.two-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.woocommerce button.button,
.woocommerce button.button.alt {
    height: 50px;
    min-height: unset;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 23.5px;
    background: var(--yellow-color);
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    float: none !important;
    margin: 0;
}

.woocommerce button.button:hover,
.woocommerce button.button.alt:hover {
    background: transparent;
    color: var(--dark-color);
}

.woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled[disabled]:hover {
    background: transparent;
    color: var(--dark-color);
    opacity: 0.8;
    padding: 8px 23.5px;
}

.woocommerce_button_wrapper {
    margin: auto 0 0;
}

.dashboard-details {
    padding: 30px;
}

.cart-order-sec {
    padding: 80px 0 0;
}

.cart-order-item-info-top {
    margin-bottom: 13%;
}

.cart-order-item-info-top .read-book-image {
    width: 100%;
    height: 137px;
}

.cart-order-item-info-top .read-book-image-bottom .outline-btn {
    font-size: 11px;
}

.cart-order-item-content {
    padding-top: 18px;
}

.cart-order-item-content .delivery-box-address-text {
    font-size: 16px;
}

.cart-order-item-content .delivery-box-address-text .delivery-name {
    font-size: 18px;
}

.basket-summary-table.checkout_table>.table-responsive>.table>tfoot>tr:first-child>td {
    padding: 0;
}

.basket-summary-table>.table-responsive>.table .table-subtotal>tbody>tr>td:nth-child(1),
.basket-summary-table>.table-responsive>.table .table-subtotal>tbody>tr>td:nth-child(2) {
    text-align: left;
}

.basket-summary-table>.table-responsive>.table .table-subtotal>tbody>tr>td.subtotal-free-text {
    color: var(--pink-color);
    text-transform: uppercase;
}

.basket-summary-table>.table-responsive>.table .table-subtotal {
    text-align: left;
}

.estimated-arrival-box-title h3 {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 28px;
    line-height: 110%;
}

.estimated-arrival-box-title h4 {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    font-family: var(--primary-font);
}

.estimated-arrival-box-title {
    text-align: center;
}

.estimated-arrival-box-wp {
    padding: 20px 30px;
    background: var(--yellow-color);
    display: block;
    position: relative;
    z-index: 2;
}

.estimated-arrival-icon-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 50px 0 0;
}

.estimated-arrival-icon-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    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;
    position: relative;
    z-index: 2;
    padding-inline: 20px;
}

.estimated-arrival-icon-box:first-child {
    padding-left: 0;
}

.estimated-arrival-icon-box:last-child {
    padding-right: 0;
}

.estimated-arrival-icon-box-content h4 {
    margin: 0 0 8px;
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
}

.estimated-arrival-icon-box-content h5 {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    opacity: 0.7;
    font-family: var(--primary-font);
}

.estimated-arrival-icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
}

.estimated-arrival-icon img {
    max-width: 24px;
    max-height: 24px;
}

.estimated-arrival-icon-box:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    background-image: url("assets/images/estimate-line-shep.svg");
    background-position: right center;
    background-size: 60px 6px;
    background-repeat: no-repeat;
    top: 50%;
    right: 0;
    margin-top: 10px;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.estimated-arrival-icon-box:last-child:before {
    content: none;
}

.woocommerce ul#shipping_method li {
    margin: 0;
}

.payment-right-wrapper {
    --btn-gap: 20px;
}

.woocommerce .payment-card-wp #wc-stripe-card-element {
    margin: 0;
}

.payment-card-wp .woocommerce-checkout-review-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.payment-card-wp .woocommerce-checkout-review-order .basket-summary-table.checkout_table {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.payment-card-wp .woocommerce-checkout-review-order .estimated-arrival-box-wp {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment {
    background: transparent !important;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.payment-card-wp #mailpoet_woocommerce_checkout_optin_field,
.payment-card-wp #mailpoet_woocommerce_checkout_optin_present_field,
.payment-card-wp .woocommerce-terms-and-conditions-wrapper {
    display: none;
}

.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order {
    padding: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 30px;
    margin-top: 0;
}

.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
    width: calc((100% / 2) - calc(var(--btn-gap, 0px) * 0.5));
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.main-payment-sec .basket-summary-bottom {
    margin-top: -56px;
}

.woocommerce-checkout .payment-card-wp .payment_box.payment_method_stripe_cc {
    margin: 0 !important;
}

.woocommerce-checkout .payment-card-wp ul.payment_methods li[class*="payment_method"] {
    padding: 10px 20px;
    background: rgb(var(--light-gray1-rgb), 15%);
    border-radius: 10px;
}

.woocommerce-checkout .payment-card-wp ul.payment_methods li[class*="payment_method"] label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}

.woocommerce-checkout .payment-card-wp ul.payment_methods li[class*="payment_method"] label .wc-stripe-card-icons-container img:first-child {
    margin-left: 0 !important;
}

.payment-card-wp .wc-stripe_cc-new-method-container:last-of-type {
    margin-bottom: 0;
}

.payment-card-wp #wc-stripe-card-element {
    padding: 10px 0 10px 0;
    background: transparent;
    border-bottom: 1px solid var(--primary-color);
    border-radius: 0;
}

.woocommerce-checkout .payment-card-wp #payment div.payment_box {
    background: transparent;
    padding: 0;
}

.woocommerce-checkout .payment-card-wp #payment div.payment_box:before {
    content: none;
}

.payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment ul.payment_methods {
    padding: 30px;
    border: none;
}

.main-payment-sec .basket-summary-bottom .buttons-group .sec-btn {
    width: calc((100% / 2) - calc(var(--btn-gap, 0px) * 0.5));
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* ========== Payment(Checkout)[Page] End ========== */

/* ========== My Account[Page] Start ========== */

/* ===== Banner CSS Start ===== */

.my_account_banner {
    min-height: 617px;
    background-image: -o-radial-gradient(73.02% 61.65%, 73.9% 91.11%, var(--orange-color) 0%, var(--yellow-color2) 100%);
    background-image: radial-gradient(73.9% 91.11% at 73.02% 61.65%, var(--orange-color) 0%, var(--yellow-color2) 100%);
}

.my_account_banner:after {
    -webkit-mask-image: url("assets/images/wave3.svg");
    height: 450px;
}

/* ===== Banner CSS End ===== */

/* ===== Woocommerce Inner Page Sec CSS Start ===== */

.customer_login_row {
    padding-top: 40px;
}

.dashboard-details-row {
    padding-top: 120px;
}

.woocommerce-inner-page-content {
    position: relative;
    padding: 0 0 var(--space-200);
}

.woocommerce-account .woocommerce-inner-page-content {
    margin-top: -385px;
}

.login_box,
.create_account_box {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.woocommerce form .password-input {
    width: 100%;
}

.login_box .h4_title,
.create_account_box .h4_title {
    margin-bottom: 30px;
}

.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(-1 * var(--bs-gutter-y));
}

.woocommerce form .form-row .password-input input.input-text {
    padding-right: 60px;
}

.woocommerce form .show-password-input {
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    width: 50px;
}

.woocommerce form .password-input .show-password-input:after {
    --icon-size: 25px;
    content: "";
    margin: 0;
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    background: var(--indigo-color);
    -webkit-mask-image: url("assets/images/password-eye-close.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    z-index: 1;
}

.woocommerce form .show-password-input.display-password::after,
.woocommerce-page form .show-password-input.display-password::after {
    -webkit-mask-image: url("assets/images/password-eye-open.svg");
}

.dashboard-details p,
.woocommerce-ResetPassword p,
.woocommerce-page-content-text p {
    color: var(--dark-color);
}

.dashboard-details p:last-child,
.woocommerce-ResetPassword p:last-child,
.woocommerce-page-content-text p:last-child {
    margin-bottom: 0;
}

.dashboard-details a[href],
.woocommerce-privacy-policy-text a[href],
.woocommerce-page-content-text a[href] {
    color: var(--yellow-color);
    font-weight: normal;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    text-decoration: underline !important;
}

.dashboard-details a[href]:hover,
.woocommerce-privacy-policy-text a[href]:hover,
.woocommerce-page-content-text a[href]:hover {
    color: var(--dark-color);
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin: 0;
}

.woocommerce-LostPassword,
.woocommerce-privacy-policy-text,
.woocommerce_inner_text {
    font-size: 18px;
    line-height: 150%;
    margin: 0;
    color: var(--indigo-color);
}

.woocommerce-privacy-policy-text {
    margin-top: 20px;
}

.woocommerce_inner_text {
    margin-top: 15px;
}

.woocommerce .create_account_box form .form-row-wide.mailchimp-newsletter {
    margin-top: 15px;
}

.woocommerce-privacy-policy-text p {
    margin: 0;
}

.woocommerce .woocommerce_button_wrapper .woocommerce-button {
    margin-top: 50px;
}

/* ===== Woocommerce Inner Page Sec CSS End ===== */

/* ========== My Account[Page] End ========== */

/* ========== Lost Password[Page] Start ========== */

.lost-password-row {
    padding-top: 90px;
}

.lost-password-box,
.lost-password-confirmation-box {
    padding: 30px;
}

/* ========== Lost Password[Page] End ========== */

/* ========== Order Summary[Page] Start ========== */

.title-with-tab {
    position: relative;
    padding-inline: 70px;
    margin-bottom: 200px;
}

.title-with-tab .toggle_box_wrapper {
    position: absolute;
    right: 0;
    top: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.order-summary-wrapper .sec-title {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-summary-wrapper .sec-title .h3_title {
    margin: 0;
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table {
    border-collapse: collapse;
    border-radius: 0;
    border: none;
    margin: 0;
    --table-item-spaceX: 50px;
    --table-item-spaceY: 20px;
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table thead tr th {
    color: var(--dark-color);
    padding: 0 var(--table-item-spaceX) var(--table-item-spaceY);
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    border-bottom: 1px solid var(--dark-color);
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--indigo-color);
    border-top: none;
    border-bottom: 1px dashed var(--indigo-color);
    padding: var(--table-item-spaceY) var(--table-item-spaceX);
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr:last-child td {
    border-bottom-width: 0;
}

.order-summary-wrapper .white_box {
    padding-bottom: 30px;
}

.main-order-summary-wrap {
    position: relative;
    z-index: 1;
}

.main-order-summary-wrap .order-summary-wrapper:not(:last-child) {
    margin-bottom: 50px;
}

.order-summary-wrapper .white_box .woocommerce-message {
    border: none;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    color: var(--yellow-color);
    gap: 50px;
    padding: 0 10px;
    text-align: center;
}

.order-summary-wrapper .white_box .woocommerce-message:before,
.order-summary-wrapper .white_box .woocommerce-message:after {
    content: none;
}

.order-summary-wrapper .white_box .woocommerce-message .woocommerce-Button.button {
    float: none;
}

.order-summary-wrapper .white_box.pending_order_box .woocommerce-message {
    margin-top: 30px;
}

.order-summary-wrapper .white_box.completed_order_box .woocommerce-message {
    margin-bottom: 20px;
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {
    color: var(--yellow-color);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a:hover {
    color: var(--dark-color);
}

/* ========== Order Summary[Page] End ========== */

/* ========== Edit Account/Account Details[Page] Start ========== */

.woocommerce-edit-account .title-with-tab {
    margin-bottom: 80px;
}

.account-info-box-row {
    position: relative;
    z-index: 1;
}

.account-info-box {
    padding: 50px;
}

.account-info-box .sec-title {
    margin-bottom: 50px;
}

/* ========== Edit Account/Account Details[Page] End ========== */

/* ========== Edit Address & Billing[Page] Start ========== */

.billing-address-box {
    padding: 30px;
}

.billing-address-box .woocommerce-page-content-text {
    margin-bottom: 15px;
}

.billing-address-box .woocommerce-Address-title .h4_title {
    margin-bottom: 15px;
}

.billing-address-box form .h4_title {
    margin-bottom: 25px;
}

.edit {
    color: var(--yellow-color);
    text-decoration: underline !important;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.edit:hover {
    color: var(--dark-color);
}

.billing-address-box .woocommerce-Address address {
    margin-bottom: 0;
    color: var(--indigo-color);
}

.billing-address-box .woocommerce-Address .woocommerce-Address-title {
    margin-bottom: 15px;
}

.woocommerce .woocommerce-address-fields__field-wrapper .address-field#billing_city_field,
.woocommerce .woocommerce-address-fields__field-wrapper .address-field#billing_state_field,
.woocommerce .woocommerce-address-fields__field-wrapper .validate-postcode {
    width: 33.3333%;
}

/* ========== Edit Address & Billing[Page] End ========== */

/* ========== View Order/Order Detail[Page] Start ========== */

.main-read-book-sec .order-number {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px;
    z-index: 10;
    width: 60px;
    height: 60px;
    border: none;
    background: var(--white-color);
    color: var(--yellow-color);
    -webkit-box-shadow: 1px 1px 10px rgb(var(--black-color-rgb), 25%);
    box-shadow: 1px 1px 10px rgb(var(--black-color-rgb), 25%);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 15px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.order-and-payment-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 30px;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.payment-text .h4_title {
    margin: 0;
    color: var(--yellow-color);
}

.end-of-order {
    width: 100%;
    display: block;
    border-bottom: 4px double var(--light-gray1);
    text-align: right;
    margin-top: 20px;
}

.end-of-order p,
.order-text p {
    margin: 0;
    font-size: 24px;
    line-height: 150%;
}

/* ========== View Order/Order Detail[Page] End ========== */

/* ========== Contact[Page] Start ========== */

.main-contact-sec {
    margin-top: -40px;
    padding: 0 0 var(--space-200);
}

.contact-us-box {
    padding: 50px;
}

.contact-us-box .sec-title {
    margin-bottom: 50px;
}

.contact-us-box .sec-title .h4_title {
    margin-bottom: 25px;
}

.contact-us-box .sec-title p {
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    margin: 0;
}

.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
    background: var(--yellow-color);
}
.ComboTreeItemParent >.comboTreeItemTitle {
    font-style:  italic !important;
	font-weight:bold !important;
}
.recaptcha-btn-box,
.cf7sr-g-recaptcha {
    text-align: center;
}

.recaptcha-btn-box .cf7sr-g-recaptcha>div {
    margin: auto;
}

.submit-button-box .wpcf7-spinner {
    position: absolute;
}

.contact-us-form .submit-button-box {
    margin-top: 25px;
}

.contact-us-form .info_note .info_note_content p {
    width: 100%;
    max-width: 580px;
}

/* ========== Contact[Page] End ========== */

/* ========== Privacy Policy & Terms Of Use[Page] Start ========== */

.no-sidebar-main-content {
    padding: 50px 0 var(--space-200);
}

.no-sidebar-content-wp p {
    font-size: 20px;
    color: var(--indigo-color);
}

.rest_banner_content .h1_title {
    margin-bottom: 22px;
}

.accordion-box,
.accordion-main-sec .accordion-box-wp .accordion-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 18px 30px;
    margin-bottom: 15px;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0 0 30px rgb(var(--black-color-rgb), 8%);
    border-radius: 15px;
    overflow: hidden;
}

.no-sidebar-content-wp .h5_title {
    font-family: var(--primary-font);
}

.accordion-title p {
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}

.accordion-main-sec .accordion-box-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.accordion-title {
    position: relative;
    padding-right: 25px;
}

.accordion-content {
    margin-top: 15px;
}

.accordion-content span.line {
    display: block;
    margin-bottom: 11px;
    width: calc(100% - 5%);
    height: 2px;
    background-color: var(--indigo-color);
}

.accordion-content p {
    color: var(--primary-color);
}

.accordion-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    pointer-events: none;
}

.active-accordion .accordion-icon {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.no-sidebar-content-wp>* {
    margin-bottom: 30px;
}

.no-sidebar-content-wp p a {
    color: var(--yellow-color);
    text-decoration: underline !important;
}

.no-sidebar-content-wp ul:not(.asterisk):not(.numbers) {
    list-style: disc;
    padding-left: 28px;
    margin-bottom: 30px;
}

.no-sidebar-content-wp ul:not(.asterisk):not(.numbers) {
    list-style: none;
    padding-left: 0;
}

.no-sidebar-content-wp ul:not(.asterisk):not(.numbers) li {
    position: relative;
    padding-left: 20px;
}

.no-sidebar-content-wp ul:not(.asterisk):not(.numbers) li:before {
    content: "*";
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 20px;
}

.no-sidebar-content-wp ul,
.no-sidebar-content-wp ol {
    color: var(--indigo-color);
    font-size: 18px;
}

.no-sidebar-content-wp ol li {
    position: relative;
    padding-left: 5px;
    list-style: nu;
    margin-left: 14px;
}

.no-sidebar-content-wp ul.asterisk,
.no-sidebar-content-wp ul.numbers {
    padding-left: 48px;
}

.no-sidebar-content-wp ul li {
    margin-bottom: 10px;
}

.no-sidebar-content-wp ul.asterisk li,
.no-sidebar-content-wp ul.numbers li {
    margin-bottom: 28px;
}

.no-sidebar-content-wp ul li:last-child {
    margin-bottom: 0;
}

.no-sidebar-content-wp>*:last-child {
    margin-top: 0;
}

.no-sidebar-content-wp:not(:last-of-type) {
    margin-bottom: 100px;
}

/* ========== Privacy Policy & Terms Of Use[Page] End ========== */

/* ========== Thankyou[Page] Start ========== */

.woocommerce-thank-you-sec {
    padding: 50px 0 var(--space-200);
    position: relative;
}

.woocommerce-thank-you-sec .woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-weight: bold;
    font-size: 1.5rem;
    padding-top: 170px;
    position: relative;
}

.woocommerce-thank-you-sec .woocommerce-notice--success.woocommerce-thankyou-order-received:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 147px;
    height: 151px;
    background-image: url("assets/images/thank-you.gif");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
}

.woocommerce-thank-you-sec ul.order_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    margin-bottom: 50px;
    gap: 20px;
}

.woocommerce ul.order_details li {
    float: none;
    margin: 0;
    padding: 0;
    border: none;
}

.woocommerce-thank-you-sec ul.order_details:before,
.woocommerce-thank-you-sec ul.order_details:after {
    content: none;
}

.woocommerce-order> :last-child {
    margin-bottom: 0 !important;
}

.woocommerce-order-details,
.woocommerce-customer-details {
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    border-radius: 20px;
    position: relative;
    padding-bottom: 30px;
}

.woocommerce-order-details>h2,
.woocommerce-customer-details>h2 {
    padding: 50px;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    margin: 0 !important;
    text-transform: capitalize;
}

.woocommerce .woocommerce-order-details .woocommerce-table {
    border-collapse: collapse;
    border-radius: 0;
    border: none;
    margin: 0;
    --table-item-spaceX: 50px;
    --table-item-spaceY: 20px;
}

.woocommerce .woocommerce-order-details .woocommerce-table thead tr th {
    color: var(--dark-color);
    padding: 0 var(--table-item-spaceX) var(--table-item-spaceY);
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    border-bottom: 1px solid var(--dark-color);
}

.woocommerce .woocommerce-order-details .woocommerce-table tbody tr td {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--indigo-color);
    border-top: none;
    border-bottom: 1px dashed var(--indigo-color);
    padding: var(--table-item-spaceY) var(--table-item-spaceX);
}

.woocommerce .woocommerce-order-details .woocommerce-table tfoot tr th,
.woocommerce .woocommerce-order-details .woocommerce-table tfoot tr td {
    font-size: 20px;
    line-height: 150%;
    color: var(--indigo-color);
    border-top: none;
    border-bottom: 1px dashed var(--indigo-color);
    padding: var(--table-item-spaceY) var(--table-item-spaceX);
}

.woocommerce .woocommerce-order-details .woocommerce-table tfoot tr:last-child th,
.woocommerce .woocommerce-order-details .woocommerce-table tfoot tr:last-child td {
    border-bottom: none;
}

.woocommerce .woocommerce-customer-details address {
    border: none;
    padding: 0 50px;
    font-size: 20px;
    line-height: 150%;
    color: var(--indigo-color);
}

/* ========== Thankyou[Page] End ========== */

/* ========== 404 Error[Page] Start ========== */

.error_img {
    width: 700px;
    margin: auto;
    max-width: 100%;
}

.error_img img {
    pointer-events: none;
}

/* ========== 404 Error[Page] End ========== */

/* ========== Search [Page] Start ========== */

.inner-page-text {
    padding: 80px 0;
}

.widget-area .widget_search .search-form,
.page-content .search-form {
    position: relative;
}

.widget-area .widget_search .search-form label,
.page-content .search-form label {
    width: calc(100% - 94px);
    margin-bottom: 0;
}

.widget-area .widget_search .search-form .search-field,
.page-content .search-form .search-field {
    -webkit-appearance: none;
    width: 100%;
    border: 2px solid rgb(var(--indigo-color-rgb), 50%);
    background: var(--white-color);
    height: 50px;
    color: var(--indigo-color);
    font-size: 20px;
    line-height: 130%;
    border-radius: 10px;
    padding: 10px 25px 10px 20px;
    font-family: var(--primary-font);
    outline: none !important;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.widget-area .widget_search .search-form .search-submit,
.page-content .search-form .search-submit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 23.5px;
    background: var(--yellow-color);
    color: var(--dark-color);
    border: 2px solid var(--dark-color);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    -webkit-box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    box-shadow: inset 0 -4px 2px rgb(var(--black-color-rgb), 25%);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.widget-area .widget_search .search-form .search-field:hover,
.page-content .search-form .search-field:hover {
    border-color: var(--indigo-color);
}

.widget-area .widget_search .search-form .search-submit:hover,
.page-content .search-form .search-submit:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

/* ========== Search [Page] End ========== */

/* ========== Blog [Page] Start ========== */

.blog_banner {
    min-height: 618px;
    padding: 215px 0 0;
}

.blog_banner:after {
    -webkit-mask-image: url("assets/images/wave4.svg");
    height: 446px;
}

.most-popular-blog {
    padding-bottom: var(--space-200);
    position: relative;
    margin-top: -220px;
}

.most-popular-blog .sec-title,
.other-blog-top-row {
    margin-bottom: 50px;
}

.most_popular_blog_slider {
    --bs-gutter-x: 25px;
}

.most_popular_blog_slider:before {
    content: "";
    position: absolute;
    top: -7%;
    -webkit-transform: rotate(160deg) scale(1, -1);
    -ms-transform: rotate(160deg) scale(1, -1);
    transform: rotate(160deg) scale(1, -1);
    right: 82%;
    width: 660px;
    height: 317px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("assets/images/wing-shape7.png");
    opacity: 0.5;
    z-index: -1;
}

.most_popular_blog_slider [class*="col-lg-"] {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.most_popular_blog_slider .slick-list {
    --slider-extra-width: 150px;
    width: calc(100% + var(--slider-extra-width));
    padding-right: var(--slider-extra-width);
    max-width: unset;
}

.blog_box.popular_blog_box .blog_box_content p {
    -webkit-line-clamp: 3;
}

.other-blog {
    padding-bottom: var(--space-200);
}

.blog-list .row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 50px;
}

.blog_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    --btn-height: 50px;
    --btn-bottom-space: 25px;
    --btn-total: calc(var(--btn-height) + var(--btn-bottom-space));
}

.blog_box_img {
    border-radius: 20px;
    height: clamp(220px, 17vw, 320px);
    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-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    position: relative;
    background-color: var(--white-color);
}

.blog_meta_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.blog_meta_list li button {
    background: var(--white-color);
    -webkit-box-shadow: 2px 4px 8px rgb(var(--black-color-rgb), 20%);
    box-shadow: 2px 4px 8px rgb(var(--black-color-rgb), 20%);
    border-radius: 10px;
    border: none;
    padding: 6.5px 10px;
    color: var(--indigo-color);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    outline: none !important;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.blog_meta_list li button p {
    margin: 0 -4px 0 -4px;
    padding: 0 !important;
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap {
    margin: 0;
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap {
    margin: 0;
    min-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap .pld-like-dislike-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap .pld-like-dislike-trigger.pld-prevent,
.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap .pld-like-dislike-trigger.pld-prevent+span {
    color: var(--yellow-color);
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap i.fas {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url("assets/images/like.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background: currentColor;
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap i.fas:before {
    content: none;
}

.blog_meta_list li button.blog_like_btn .pld-like-dislike-wrap .pld-common-wrap .pld-count-wrap {
    margin: 0;
    color: inherit;
}

.blog_view_btn .mask_icon {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url("assets/images/password-eye-open.svg");
}

.blog_like_btn .mask_icon {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url("assets/images/like.svg");
}

.blog_box_content .h5_title {
    font-family: var(--primary-font);
    font-weight: 600;
    margin-bottom: 10px;
}

.blog_box_content .h5_title a {
    color: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_box_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: -20px;
    padding-inline: 20px;
}

.blog_box_content_inr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
}

.blog_box_content_top {
    padding: 40px 20px 25px;
}

.blog_box_content_inr:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    z-index: -1;
    border-radius: 20px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.blog_box_content p {
    margin: 0;
    font-size: 18px;
    line-height: 150%;
    color: var(--indigo-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-category-search .form_select_box .form_input {
    height: 60px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    border-color: var(--white-color);
}

.blog_box_btn {
    text-align: center;
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding-bottom: 0;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.blog_box_btn .sec-btn {
    width: 200px;
    height: 50px;
}

.blog_box.popular_blog_box .blog_box_content {
    margin-top: 0;
    padding: 20px 0 0;
}

.blog_box:hover {
    z-index: 2;
}

.blog_box:hover .blog_box_content_inr:before {
    height: calc(100% + var(--btn-total));
}

.blog_box:hover .blog_box_btn {
    padding-bottom: var(--btn-bottom-space);
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.blog-pagination .row {
    margin-top: 80px;
}

/* ========== Blog [Page] End ========== */

/* ========== Single Blog [Page] Start ========== */

.single_blog_banner {
    min-height: 539px;
    padding: 215px 0 0;
}

.single_blog_banner:after {
    -webkit-mask-image: url("assets/images/wave5.svg");
    height: 191px;
}

.single_blog_banner .h1_title {
    text-shadow: 0px 0px 10px rgb(var(--black-color-rgb), 20%);
}

.single_blog_content_sec {
    padding-bottom: 150px;
}

.single_blog_content_top {
    padding: 66px 0 98px;
}

.single_blog_featured_img {
    width: 700px;
    height: clamp(300px, 24vw, 450px);
    position: relative;
    max-width: 100%;
}

.single_blog_featured_img:before {
    content: "";
    position: absolute;
    top: 70%;
    -webkit-transform: rotate(-198deg);
    -ms-transform: rotate(-198deg);
    transform: rotate(-198deg);
    right: 50%;
    width: 660px;
    height: 317px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("assets/images/wing-shape7.png");
    opacity: 0.5;
    z-index: -1;
}

.single_blog_featured_img__front {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: var(--white-color);
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.single_blog_featured_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    pointer-events: none;
}

.single_blog_featured_img__back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.single_blog_content_text p,
.single_blog_content_text ul li {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    color: var(--indigo-color);
    margin-bottom: 25px;
}

.single_blog_content_text p:last-child {
    margin-bottom: 0;
}

.single_blog_content_text a {
    color: var(--yellow-color);
}

.single_blog_content_text a:hover {
    text-decoration: underline !important;
}

.single_blog_content_top .single_blog_content_text {
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single_blog_middle_row {
    padding: 100px 0 0;
}

.single_blog_middle_row .h3_title,
.single_blog_footer_row .h3_title {
    margin-bottom: 50px;
}

.single_blog_middle_row>.single_blog_content_text {
    padding-bottom: 60px;
}

.single_blog_content_text h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    margin-bottom: 50px;
}

.single_blog_content_text h3 {
    font-weight: 400;
    line-height: 110%;
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 60px;
}

.single_blog_gift_card_img {
    text-align: right;
    position: relative;
}

.single_blog_gift_card_img:before {
    content: "";
    position: absolute;
    top: 47%;
    -webkit-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    transform: rotate(222deg);
    right: 45%;
    width: 660px;
    height: 317px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("assets/images/wing-shape7.png");
    opacity: 0.3;
    z-index: -1;
}

.single_blog_pagination {
    margin-top: 50px;
}

.single_blog_pagination .blog_meta_list ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
}

.single_blog_pagination .blog_meta_list ul li button {
    padding: 11.5px 20px;
    -webkit-box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
    box-shadow: 0px 0px 30px rgb(var(--black-color-rgb), 8%);
}

.single-blog-gift-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    justify-content: center;
    width: 433px;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    margin-bottom: 40px;
}

.single-blog-gift-card .blog-gift-card-bg-img {
    padding: 44px 20px 10px 0px;
    -webkit-box-flex: 1;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: -6px -3px 12px rgb(0 0 0 / 6%);
    box-shadow: 0px -3px 42px rgb(0 0 0 / 6%);
}

.single-blog-gift-card .typed-msg-wp {
    margin-left: 100px;
    max-width: 273px;
}

.single-blog-gift-card .typed-msg h3 {
    font-family: var(--quaternary-font);
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-blog-gift-card .handwritten-msg-wp {
    padding: 15px 0 20px 0;
    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;
    margin: auto;
}

.single-blog-gift-card .handwritten-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 57px;
    margin-left: 118px;
}

.single-blog-gift-card .handwritten-msg img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: inline-block;
}

.single-blog-gift-card .blog-gift-card-footer-content h3,
.blog-gift-card-footer-content h4 {
    color: var(--indigo-color);
    font-size: 10px;
    line-height: 150%;
    font-family: var(--primary-font);
    margin: 0;
}

.blog-gift-card-footer-content h4 a {
    color: var(--pink-color);
}

.single-blog-gift-card .blog-gift-card-footer {
    padding-left: 100px;
    max-width: 270px;
}

.blog-gift-offer-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: center;
    justify-content: center;
    width: 483px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.blog-gift-offer-card .blog-gift-offer-card-bg-img {
    padding: 30px 20px 10px 45px;
    -webkit-box-flex: 1;
    border-radius: 15px;
    overflow: hidden;
    -webkit-filter: drop-shadow(-6px 18px 40px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(-6px 18px 40px rgba(0, 0, 0, 0.2));
    box-shadow: -6px 18px 40px rgb(0 0 0 / 20%);
    -webkit-box-shadow: -6px 18px 40px rgb(0 0 0 / 20%);
}

.blog-gift-offer-card .typed-msg h3 {
    font-family: var(--quaternary-font);
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    color: var(--white-color);
    height: 77px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 18px;
    text-shadow: 1.66px 0.83px 8.2px rgb(0 0 0 / 35%);
}

.blog-gift-offer-card .typed-msg {
    max-width: 150px;
}

.blog-gift-offer-footer h4 a {
    color: var(--white-color);
    font-size: 12px;
    line-height: 150%;
    font-family: var(--primary-font);
    font-weight: normal;
    margin: 0;
    text-shadow: 1.66px 0.83px 8.2px rgb(0 0 0 / 35%);
}

.blog-gift-offer-card .logo-wp {
    margin-bottom: 12px;
}

.single-blog-gift-card-wp {
    position: relative;
    padding-left: 184px;
    float: right;
    shape-outside: circle();
    margin: 290px 11% 390px 0;
}

.single-blog-gift-card-wp:before {
    content: "";
    position: absolute;
    top: 310px;
    -webkit-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    transform: rotate(222deg);
    left: -140px;
    width: 660px;
    height: 317px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("assets/images/wing-shape7.png");
    opacity: 0.3;
    z-index: -1;
}

.single-blog-gift-card-wp:after {
    content: "";
    position: absolute;
    top: 130px;
    left: 47%;
    width: 428px;
    height: 372px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("assets/images/ring-icon.svg");
    z-index: -1;
}

.single_blog_gift_sec {
    position: relative;
    z-index: 2;
}

.single_blog_gift_bottom_sec {
    position: relative;
    margin-bottom: 410px;
}

.single_blog_gift_bottom_sec .back-shep {
    position: absolute;
    top: -106px;
    left: 0;
    width: 100%;
}

.sb_gift_img_wp {
    padding: 217px 0 0 20px;
    position: relative;
}

.sb_card_img_wp .img {
    position: relative;
    background-size: 100%;
}

.sb_card_img_wp .img-2 {
    width: 433px;
    height: 248px;
    -webkit-transform: rotate(-20.65deg);
    -ms-transform: rotate(-20.65deg);
    transform: rotate(-20.65deg);
    -webkit-filter: drop-shadow(-2.23509px -2.23509px 7.45028px rgba(0, 0, 0, 0.06)) drop-shadow(3.72514px 5.96023px 11.1754px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(-2.23509px -2.23509px 7.45028px rgba(0, 0, 0, 0.06)) drop-shadow(3.72514px 5.96023px 11.1754px rgba(0, 0, 0, 0.08));
}

.sb_card_img_wp .img-1 {
    width: 482px;
    height: 276px;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
    -webkit-filter: drop-shadow(4.14465px 6.63145px 12.434px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(4.14465px 6.63145px 12.434px rgba(0, 0, 0, 0.08));
    margin: -90px 0 0 173px;
}

.sb_gift_img_wp .gift_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-67%, -19%);
    -ms-transform: translate(-67%, -19%);
    transform: translate(-67%, -19%);
    display: block;
    width: 469px;
}

.sb_gift_img_wp .polygon-shep {
    position: absolute;
}

.sb_gift_img_wp .polygon-shep-1 {
    top: 0px;
    right: 230px;
}

.sb_gift_img_wp .polygon-shep-2 {
    bottom: -30px;
    left: -50px;
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg);
    opacity: 0.5;
}

.sb_gift_img_wp .polygon-shep-3 {
    bottom: -74px;
    right: -20px;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    opacity: 0.5;
}

.single_blog_gift_bottom_sec .curve-line {
    position: absolute;
    left: 0;
    bottom: -168px;
    width: 100%;
}

.sb_gift_img_wp .wing-shep {
    position: absolute;
}

.sb_gift_img_wp .wing-shep1 {
    opacity: 0.3;
    bottom: -220px;
    left: -240px;
    -webkit-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    transform: rotate(134deg);
}

.sb_gift_img_wp .wing-shep2 {
    top: 180px;
    right: 60px;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg);
    opacity: 0.3;
}

.single_blog_gift_bottom_sec ul.gift-list {
    padding: 0;
}

.single_blog_gift_bottom_sec .gift-content .gift-btn {
    margin-left: 0;
}

.single_blog_gift_bottom_sec .gift-content {
    padding: 70px 0 0 134px;
}

.sb_gift_img_wp .for_des {
    pointer-events: none;
}

/* ========== Single Blog [Page] End ========== */

/* ========== Common[Modal] Start ========== */

.modal {
    padding: 0 15px !important;
    --bs-modal-padding: 50px;
    --bs-modal-head-top-padding: 40px;
    --bs-modal-close-button-extra-space: 20px;
}

.modal-open {
    padding-right: 0 !important;
}

.modal-dialog {
    max-width: var(--bs-modal-width);
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal_custom_sm {
    --bs-modal-width: 650px;
}

.modal_custom_ssm {
    --bs-modal-width: 850px;
}

.modal_custom_md {
    --bs-modal-width: 965px;
}

.modal_custom_lg {
    --bs-modal-width: 1330px;
}

.modal_custom_xl {
    --bs-modal-width: 1430px;
}

.modal-content {
    border: none;
    background: var(--white-color);
    max-height: 90vh;
    height: auto;
    overflow: hidden;
    border-radius: 30px;
    --scroll-space: 0px;
    --scroll-track-width: 10px;
}

.modal .modal-head .close_btn {
    --btn-size: 40px;
    --btn-padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}

.modal .modal-head .close_btn .mask_icon {
    --icon-size: 20px;
}

.modal-head {
    position: relative;
    padding: var(--bs-modal-head-top-padding) calc(var(--bs-modal-padding) + var(--bs-modal-close-button-extra-space)) var(--bs-modal-padding) var(--bs-modal-padding);
}

.modal-head .h4_title {
    margin: 0;
}

.modal-body {
    padding: 0 var(--bs-modal-padding) var(--bs-modal-padding);
}

.modal-body .buttons-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.modal-footer .flex-box {
    padding: 0;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    --bs-modal-footer-gap: 0;
}

/* ========== Common[Modal] End ========== */

/* ========== Personal Message[Modal] Start ========== */

.personal-message_box textarea.form_input {
    height: 110px;
    resize: none;
    display: block;
}

.label-flex-box {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 10px;
}

.label-flex-box label {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: var(--dark-color);
}

.label-flex-box .character-rem {
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
}

/* ========== Personal Message[Modal] End ========== */

/* ========== Hand Writing[Modal] Start ========== */

.signature-pad-wp {
    width: 100%;
    height: clamp(200px, 20.053vw, 385px);
    position: relative;
}

.signature-pad-wp #signature-pad {
    width: 100%;
    height: 100%;
    border: 2px solid var(--indigo-color);
    border-radius: 20px;
}

.signature-pad-wp .close_btn {
    --btn-size: 40px;
    --btn-padding: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    color: var(--indigo-color);
}

.signature-pad-wp .close_btn:hover {
    color: var(--white-color);
}

.signature-pad-wp .close_btn .mask_icon {
    --icon-size: 20px;
}

/* ========== Hand Writing[Modal] End ========== */

/* ========== Holiday Customization[Modal] Start ========== */

.holidaycustomization_inner_head {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid rgb(var(--indigo-color-rgb), 10%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.holidaycustom-nav-wp {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.holidaycustom-nav-btn {
    position: relative;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    background: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    color: var(--dark-color);
}

.holidaycustom-nav-btn i {
    font-size: 20px;
}

.holidaycustom-nav-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--white-color);
    border: 2px solid rgb(var(--indigo-color-rgb), 10%);
    z-index: 10;
    width: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

.holidaycustom-nav-wp.active .holidaycustom-nav-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.holidaycustom-nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.holidaycustom-nav-menu ul li a {
    padding: 4px 30px;
    color: var(--dark-color);
    font-weight: 500;
    font-size: 24px;
    display: block;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    border-bottom: 1px solid rgb(var(--indigo-color-rgb), 10%);
}

.holidaycustom-nav-menu ul li a:hover,
.holidaycustom-nav-menu ul li a.active {
    color: var(--yellow-color);
}

.holidaycustom-nav-menu ul li:last-child a {
    border-bottom: none;
}

.holiday-customization-images {
    margin-top: 40px;
    max-height: 40vh;
    /* min-height: 40vh; */
    height: auto;
    --scroll-space: 40px;
    --scroll-track-width: 10px;
}

.holidaycustomization .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}

.holiday-customization-images .simplebar-scroll-content {
    margin-bottom: calc(-1 * var(--bs-modal-padding)) !important;
    padding-bottom: var(--bs-modal-padding) !important;
}

.holiday-customization-images .simplebar-scroll-content .simplebar-content {
    margin-right: 0 !important;
}

.holidaycustomization-img {
    position: relative;
    height: 0;
    padding-bottom: 62%;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
}

.holidaycustomization-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
}

.holidaycustomization-img.active-img:before {
    content: "";
    position: absolute;
    border: 2px solid var(--yellow-color);
    z-index: 2;
    top: -4px;
    right: -4px;
    left: -4px;
    bottom: -4px;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

/* ========== Holiday Customization[Modal] End ========== */

/* ========== Holiday Customization Custom Image[Modal] Start ========== */

.holiday-customization-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}

.choose-file-form {
    text-align: center;
}

.choose-file-form input#holidaycustom_feature_img {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.open-custom-holiday-img-modal .holiday-customization-images {
    max-height: unset;
    min-height: unset;
    margin: 0;
}

.holiday-custom-selected-images .button-box {
    margin: 20px 0 0;
}

.holiday-custom-selected-images .button-box .sec-btn {
    margin: auto;
}

.open-custom-holiday-img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px;
}

.holiday-custom-selected-images .front-image-wrapper {
    max-width: 490px;
}

.holiday-low-resolution-form .button-box .sec-btn {
    width: auto;
    min-width: 120px;
    padding: 10px 30px;
    margin: auto;
}

.holiday-low-resolution-form .button-box {
    margin: auto;
}

.holiday-customization-images-container-inr.step2 {
    display: none;
}

.btn:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.button-box-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

/* ========== Holiday Customization Custom Image[Modal] End ========== */

/* ========== Holiday Customization Crop Image[Modal] Start ========== */

.cropper-container {
    max-width: 100%;
}

.rotate-button-box .btn-group> :not(.btn-check:first-child)+.btn {
    margin-left: -2px;
}

.rotate-button-box .btn-group .sec-btn {
    width: 60px;
}

.rotate-button-box .btn {
    --bs-btn-hover-border-color: var(--dark-color);
}

/* ========== Holiday Customization Crop Image[Modal] End ========== */

/* ========== Preview Card[Modal] Start ========== */

.preview-card-content-box .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.front-content-box,
.back-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}

.front-image-wrapper {
    width: 100%;
    padding: 24px 37px 14px;
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 3.097187042236328px 4.955499172210693px 9.291561126708984px 0px rgb(var(--black-color-rgb), 8%);
    box-shadow: 3.097187042236328px 4.955499172210693px 9.291561126708984px 0px rgb(var(--black-color-rgb), 8%);
}

.front-text-container {
    margin-bottom: 20px;
}

.front-text-container h3 {
    color: var(--white-color);
    font-family: var(--quaternary-font);
    font-size: 36px;
    font-weight: 700;
    line-height: 128%;
    text-align: left;
    text-shadow: 1.37457px 0.687285px 6.87285px rgb(var(--black-color-rgb), 35%);
    margin-bottom: 0;
}

.front-image-container {
    text-align: left;
}

.front-image-container img {
    width: 230px;
    height: 155px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 20px;
    background: var(--white-color);
    pointer-events: none;
}

.front-url-container {
    margin-top: 14px;
}

.front-url-container h4 {
    margin-bottom: 0;
    color: var(--white-color);
    font-family: var(--primary-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    text-shadow: 1.37457px 0.687285px 6.87285px rgb(var(--black-color-rgb), 35%);
}

.back-content-box-inr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.preview-label {
    margin-top: auto;
    text-align: center;
}

.preview-label .h5_title {
    margin: 0;
    font-family: var(--primary-font);
}

.back-image-wrapper {
    padding: 20px;
    width: 100%;
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: -1.6702181100845337px -1.6702181100845337px 5.567393779754639px 0px rgb(var(--black-color-rgb), 6%), 2.7836968898773193px 4.453914642333984px 8.351090431213379px 0px rgb(var(--black-color-rgb), 8%);
    box-shadow: -1.6702181100845337px -1.6702181100845337px 5.567393779754639px 0px rgb(var(--black-color-rgb), 6%), 2.7836968898773193px 4.453914642333984px 8.351090431213379px 0px rgb(var(--black-color-rgb), 8%);
}

.back-typed-text-container {
    padding-top: 30px;
    margin-left: 110px;
}

.back-typed-text-container h3 {
    font-family: var(--quaternary-font);
    font-size: 24px;
    line-height: 150%;
    margin: 0;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.back-handwritten-img-container {
    text-align: center;
    padding: 15px 0;
}

.back-handwritten-img-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 190px;
    height: 90px;
    margin: auto;
}

.back-handwritten-img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: inline-block;
}

.back-card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 97px;
    height: 84px;
}

.back-card-footer-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 60px 0 15px;
}

.back-card-footer-content h3,
.back-card-footer-content h4 {
    color: var(--indigo-color);
    font-size: 18px;
    line-height: 150%;
    font-family: var(--primary-font);
    margin: 0;
}

.back-card-footer-content h4 {
    color: var(--pink-color);
}

.back-card-footer-content h4 a {
    color: currentColor;
}

.back-card-footer .wpkqcg_qrcode_wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 84px;
}

.back-card-footer .wpkqcg_qrcode_wrapper img {
    pointer-events: none;
}

/* ========== Preview Card[Modal] End ========== */

/* ========== Download & Upload CSV[Modal] Start ========== */

.csv-title {
    margin-bottom: 50px;
}

.csv-title p {
    font-size: 20px;
    line-height: 150%;
}

.form-file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload_csv_modal .info_note {
    margin-top: 50px;
}

/* ========== Download & Upload CSV[Modal] End ========== */

/* =============== Responsive CSS Start =============== */

@media (min-width: 992px) {
    .home .gift-sec {
        margin-bottom: clamp(340px, 24vw, 400px);
    }

    .single_blog_gift_bottom_sec {
        margin-bottom: clamp(340px, 24vw, 400px);
    }
}

@media (min-width: 1200px) {

    html.sticky_over,
    body.woocommerce-cart,
    body.page-template-template-delivery-details,
    body.woocommerce-view-order {
        overflow-x: unset !important;
    }

    .sticky-top-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sticky-top-container>.row {
        display: block;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .sticky-top-container>.row .first-col {
        float: left;
        display: inline-block;
    }

    .sticky-top-container>.row .second-col {
        display: inline-block;
        float: left;
    }

    .top-sticky {
        position: sticky;
        top: 145px;
        left: 0;
    }
}

@media (min-width: 1800px) {
    .md-container {
        max-width: 1454px;
    }
}

@media (min-width: 1921px) {
    .main-banner .h1_title {
        font-size: clamp(70px, 4.44vw, 150px);
    }

    .banner-img-wp img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .banner-img-wp {
        right: -11vw;
        width: 49vw;
        float: right;
    }

    .answer-sec {
        width: 100%;
        margin-bottom: 0;
    }

    .sec-1920 {
        width: 2560px;
    }

    .category-bottom-slider {
        -webkit-transform: translate(75px, -40px);
        -ms-transform: translate(75px, -40px);
        transform: translate(75px, -40px);
    }

    .gift-sec .container-fluid {
        width: 100vw;
    }

    .gift-sec .back-shep {
        width: 2560px;
        top: -900px;
    }

    .gift-sec .back-shep img {
        width: 100%;
    }

    .gift-sec .curve-line {
        width: 2560px;
        bottom: -520px;
    }

    .gift-sec .curve-line img {
        width: 100%;
    }

    .how-it-sec {
        padding: 600px 0 189px;
    }

    .inner_banner:after {
        -webkit-mask-size: 100%;
        -webkit-mask-position: center top;
    }

    .home .gift-sec {
        margin-bottom: clamp(310px, 33vw, 620px);
    }

    .single_blog_gift_bottom_sec .back-shep img,
    .single_blog_gift_bottom_sec .curve-line img {
        width: 100%;
    }

    .single_blog_gift_bottom_sec .curve-line {
        bottom: -485px;
    }

    .single_blog_gift_bottom_sec {
        margin-bottom: clamp(310px, 33vw, 620px);
    }

    .single_blog_gift_sec .lg-container {
        width: 100vw;
        --container-spacingX: calc(var(--bs-gutter-x) * 0.5);
    }

    .sb_gift_top_row {
        padding-left: 4vw;
    }
}

@media (max-width: 1850px) {
    .main-banner .h1_title {
        font-size: clamp(45px, 4vw, 85px);
    }

    .row.read-book-row {
        --bs-gutter-x: 1.5rem;
    }

    .white-btn,
    .sec-btn,
    .header-sec-btn a,
    .outline-btn,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce button.button.alt,
    .woocommerce button.button:disabled[disabled],
    .woocommerce button.button.alt:disabled[disabled],
    .woocommerce button.button:disabled[disabled]:hover,
    .woocommerce button.button.alt:disabled[disabled]:hover {
        padding: 8px 15px;
    }
}

@media (max-width: 1799px) {
    .how-it-content ul {
        left: 0;
    }

    .how-it-content li {
        width: 270px;
    }

    .gift-sec .container-fluid {
        width: 100vw;
    }

    .gift-content {
        padding: 0;
    }

    .gift-sec .curve-line {
        bottom: -270px;
    }

    .row.g-45 {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .row.g-50 {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 2rem;
    }

    .single_blog_gift_sec .lg-container {
        width: 100vw;
        --container-spacingX: calc(var(--bs-gutter-x) * 0.5);
    }
}

@media (max-width: 1699px) {
    .banner-content .h1_title .t-left {
        margin-left: -40px;
    }

    .banner-content .gift-card-icon {
        bottom: 0;
    }

    .main-banner .img-1 {
        top: 245px;
        right: 240px;
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }

    .card-img-wp {
        left: 30px;
    }

    .card-content {
        padding: 0;
    }

    .design-card-sec .estimated-arrival-icon-box::after {
        display: none;
    }

    .answer-content-wp ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .answer-content-wp li:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 700px;
    }

    .answer-content-wp li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }

    .answer-text {
        padding: 0 70px;
    }

    .answer-content-wp li:nth-child(1) .answer-text::before,
    .answer-content-wp li:nth-child(3) .answer-text::before {
        width: 400px;
        height: 400px;
    }

    .answer-content-wp li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 300px;
    }

    .answer-content-wp li:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }

    .answer-content-wp li:nth-child(3) .answer-text,
    .answer-text {
        padding: 0;
    }

    .answer-text.back-shep-1::before {
        width: 358px;
    }

    .answer-content-wp li:nth-child(2) .back-shep-2::before {
        width: 650px;
        height: 650px;
    }

    .answer-content-wp li:first-child {
        top: -120px;
    }

    .answer-content-wp li:nth-child(2) .answer-text p {
        font-size: 18px;
    }

    .answer-text p {
        font-size: 16px;
    }

    .answer-content-wp li:first-child:before {
        width: 220px;
        height: 130px;
        left: 140px;
        bottom: -53px;
    }

    .answer-content-wp li:last-child:before {
        width: 155px;
        height: 130px;
        left: -132px;
        bottom: 105px;
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        width: 510px;
        bottom: 270px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        width: 358px;
        top: -148px;
        left: 320px;
    }

    .answer-sec .polygon-shep.polygon-shep-6 {
        top: 150px;
        left: 325px;
        width: 230px;
    }

    .answer-sec .polygon-shep.polygon-shep-7 {
        width: 430px;
        bottom: 70px;
    }

    .answer-sec .polygon-shep.polygon-shep-8 {
        top: 0;
        right: 460px;
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        width: 358px;
        bottom: 230px;
        right: 270px;
    }

    .answer-sec .polygon-shep.polygon-shep-1 {
        width: 117px;
        height: 115px;
    }

    .answer-sec .polygon-shep.polygon-shep-2 {
        width: 44px;
        height: 44px;
    }

    .answer-text .overflow-text {
        height: 100px;
    }

    .answer-content-wp li:nth-child(2) .answer-text .overflow-text {
        height: 164px;
    }

    .answer-content-wp li:nth-child(3) .overflow-text {
        height: 120px;
    }

    .answer-content-wp li:last-child {
        top: 320px;
    }

    .how-it-content li {
        width: 250px;
    }

    .gift-img-wp {
        top: 100px;
        left: 0;
    }

    .read-book-image {
        width: 300px;
        height: 180px;
    }

    .delivery-box-step2 .flex-box {
        gap: 15px;
    }

    .main-delivery-sec .main-read-book-sec {
        min-height: 280px;
    }
}

@media (max-width: 1599px) {
    :root {
        --container-spacingX: 60px;
    }

    .banner-img-wp {
        width: 960px;
    }

    .card-img-wp .img-1 h3 {
        left: 110px;
        width: 320px;
    }

    .how-it-content li {
        margin: 0 50px 0 0;
    }

    .gift-content .h2-title span.d-block {
        margin: 22px 0 0 30px;
    }

    .gift-content ul.gift-list {
        padding: 137px 0 0 70px;
    }

    .gift-content .gift-btn {
        margin: 50px 0 0 70px;
    }

    .gift-card-results-rightside {
        padding-left: 50px;
    }

    .gift-card-results-filter-checkbox-list li {
        --label_spaceX: 15px;
        --label_spaceY: 8px;
    }

    .gift-card-results-filter-checkbox-list li.active {
        --label_close_button: 22px;
        --label_gap: 5px;
    }

    .gift-card-results-filter-checkbox-list li label {
        font-size: 16px;
    }

    .single_blog_gift_bottom_sec ul.gift-list {
        padding: 0;
    }
}

@media (max-width: 1499px) {
    .answer-sec .lg-container {
        max-width: 1450px;
        --container-spacingX: 60px;
    }

    .h1_title {
        font-size: 60px;
    }

    .h1_title img {
        width: 50px;
    }

    .h2_title {
        font-size: 46px;
    }

    .h3_title,
    .woocommerce-order-details>h2,
    .woocommerce-customer-details>h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .h4_title {
        font-size: 30px;
    }

    .banner-img-wp {
        width: 865px;
        right: 60px;
    }

    .banner-content p {
        font-size: 22px;
    }

    .banner-content ul {
        padding: 100px 0 0;
    }

    .design-card-sec .estimated-arrival-box-wp::before {
        width: 710px;
    }

    .design-card-sec .estimated-arrival-icon-box-content h4 {
        font-size: 20px;
    }

    .design-card-sec .estimated-arrival-icon-box-content h5 {
        font-size: 16px;
    }

    .design-card-sec .estimated-arrival-icon-box-wrap {
        padding: 30px 0 0 0;
    }

    .answer-content-wp li:nth-child(2) .answer-text .overflow-text {
        height: 145px;
    }

    .card-content p {
        width: 660px;
    }

    .card-info li {
        font-size: 16px;
    }

    .card-info li span {
        font-size: 20px;
    }

    .card-info {
        width: 315px;
        height: 74px;
    }

    .card-info li {
        margin-right: 16px;
    }

    .card-info li::before {
        left: -14px;
    }

    .answer-content-wp li:nth-child(2) .back-shep-2::before {
        width: 510px;
        height: 510px;
    }

    .answer-text.back-shep-2 .h2_title {
        padding: 30px;
    }

    .answer-content-wp li:first-child:before {
        bottom: -128px;
    }

    .answer-content-wp li:last-child:before {
        left: -130px;
        bottom: 25px;
    }

    .answer-content-wp li:last-child {
        top: 250px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        top: -78px;
        left: 270px;
    }

    .answer-sec .polygon-shep.polygon-shep-6 {
        top: 280px;
    }

    .gift-sec .lg-container {
        max-width: 1200px;
    }

    .gift-content .h2-title span.d-block {
        margin: 16px 0 0 30px;
    }

    .gift-sec .img-shep {
        top: 10px;
        left: 120px;
    }

    .gift-content ul.gift-list {
        padding: 137px 0 0 0;
    }

    .gift-content .gift-btn {
        margin: 50px 0 0 0;
    }

    .gift-sec .back-shep {
        top: -655px;
    }

    .gift-img-wp .card-img-wp .img-2 {
        width: 380px;
        height: 220px;
    }

    .gift-img-wp .card-img-wp .img-1 {
        width: 400px;
        height: 240px;
        margin: -150px 0 0 224px;
    }

    .card-img-wp .img-1 h3 {
        left: 80px;
    }

    .gift-img-wp {
        left: -60px;
    }

    .gift-img-wp .card-img-wp .img-3 {
        width: 400px;
        height: 220px;
        margin: -25px 0 0 10px;
    }

    .gift-img-wp .gift-circle {
        -webkit-transform: translate(-50%, -43%);
        -ms-transform: translate(-50%, -43%);
        transform: translate(-50%, -43%);
    }

    .how-it-content {
        text-align: center;
    }

    .how-it-content li {
        width: auto;
        margin: 0 100px 30px 0;
    }

    .how-it-content li:last-child {
        margin: 0 20px 0 0;
    }

    .how-it-content li:last-child::after {
        display: block;
    }

    .how-it-content li::after {
        right: -70px;
    }

    .testimonial-slider .slick-list {
        left: 0;
    }

    .category-bottom-slider {
        -webkit-transform: translate(74px, -35px);
        -ms-transform: translate(74px, -35px);
        transform: translate(74px, -35px);
    }

    .close_btn {
        --btn-size: 50px;
    }

    .read-book-image {
        width: 260px;
        height: 160px;
    }

    .main-read-book-sec {
        min-height: 280px;
        padding-left: 0;
    }

    .rb--buttons-boxes .buttons-group {
        gap: 10px;
    }

    .rb--button-box:not(:last-child) {
        margin-bottom: 15px;
    }

    .white-label-input-box {
        min-width: 80px;
    }

    .basket-summary-table>.table-responsive>.table {
        --table-item-spaceX: 15px;
        --table-item-spaceX-first-last: 15px;
    }

    .basket-summary-table .table>thead>tr>th {
        font-size: 20px;
    }

    .basket-summary-table .table>tbody>tr>td {
        font-size: 18px;
    }

    .basket-summary-table .table>tfoot>tr>td {
        font-size: 22px;
    }

    .basket-summary-bottom {
        padding: 0 15px;
    }

    .buttons-group {
        gap: 10px;
    }

    .row.delivery_row {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }

    .delivery-box-address-text {
        font-size: 18px;
    }

    .delivery-box-address-text span.delivery-name {
        font-size: 20px;
    }

    .sound-good-box-text,
    .coupon-form .checkout_coupon.woocommerce-form-coupon p:not([class*="form-row"]) {
        font-size: 18px;
    }

    .payment-right-wrapper {
        --btn-gap: 10px;
    }

    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment ul.payment_methods {
        padding: 15px;
    }

    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
    .woocommerce .billing-address-box .woocommerce-address-fields__field-wrapper {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }

    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order {
        padding: 0 15px;
    }

    .estimated-arrival-box-wp {
        padding: 20px;
    }

    .login_box,
    .create_account_box,
    .account-info-box,
    .contact-us-box {
        padding: 30px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table,
    .woocommerce .woocommerce-order-details .woocommerce-table {
        --table-item-spaceX: 30px;
        --table-item-spaceY: 15px;
    }

    .order-summary-wrapper .sec-title,
    .woocommerce-order-details>h2,
    .woocommerce-customer-details>h2 {
        padding: 40px 30px;
    }

    .woocommerce .woocommerce-customer-details address {
        padding: 0 30px;
    }

    .modal {
        --bs-modal-padding: 30px;
        --bs-modal-close-button-extra-space: 50px;
    }

    .csv-title {
        margin-bottom: 30px;
        max-width: 700px;
        margin-inline: auto;
    }

    .upload_csv_modal .info_note {
        margin-top: 30px;
    }

    .main-read-book-sec .order-number {
        width: 50px;
        height: 50px;
        padding: 10px;
        font-size: 26px;
    }

    .single_blog_content_text p,
    .single_blog_content_text ul li {
        font-size: 20px;
    }

    .single-blog-gift-card-wp:before {
        left: -260px;
    }

    .single_blog_gift_bottom_sec ul.gift-list {
        padding: 0;
    }
}

@media (max-width: 1399px) {
    .h1_title img {
        width: 45px;
    }

    .how-it-content li:last-child {
        margin: 0;
    }

    .banner-img-wp {
        width: 720px;
    }

    .banner-content {
        padding: 250px 0 0 110px;
    }

    .banner-content .gift-card-icon {
        width: 135px;
        left: -40px;
    }

    .banner-content ul {
        padding: 50px 0 0;
        gap: 25px 60px;
    }

    .banner-content ul li .text {
        font-size: 18px;
    }

    .banner-content ul li .icon {
        width: 40px;
    }

    .card-img-wp {
        left: 15px;
    }

    .sec-btn.white-btn {
        width: 300px;
        font-size: 18px;
    }

    .card-content p {
        width: 590px;
        font-size: 20px;
    }

    .design-card-sec .estimated-arrival-icon-box-content h4 {
        font-size: 18px;
    }

    .design-card-sec .estimated-arrival-icon-box-content h5 {
        font-size: 14px;
    }

    .design-card-sec .estimated-arrival-icon-box-wrap {
        padding: 10px 0 0 0;
    }

    .card-info {
        width: 285px;
        height: 66px;
    }

    .card-info li span {
        font-size: 16px;
    }

    .design-card-sec .img-shep {
        width: 550px;
    }

    .category-slider .slick-list {
        margin: 0 57px;
    }

    .gift-card-results-rightside {
        padding-left: 10px;
    }

    .gift-card-results-box-title h5 {
        font-size: 18px;
    }

    .white-label-input-box {
        padding: 10px 15px;
    }

    .white-label-input-box.horizontal {
        min-height: 50px;
    }

    .gift-card-results-box-wp .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 30px;
    }

    .basket-summary-icon-box-content {
        font-size: 16px;
    }

    .read-book-image {
        width: 230px;
        height: 140px;
    }

    .basket-summary-bottom .sec-btn,
    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
        font-size: clamp(13px, 1.05vw, 20px);
    }

    .main-delivery-sec .main-read-book-sec {
        min-height: 260px;
    }
}

@media (max-width: 1299px) {
    .banner-img-wp {
        width: 680px;
    }

    .design-card-sec .estimated-arrival-box-wp {
        padding: 0;
    }

    .design-card-sec .estimated-arrival-box-wp::before {
        width: 590px;
    }

    .answer-content-wp li:last-child {
        margin: 0;
    }

    .answer-content-wp li:nth-child(1) .answer-text::before,
    .answer-content-wp li:nth-child(3) .answer-text::before {
        width: 350px;
        height: 350px;
    }

    .answer-text p {
        font-size: 15px;
    }

    .answer-content-wp li:nth-child(2) .answer-text p {
        font-size: 16px;
    }

    .answer-content-wp li:nth-child(2) {
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 39%;
        flex: 0 0 39%;
    }

    .answer-content-wp li:last-child:before {
        left: -108px;
        bottom: 30px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        left: 340px;
    }

    .answer-sec .polygon-shep.polygon-shep-6 {
        left: 395px;
    }

    .answer-content-wp li:first-child:before {
        width: 190px;
        height: 122px;
        left: 130px;
        bottom: -97px;
    }

    .row.read-book-row {
        --bs-gutter-x: 1rem;
    }

    .white-btn,
    .sec-btn,
    .header-sec-btn a,
    .outline-btn,
    .woocommerce a.button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce button.button.alt,
    .woocommerce button.button:disabled[disabled],
    .woocommerce button.button.alt:disabled[disabled],
    .woocommerce button.button:disabled[disabled]:hover,
    .woocommerce button.button.alt:disabled[disabled]:hover {
        padding: 8px 10px;
    }

    .read-book-image {
        width: 190px;
        height: 140px;
    }

    .cart-order-item-info-top .read-book-image {
        height: 110px;
    }

    .modal_custom_lg {
        --bs-modal-width: 950px;
    }

    .front-text-container h3 {
        font-size: 24px;
    }

    .front-image-container img {
        width: 170px;
        height: 100px;
    }

    .back-typed-text-container {
        margin-left: 50px;
        padding-top: 20px;
    }

    .back-typed-text-container h3 {
        font-size: 18px;
        height: 54px;
    }

    .back-handwritten-img-inner {
        width: 150px;
        height: 70px;
    }

    .back-card-footer-content h3,
    .back-card-footer-content h4 {
        font-size: 14px;
    }

    .back-card-footer {
        padding-left: 50px;
        height: 63px;
    }

    .back-card-footer-content {
        padding: 0 15px;
    }

    .back-card-footer .wpkqcg_qrcode_wrapper {
        width: 60px;
    }

    .back-handwritten-img-container {
        padding: 5px 0;
    }

    .single-blog-gift-card-wp {
        margin: 290px 3% 390px 0;
    }
}

@media (max-width: 1199px) {
    .banner-content .h1_title .t-left {
        margin-left: -30px;
    }

    .main-banner {
        margin-bottom: 120px;
    }

    .banner-img-wp {
        width: 600px;
    }

    .banner-content {
        padding: 200px 0 0 90px;
    }

    .banner-content .gift-card-icon {
        left: -80px;
    }

    .card-content p {
        width: 510px;
        font-size: 18px;
    }

    .design-card-sec {
        margin-bottom: 360px;
    }

    .card-btn {
        display: block;
    }

    .card-info {
        margin: 4px 0 0;
    }

    .answer-content-wp li:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 530px;
    }

    .answer-content-wp li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 220px;
    }

    .answer-text .overflow-text {
        height: 90px;
    }

    .answer-content-wp li:nth-child(3) .overflow-text {
        height: 90px;
    }

    .answer-content-wp li:nth-child(1) .answer-text::before,
    .answer-content-wp li:nth-child(3) .answer-text::before {
        width: 330px;
        height: 330px;
    }

    .answer-content-wp li:nth-child(2) .back-shep-2::before {
        width: 490px;
        height: 490px;
    }

    .answer-content-wp ul {
        margin-top: -134px;
    }

    .answer-content-wp li:first-child:before {
        bottom: -76px;
        left: 35px;
    }

    .answer-content-wp li:last-child:before {
        left: -133px;
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        width: 490px;
        bottom: 200px;
    }

    .answer-sec .polygon-shep.polygon-shep-8 {
        right: 510px;
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        width: 330px;
        right: 350px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        width: 330px;
        left: 390px;
    }

    .answer-sec .polygon-shep.polygon-shep-6 {
        left: 460px;
    }

    .answer-sec {
        margin-bottom: 0;
        padding: 200px 0 300px;
    }

    .category-slider .slick-list {
        margin: 0;
    }

    .category-slider .slick-slider {
        --bs-gutter-x: 30px;
    }

    .category-bottom-slider {
        -webkit-transform: translate(62px, -50px);
        -ms-transform: translate(62px, -50px);
        transform: translate(62px, -50px);
    }

    .category-slider-box-inner .category-slide-box--text {
        font-size: 28px;
    }

    .gift-content .h2_title span.d-block {
        margin: 0 0 0 10px;
    }

    .gift-img-wp .card-img-wp .img-2 {
        width: 330px;
        height: 190px;
    }

    .gift-img-wp .card-img-wp .img-1 {
        width: 340px;
        height: 200px;
        margin: -130px 0 0 190px;
    }

    .card-img-wp .img-1 h3 {
        left: 80px;
        font-size: 18px;
        width: auto;
        padding: 0 105px 0 0;
    }

    .gift-img-wp .card-img-wp .img-3 {
        width: 330px;
        height: 190px;
        margin: -27px 0 0 20px;
    }

    .gift-img-wp .card-img-wp .img-3 h2 {
        left: 50px;
        font-size: 28px;
    }

    .gift-sec .curve-line {
        bottom: -290px;
    }

    .testimonial-slider-box-inner {
        padding: 60px 20px 47px;
    }

    .read-book-image {
        width: 300px;
        height: 180px;
    }

    .row.read-book-row {
        --bs-gutter-x: 1.5rem;
    }

    .basket-summary-bottom .sec-btn,
    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt {
        font-size: 16px;
    }

    .main-delivery-sec .main-read-book-sec {
        min-height: 290px;
    }

    .cart-order-item-info-top .read-book-image {
        height: 137px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table thead tr th,
    .woocommerce .woocommerce-order-details .woocommerce-table thead tr th {
        font-size: 20px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td,
    .woocommerce .woocommerce-order-details .woocommerce-table tbody tr td,
    .woocommerce .woocommerce-order-details .woocommerce-table tfoot tr th,
    .woocommerce .woocommerce-order-details .woocommerce-table tfoot tr td {
        font-size: 18px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table,
    .woocommerce .woocommerce-order-details .woocommerce-table {
        --table-item-spaceX: 20px;
    }

    .order-summary-wrapper .sec-title,
    .woocommerce-order-details>h2,
    .woocommerce-customer-details>h2 {
        padding: 40px 20px;
    }

    .woocommerce .woocommerce-customer-details address {
        padding: 0 20px;
    }

    .holidaycustomization_inner_head {
        gap: 20px 30px;
    }

    .holidaycustom-nav-btn {
        font-size: 20px;
    }

    .holidaycustom-nav-menu ul li a {
        font-size: 20px;
        padding: 4px 15px;
    }

    .sb_card_img_wp .img-2 {
        width: 330px;
        height: 190px;
    }

    .sb_card_img_wp .img-1 {
        width: 340px;
        height: 200px;
        margin: -74px 0 0 134px;
    }

    .sb_gift_img_wp .gift_circle {
        width: 350px;
    }

    .single_blog_gift_bottom_sec .gift-content {
        padding: 40px 0 0 30px;
    }

    .single_blog_gift_bottom_sec .curve-line {
        bottom: -245px;
    }

    .sb_gift_img_wp {
        padding: 130px 0 0 20px;
    }

    .single_blog_gift_bottom_sec .back-shep {
        top: -80px;
    }

    .single_blog_gift_sec.sec-1920 {
        width: 1600px;
    }

    .sb_gift_top_row .h2_title span.d-block {
        margin: 0 0 0 90px;
    }
}

@media (max-width: 1099px) {
    .h2_title img {
        width: 38px;
    }

    .banner-img-wp {
        width: 560px;
    }

    .card-content p {
        width: 420px;
    }

    .card-img-wp .img-2 {
        width: 360px;
    }

    .card-img-wp .img-1 {
        width: 400px;
    }

    .answer-content-wp li:nth-child(1) .answer-text::before,
    .answer-content-wp li:nth-child(3) .answer-text::before {
        width: 300px;
        height: 300px;
    }

    .answer-content-wp li:nth-child(2) .back-shep-2::before {
        width: 480px;
        height: 480px;
    }

    .answer-content-wp li:first-child:before {
        bottom: -64px;
    }

    .answer-content-wp li:last-child:before {
        left: -123px;
        bottom: 47px;
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        width: 300px;
        right: 420px;
        bottom: 120px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        width: 300px;
        left: 410px;
        top: -46px;
    }

    .answer-sec .polygon-shep.polygon-shep-6 {
        left: 500px;
    }

    .answer-sec .polygon-shep.polygon-shep-7 {
        width: 350px;
        bottom: 120px;
    }

    .answer-sec .polygon-shep.polygon-shep-2 {
        left: 660px;
    }

    .answer-sec .polygon-shep.polygon-shep-1 {
        left: 490px;
    }

    .how-it-content li:last-child {
        margin: 0 100px 0 0;
    }

    .answer-text .overflow-text {
        height: 95px;
    }

    .blog-gift-offer-card {
        width: 443px;
    }
}

@media (max-width: 991px) {
    :root {
        --container-spacingX: 30px;
        --space-200: 120px;
    }

    .for_des {
        display: none !important;
    }

    .for_mob {
        display: block !important;
    }

    .for_des_flex {
        display: none !important;
    }

    .for_mob_flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .main-banner .h1_title {
        font-size: 45px;
    }

    .h1_title {
        font-size: 50px;
    }

    .h2_title {
        font-size: 40px;
    }

    .h3_title,
    .woocommerce-order-details>h2,
    .woocommerce-customer-details>h2,
    .single_blog_content_text h2 {
        font-size: 30px;
    }

    .single_blog_content_text h3 {
        font-size: 24px;
        margin-top: 30px;
    }

    .notification-bar {
        font-size: 18px;
        padding: 4px 0;
    }

    .main-header {
        top: calc(var(--wp-admin--admin-bar--height, 0px) + 35px);
    }

    .header-wp {
        padding: 8px 15px;
        height: 70px;
    }

    .header-right li {
        margin: 0 15px;
    }

    .header-right li.menu-link-3 {
        display: none;
    }

    .main-banner {
        margin-bottom: 80px;
    }

    .banner-img-wp {
        width: 100%;
        right: 30px;
    }

    .banner-content {
        padding: 30px 0 0;
        text-align: center;
    }

    .banner-content .h1_title .t-left {
        margin-left: 0;
    }

    .banner-content .gift-card-icon {
        position: relative;
        left: unset;
        display: inline-block;
    }

    .banner-content ul li .text {
        text-align: left;
    }

    .main-banner .img-1 {
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, 0) rotate(-25deg);
        -ms-transform: translate(-50%, 0) rotate(-25deg);
        transform: translate(-50%, 0) rotate(-25deg);
    }

    .banner-content ul {
        margin: 0 0 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .card-content p {
        width: 100%;
    }

    .card-content {
        text-align: center;
        margin-bottom: 20px;
    }

    .card-info {
        margin: 10px auto 0;
    }

    .card-img-wp {
        position: relative;
    }

    .card-img-wp .img-2 {
        margin: 0 auto 20px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 400px;
    }

    .card-img-wp .img-1 {
        margin: 0 auto 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .card-btn {
        margin-bottom: 30px;
    }

    .design-card-sec .estimated-arrival-box-wp {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .design-card-sec .estimated-arrival-box-wp::before {
        display: none;
    }

    .design-card-sec {
        margin-bottom: 100px;
    }

    .gift-content .h2_title,
    .sb_gift_top_row .h2_title {
        color: var(--white-color);
        text-align: center;
        margin-bottom: 30px;
    }

    .gift-content .h2_title span.d-block {
        margin: 0;
    }

    .answer-sec {
        padding: 240px 0 280px;
    }

    .answer-content-wp li:nth-child(2),
    .answer-content-wp li {
        max-width: 100%;
        margin-bottom: 200px;
    }

    .answer-content-wp li:last-child {
        margin-bottom: 0;
    }

    .answer-content-wp ul {
        display: block;
        margin: 0;
    }

    .answer-content-wp li:first-child {
        top: 0;
        margin-bottom: 220px;
    }

    .answer-content-wp li:last-child {
        top: 0;
    }

    .answer-text .sec-wp {
        max-width: 310px;
        margin: 0 auto;
    }

    .answer-content-wp li:nth-child(1) .answer-text::before,
    .answer-content-wp li:nth-child(3) .answer-text::before {
        width: 400px;
        height: 400px;
    }

    .answer-sec .polygon-shep.polygon-shep-8,
    .answer-sec .polygon-shep.polygon-shep-6,
    .answer-sec .polygon-shep.polygon-shep-1,
    .answer-sec .polygon-shep.polygon-shep-2,
    .answer-content-wp li:last-child:before,
    .answer-content-wp li:first-child:before {
        display: none;
    }

    .answer-text.back-shep-2 {
        padding: 0;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        left: 50%;
        top: 0;
        -webkit-transform: translate(-67%, 0);
        -ms-transform: translate(-67%, 0);
        transform: translate(-67%, 0);
        width: 400px;
        height: 400px;
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .answer-sec .polygon-shep.polygon-shep-7 {
        display: none;
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .answer-sec::before {
        -webkit-clip-path: polygon(0 0, 100% 140px, 100% 85%, 0% 100%);
        clip-path: polygon(0 0, 100% 140px, 100% 85%, 0% 100%);
    }

    .answer-sec .gradient-div::after {
        bottom: 121px;
        -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    .answer-sec .gradient-div::after {
        bottom: 121px;
        -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    .answer-text.back-shep-2 .h2_title {
        font-size: 40px;
    }

    .categories-sec {
        padding: 0 0 30px;
    }

    .category-content {
        margin-bottom: 30px;
    }

    .category-content p {
        font-size: 18px;
    }

    .gift-content .h2-title {
        width: 100%;
        text-align: center;
        color: var(--white-color);
    }

    .gift-sec {
        background: var(--dark-color);
        padding: 60px 0 150px;
    }

    .gift-sec .img-shep,
    .gift-sec .curve-line,
    .gift-sec .back-shep {
        display: none;
    }

    .gift-content ul.gift-list {
        text-align: center;
        padding: 0;
    }

    .gift-content li::before {
        position: relative;
        display: inline-block;
        top: 0;
        left: -10px;
    }

    .gift-content .gift-btn {
        text-align: center;
        margin: 30px 0 0;
    }

    .gift-content li {
        font-size: 20px;
        margin-bottom: 13px;
        padding: 0;
    }

    .gift-img-wp {
        top: 19px;
        left: 0;
    }

    .gift-img-wp .img {
        margin: 0 auto 0;
    }

    .gift-img-wp .card-img-wp .img-3 {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        margin: 0 auto;
        width: 400px;
        height: 240px;
    }

    .gift-img-wp .card-img-wp .img-1 {
        margin: 100px auto 0;
        width: 400px;
        height: 240px;
    }

    .gift-img-wp .card-img-wp .img-2 {
        width: 400px;
        height: 240px;
    }

    .card-img-wp .img-1 h3 {
        top: auto;
        bottom: 80px;
        left: 0;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .gift-img-wp .card-img-wp .img-3 h2 {
        left: 0;
        text-align: center;
        color: var(--white-color);
    }

    .how-it-sec {
        padding: 80px 0 90px;
    }

    .how-it-content li::after {
        display: none;
    }

    .how-it-content {
        text-align: center;
    }

    .how-it-content li {
        margin: 0 0 30px;
        gap: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .how-it-content li:last-child {
        margin: 0;
    }

    .how-it-content li .text {
        margin: 0;
        font-size: 22px;
    }

    .testimonial-sec {
        padding: 0 0 100px;
    }

    .testimonial-slider .slick-list {
        left: 50%;
        -webkit-transform: translate(-42%, 0);
        -ms-transform: translate(-42%, 0);
        transform: translate(-42%, 0);
    }

    .testimonial-sec .img-shep {
        bottom: 110px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .category-bottom-slider {
        -webkit-transform: translate(80px, -50px);
        -ms-transform: translate(80px, -50px);
        transform: translate(80px, -50px);
    }

    .answer-content-wp li:nth-child(2) .answer-text .overflow-text {
        height: 170px;
        padding-right: 10px;
    }

    .top-footer {
        padding: 70px 0 40px 0;
    }

    .site-footer .shape-img1 {
        right: 75%;
    }

    .site-footer .shape-img2 {
        left: 46%;
    }

    .site-footer .shape-img3 {
        left: 75%;
    }

    .footer-menu .menu-footer-menu-container .menu li a {
        font-size: 20px;
    }

    .footer-menu .menu-footer-menu-container .menu {
        gap: 15px 50px;
    }

    .bottom-footer-text p {
        font-size: 16px;
    }

    .gift-card-results-rightside .sec-title .h3_title {
        color: var(--dark-color) !important;
    }

    .inner_banner.gift_search_banner {
        min-height: unset;
        padding: 190px 0 260px;
    }

    .main-gift-cards-results {
        margin-top: 0;
        padding-top: 30px;
    }

    .inner_banner:after {
        height: 300px;
        -webkit-mask-size: 100%;
    }

    .form_input.form_input_lg {
        height: 70px;
        font-size: 20px;
        padding: 15px 30px;
    }

    .form_input,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper input.input-text,
    .woocommerce form .form-row input.input-text,
    .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered,
    .widget-area .widget_search .search-form .search-field,
    .page-content .search-form .search-field {
        height: 44px;
        font-size: 16px;
        padding: 10px 15px;
    }

    textarea.form_input.form_input2 {
        height: 150px;
    }

    .gift_card_form {
        --btn-width: 80px;
    }

    .gift_card_form .button_wrapper:before {
        height: 50px;
    }

    .gift-card-results-box-wp .row {
        --bs-gutter-x: 35px;
        --bs-gutter-y: 45px;
    }

    .gift-card-results-filter-box:not(:last-child) {
        margin-bottom: 50px;
    }

    .gift-card-results-rightside {
        padding: 50px 0 0;
    }

    .gift-card-results-filter-box .h3_title,
    .gift-card-results-rightside .sec-title,
    .main-payment-sec .sec-title,
    .account-info-box .sec-title,
    .contact-us-box .sec-title,
    .most-popular-blog .sec-title,
    .other-blog-top-row,
    .single_blog_middle_row .h3_title,
    .single_blog_footer_row .h3_title,
    .single_blog_content_text h2 {
        margin-bottom: 30px;
    }

    .gift-card-results-rightside .img-shep {
        width: 450px;
        bottom: -150px;
    }

    .pagination_nav_next_btn,
    .pagination_nav_prev_btn {
        width: 160px;
        height: 50px;
        font-size: 16px;
        padding: 8px 15px;
        gap: 10px;
    }

    .pagination_count_btn_wrapper {
        gap: 20px 20px;
    }

    .pagination_btns_group {
        width: 120px;
        height: 50px;
        font-size: 16px;
        padding: 8px 15px;
        gap: 15px 30px;
    }

    .pagination_count {
        font-size: 20px;
    }

    .sec-btn.lg-btn,
    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order .button.alt,
    .sec-btn.sm-btn {
        height: 44px;
    }

    .read-book-image {
        width: 195px;
        height: 150px;
    }

    .row.read-book-row {
        --bs-gutter-x: 1rem;
    }

    .main-read-book-sec {
        padding: 35px 0 45px;
        min-height: 245px;
    }

    .common_banner {
        min-height: unset;
        padding: 190px 0 130px;
    }

    .cart-sec-rightside {
        padding: 30px 0 30px;
    }

    .alert_box {
        padding: 15px;
    }

    .coupon-form .checkout_coupon.woocommerce-form-coupon {
        --bs-gutter-x: 15px;
    }

    .coupon-form .checkout_coupon.woocommerce-form-coupon button.button {
        width: auto;
    }

    .woocommerce button.button,
    .woocommerce button.button.alt {
        height: 44px;
    }

    .cart-order-item-info-top .read-book-image {
        height: 167px;
    }

    .cart-order-sec {
        padding: 50px 0 0;
    }

    .main-payment-sec .basket-summary-bottom {
        margin-top: -44px;
    }

    .estimated-arrival-icon-box-wrap,
    .design-card-sec .estimated-arrival-icon-box-wrap {
        padding: 30px 0 0;
    }

    .estimated-arrival-box-title h3 {
        font-size: 24px;
    }

    .estimated-arrival-box-title h4 {
        font-size: 16px;
    }

    .my_account_banner:after {
        height: 300px;
    }

    .woocommerce-account .woocommerce-inner-page-content {
        margin-top: -220px;
    }

    .my_account_banner {
        min-height: unset;
        padding: 240px 0 160px;
    }

    .customer_login_row>.row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .customer_login_row,
    .dashboard-details-row,
    .lost-password-row {
        padding: 0;
    }

    .woocommerce-LostPassword,
    .woocommerce-privacy-policy-text,
    .woocommerce_inner_text {
        font-size: 16px;
    }

    .woocommerce .woocommerce_button_wrapper .woocommerce-button {
        margin-top: var(--bs-gutter-y);
    }

    .woocommerce form .password-input .show-password-input:after {
        --icon-size: 20px;
    }

    .woocommerce form .form-row .password-input input.input-text {
        padding-right: 50px;
    }

    .title-with-tab {
        padding-inline: 60px;
        margin-bottom: 100px;
    }

    .order-summary-wrapper .sec-title,
    .woocommerce-order-details>h2,
    .woocommerce-customer-details>h2 {
        padding: 30px 15px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table thead tr th,
    .woocommerce .woocommerce-order-details .woocommerce-table thead tr th {
        font-size: 18px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td,
    .woocommerce .woocommerce-order-details .woocommerce-table tbody tr td,
    .woocommerce .woocommerce-order-details .woocommerce-table tfoot tr th,
    .woocommerce .woocommerce-order-details .woocommerce-table tfoot tr td {
        font-size: 16px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table,
    .woocommerce .woocommerce-order-details .woocommerce-table {
        --table-item-spaceX: 15px;
        --table-item-spaceY: 10px;
    }

    .order-summary-wrapper .white_box .woocommerce-message {
        font-size: 20px;
        gap: 20px;
    }

    .order-summary-wrapper .white_box.pending_order_box .woocommerce-message {
        margin-top: 20px;
    }

    .order-summary-wrapper .white_box.completed_order_box .woocommerce-message {
        margin-bottom: 10px;
    }

    .toggle_box_btn {
        --btn-size: 50px;
        --btn-size--inr: 30px;
        --btn-size--line: 25px;
    }

    .toggle_box_menu {
        padding: 50px 20px 20px;
        width: 270px;
    }

    .toggle_box_menu ul {
        gap: 20px;
    }

    .toggle_box_menu ul li a {
        font-size: 20px;
    }

    .sticky-cart-inner {
        gap: 10px 20px;
        padding: 0 20px 0 10px;
    }

    .sticky-cart-inner-image {
        width: 120px;
        height: 80px;
        margin: -20px 0 -6px 0;
    }

    .sticky-cart-inner-info {
        font-size: 16px;
    }

    .character_note {
        font-size: 14px;
    }

    .contact-us-box .sec-title .h4_title {
        margin-bottom: 15px;
    }

    .contact-us-box .sec-title p {
        font-size: 18px;
    }

    .info_note {
        padding: 15px;
        gap: 15px;
    }

    .info_note .info_note_content p {
        font-size: 16px;
    }

    .contact-us-form .submit-button-box {
        margin-top: 0;
    }

    .no-sidebar-content-wp p,
    .no-sidebar-content-wp ul {
        font-size: 16px;
    }

    .no-sidebar-content-wp:not(:last-of-type) {
        margin-bottom: 50px;
    }

    .accordion-box,
    .accordion-main-sec .accordion-box-wp .accordion-box {
        padding: 15px;
    }

    .accordion-icon img {
        width: 16px;
    }

    .no-sidebar-content-wp ul.asterisk,
    .no-sidebar-content-wp ul.numbers {
        padding-left: 20px;
    }

    .woocommerce-thank-you-sec .woocommerce-notice--success.woocommerce-thankyou-order-received {
        padding-top: 100px;
        font-size: 20px;
    }

    .woocommerce-thank-you-sec .woocommerce-notice--success.woocommerce-thankyou-order-received:before {
        width: 75px;
        height: 100px;
    }

    .woocommerce-thank-you-sec ul.order_details {
        margin-bottom: 30px;
    }

    .woocommerce .woocommerce-customer-details address {
        font-size: 16px;
    }

    .woocommerce-thank-you-sec {
        padding-top: 30px;
    }

    .modal {
        --bs-modal-padding: 20px;
        --bs-modal-head-top-padding: 30px;
    }

    .modal .modal-head .close_btn {
        right: 20px;
        top: 20px;
    }

    .modal-body .buttons-group {
        margin-top: 20px;
    }

    .modal-content {
        --scroll-track-width: 5px;
    }

    .sec-btn.mmd-btn {
        width: 100px;
    }

    .holidaycustomization .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .holiday-customization-images {
        --scroll-space: 1.5rem;
        --scroll-track-width: 5px;
        margin-top: 30px;
    }

    .modal_custom_lg {
        --bs-modal-width: 440px;
    }

    .csv-title p {
        font-size: 16px;
    }

    .widget-area .widget_search .search-form .search-submit,
    .page-content .search-form .search-submit {
        height: 44px;
    }

    .blog_banner {
        min-height: unset;
        padding: 190px 0 160px;
    }

    .most-popular-blog {
        margin-top: 0;
    }

    .blog-category-search .form_select_box .form_input {
        height: 44px;
        border-radius: 12px;
    }

    .most_popular_blog_slider:before {
        top: 0;
    }

    .blog_box_content {
        padding-inline: 10px;
    }

    .blog_box_content .h5_title {
        font-size: 20px;
    }

    .blog_box_content p {
        font-size: 16px;
    }

    .blog_box_btn .sec-btn {
        width: 160px;
    }

    .blog_box {
        --btn-height: 44px;
    }

    .single_blog_content_top {
        padding: 30px 0 60px;
    }

    .single_blog_featured_img {
        margin-top: 60px;
        height: clamp(200px, 45vw, 450px);
        margin-inline: auto;
    }

    .single_blog_middle_row {
        padding: 50px 0 0;
    }

    .single_blog_content_text p,
    .single_blog_content_text ul li {
        font-size: 16px;
    }

    .single_blog_banner {
        min-height: unset;
        padding: 190px 0 160px;
    }

    .single_blog_content_sec {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .single_blog_middle_row>.single_blog_content_text {
        padding-bottom: 30px;
    }

    .single-blog-gift-card-wp {
        margin: 80px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        float: none;
        padding: 0;
    }

    .blog-gift-offer-card {
        width: 483px;
    }

    .single-blog-gift-card-wp:before {
        left: -110px;
        top: 240px;
    }

    .single_blog_gift_sec {
        background: var(--indigo-color2);
        padding: 60px 0;
        margin-bottom: var(--space-200);
    }

    .sb_gift_img_wp {
        padding: 0;
    }

    .sb_card_img_wp .img-1,
    .sb_card_img_wp .img-2 {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin: 0 auto 30px;
    }

    .single_blog_gift_bottom_sec .gift-content {
        padding: 30px 0 0;
    }

    .single_blog_gift_bottom_sec {
        margin: 0;
    }

    .sb_card_img_wp .img-1 {
        margin-bottom: 0;
    }

    .sb_gift_top_row .h2_title span.d-block {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order #place_order.button.alt {
        width: calc((100% / 2) - calc(var(--btn-gap, 0px) * 0.5));
        margin-bottom: 0;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions:before,
    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td.wc-no-data-found:before {
        content: none;
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background: transparent;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr:last-child td {
        border-bottom-width: 1px;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr:last-child td:last-child {
        border-bottom-width: 0;
    }

    .woocommerce .order-summary-wrapper .woocommerce-orders-table tbody tr td {
        font-size: 16px;
    }

    .order-summary-wrapper .white_box.pending_order_box .woocommerce-message {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .header-right li {
        margin: 0 10px;
    }

    .header-right li:first-child {
        margin-right: 10px;
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        -webkit-transform: translate(-50%, -43%);
        -ms-transform: translate(-50%, -43%);
        transform: translate(-50%, -43%);
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        bottom: 100px;
    }

    .category-slider .slick-slider {
        --bs-gutter-x: 25px;
    }

    .category-slider {
        margin: 0 -33px;
    }

    .category-bottom-slider {
        -webkit-transform: translate(50px, -45px);
        -ms-transform: translate(50px, -45px);
        transform: translate(50px, -45px);
    }

    .category-slider-box-inner {
        height: 300px;
    }

    .row.testimonial-slider {
        padding-inline: 90px;
    }

    .testimonial-text p {
        font-size: 16px;
    }

    .testimonial-sec .img-shep {
        bottom: 150px;
    }

    .testimonial-sec .h2_title {
        margin-bottom: 40px;
    }

    .testimonial-slider .slick-list {
        left: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        width: 100%;
    }

    .testimonial-text.overflow-text {
        height: 156px;
    }

    .answer-content-wp li:nth-child(2) .answer-text .overflow-text {
        height: 155px;
    }

    .inner_banner.gift_search_banner {
        padding: 160px 0 220px;
    }

    .row.read-book-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .read-book-image {
        width: 100%;
        height: 65vw;
    }

    .main-read-book-sec .close_btn,
    .main-read-book-sec .order-number {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .read-book-sec--leftside {
        margin-top: 6%;
        margin-bottom: 10%;
    }

    .main-read-book-sec,
    .main-delivery-sec .main-read-book-sec {
        padding: 30px 0 40px 0;
    }

    .white-label-input-box {
        min-width: 100px;
    }

    .main-read-book-sec .white-label-input-boxes {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .common_banner {
        padding: 160px 0 120px;
    }

    .basket-summary-icon-boxes-wp {
        margin-bottom: 30px;
    }

    .basket-summary-bottom {
        gap: 20px 15px;
    }

    .basket-summary-links a {
        font-size: 18px;
    }

    .rb--buttons-boxes .buttons-group .sec-btn {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .rb--buttons-boxes .buttons-group .sec-btn[data-bs-target="#apply_to_all_modal"] {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .sound-good-box,
    .coupon-form .checkout_coupon.woocommerce-form-coupon,
    .order-and-payment-box {
        padding: 15px;
    }

    .sound-good-box-text,
    .coupon-form .checkout_coupon.woocommerce-form-coupon p:not([class*="form-row"]) {
        font-size: 16px;
    }

    .coupon-form .checkout_coupon.woocommerce-form-coupon {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
        width: 100%;
    }

    .coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_city_field,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .address-field#billing_state_field,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .validate-postcode,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_phone_field,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_company_field {
        width: 100%;
    }

    .woocommerce .main-payment-sec form .form-row.mailchimp-newsletter .woocommerce-form__label {
        font-size: 16px;
        padding-left: 30px;
    }

    .woocommerce .main-payment-sec form .form-row.mailchimp-newsletter input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .woocommerce .main-payment-sec form .form-row.mailchimp-newsletter input[type="checkbox"]:before {
        width: 14px;
        height: 14px;
    }

    .woocommerce-checkout .payment-card-wp ul.payment_methods li[class*="payment_method"] {
        padding: 10px 15px;
    }

    .woocommerce .woocommerce-address-fields__field-wrapper .address-field#billing_city_field,
    .woocommerce .woocommerce-address-fields__field-wrapper .address-field#billing_state_field,
    .woocommerce .woocommerce-address-fields__field-wrapper .validate-postcode {
        width: 100%;
    }

    .end-of-order p,
    .order-text p {
        font-size: 20px;
    }

    .payment-text .h4_title {
        font-size: 24px;
    }

    .blog_banner {
        padding: 160px 0 120px;
    }

    .most-popular-blog {
        margin-top: 0;
    }

    .single_blog_banner {
        padding: 160px 0 120px;
    }

    .single-blog-gift-card-wp:after {
        left: 84px;
    }
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

@media (max-width: 575px) {
    :root {
        --container-spacingX: calc(1.5rem / 2);
        --space-200: 80px;
    }

    .main-banner .h1_title {
        font-size: 40px;
    }

    .h1_title {
        font-size: 40px;
    }

    .h2_title {
        font-size: 36px;
    }

    .h5_title {
        font-size: 18px;
    }

    .header-right li a.link {
        font-size: 14px;
    }

    .header-right li {
        margin: 0 5px;
    }

    .header-right li a:not(.header-sec-btn a) {
        font-size: 16px;
    }

    .cart-wp a img {
        width: 25px;
    }

    .header-right li {
        margin: 0 7px;
    }

    .cart-wp .heighlight {
        min-width: 16px;
        height: 16px;
        font-size: 10px;
    }

    .banner-img-wp {
        right: 15px;
    }

    .banner-content p {
        font-size: 18px;
    }

    .main-banner .img-1 {
        width: 100%;
        -webkit-transform: translate(-50%, -50%) rotate(-25deg);
        -ms-transform: translate(-50%, -50%) rotate(-25deg);
        transform: translate(-50%, -50%) rotate(-25deg);
    }

    .card-img-wp .img-2,
    .card-img-wp .img-1 {
        width: 100%;
        height: 58vw;
    }

    .card-img-wp {
        left: 0;
    }

    .card-img-wp .img-2 {
        margin: 0 auto 0;
    }

    .design-card-sec {
        padding: 99px 0 80px;
    }

    .design-card-sec {
        margin-bottom: 40px;
    }

    .answer-content-wp ul {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .answer-sec {
        padding: 120px 0;
        margin-bottom: 0;
    }

    .testimonial-slider .slick-list {
        width: 100%;
    }

    .category-content .img-shep {
        width: auto;
    }

    .gift-sec .img-shep {
        left: 50%;
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0);
    }

    .testimonial-sec .img-shep {
        bottom: 60px;
    }

    .categories-sec {
        padding: 0 0 50px;
    }

    .category-slider .slick-slide {
        width: 280px;
    }

    .category-slider-box-inner {
        width: 100%;
        height: 280px;
    }

    .category-top-slider {
        -webkit-transform: translate(25px, 0);
        -ms-transform: translate(25px, 0);
        transform: translate(25px, 0);
    }

    .category-bottom-slider {
        -webkit-transform: translate(165px, -40px);
        -ms-transform: translate(165px, -40px);
        transform: translate(165px, -40px);
    }

    .category-slider-box-inner .category-slide-box--text {
        font-size: 22px;
    }

    .category-slider-box-inner .category-slide-box--text::before {
        width: 100%;
    }

    .gift-img-wp .card-img-wp .img-3,
    .gift-img-wp .card-img-wp .img-1,
    .gift-img-wp .card-img-wp .img-2 {
        width: 100%;
        height: 58vw;
    }

    .how-it-sec {
        padding: 60px 0;
    }

    .how-it-content li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 20px;
    }

    .how-it-content li .text {
        margin: 0;
        font-size: 16px;
    }

    .how-it-content .h2_title {
        margin-bottom: 23px;
    }

    .gift-sec {
        padding: 60px 0 110px;
    }

    .gift-img-wp .card-img-wp .img-3 h2 {
        width: 100%;
        text-align: center;
        bottom: auto;
        top: 100%;
        font-size: 20px;
    }

    .testimonial-sec .h2_title {
        margin-bottom: 20px;
    }

    .testimonial-slider-box-inner h3 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .author .author-img {
        width: 72px;
        height: 86px;
    }

    .testimonial-text {
        margin-bottom: 17px;
    }

    .gift-content li {
        font-size: 18px;
    }

    .sec-btn.lg-btn {
        width: 230px;
        line-height: 100%;
    }

    .sec-btn.md-btn {
        width: 190px;
        height: 44px;
        font-size: 16px;
    }

    .row.testimonial-slider {
        padding-inline: 50px;
    }

    .testimonial-slider-box-inner {
        padding: 40px 30px 35px;
    }

    .testimonial-text.overflow-text {
        height: 120px;
    }

    .design-card-sec .estimated-arrival-box-title h3 {
        font-size: 28px;
    }

    .design-card-sec .estimated-arrival-box-title h4 {
        font-size: 20px;
    }

    .form_input.form_input_lg {
        height: 60px;
        font-size: 16px;
        padding: 10px 15px;
    }

    .gift_card_form {
        --btn-width: 60px;
    }

    .gift_card_form .button_wrapper:before {
        height: 40px;
    }

    .search_btn {
        width: 30px;
        height: 30px;
    }

    .search_btn .mask_icon {
        width: 20px;
        height: 20px;
    }

    .inner_banner.gift_search_banner {
        padding: 160px 0 190px;
    }

    .delivery_row .col.col-small,
    .delivery_row .col.col-large {
        width: 100%;
    }

    .login_box,
    .create_account_box,
    .dashboard-details,
    .account-info-box,
    .billing-address-box,
    .lost-password-box,
    .lost-password-confirmation-box,
    .contact-us-box {
        padding: 20px 15px;
    }

    .login_box .h4_title,
    .create_account_box .h4_title {
        margin-bottom: 20px;
    }

    .sticky-cart-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sticky-cart-inner-image {
        margin-bottom: 0;
    }

    .sticky-cart-inner-info p {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .title-with-tab {
        margin-bottom: 60px;
    }

    .toggle_box_btn {
        --btn-size: 45px;
        --btn-size--inr: 26px;
        --btn-size--line: 20px;
        --btn-size--line-gap: 5px;
        --btn-size--line-rotate-px: 8px;
    }

    .toggle_box_menu {
        padding: 45px 15px 15px;
        width: 220px;
    }

    .toggle_box_menu ul {
        gap: 15px;
    }

    .toggle_box_menu ul li a {
        font-size: 18px;
    }

    .modal {
        --bs-modal-close-button-extra-space: 40px;
    }

    .modal .modal-head .close_btn {
        right: 10px;
        top: 10px;
        --btn-size: 35px;
    }

    .modal-head .h4_title {
        font-size: 26px;
    }

    .label-flex-box label {
        font-size: 16px;
    }

    .label-flex-box .character-rem {
        font-size: 14px;
    }

    .signature-pad-wp .close_btn {
        --btn-size: 35px;
        right: 10px;
        top: 10px;
    }

    .holiday-customization-images {
        --scroll-space: 1rem;
    }

    .holidaycustom-nav-btn {
        font-size: 18px;
        gap: 15px;
    }

    .holidaycustom-nav-btn i {
        font-size: 18px;
    }

    .holidaycustomization .row>[class*="col-"] {
        width: 100%;
    }

    .holidaycustom-nav-menu ul li a {
        font-size: 18px;
    }

    .single-blog-gift-card {
        width: 400px;
    }

    .single-blog-gift-card .handwritten-msg-wp {
        padding: 10px 0 10px 0;
    }

    .single-blog-gift-card .blog-gift-card-bg-img {
        padding: 30px 20px 10px 0px;
    }

    .blog-gift-offer-card {
        width: 400px;
    }

    .sb_card_img_wp .img-2 {
        width: 100%;
        height: 52vw;
    }

    .sb_card_img_wp .img-1 {
        width: 100%;
        height: 53vw;
    }
}

@media (max-width: 480px) {
    .row.testimonial-slider {
        padding-inline: 0;
        --bs-gutter-x: 1.5rem;
    }

    .inner_banner.gift_search_banner {
        padding: 150px 0 140px;
    }

    .gift-card-results-filter-checkbox-list ul {
        gap: 15px;
    }

    .gift-card-results-box-wp .row>[class*="col-"],
    .cart-order-sec-items-row .row>[class*="col-"],
    .blog-list .row>[class*="col-"] {
        width: 100%;
    }

    .gift-card-results-box-wp .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .gift-card-results-pagination-nav .row,
    .blog-pagination .row {
        margin-top: 50px;
    }

    .pagination_nav_next_btn,
    .pagination_nav_prev_btn {
        width: 140px;
        font-size: 14px;
        padding: 8px;
    }

    .pagination_nav_next_btn .mask_icon,
    .pagination_nav_prev_btn .mask_icon {
        width: 14px;
        height: 10px;
    }

    .pagination_count_btn_wrapper {
        gap: 10px;
    }

    .pagination_count {
        font-size: 16px;
    }

    .pagination_btns_group {
        width: 90px;
        padding: 8px;
        gap: 15px;
    }

    .pagination_btn a .mask_icon {
        width: 14px;
        height: 10px;
    }

    .rb--buttons-boxes .buttons-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .rb--button-box:not(:last-child) {
        margin-bottom: 25px;
    }

    .basket-summary-table .table>thead>tr>th {
        font-size: 18px;
    }

    .basket-summary-table .table>tbody>tr>td {
        font-size: 16px;
    }

    .basket-summary-table .table>tfoot>tr>td {
        font-size: 20px;
    }

    .basket-summary-table>.table-responsive>.table {
        --table-item-spaceX: 10px;
        --table-item-spaceX-first-last: 15px;
        --table-item-spaceY: 10px;
        --table-item-spaceY-first-last: 15px;
    }

    .basket-summary-bottom .buttons-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .basket-summary-bottom .buttons-group .sec-btn {
        width: 100%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .sound-good-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        text-align: center;
    }

    .cart-order-item-info-top .read-book-image {
        height: 50vw;
    }

    .estimated-arrival-icon-box-wrap {
        -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;
        gap: 15px;
    }

    .estimated-arrival-icon-box {
        padding: 0;
    }

    .estimated-arrival-icon-box:before {
        content: none;
    }

    .main-payment-sec .basket-summary-bottom {
        margin-top: 10px;
    }

    .payment-card-wp .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .form-row.place-order #place_order.button.alt,
    .main-payment-sec .basket-summary-bottom .buttons-group .sec-btn {
        width: 100%;
    }

    .woocommerce-thank-you-sec ul.order_details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .modal {
        --bs-modal-close-button-extra-space: 30px;
    }

    .modal_custom_lg {
        --bs-modal-width: 370px;
    }

    .front-image-wrapper {
        padding: 15px 15px 14px;
    }

    .front-text-container h3 {
        font-size: 20px;
    }

    .front-image-container img {
        width: 130px;
        height: 75px;
    }

    .front-text-container {
        margin-bottom: 10px;
    }

    .front-url-container {
        margin-top: 10px;
    }

    .back-image-wrapper {
        padding: 15px;
    }

    .back-typed-text-container {
        margin-left: 45px;
        padding-top: 20px;
    }

    .back-typed-text-container h3 {
        font-size: 15px;
        height: 45px;
    }

    .back-handwritten-img-inner {
        width: 110px;
        height: 50px;
    }

    .back-handwritten-img-container {
        padding: 2px 0;
    }

    .back-card-footer-content {
        padding: 0 5px;
    }

    .back-card-footer-content h3,
    .back-card-footer-content h4 {
        font-size: 10px;
    }

    .back-card-footer .wpkqcg_qrcode_wrapper {
        width: 45px;
    }

    .front-url-container h4 {
        font-size: 13px;
    }

    .gift-card-results-box-wp {
        padding: 0 calc(1.5rem / 2);
    }

    .blog_box_content_top {
        padding: 35px 10px 15px;
    }

    .blog_box {
        --btn-bottom-space: 20px;
    }

    .single_blog_pagination .blog_meta_list ul li button {
        padding: 6.5px 10px;
    }

    .single-blog-gift-card {
        width: 320px;
    }

    .single-blog-gift-card .typed-msg h3 {
        font-size: 18px;
        height: 48px;
    }

    .single-blog-gift-card .handwritten-msg {
        height: 45px;
    }

    .single-blog-gift-card .blog-gift-card-footer-content h3,
    .blog-gift-card-footer-content h4 {
        font-size: 8px;
    }

    .blog-gift-offer-card {
        width: 310px;
    }

    .blog-gift-offer-card .typed-msg h3 {
        font-size: 22px;
        height: 60px;
        margin-bottom: 0px;
    }

    .blog-gift-offer-card .logo-wp img {
        width: 60px;
    }

    .blog-gift-offer-card .blog-gift-offer-card-bg-img {
        padding: 20px 20px 10px 20px;
    }

    .blog-gift-offer-card .logo-wp {
        margin-bottom: 0;
    }

    .single-blog-gift-card-wp:before {
        width: 560px;
        height: 217px;
        top: 190px;
        left: -230px;
    }

    .single-blog-gift-card-wp:after {
        width: 308px;
        height: 242px;
        top: 90px;
    }
}

@media (max-width: 400px) {
    .banner-content .gift-card-icon {
        width: 100px;
    }

    .design-card-sec {
        padding: 79px 0 70px;
    }

    .sec-btn.white-btn {
        width: 100%;
    }

    .answer-content-wp ul {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65);
    }

    .answer-sec {
        padding: 0;
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
    }

    .answer-sec .polygon-shep.polygon-shep-4 {
        width: 300px;
    }

    .answer-sec .polygon-shep.polygon-shep-3 {
        width: 300px;
        top: 40px;
    }

    .answer-sec .polygon-shep.polygon-shep-5 {
        width: 300px;
    }

    .testimonial-slider-box-inner {
        padding: 40px 15px 27px;
    }

    .categories-sec {
        padding: 0 0 40px;
    }

    .category-slider .slick-slide {
        width: 220px;
    }

    .category-slider-box-inner {
        height: 220px;
    }

    .category-slider .slick-slider {
        --bs-gutter-x: 15px;
    }

    .category-bottom-slider {
        -webkit-transform: translate(140px, -37px);
        -ms-transform: translate(140px, -37px);
        transform: translate(140px, -37px);
    }

    .category-top-slider {
        -webkit-transform: translate(20px, 0);
        -ms-transform: translate(20px, 0);
        transform: translate(20px, 0);
    }

    .category-bottom-slider {
        -webkit-transform: translate(130px, -37px);
        -ms-transform: translate(130px, -37px);
        transform: translate(130px, -37px);
    }

    .category-slider-box-inner .category-slide-box--text {
        font-size: 18px;
    }

    .recaptcha-btn-box .cf7sr-g-recaptcha>div {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0) scale(0.85);
        -ms-transform: translate(-50%, 0) scale(0.85);
        transform: translate(-50%, 0) scale(0.85);
        margin: unset;
    }

    .modal-footer .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .modal_custom_lg {
        --bs-modal-width: 290px;
    }

    .back-image-wrapper {
        padding: 5px;
    }

    .back-typed-text-container {
        margin-left: 40px;
    }

    .back-typed-text-container h3 {
        font-size: 10px;
        height: 30px;
    }

    .back-handwritten-img-inner {
        width: 80px;
        height: 35px;
    }

    .back-card-footer {
        height: 36px;
    }

    .back-card-footer-content h3,
    .back-card-footer-content h4 {
        font-size: 8px;
    }

    .back-card-footer .wpkqcg_qrcode_wrapper {
        width: 30px;
    }

    .front-image-wrapper {
        padding: 10px;
    }

    .front-text-container h3 {
        font-size: 18px;
    }

    .front-image-container img {
        width: 110px;
        height: 55px;
        border-radius: 10px;
    }

    .front-url-container {
        margin-top: 5px;
    }

    .front-url-container h4 {
        font-size: 10px;
    }

    .apply_to_all_modal .modal-footer .flex-box,
    .remove_cart_products .modal-footer .flex-box,
    .apply_to_all_address_modal .modal-footer .flex-box,
    .product_restore_modal .modal-footer .flex-box,
    .sign_out_modal .modal-footer .flex-box,
    .delete_user_gift_card_modal .modal-footer .flex-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

    .single-blog-gift-card {
        width: 245px;
    }

    .single-blog-gift-card .typed-msg-wp {
        margin-left: 40px;
    }

    .single-blog-gift-card .handwritten-msg {
        margin-left: 0;
    }

    .single-blog-gift-card .wpkqcg_qrcode_wrapper img {
        width: 40px;
    }

    .single-blog-gift-card .typed-msg h3 {
        font-size: 12px;
        height: 32px;
    }

    .single-blog-gift-card .handwritten-msg-wp {
        padding: 0;
    }

    .single-blog-gift-card .blog-gift-card-footer {
        padding-left: 50px;
    }

    .blog-gift-offer-card {
        width: 260px;
    }

    .blog-gift-offer-card .typed-msg h3 {
        font-size: 16px;
        height: 44px;
    }

    .blog-gift-offer-card .typed-msg {
        max-width: 84px;
    }

    .single-blog-gift-card-wp:before {
        width: 430px;
        height: 137px;
        -webkit-transform: rotate(242deg);
        -ms-transform: rotate(242deg);
        transform: rotate(242deg);
    }

    .single-blog-gift-card-wp:after {
        width: 238px;
        height: 162px;
    }
}

/* =============== Responsive CSS End =============== */

/* =============== 2022 Update End =============== */