@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.cdnfonts.com/css/segoe-ui-variable-static-display");
@import url("https://fonts.googleapis.com/css2?family=Seaweed+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap");

:root {
  --primary-color: #00acb3;
  --primary-dark-color: #008186;
  --text-color: #717171;
  --text-dark-color: #5e5e5e;
  --dark-color: #133051;
  --black-color: #000;
  --bg-theme-overlay: #0000006e;
  --white-color: #fff;
  --white-hover-color: #d8d5d5;
  --gift-bg-color: #FFF6E9;
  --dark-black: #3e3e3e;
  --placeholder-color: #d0d0d0;
  --link-color: #9f9f9f;
  --light-text-color: #c9c9c9;
  --link-dark-color: #505050;
  --bg-gift-color: #d5f7f6;
  --gift-highlight-bg-color: #D9D9D92B;
  --price-bg-color: #ecf7f8;
  --medium-light-color: #9f9f9f;
  --thankyou-page-color: #F5ECEC;
  --birthday-bg-color: #DFEFD6;
  --graduation-range-color: #3771C8;
  --birthday-range-color: #F56753;
  --voucher-bg-color: #ecf7f8;
  --qatar-national-day: #F9F9F9;
  --qatar-national-day-range-color: #C7588C;
  --footer-heading-color: #4f4e4e;
  --search-background-color: #bce4e547;
  --graduation-bg-color: #F7FBFF;
  --new-born-range-color: #E1B67D;
  --thank-you-range-color: #C13001;
  --love-bg-color: #F6E2E2;
  --love-range-color: #A11400;
  --action-light-btn-bg: #bce4e5;
  --wedding-price-bar-bg: #E1B67D;
  --danger-color: #fb3232;
  --yellow-color: #F3C2007A;
  --wedding-page-color: #FDFCF5;
  --new-born-bg-color: #FFFCFC;
  --hero-slide-bg: #41595a69;
  --brand-font: "El Messiri", sans-serif;
  --sub-heading-font: "Lora", serif;
  --body-font: "Segoe UI", sans-serif;
  --body-font-jost: "Jost", sans-serif;
  --body-font-nunito: "Nunito Sans", sans-serif;
  --banner-heading-font: "Seaweed Script", cursive;
  --banner-sub-heading-font: "Sawarabi Gothic", sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

*:focus {
  box-shadow: none !important;
}

*:focus:not(input[type="checkbox"], select, button, .dropdown-item) {
  border: none !important;
  border-color: transparent !important;
}

*:active {
  box-shadow: 0 !important;
}

.border-dark {
  border-color: #21252924 !important;
}

a {
  text-decoration: none;
  color: inherit;
}

.text-dark-color {
  color: var(--text-dark-color);
}

body {
  font-family: var(--body-font);
}

.text-dark-color {
  color: var(--text-dark-color);
}

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


.light-text {
  color: var(--light-text-color) !important;
}

.medium-text {
  color: var(--medium-light-color) !important;
}

.secondary-heading-font {
  font-family: var(--body-font);
}

.container {
  max-width: 1250px !important;
}

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

.btn-white:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
}

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

.border-color-secondary {
  border-color: var(--primary-dark-color) !important;
}



.link-color {
  color: var(--link-color);
  text-decoration: underline !important;
}

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

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

.text-black {
  color: var(--black-color);
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.text-color {
  color: var(--text-color);
}

.brand-font {
  font-family: var(--brand-font);
}

.secondary-font {
  font-family: var(--body-font-nunito);
}

.font-family-jost {
  font-family: var(--body-font-jost);
}

.banner-heading-font {
  font-family: var(--banner-heading-font);
}

.banner-sub-heading-font {
  font-family: var(--banner-sub-heading-font);
}

.link-dark-color {
  color: var(--link-dark-color);
  text-decoration-color: var(--link-dark-color) !important;
}

.sub-heading {
  font-family: var(--sub-heading-font);
}

.logo {
  width: 100px;
}

.logo-background img {
  width: 65%;
  z-index: 456;
}

.input-group:not(.border-bottom) {
  border: 1px solid var(--dark-color);
}

.product-filter-side .accordion-button:not(.collapsed) {
  background-color: var(--primary-color);
  color: var(--white-color);
  font-size: 18px;
  font-weight: 600;
}

.product-filter-side .accordion-button::after {
  content: "";
}

/*  */
.date-time-picker-custom .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--light-text-color);
}

