/*@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap"; */@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');.occasion_category .category_name .boxes-show img, .occasion_category .category_offer img { width: 100%; border: 5px solid white } .bx-hd a, .ck-hd a, .ck-top a { color: #000; display: block } .ck-top { text-align: center; background-color: #fff; padding: 10px; position: relative } button a { color: #fff !important } body { font-family: "Titillium Web", sans-serif!important; font-weight: 600 } .product_item_show .pro-details .offer-show { color: #080808; display: block; font-size: 1.2em; margin: 0 0 10px; font-weight: 600; font-family: 'Titillium Web' } .head_title_show { border: none !important } .head_title_show .rec-tag { font-weight: 600 !important } .head_title_show button { background-color: #28a745 !important } .cake-show-all .cake-show-all-in .show-left-cake { box-shadow: 0 2px 6px #00000026 } .footer-first h2 a { color: #f9215a !important } .footer-first h2 { font-size: 1.5em; margin: 20px 0; color: #eb6f4b; } .footer-first h3 { font-size: 1.2em; margin: 20px 0 } .footer-first .panel-title h2 { font-weight: 500 } .footer-first .panel-title .ing { background-color: #eeadbe; color: #fff; padding: 10px; cursor: pointer; font-size: 1.2em } ::-moz-selection { color: #fff; background: #339c43 } ::selection { color: #fff; background: #339c43 } .pheading { border-bottom: 1px solid #bbbbbb; padding: 15px 0; font-size: 1.2em; font-weight: 500; color: #5a5154; text-transform: uppercase } .pheading-content { margin: 10px; font-size: .9em } .mobprofile { display: block !important } #m { padding: 0 10px } .quick-links { font-size: 15px !important; color: #d53c62 !important } .sitewidehide { display: none !important } @media screen and (max-width:1023px) and (min-width:320px) { .sitewidehide-small-device { display: none !important } .zopim { bottom: 125px !important } } .ctcheckout { font-size: 15px; padding: 10px; margin: 0 auto; width: 30% } .nav-highlight { background-image: linear-gradient(130deg, #b30943, #f44336); color: #fff !important; padding: 2px } .oyegifts-services { box-shadow: 0 0 6px #0003; padding: 10px 15px; background: #fff } .services-top-icon { text-align: center } .oyegifts-services-title { font-size: 16px; line-height: 22px; font-family: 'Titillium Web!important'; padding: 0 15px; color: #e91e63; font-weight: 600; margin-bottom: 10px } .oyegifts-services-title-2 { font-size: 14px; line-height: 20px; font-family: 'Titillium Web!important'; padding: 0 15px; color: #666; margin-bottom: 10px } .services-top-icon span img { width: 65px; margin: 0 5px } .special-services-outer { margin-bottom: 10px; margin-top: 15px; width: 100%; padding: 8px 10px; border-right: 0px solid #999; box-shadow: 0 0 6px #0003; text-align: left } .special-services-icon { display: inline-block; background: #eee; border-radius: 50%; width: 40px; height: 40px; line-height: 38px; text-align: center } .special-services-text { font-size: 13px; font-family: 'Titillium Web!important'; color: #222; margin-left: 6px; vertical-align: middle } .oyegifts-service-list { width: 85%; float: right; padding-left: 0; margin: 10px 0 } .oyegifts-serviceblock { width: 100% } @media screen and (max-width: 480px) { .oyegifts-service-list { width: 100% !important } .ctcheckout { font-size: 15px; padding: 10px; margin: 0 auto; width: 100% } .our_responsibilities ul li { width: 33.33% !important; padding: 0 3px 6px } .categories-image .full-image .image-heading .cat-tag {font-size: 14px; text-align: left; color:#141414 } .categories-image .full-image .image-heading .of-pc { font-size: 18px; font-weight: 700; text-align: left; color: #333 } .categories-image .full-image .image-heading .ratings, .categories-image .full-image .image-heading .delivery-show { text-align: left; } } .product-final .product-final-in .product-details-show .product-details-right .product-name .delivery-car1 { position: relative !important } #courier-info { color: #5f5f5f; font-size: 13px } .navheight { max-height: 300px } .ohopin { width: 250px; float: left } .ohobtn { float: left; background: green; color: #fff; width: 100px; padding: 9px; border: none } .ohobox { margin: 10px auto } .apply_filter { background-color: #f53867; color: #fff; font-size: 16px; border: none; padding: 10px; width: 100% } .custom-control-label { cursor: pointer } .show { color: #878787; font-size: 14px } .interested p { text-align: center } .our_responsibilities { display: block; padding-top: 5px } .our_responsibilities ul { margin: 0; padding: 0; list-style: none !important } .our_responsibilities ul li { float: left; width: 16.6667%; padding: 0 10px 15px; text-align: center } .our_responsibilities ul li .inner { background-color: #fafaf5; border: 1px solid #ded0d0; padding: 15px 5px } .our_responsibilities ul li .inner .icon { padding-bottom: 10px } .our_responsibilities ul li .inner p { color: #000; text-transform: uppercase; font-size: 15px; padding: 0; font-weight: 500 } .whatsapp { position: fixed; top: 70%; z-index: 999999; right: 20px } #launcher { bottom: 50px !important } #show-pin { font-size: 13px; display: block } .ui-datepicker table { font-size: 17px !important } /*# sourceMappingURL=/s/files/1/0748/8756/1496/files/new_style.css.map?v=1736842042 */

