Component · Ref NHUOI
Affected pagehttps://www.sofibellawear.com/pages/contact-us
Elementhtml > body
Accessible nameSkip to content
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH.sp-icon-banner-wrap p,
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH.sp-icon-banner-wrap p a {
font-size: 13px;
font-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
font-weight: 400;
line-height: 1.15;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH.sp-icon-banner-wrap {
position: relative;
background-image: linear-gradient(82deg, rgba(68, 88, 131, 1), rgba(68, 87, 138, 1) 100%);
width: 100%;
}
@media only screen and (max-width: 800px) {
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH.sp-icon-banner-wrap {
padding-left: 25px;
padding-right: 25px;
}
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner {
position: relative;
margin: 0 auto;
max-width: 1000px;
padding: 8px 10px 8px 10px;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner .sp-icon-banner-grid {
display: grid;
gap: 20px;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 801px) {
.sp-icon-banner .sp-icon-banner-grid {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
}
@media only screen and (max-width: 800px) {
.sp-icon-banner .sp-icon-banner-grid {
display: grid;
grid-template-columns: 1fr;
}
}
.sp-icon-banner-col {
position: relative;
padding: 0;
overflow: hidden;
}
.sp-icon-banner-img {
width: 100px;
height: 100px;
object-fit: cover;
transition: all 0.5s ease;
margin-bottom: 5px;
}
.sp-icon-banner-col:hover .sp-icon-banner-img {
transform: scale(1.05);
}
.sp-icon-banner-content {
position: relative;
z-index: 3;
text-align: left;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner p {
margin: 0;
padding: 0;
color: #ffffff;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-content-container {
display: block;
align-items: center;
text-align: center;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-content-container>p {
display: inline-block;
margin-left: 10px;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-icon {
display: inline-block;
border-radius: 50%;
background-image: linear-gradient(164deg, rgba(255, 255, 255, 1) 100%, rgba(13, 139, 244, 1) 100%);
transition: all 0.5s ease;
width: 35px;
height: 35px;
text-align: center;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-icon .sp-icon-svg {
fill: #44578A;
width: 20px;
height: 20px;
transform: translateY(7px);
display: inline-block;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-icon .sp-icon-banner-icon {
transform: scale(1.05);
}
/* carousel */
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-next,
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-prev {
display: none;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-next *,
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-prev * {
pointer-events: none;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-next svg,
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-prev svg {
width: 30px;
height: 30px;
fill: #fff;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-next {
position: absolute;
top: calc(50% - 15px);
right: 0;
z-index: 2;
}
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-prev {
position: absolute;
top: calc(50% - 15px);
left: 0;
}
@media only screen and (max-width: 800px) {
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-next,
#sp-icon-banner-sections--20068385620219__sp_icon_banner_dMD3CH .sp-icon-banner-prev {
display: block;
}
}
Enjoy Free Shipping on US Orders Over $100
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("TouchSlideshow",[],t):"object"==typeof exports?exports.TouchSlideshow=t():e.TouchSlideshow=t()}(this,function(){return r={},s.m=i=[function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=(function(e,t,i){return t&&o(e.prototype,t),i&&o(e,i),e}(n,[{key:"init",value:function(){if(window.addEventListener("resize",this.resizeHandler),this.config.draggable&&(this.pointerDown=!1,this.drag={startX:0,endX:0,startY:0,letItGo:null},this.selector.addEventListener("touchstart",this.touchstartHandler,{passive:!0}),this.selector.addEventListener("touchend",this.touchendHandler),this.selector.addEventListener("touchmove",this.touchmoveHandler,{passive:!0}),this.selector.addEventListener("mousedown",this.mousedownHandler),this.selector.addEventListener("mouseup",this.mouseupHandler),this.selector.addEventListener("mouseleave",this.mouseleaveHandler),this.selector.addEventListener("mousemove",this.mousemoveHandler)),null===this.selector)throw new Error("Something wrong with your selector");this.resolveSlidesNumber(),this.selector.style.overflow="hidden",this.sliderFrame=document.createElement("div"),this.sliderFrame.style.width=this.selectorWidth/this.perPage*this.innerElements.length+"px",this.sliderFrame.style.webkitTransition="all "+this.config.duration+"ms "+this.config.easing,this.sliderFrame.style.transition="all "+this.config.duration+"ms "+this.config.easing,this.config.draggable&&(this.selector.style.cursor="-webkit-grab");for(var e=document.createDocumentFragment(),t=0;t<this.innerElements.length;t++){var i=document.createElement("div");i.style.cssFloat="left",i.style.float="left",i.style.width=100/this.innerElements.length+"%",i.appendChild(this.innerElements[t]),e.appendChild(i)}this.sliderFrame.appendChild(e),this.selector.innerHTML="",this.selector.appendChild(this.sliderFrame),this.slideToCurrent(),this.config.onInit.call(this)}},{key:"resolveSlidesNumber",value:function(){if("number"==typeof this.config.perPage)this.perPage=this.config.perPage;else if("object"===s(this.config.perPage))for(var e in this.perPage=1,this.config.perPage)window.innerWidth>=e&&(this.perPage=this.config.perPage[e])}},{key:"prev",value:function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1,i=arguments[1];this.innerElements.length<=this.perPage||(e=this.currentSlide,0===this.currentSlide&&this.config.loop?this.currentSlide=this.innerElements.length-this.perPage:this.currentSlide=Math.max(this.currentSlide-t,0),e!==this.currentSlide&&(this.slideToCurrent(),this.config.onChange.call(this),i&&i.call(this)))}},{key:"next",value:function(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1,i=arguments[1];this.innerElements.length<=this.perPage||(e=this.currentSlide,this.currentSlide===this.innerElements.length-this.perPage&&t…[truncated by Evolize: exceeded D1 value limit]
Markup<body class="zoom-image--enabled smart-cart--enabled"><!-- DRAWER -->
<template id="drawer-default-template">
<style>
[hidden] {
display: none !important;
}
</style>
<button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
<path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
</svg></button>
<div part="overlay"></div>
<div part="content">
<header part="header">
<s… Affected pages/pages/contact-us /cart