.light-color {
  color: var(--link-color);
}

.date-time-picker-custom .btn-outline-primary:hover {
  background-color: var(--price-bg-color);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.day-date input:focus {
  border: 1px solid var(--light-text-color) !important;
}

.date-time-picker-custom .btn-check:checked+.btn-outline-primary {
  color: var(--primary-color) !important;
  background-color: var(--price-bg-color) !important;
  border-color: var(--primary-color) !important;
}

input[type="checkbox"]:focus {
  border-color: var(--primary-color) !important;
}


/*  */

.input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.input-group-text {
  background-color: transparent;
  border: 0;
}

.checkout .item-price {
  font-size: 52px;
}

.input-group-text~input {
  border: 0;
  background-color: transparent !important;
}

input::placeholder {
  color: var(--placeholder-color) !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  color: var(--white-color);
  border: 0 !important;
}

.btn-primary:hover {
  background-color: var(--primary-dark-color) !important;
  transition: all 0.3s ease-in-out;
}

.btn-outline-primary {
  background-color: transparent !important;
  border: 1px solid var(--primary-color) !important;
  border-radius: 0.375rem;
  color: var(--primary-color) !important;
  transition: all .3s ease-in-out;
}

.btn-outline-primary:focus {
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.btn-secondary {
  background-color: var(--primary-dark-color) !important;
  color: var(--white-color);
  border: 0 !important;
}

.btn-secondary:hover {
  background-color: var(--primary-color) !important;
}



.gift-bg-highlight {
  background-color: var(--gift-highlight-bg-color);
}

.btn-light {
  background-color: var(--action-light-btn-bg);
  color: var(--black-color);
  border: none;
}

.btn-light:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
  border: 0 !important;
  transition: all 0.3s ease-in-out;
}
.gift-item-slide .item{
    position:relative;
}

.gift-item-slide .item .ev-img{
    transition:all .4s ease-in-out ;
}
.gift-item-slide .item:hover .ev-img{
    transform:scale(1.3);
}



.table,
td,
tr,
th {
  background-color: transparent !important;
}

.primary-color {
  color: var(--primary-color) !important;
}

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

.secondary-color {
  color: var(--primary-dark-color) !important;
}

.hero-swiper-item {
  position: relative;
}

.header-home-icon {
  width: 34px;
}

.size-12 {
  font-size: 12px;
}

.size-13 {
  font-size: 13px;
}

.size-14 {
  font-size: 14px;
}

.size-15 {
  font-size: 13px;
}

.size-16 {
  font-size: 16px;
}

.size-17 {
  font-size: 17px;
}

.size-18 {
  font-size: 15px;
}

.size-19 {
  font-size: 19px;
}

.size-20 {
  font-size: 16px;
}

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

.size-22 {
  font-size: 22px;
}

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

.size-24 {
  font-size: 24px;
}

.size-25 {
  font-size: 25px;
}

.size-26 {
  font-size: 26px;
}

.size-27 {
  font-size: 27px;
}

.size-28 {
  font-size: 28px;
}

.size-29 {
  font-size: 29px;
}

.size-30 {
  font-size: 30px;
}
.size-40 {
  font-size: 40px;
}

.size-33 {
  font-size: 33px;
}

.size-50 {
  font-size: 50px;
}

.login-left-bg {
  background-image: url("../images/login-bg.png");
  background-repeat: no-repeat;
  /*height: 100%;*/
  background-size: 100%;
  /*position: relative;*/
}

.logo-background {
  /*position: relative;*/
  width: 100%;
  height: 100%;
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
}

.login-left-bg::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: var(--bg-theme-overlay);
}

.below-sign-form {
  font-family: var(--body-font-nunito);
  color: var(--dark-black);
  font-weight: 600;
  position: relative;
}

.below-sign-form::before {
  position: absolute;
  content: "";
  top: 52%;
  width: 41%;
  height: 2px;
  left: 0px;
  background-color: var(--dark-black);
}

.below-sign-form::after {
  position: absolute;
  content: "";
  top: 52%;
  width: 41%;
  height: 2px;
  right: 0px;
  background-color: var(--dark-black);
}

.login-link-button {
  position: relative;
  transition: all 03s ease-in-out;
}


/*  */