.slick-slider {display:flex!important;}
#launcher, .zEWidget-launcher {
  display: none !important;
}


/*product page design start */
.t-rev-wrap { position: relative; } .t-rev-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 12px; } .t-rev-head .title { font-size: 22px; font-weight: 500; display: flex; align-items: center; gap: 8px; } .t-rev-head .title i { color: var(--rev-accent); } .t-rev-head .meta { font-size: 13px; opacity: .85; display: flex; align-items: center; gap: 8px; } /* Edge fade */ .t-rev-viewport { position: relative; overflow: hidden; padding: 6px 0; } .t-rev-viewport::before, .t-rev-viewport::after { content: ""; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 3; pointer-events: none; } .t-rev-viewport::before { left: 0; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); } .t-rev-viewport::after { right: 0; background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0)); } /* Scroll row */ .t-rev-row { display: flex; gap: var(--rev-gap); padding: 2px 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; cursor: grab; } .t-rev-row.dragging { cursor: grabbing; } .t-rev-row::-webkit-scrollbar { height: 8px } .t-rev-row::-webkit-scrollbar-thumb { background: #ddd; border-radius: 8px } .t-rev-row:hover::-webkit-scrollbar-thumb { background: #ccc } /* Cards */ .testimonials-card .card { flex: 0 0 var(--rev-card-w); height: var(--rev-card-h); border-radius: 14px; border: 2px solid #fff; overflow: hidden; background: #fff; box-shadow: var(--rev-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; scroll-snap-align: start; } .testimonials-card .card:hover { transform: translateY(-4px) rotateZ(-.3deg); box-shadow: 0 14px 32px rgba(0, 0, 0, .18); border-color: var(--rev-accent); } .testimonials-card .card-body{ height:100%;width:100%;padding:16px 14px; display:flex;flex-direction:column;justify-content:space-between;align-items:center; } .testimonials-card .card-body p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; overflow:hidden;text-overflow:ellipsis;font-size:14px!important;line-height:1.45;margin-bottom:10px; } .t-rev-stars i{color:var(--rev-star);animation:starBlink 2.2s ease-in-out infinite} .t-rev-stars i:nth-child(2){animation-delay:.15s} .t-rev-stars i:nth-child(3){animation-delay:.3s} .t-rev-stars i:nth-child(4){animation-delay:.45s} .t-rev-stars i:nth-child(5){animation-delay:.6s} /* Meta row under name */ .t-rev-meta{ font-size:14px;opacity:.85;margin-top:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center; } .t-rev-meta .dot{opacity:.6} /* Decorative sparkles */ .testimonials-card .card::after{ content:"";position:absolute;inset:0;background: radial-gradient(12px 12px at 15% 20%, rgba(255,215,0,.18), transparent 60%), radial-gradient(10px 10px at 85% 30%, rgba(255,105,180,.16), transparent 60%), radial-gradient(9px 9px at 70% 80%, rgba(0,191,255,.16), transparent 60%); opacity:.5;pointer-events:none;mix-blend-mode:multiply; animation:sparkle 6s ease-in-out infinite; } /* CTA last card */ .write-review{ background:linear-gradient(135deg,#fff 0%, #fff 40%, #fff5f8 100%); border:2px dashed var(--rev-accent) !important; display:flex;align-items:center;justify-content:center; } .write-review .btn{ padding:9px 14px;border-radius:999px;font-weight:700; border:1px solid var(--rev-accent);color:#fff;background:var(--rev-accent); } .write-review .btn:hover{filter:brightness(1.08);} /* Mobile tweaks */ @media (max-width:1000px){ :root{ --rev-card-w: 240px; --rev-card-h: 220px; } .t-rev-head .title{font-size:16px} .t-rev-viewport::before,.t-rev-viewport::after{width:40px} .testimonials-card .card-body p{-webkit-line-clamp:3} } /* Keyframes */ @keyframes starBlink{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-1px) scale(1.06);opacity:.85}} @keyframes sparkle{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}} .product-final-in { margin-top: 10px; } .make-me-sticky { top: 102px; } .fixed-btn { z-index: 10; } #gkgeturl ul li{ display: inline-block; color: #222; font-size: 15px; } #gkgeturl ul{ margin: 0px; padding: 0px; } #gkgeturl ul #sku{ color: #222; } #gkgeturl ul #sku:hover{ color: #222; } #gkgeturl ul li a,#i{ color: #222; font-size: 14px; } #gkgeturl ul li a:hover{ font-size: 14px; text-decoration: none; } @keyframes badgeShake { 0%, 100% { transform: translateX(0); } 5%, 15% { transform: translateX(-4px); } 10%, 20% { transform: translateX(4px); } }.product-badge-fixed {  animation: badgeShake 2.5s ease infinite; display: inline-block; background: linear-gradient(135deg, #ff4b6b, #ff8a3d); color: white; font-size: 14px; font-weight: bold; padding: 6px 16px; border-radius: 20px; margin: 10px 0 12px 0; text-transform: uppercase; letter-spacing: .5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.25); position: absolute; z-index: 99999; right: 20px; } @media(max-width:576px){ .product-badge-fixed{ font-size: 15px; padding: 4px 12px; } } /* optional: agar cut-price aur off-price ka CSS nahi hai to */ .cut-price-dyn { text-decoration: line-through; color: #888; font-size: 24px !important; margin-right: 8px; } .off-price-dyn { background: linear-gradient(135deg, #FF6392, #FF9159); color: white !important; font-weight: 600; font-size: 17px !important; padding: 4px 10px !important; border-radius: 50px; letter-spacing: 0.3px; box-shadow: 0 2px 8px rgba(255, 99, 146, 0.25); margin-left: 6px; display: inline-block; } .lp-banner{display:block!important} #chat-widget-container{display:none!important} /*.for-calender{display: none!important;} .ui-datepicker-today{display: none!important;}*/ .cheading {font-size: 14px;padding: 0px 0px 10px 0px;display: block;font-weight: 500;} @media screen and (max-width: 900px){ .mob-location { display: none!important; } } @media screen and (max-width: 480px){ .ddmargin{width:100%!important;background-color:#fff6f9;} .express-product ul li { width: 80%!important; margin-top: 10px!important; } .select-msg .modal-dialog { width: 100%!important;} .delivery-pin{width:100%!important;} } .delivery-pin{width:100%;} .mobilebg1{background-color: #ffdcdc; padding:0px 0px 20px 0px!important;} .teenkaeka { padding: 0px 5px!important; margin: 10px 0px; } .select-delivery .modal-dialog .modal-header { padding: 8px 6px; border: 0; } .delivery-time .select-delivery .modal-dialog .modal-header .modal-title { float: left; font-size: 20px; } .select-delivery .modal-dialog .modal-header button { right: 0; font-weight: 100; font-size: 35px; padding: 13px 21px; color: #000; opacity: 1; } .select-delivery .modal-dialog .modal-body .select-type-time ul { margin: 0; padding: 0; overflow: hidden; } .select-delivery .modal-dialog .modal-body .select-type-time ul li { list-style-type: none; border-bottom: #bfbfbf 0 solid; padding: 7px 0; width: 50%; float: left; margin-right: 0; } .select-delivery .modal-dialog .modal-body .select-type-time ul li .radio-item { border: none; } .select-delivery .modal-dialog .modal-body .select-type-time ul li label { margin: 4px 0; color: #000; } .select-delivery .modal-dialog .modal-body .select-type-time .for-calender { padding: 12px 0; } .select-delivery .modal-dialog .modal-body .select-type-fst ul li .radio-item { border: none; } .select-delivery .modal-dialog .modal-body .select-type-fst ul li { list-style-type: none; border-bottom: #bfbfbf 1px solid; padding: 7px 0; } .select-delivery .modal-dialog .modal-body .select-type-fst ul li label { margin: 4px 0; color: #000; } .select-delivery .modal-dialog .modal-body .select-type-fst ul li span { float: right; line-height: 41px; font-size: 18px; } .select-delivery .modal-dialog .modal-body .select-type-fst .for-calender { padding: 12px 0; } .express-product ul { padding: 0; margin: 0; } .express-product ul li { list-style-type: none; display: inline-block; margin-right: 9px; width: 30%; position: relative; } .express-product ul li button { background-color: #fff; border: none; font-size: 17px; padding: 14px 7px; border-radius: 4px; box-shadow: 0 1px 3px #0000004d; width: 100%; } .express-product ul li input { width: 100%; background-color: #fff; border-radius: 4px; height: 44px; border: none; box-shadow: 0 1px 3px #0000004d; font-size: 14px; padding-left: 12px; } .express-product ul li i { position: absolute; top: -4px; padding: 15px 2px; color: #777; z-index: 11; font-size: 35px; } .select-delivery .modal-dialog .modal-body .select-type-fst .ui-widget.ui-widget-content { width: 100%; } .select-delivery .modal-dialog .modal-body .select-type-fst .ui-widget-header { background-color: #4caf50; color: #fff; font-weight: 100; font-size: 18px; } .delivery-time .express-product ul li .active { border: #3cb324 2px solid; color: #3cb324; } .delivery-time .express-product .pro-date-show { padding: 20px 0px; padding-top: 0; } .delivery-time .express-product .pro-date-show p { margin: 10px; font-size: 14px; } .delivery-time .express-product .pro-date-show p span { color: #e40c0c; } .blink{ animation: blinker 1s linear infinite; display: block; font-family: inherit; margin: 10px 0px -18px 0px; } .blink2{ animation: blinker 1s linear infinite; } .text-success { font-size: 16px; } @keyframes blinker { 50% { opacity: 0; } } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color:#000; opacity:0.6; font-size: 30px; color: #fff; background-position: center center; background-repeat: no-repeat; background-image: url('<?=base_url();?>assets/img/spin.gif'); } /*buy button animations start */  /* .cta-btn {transition: transform .2s, box-shadow .2s; } .bounce { animation: bounce 1.5s infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50%      { transform: translateY(-6px); } } .gradient { background: linear-gradient(45deg, #ff0a84, #ff4eb0, #ff0a84); background-size: 200% 200%; animation: slidebg 3s infinite; } @keyframes slidebg { 0%   { background-position: 0%   50%; } 50%  { background-position: 100% 50%; } 100% { background-position: 0%   50%; } } .cta-btn:hover { transform: scale(1.05); }*/ .shine-btn { position: relative; display: inline-block;  color: #fff; font-weight: 600; text-decoration: none; border: none; border-radius: 4px; cursor: pointer; overflow: hidden; } .shine-btn::before { content: ""; position: absolute; top: 0; left: -100%;           /* start off to the left */ width: 50%; height: 100%; background: rgba(255,255,255,0.5); transform: skewX(-25deg); /* run the shine animation endlessly */ animation: shine 2s infinite; } @keyframes shine { 0%   { left: -100%; } 50%  { left: 100%;  } 100% { left: 100%;  } }/*buy button animations end */ .delivery-textbox_dateTimeLink__15UXd { text-align: left; text-decoration: none; background: #f8f8f8; color: #555; font-weight: 400; outline: 0; padding: 12px 28px 12px 35px; display: block; width: 100%; border-radius: 4px; min-height: 52px; font-size: 16px; line-height: 26px; } .pin-close { position: absolute; top: 14px; right: 2px; cursor: pointer; background-color: white; } .delivery-textbox_activeInput__3MWE2 { -webkit-animation: delivery-textbox_focuses__2_MGO 1.5s ease-in-out infinite; -moz-animation: delivery-textbox_focuses__2_MGO 1.5s ease-in-out infinite; animation: delivery-textbox_focuses__2_MGO 1.5s ease-in-out infinite; border: 1px solid #ff9212; cursor: pointer; position: relative; } .delivery-textbox_placePin__wnxmx { position: absolute; left: 0; padding: 0 7px; color: #555; } .offers { margin-top: 30px !important; } .offers ul { padding: 0; } .offers ul li { line-height: 35px; } .offers ul .mdi { color: green; font-size: 16px; margin-right: 10px; line-height: 1; } .MuiSvgIcon-root { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; } .delivery-textbox_arrowRight__DR5sn { position: absolute; right: 5px; color: #555; line-height: 1.9; } /*product page design end */