.elementor-8987 .elementor-element.elementor-element-2ac8f1d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8987 .elementor-element.elementor-element-63933a46{--display:flex;--min-height:73vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--flex-wrap:nowrap;--overlay-opacity:1;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:50px;}.elementor-8987 .elementor-element.elementor-element-63933a46:not(.elementor-motion-effects-element-type-background), .elementor-8987 .elementor-element.elementor-element-63933a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.beyondthescript.com/wp-content/uploads/2026/03/southend-pharmacy-start-prescribing-with-us1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8987 .elementor-element.elementor-element-63933a46::before, .elementor-8987 .elementor-element.elementor-element-63933a46 > .elementor-background-video-container::before, .elementor-8987 .elementor-element.elementor-element-63933a46 > .e-con-inner > .elementor-background-video-container::before, .elementor-8987 .elementor-element.elementor-element-63933a46 > .elementor-background-slideshow::before, .elementor-8987 .elementor-element.elementor-element-63933a46 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8987 .elementor-element.elementor-element-63933a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(160deg, #FFFFFF00 27%, #0F94CC 83%);}.elementor-8987 .elementor-element.elementor-element-6c1cdba8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8987 .elementor-element.elementor-element-24e6707c{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-8987 .elementor-element.elementor-element-3202c89b:hover{--e-transform-scale:1.03;}.elementor-8987 .elementor-element.elementor-element-3202c89b .elementor-heading-title{color:var( --e-global-color-a78a1a9 );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8987 .elementor-element.elementor-element-2aff3b67{padding:0px 0px 0px 7px;font-size:20px;color:var( --e-global-color-a78a1a9 );}.elementor-8987 .elementor-element.elementor-element-2aff3b67 p{margin-block-end:0px;}@media(max-width:1024px){.elementor-8987 .elementor-element.elementor-element-2ac8f1d5{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8987 .elementor-element.elementor-element-63933a46{--min-height:40vh;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-8987 .elementor-element.elementor-element-24e6707c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-8987 .elementor-element.elementor-element-2ac8f1d5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-8987 .elementor-element.elementor-element-63933a46{--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8987 .elementor-element.elementor-element-63933a46:not(.elementor-motion-effects-element-type-background), .elementor-8987 .elementor-element.elementor-element-63933a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-8987 .elementor-element.elementor-element-6c1cdba8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8987 .elementor-element.elementor-element-24e6707c{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8987 .elementor-element.elementor-element-3202c89b .elementor-heading-title{font-size:20px;}.elementor-8987 .elementor-element.elementor-element-2aff3b67{padding:0px 0px 0px 0px;font-size:16px;}}@media(min-width:768px){.elementor-8987 .elementor-element.elementor-element-6c1cdba8{--width:40%;}.elementor-8987 .elementor-element.elementor-element-24e6707c{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8987 .elementor-element.elementor-element-6c1cdba8{--width:45%;}.elementor-8987 .elementor-element.elementor-element-24e6707c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2ac8f1d5 */.elementor-8987 .elementor-element.elementor-element-2ac8f1d5 .hover-card-cta {
    overflow: hidden;
    position: relative;
    background-size: 103% !important;
    transition: background-size 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.elementor-8987 .elementor-element.elementor-element-2ac8f1d5 .hover-card-cta:hover {
    background-size: 100% !important;
}


/* Mobile Portrait (≤ 1024px) */
@media (max-width: 1024px) {
    .elementor-8987 .elementor-element.elementor-element-2ac8f1d5 .hover-card {
    background-size: cover !important;
}

.elementor-8987 .elementor-element.elementor-element-2ac8f1d5 .hover-card:hover {
        background-size: cover !important;
    }
}

.animate-box {
    width: 38px; margin-left:10px;
}


/* Mobile Portrait (≤ 767px) */
@media (max-width: 767px) {
   .animate-box {
    width: 20px; margin-left:10px;
}
  
}/* End custom CSS */
/* Start custom CSS */.animate-box {
  animation-name: shake;
  animation-duration: 2s;
  animation-iteration-count: infinite; 
  animation-timing-function: ease-in-out; /* Smoother easing */
}

#animate-box {
  animation-name: shake;
  animation-duration: 2s;
  animation-iteration-count: infinite; 
  animation-timing-function: ease-in-out; /* Smoother easing */
}

@keyframes shake {
  0% { transform: translateX(0) translateZ(0); } /* Added translateZ(0) */
  25% { transform: translateX(-5px) translateZ(0); }
  50% { transform: translateX(5px) translateZ(0); }
  75% { transform: translateX(-5px) translateZ(0); }
  100% { transform: translateX(0) translateZ(0); }
}

/* Target the image inside */
 .gallery-item img {
    object-fit: cover;
    transition: transform 1.02s cubic-bezier(0.25, 1, 0.5, 1);
    border-radius: 50px;
    
}

/* Image scales on hover */
 .gallery-item:hover img {
    transform: scale(1.09);
    border-radius: 50px;
}


 .gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    border-radius: 50px;
}

 .gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

 .gallery-item {
    /* This ensures the items keep their column width 
       while allowing the row to center */
    flex: 0 0 auto;
}


.news-zoom-in {
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

.news-image-zoom-in {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

.news-zoom-in:hover .news-image-zoom-in {
    transform: scale(1.15);
    
}

 /* Tablet Portrait (≤ 1024px) */
@media (max-width: 1920px) {
    .foundation-wide {
        max-width: 55% !important;
    }
}

@media (max-width: 1024px) {
    .foundation-wide {
        max-width: 85% !important;
    }
}

@media (max-width: 767px) {
    .foundation-wide {
        max-width: 100% !important;
    }
}/* End custom CSS */