.upload-area {
  border: 2px dashed var(--primary-color);

  /* height: 100%; */
}


.product-item-wrapper {
  position: relative;
  transition: all .3s ease-in-out;
  border-radius: 1rem;
  border-color: var(--light-text-color);
}

@media(min-width:768px){
.product-item-wrapper:hover {
  border: 1px solid var(--light-text-color)!important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important;
}
}

/*  */
.product-wishlist-icon {
  position: absolute;
  top: 31px;
  right: 34px;
  z-index: 10;
  color: var(--primary-color);
}

.gift-item-slider .item h3 {

  font-size: 18px;
}

.hero-banner-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wedding-banner-bg {
  background-color: var(--wedding-page-color);
}

.thankyou-banner-bg {
  background-color: var(--thankyou-page-color);
}

.thankyou-banner-bg input[type='range'] {
  background-color: var(--thank-you-range-color) !important;
}

.thankyou-banner-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--thank-you-range-color) !important;
}

.new-born-banner-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--new-born-range-color) !important;
}

.new-born-banner-bg input[type='range'] {
  background-color: var(--new-born-range-color) !important;
}

.qatar-national-day-bg {
  background-color: var(--qatar-national-day);
}

.love-banner-bg {
  background-color: var(--love-bg-color);
}

.new-born-banner-bg {
  background-color: var(--new-born-bg-color);
}

.graduation-banner-bg {
  background-color: var(--graduation-bg-color);
}

.birthday-banner-bg {
  background-color: var(--birthday-bg-color);
}

.birthday-banner-bg input[type='range'] {
  background-color: var(--birthday-range-color) !important;
}

.birthday-banner-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--birthday-range-color) !important;
}

.graduation-banner-bg input[type='range'] {
  background-color: var(--graduation-range-color) !important;
}

.graduation-banner-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--graduation-range-color) !important;
}

.love-banner-bg input[type='range'] {
  background-color: var(--love-range-color) !important;
}

.love-banner-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--love-range-color) !important;
}

.qatar-national-day-bg input[type='range'] {
  background-color: var(--qatar-national-day-range-color) !important;
}

.qatar-national-day-bg input[type='range']::-webkit-slider-thumb {
  border-color: var(--qatar-national-day-range-color) !important;
}

.login-link-button::after {
  position: absolute;
  content: "";
  top: 100%;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: var(--primary-dark-color);
}

.login-link-button:hover {
  color: var(--primary-color);
}

.login-link-button:hover::after {
  background-color: var(--primary-color);
}

.login-with-phone-no:active .input-group {
  border-color: var(--primary-dark-color) !important;
  border: 4px solid !important;
}

.otp-input {
  width: 60px;
  height: 50px;
  text-align: center;
  border-color: var(--dark-black);
}

.otp-input:focus {
  border: 1px solid !important;
  border-color: var(--primary-dark-color) !important;
}

.otp-input:active {
  border: 1px solid !important;
  border-color: var(--primary-dark-color) !important;
}

header .side-bar-close {
  font-size: 26px;
  padding: 5px 15px;
  color: var(--primary-color);
}

.mobile-menu-content-area .nav-link {
  font-size: 25px;
  font-weight: 500;
}

.mobile-menu-content-area .nav-link i {
  font-size: 40px;
  color: var(--primary-color);
}

.lh-0 {
  line-height: 0;
}

.si--heart-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.696 3C14.652 3 12.887 4.197 12 5.943C11.113 4.197 9.348 3 7.304 3C4.374 3 2 5.457 2 8.481s1.817 5.796 4.165 8.073S12 21 12 21s3.374-2.133 5.835-4.446C20.46 14.088 22 11.514 22 8.481S19.626 3 16.696 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mobile-menu-content-area .dropdown-menu {
  width: 80%;
  padding: 30px 0;
}

.mobile-menu-content-area h4 {
  color: var(--primary-dark-color);
  font-weight: 500;
  font-family: var(--body-font-jost);
}

.mobile-menu-content-area .dropdown-item {
  font-size: 20px !important;
}

.mobile-menu-content-area .dropdown-item:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}



.ri--tools-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.33 3.272a3.5 3.5 0 0 1 4.254 4.962l10.709 10.71l-1.414 1.414l-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 0 0 2.121-2.121zm10.367 1.883l3.182-1.768l1.414 1.415l-1.768 3.181l-1.768.354l-2.12 2.121l-1.415-1.414l2.121-2.121zm-6.718 8.132l1.415 1.414l-5.304 5.303a1 1 0 0 1-1.492-1.327l.078-.087z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.carbon--area-custom {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 6a3.992 3.992 0 0 0-7.977-.224L9.586 8.263A3.99 3.99 0 1 0 5 13.858v8.284A3.992 3.992 0 1 0 9.858 27h8.284a3.991 3.991 0 1 0 5.595-4.586l2.487-12.437A3.995 3.995 0 0 0 30 6m-4-2a2 2 0 1 1-2 2a2 2 0 0 1 2-2M4 10a2 2 0 1 1 2 2a2 2 0 0 1-2-2m2 18a2 2 0 1 1 2-2a2 2 0 0 1-2 2m12.142-3H9.858A4 4 0 0 0 7 22.142v-8.284a3.99 3.99 0 0 0 2.977-3.634l12.437-2.487a4 4 0 0 0 1.849 1.85l-2.487 12.436A3.99 3.99 0 0 0 18.142 25M22 28a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  font-size: 42px !important;
}

.material-symbols-light--event-note-outline {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.616 21q-.691 0-1.153-.462T4 19.385V6.615q0-.69.463-1.152T5.616 5h1.769V2.77h1.077V5h7.154V2.77h1V5h1.769q.69 0 1.153.463T20 6.616v12.769q0 .69-.462 1.153T18.384 21zm0-1h12.769q.23 0 .423-.192t.192-.424v-8.768H5v8.769q0 .23.192.423t.423.192M5 9.615h14v-3q0-.23-.192-.423T18.384 6H5.616q-.231 0-.424.192T5 6.616zm0 0V6zM7.5 13.5v-1h9v1zm0 4v-1h6v1z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  font-size: 47px !important;
}

.lets-icons--shop-light {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.5 21v-5a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v5'/%3E%3Cpath d='M5 11v6c0 1.886 0 2.828.586 3.414S7.114 21 9 21h6c1.886 0 2.828 0 3.414-.586S19 18.886 19 17v-6M4.621 4.515c.182-.728.273-1.091.544-1.303C5.437 3 5.812 3 6.562 3h10.876c.75 0 1.125 0 1.397.212c.27.212.362.575.544 1.303l1.203 4.814c.097.388.146.581.135.739a1 1 0 0 1-.69.883c-.15.049-.354.049-.763.049c-.533 0-.8 0-1.023-.052a2 2 0 0 1-1.393-1.18c-.089-.212-.132-.47-.217-.983c-.024-.144-.036-.216-.05-.235a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235l-.081.489l-.018.1A2 2 0 0 1 14.352 11h-.204a2 2 0 0 1-1.936-1.726l-.081-.49c-.024-.143-.036-.215-.05-.234a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235l-.081.489l-.018.1A2 2 0 0 1 9.852 11h-.204A2 2 0 0 1 7.73 9.374l-.018-.1l-.081-.49c-.024-.143-.036-.215-.05-.234a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235c-.085.514-.128.77-.217.983a2 2 0 0 1-1.392 1.18C5.536 11 5.27 11 4.736 11c-.409 0-.613 0-.763-.049a1 1 0 0 1-.69-.883c-.01-.158.038-.351.135-.739z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  font-size: 45px !important;
}

.custom-home-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19h3.692v-5.884h4.616V19H18v-9l-6-4.538L6 10zm-1 1V9.5l7-5.288L19 9.5V20h-5.692v-5.884h-2.616V20zm7-7.77'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  font-size: 50px !important;
}

.desktop-menu-item-wrapper .custom-home-icon {
  font-size: 30px !important;
}

.desktop-menu-item-wrapper .lets-icons--shop-light {
  font-size: 30px !important;
}

.desktop-menu-item-wrapper .material-symbols-light--event-note-outline {
  font-size: 30px !important;
}

.desktop-menu-item-wrapper .carbon--area-custom {
  font-size: 30px !important;
}

.desktop-menu-item-wrapper .ri--tools-line {
  font-size: 30px !important;
}

.border-custom-primary {
  border-color: var(--primary-color);
}

.mobile-menu-search-content-wrapper .input-group {
  border: 2px solid var(--primary-dark-color) !important;
  background-color: transparent !important;
}

.mobile-menu-search-content-wrapper .input-group input::placeholder {
  color: var(--link-color);
}

.mobile-menu-search-content-wrapper .search-result-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border: 1px solid var(--primary-color);

}

header .side-bar-close:hover {
  font-size: 26px;
  padding: 5px 15px;
  color: var(--white-color);
  background-color: var(--primary-color);
}

.desktop-menu-item-wrapper {
  background-color: var(--primary-dark-color);
}

.hero-section .swiper-slide {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-section {
  height: 90vh;
}

.search-form input {
  border: none;
}

.search-form .input-group {
  border-radius: 50px;
  padding: 5px 10px;
  border: none;
  background-color: var(--search-background-color);
}

.search-form input {
  background-color: transparent !important;
}

.search-form input::placeholder {
  color: var(--link-color);
}

.banner-product-image {
  width: 67%;
}

.banner-heading-font-size {
  font-size: 35px;
}

.banner-sub-heading-font {
  font-size: 18px;
}

.hero-banner-btn {
  font-size: 18px;
}

.megamenu-content{
    z-index:9438973!important;
}

.bg-gift-category {
  background-color: var(--bg-gift-color);
  border: 2px solid var(--primary-color);
}


.gift-event-heading {
  text-decoration: underline;
  text-decoration-color: var(--primary-color);
}

.gift-event-item-heading {
  text-decoration: underline;
}

.gift-by-event {
  flex-direction: row;
  flex-wrap: wrap !important;
  justify-content: center;
  row-gap: 20px;
  column-gap: 2%;
}

.blank-button {
  background-color: #ffffff00;
  border: 0;
}

.product-main-image .quick-action-button {
  top: 10px;
  right: 20px;
}

.filter-collapse {
  width: 350px;
}

.text-underline {
  text-decoration: underline;
}

.footer-background {
  background-color: var(--primary-color);
}

.gift-by-event .grid-item {
  width: 18%;
}

.megamenu-content {
  top: 245px;
}

header .event .dropdown-menu {
  margin-top: 7px !important;
}

header .event .dropdown-menu li {
  transition: all .3s ease-in-out;
}

header .event .dropdown-menu .dropdown-item:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

header .event .dropdown-menu .dropdown-item:focus {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

header .event .dropdown-menu .dropdown-item:active {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.mega-menu-buttons button {
  text-align: left;

}

.view-more{
   transition:all 0.3s ease-in-out;
}
.view-more:hover{
 transform:scale(1.1);
}
.brand-home-section .brand-img{
    transition:all .3s ease-in-out;
}
.brand-home-section .brand-img:hover{
    transform:scale(1.1);
}

.gift-catetory .custom-pos{
    position:absolute;
    bottom: 9px !important;
    right: 25px !important;
    text-shadow:3px 3px 8px rgb(0 0 0), -1px -1px 2px rgba(255, 255, 255, 0.7);

} 
@media (max-width:600px){
    .gift-catetory .custom-pos{
        font-size:16px;
            bottom: 6px !important;
    right: 12px !important;
    }

    .gift-voucher-home .price-content-voucher-home {

    top: 9%!important;
    right: 8%!important;
    }
        .gift-voucher-home .price-content-voucher-home p{
            margin-top:-7px;
        }
}
    
        .gift-voucher-home .w-75{
            width:100%!important;
        }
}

.gift-category 



  .gift-voucher-home .gift-text {
                margin-top:-10px ;
            }

    .gift-voucher-home .price-content-voucher-home {

    top: 23%;
    right: 23%;
    }
    
    

.header-wrapper .mega-menu-buttons .active {
  color: var(--primary-color) !important;
  text-decoration: underline;
}

.megamenu-content a {
  font-size: 1.2rem !important;
  display: inline;
  position: relative;
}

.megamenu-content a::after {
  position: absolute;
  content: '';
  width: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  top: 80%;
  height: 2px;
  background-color: var(--primary-color);
}

.megamenu-content a:hover::after {
  width: 100%;
}


.navbar-nav .nav-link{
    transition:all 0.3s ease-in-out;
}

.navbar-nav .nav-link:hover{
    transform:scale(1.2);
}


.z-100 {
  z-index: 100;
}

.my-profile aside {
  width: 250px;
}

.border-light {
  border-color: #d1d2d3 !important;
}

.grid-item-category {
  width: 18%;
}

.social-icons {
  width: 13%;
}

.my-profile aside {
  height: 100vh;
}

.customize {
  background-image: url('../images/customize.svg');
  display: block;
  width: 20px;
}

aside .nav-link img {
  width: 22px;
}

.img-link-top {
  top: 26px;
  right: 27px;
  font-weight: 600;
}

.footer h4 {
  color: var(--footer-heading-color);
}

.footer ul li {
  list-style: none;
}

.footer ul li a {
  text-decoration: none;
  list-style: none;
  color: var(--white-color);
  font-size: 16px;
}

.w-48 {
  width: 48%;
}

.profile-edit .custom-container {
  max-width: 900px !important;
}

.profile-edit input:not(.mobile-no),
.input-group-number {
  border: 1px solid var(--text-color) !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.profile-edit select {
  border-color: var(--text-color) !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.profile-edit .mobile-no {
  padding-top: 10px;
  padding-bottom: 10px;
}

.profile-edit select:focus {
  border-color: var(--text-color) !important;
}

.category-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.category-title {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}

.category-card {
  position: relative;
  overflow: hidden;
  border: none;
}

.category-card img {
  transition: transform 0.3s ease;
}

.category-card:hover img {
  transform: scale(1.1);
}

.footer ul li a:hover {
  color: var(--white-hover-color);
}

.footer ul {
  padding: 0;
  margin-top: 10px;
}

.breadcurmb a:not(.breadcurmb-active) {
  color: var(--black-color);
  font-weight: 600;
  text-decoration: none;
}

.price-content-voucher-page {
      top: 26%;
    right: 21%;
}
}

.price-content-voucher-page p {
  margin-top: -10px;
}

.breadcurmb span {
  color: var(--link-color);
}

.delete-cart-item {
  border: 0;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.profile-page-layout .profile-pic-icon {
  left: 66%;
  top: 73%;
}

.delete-cart-item:hover {
  color: var(--danger-color);
}

.breadcurmb .breadcurmb-active {
  font-weight: 600;
}

/* .single-product-image .product-gallery-image {
  width: 23%;
} */

.gift-voucher-page .voucher-wrapper h2 {
  font-size: 40px;
}

.product-gallery img {
  border: 1px solid var(--primary-color);
   border-radius: 0.375rem;
}

.product-gallery .selected img {
  border: 2px solid var(--primary-dark-color);
  border-radius: 0.375rem;
}

.product-gallery {
  bottom: 10px;
}

.profile-edit-button {
  position: absolute !important;
  top: 10%;
  /* left: 100%; */
  right: 20px;
}

/*.customize-input input[type="text"]::placeholder {*/
/*  color: var(--black-color) !important;*/
/*  font-weight: 600;*/
/*}*/

.customize-input input[type="text"]:focus {
  border: 1px solid var(--primary-dark-color) !important;
}

.customize-input select:focus {
  border: 1px solid var(--primary-dark-color) !important;
}

.customize-input input,
select {
  border-color: var(--primary-color) !important;
}

.form-check-input {
  border-color: var(--primary-color) !important;
}

.bg-add-card {
  background-color: #408bfc57;
}

.form-check-input:checked {
  background-color: var(--primary-dark-color) !important;
  border-color: var(--primary-dark-color) !important;
}

.checkout-form-left {
  padding-left: -24px !important;
}

.check-out-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.checkout-form-left .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.checkout-item-card {
  height: 300px;
}

.cart-item-count:focus {
  box-shadow: var(--bs-box-shadow) !important;
}

.cart-item-count {
  border: 0;
  background-color: var(--white-color);
  line-height: 30px;
  padding: 10px 15px 13px 15px;
  transition: all .3s ease-in-out;
}

.banner-slider-owl .banner-wrapper {
  /* background-image: url('../images/banner-bg.png'); */
  background-repeat: no-repeat;
  position: relative;
    /*min-height: 400px; */
    background-size: contain; 
    background-position: center;
  /* height: 90vh; */
}

.owl-dots {
  text-align: center;
  margin-top: 10px;
}

.owl-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #ccc !important;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.owl-dot.active {
  background: var(--primary-color) !important;
}

.owl-dot:hover {
  background: var(--primary-color) !important;
}

.wedding-price-range input[type='range'] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 1px;
  background-color: var(--wedding-price-bar-bg);
  outline: none;
}

.wedding-price-range input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background-color: var(--white-color);
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid var(--wedding-price-bar-bg);
}

.profile-layout .wrapper {
  align-items: stretch;
  display: flex;
  width: 100%;
}

.profile-layout #sidebar {
  max-width: 264px;
  min-width: 264px;
  transition: all 0.35s ease-in-out;
  height: 100%;
}

.profile-layout {
  display: flex;
  flex-direction: column;
  /*height: 100vh;*/
  min-width: 0;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
  width: 100%;

}



@media (min-width:768px) {
  .profile-layout .content {
    max-width: auto;
    width: auto;
  }



  .my-profile-wrapper {
    height: 100vh;
  }

  .my-profile-header {
    position: fixed;
  }
}



.profile-layout #sidebar.collapsed {
  margin-left: -264px;
}

/* Footer and Nav */

@media (max-width:767.98px) {

  .profile-layout .js-sidebar {
    margin-left: -264px;
  }



  .profile-layout #sidebar.collapsed {
    margin-left: 0;
  }

  .product-listing #filter {
    margin-left: -320px;
  }
}

@media (min-width: 992px) {

  /* Large screens */
  .banner-product-image {
    width: 30%;
  }

  .wishlist-grid .col-lg-3 {
    width: calc(100% / 4.3) !important;
  }

  .banner-sub-heading-font {
    font-size: 24px;
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 44px !important;
  }

  .banner-heading-font-size {
    font-size: 67px;
  }

  .hero-banner-btn {
    font-size: 24px;
  }

  #hero-slider .swiper-pagination {
    position: relative;
    bottom: 0 !important;
  }
}

@media (max-width: 1247px) {
  .gift-by-event .grid-item {
    width: 22%;
  }

  .grid-item-category {
    width: 22%;
  }
}

@media (max-width: 1037px) {
  .gift-by-event .grid-item {
    width: 31%;
  }

  .grid-item-category {
    width: 31%;
  }

  .social-icons {
    width: 6%;
  }
}

@media (max-width: 735px) {
  .gift-by-event .grid-item {
    width: 48%;
  }

  .grid-item-category {
    width: 100%;
  }

  .btn-gift {
    font-size: 20px;
  }

  .social-icons {
    width: 16%;
  }

  .gift-wrapper .wedding-price-range form {
    width: 100% !important;
  }
}

@media (max-width:550px) {
  .single-product-buy-button a {
    width: 50%;
  }

  .checkout .item-price {
    font-size: 40px;
  }

  .gift-voucher-page .voucher-wrapper h2 {
    font-size: 19px!important;
  }

    .price-content-voucher-page {
     top: 12%;
    right: 9%;
}
  .customize-file-upload .upload-box {
    height: 160px;
  }

  .gift-voucher-page .voucher-wrapper p {
    font-size: 16px;
    margin-top: -4px;
  }

  .inside-wrapper {
    position: absolute !important;
  }
}

@media (min-width:1000px){
 .gift-voucher-home .price-content-voucher-home{
         right: 29%!important;
 }
}

.checkout-item-card {
  height:420px;
}

@media (max-width:768px) {

  .checkout-item-card {
    height: 350px;
  }
}
.coupon-form input:focus {
  border: 2px solid var(--primary-dark-color) !important;
}


@media (max-width:640px) {
    h2{
        margin:0;
    }
    .link-color{
        text-decoration:none !important;
    }
    .footer ul {
      margin: 0;
      margin-top: 10px !important;

}
    .footer-img {
        max-width: 100px;
        text-align: center;
    }
    .footer-background {
        padding-top: 20px!important;
}
.social-links{
  max-width: 220px;
}


.product-item-wrapper img{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.product-price-2{
  font-size: 15px;
}
.product-price-2 span{
  font-weight: 700;
  font-size: 16px;
}
.product-item-wrapper h3{
  text-transform: capitalize;
}
.gift-voucher-home{
  padding-top: 45px !important;
}
#gift-catetory h3{
  font-size: 18px !important;
}
#banner img{
  height: 174px;
  object-fit: cover;
}
.mobile-header-wrapper{
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.mobile-header-wrapper i{
  font-size: 23px !important;
}
.mobile-header-wrapper .si--heart-line{
  font-size: 26px !important;
}
.collection-item-body h3{
  text-decoration: none;
}
  
}