.slide{
display:none;
}
.slider-holder .active{
display:flex;
}
.contentboxf{
max-width:150px;
}
.main-button{
margin-right: 1.5vw;
}
.contentboxf h4{
font-family:'Helvetica Neue', Sans-Serif;
font-weight:bold;
font-size:17px;
}
@media(max-width:920px){
.slider-holder .active{
display:block;
}
}
@media(max-width:500px){
.img-nat360 img{
max-width:70%;
right: 0% !important;
top:20px !important;
}
}
.contentboxf p{
margin-bottom: 0em;
}
QUALITY CARE + PLANT
QUALITY CARE + PLANT
BASED SKINFOOD
Top of the line care & organic formulas hand-made from natural ingredients that nourish your body.
All-natural
100% Plant Based Organic Formulas
Quick Shipping
Recieve your order in as little as three days
Quality Products
Fast acting & effective formulas made for you.
.spa-main{
height: 100%;
background:
#E6D2C3;
position: relative !important;
}
.spa-main h3{
padding-top: 6vw;
font-weight: 200;
font-size: 2.5vw;
margin-bottom: 0px !important;
}
.spa-main h2{
font-size: 3.4vw;
font-family: 'Helvetica Neue',sans-serif;
margin-top:-0.25vw;
margin-bottom: -9.3vw;
margin-left:.5vw;
}
.spa-main h3,.spa-main h2{
padding-left: 15vw;
transform: rotate(-15deg) ;
color: white;
font-family: 'Helvetica Neue', Sans-Serif;
}
.spa-main h2{
font-weight: 600;
line-height: 4vw;
}
.leafy1{
position: absolute;;
width: 20vw;
left: -5.5vw;
top:2vw;
animation: 3.7s animo linear infinite;
}
.leafy2{
width: 33.5vw;
position: absolute;;
right: -13.5vw;
top:17vw;
animation: 3.2s animo linear infinite;
}
.leafy3{
margin-top: 1vw;
margin-left: 10vw;
margin-bottom: 150px;
width: 84vw;
}
.circ-spa{
position: absolute;
left:14vw;
top: 42vw;
width: 18vw;
}
.leafy55{
position:absolute !important;
left: -11vw;
bottom:-1vw;
width: 20vw;
}
button.book-spabutt{
margin-bottom: 0px;
display: block;
font-size:1.6vw;
border-radius: 50px;
background: white;
}
button.book-spabutt:hover{
transition: .4s ease;
background: black;
}
.spa-main p{
display:block;
width: 24vw;
bottom: 6vw;
color: white
;
margin-left: 0vw;
line-height:1.8vw;
margin-top: 1vw;
font-size: 1.45vw;
}
@keyframes animo{
0%{
transform:rotate(0deg);
}
50%{
transform:rotate(10deg);
}
100%{
transform:rotate(0deg);
}
}
.cta-section{
position: absolute;
right: 10vw;
bottom: 3.7vw;
}
.spaservices-mainbox {
margin-top: 10px;
display: flex;
position: relative;
}
.service-photobox {
height: 48vw;
width: 50vw;
background: url(https://allaboutyouskin.com/wp-content/uploads/2023/06/Screen-Shot-2023-06-29-at-8.20.42-PM.png);
animation: fadeIn 0.3s ease-in-out forwards;
background-size: cover;
background-position: center;
background-size: cover;
transition: background-image 0.2s ease-in-out;
}
.services-spa {
width: 49vw;
height: 48vw;
background: url(https://allaboutyouskin.com/wp-content/uploads/2023/06/bg-spa.png);
background-size: 120%;
}
.service-spa {
display: flex;
border-bottom: 1px solid black;
width: 40vw;
margin-left: 1.8vw;
margin-right: 6.8vw;
align-items: center;
cursor: pointer;
}
.service-spa p {
padding-top: 3vw;
font-family:'Helvetica Neue', sans-serif;
color: black;
font-weight: 600;
margin-left: -20px;
padding-left: 2vw;
margin-bottom: 3vw;
font-size: 2.7vw;
}
.servicebook-button {
margin-left: 4.7vw;
display: none;
position: relative;
opacity: 0;
margin-right: -5vw;
transform: translateY(50%);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
padding: 1.2vw;
font-size: 1.5vw;
border-radius: 40px;
max-width: 12vw;
max-height: 4vw;
}
.servicebook-button.active {
animation: fadeIn .5s ease-in;
display: inline-block;
transform: translateY(0%);
opacity: 1;
}
.service-quotebox {
width: 12vw;
position: relative;
background: #FFFDF8;
}
.service-quotebox img {
width: 8vw;
margin: 1.2vw 1vw;
}
.service-quotebox p {
transform: rotate(-90deg);
margin: 0 auto;
left: -9.3vw;
position: absolute;
bottom: 17vw;
font-size: 1.3vw;
min-width: 29vw;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('scroll', function(e) {
const target40 = document.querySelector('.circ-spa');
const scrolled = window.pageYOffset;
const rate2 = scrolled * 0.2;
target40.style.transform = `rotate(${rate2}deg)`;
});
});
document.addEventListener('DOMContentLoaded', function() {
const serviceSpaElements = document.querySelectorAll('.service-spa');
const servicePhotobox = document.querySelector('.service-photobox');
serviceSpaElements.forEach(function(serviceSpa) {
const button = serviceSpa.querySelector('.servicebook-button');
serviceSpa.addEventListener('mouseover', function() {
const image = serviceSpa.getAttribute('data-image');
servicePhotobox.style.backgroundImage = `url(${image})`;
// Add the 'active' class to the button when hovering
button.classList.add('active');
});
serviceSpa.addEventListener('mouseout', function() {
// Remove the 'active' class from the button when not hovering
button.classList.remove('active');
});
});
});
Indulge in pure bliss and reserve your serene escape at our spa booking section, relaxation awaits with a click
button.browsecat {
margin-top: -40px;
}
.menu__item {
position: relative;
padding: 4vw 6vw;
overflow: hidden;
}
.menu__item-link::before {
all: initial;
font-family: 'Helvetica Neue', sans-serif;
counter-increment: menu;
position: absolute;
bottom: 60%;
left: 0;
pointer-events: none;
}
.menu__item-link:hover {
transition-duration: 0.1s;
opacity: 0;
}
.menu__item-img {
pointer-events: none;
position: absolute;
height: 100%;
max-height: 400px;
opacity: 0;
left: 100%;
top: 50%;
width: 240px;
transform: translate3d(calc(-80% - 5vw), -10%, 0) translate3d(0, 50px, 0);
}
.menu__item-link:hover+.menu__item-img {
opacity: 1;
transform: translate3d(calc(-70% - 10vw), -60%, 0) rotate3d(0, 0, 1, 5deg);
transition: all 0.4s;
}
.menur {
display: flex;
flex-wrap: wrap;
padding: 10vh 0 25vh;
--offset: 10vw;
--move-initial: calc(-25% + var(--offset));
--move-final: calc(-20% + var(--offset));
font-size: 5vw;
}
.marquee {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
mix-blend-mode: difference;
}
.marquee__inner {
width: fit-content;
display: flex;
position: relative;
animation: marquee 5s linear infinite;
animation-play-state: paused;
opacity: 0;
transition: opacity 0.1s;
}
.menu__item-link:hover~.marquee .marquee__inner {
animation-play-state: running;
opacity: 1;
transition-duration: 0.4s;
}
.menu__item-link,
.marquee span {
white-space: nowrap;
font-size: 7vw;
padding: 0 1vw;
font-weight: 900;
line-height: 1.15;
}
.menu__item-link,
.marquee span {
white-space: nowrap;
font-size: 6vw;
padding: 0 1vw;
font-weight: 900;
line-height: 1.15;
}
.marquee span {
font-style: italic;
}
@keyframes marquee {
0% {
transform: translate3d(var(--move-initial), 0, 0);
}
100% {
transform: translate3d(var(--move-final), 0, 0);
}
}
.menu__item-link {
display: inline-block;
cursor: pointer;
position: relative;
-webkit-text-stroke: 0 !important;
-webkit-text-fill-color: #e9cfb7;
color: #DDB29B !important;
transition: opacity 0.4s;
}
SHOP BY CATEGORY
.marquee2{
padding-top: 6vw;
height: 0vw;
padding-bottom:0vw;
}
.marqueee {
margin-top: 3vw;
width: 100%;
overflow-x: hidden;
height: 29vw;
margin-bottom: -12vw;
white-space: nowrap;
text-transform: uppercase;
}
.marqueee span {
display: inline-block;
padding-left: 5%;
font-size:6vw;
animation: marquee 70s linear infinite;
font-family: 'helvetica neue',sans-serif;
font-weight:100;
color: black;
}
.imagery-marquee{
width: 25vw;
position: absolute;
left: 35vw;
top: 2vw;
z-index: 2;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-95%, 0); }
}
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
Personalized Skin Care. Using the power of fruit enzymes and skin food
.featuredprod-holder{
text-align:center;
display: flex;
height: 700px;
position: relative;
}
.imageprod{
background:url(https://allaboutyouskin.com/wp-content/uploads/2021/08/DSC00068-2-scaled.jpg);
background-size: cover !important;
padding: 0px;
width:50%;
}
img.serumprod{
width:350px;
}
.productfeat{
width: 50%;
text-align: center;
overflow: hidden;
background:#F8E2D1;
}
.prodname{
font-family: poppins,Sans-Serif;
font-weight: bold;
transition: 0.3s ease;
margin-top: -20px;
}
button.browseo{
background: transparent;
padding-bottom:3px;
margin-top: 15px;
font-weight: bold;
font-size:25px;
text-decoration: underline 2px solid;
transition: 0.6s ease;
margin-bottom:30px;
}
button.browseo:hover{
transform:scale(1.1);
color: #D9B194;
transition: 0.3s ease;
}
.leavesnew{
position:relative;
}
.leavesnew img:nth-child(1){
position: absolute;
top:90px;
left:40px;
width:190px;
transform: rotate(80deg);
left: -55px;
animation:lefi1 5s ease-in infinite;
}
.leaves2{
position: absolute !important;
width:95px;
top:120px;
right:0px;
transform: rotate(-90deg);
animation:lefi2 5s ease-in infinite;
transition: 0.5s ease;
}
@keyframes lefi1{
0%{
transform:rotate(80deg);
}
50%{
transform:rotate(90deg);
}
100%{
transform:rotate(80deg);
}
}
@keyframes lefi2{
0%{
transform:rotate(-90deg);
}
50%{
transform:rotate(-80deg);
}
100%{
transform:rotate(-90deg);
}
}
@media(max-width:500px){
.featureprod-holder{
min-height:100% !important;
max-height:100% !important;
flex-direction:column !important;
}
}
.serumprod{
margin-top: 30px;
margin-bottom: 50px;
}
html {
overflow-x: hidden;
}
.productCarouselContainer {
display: flex;
margin-top: 0px;
width: 100%;
max-width: 100%;
overflow: hidden;
margin-left: 5px !important;
padding-left: 15px;
}
.productItem.swiper-slide {
cursor: pointer;
position: relative;
border-radius: 8px;
background-color: white;
width: 250px !important;
height: 500px;
transition: 0.6s ease;
margin-bottom: 50px;
margin-right: 30px;
}
.product-container {
cursor: pointer;
position: relative;
border-radius: 8px;
background: #EDE2D9;
height: 65%;
overflow: hidden;
width: 240px !important;
box-shadow: 0px 1px 6px #00000536;
transition: 0.6s ease;
margin-bottom: 50px;
margin-right: 30px;
}
.swiper-container {
max-width: 100%;
max-height: 600px;
padding-top: 100px !important;
}
@media only screen and (max-width: 1260px) {
.swiper-container {
max-width: 1100px;
}
}
@media only screen and (max-width: 960px) {
.swiper-container {
max-width: 930px;
}
}
@media only screen and (max-width: 660px) {
.swiper-container {
max-width: 600px;
}
}
@media only screen and (max-width: 550px){
.swiper-container {
max-width: 286px;
}
.productCarouselContainer {
display: flex;
margin-top: 0px;
width: 100%;
max-width: 100%;
overflow: visible;
margin-left: 5px !important;
padding-left: 15px;
}
}
h4.productName {
margin-top: -35px;
text-align: left;
margin-bottom: 0px;
font-family: recoleta, Sans-Serif;
color: #000;
font-family: 'Helvetica Neue', sans-serif;
font-weight: 340;
}
.productImage {
text-align: center;
}
.productImage img {
width: 100%;
height: 100%;
max-width: 190px;
margin-top: 20px;
justify-content: center;
align-content: center;
content: center;
box-sizing: border-box;
}
.detail-box {
border-top: 1px solid #8eb2a7;
padding: 0px;
font-family: recoleta, Sans-Serif;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.productPrice {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
}
button.button-cart {
padding: 17px 50px;
color: white;
background-color: #8eb2a7;
align-items: center;
border: none;
outline: none;
}
img.buyIcon {
margin-top: -5px;
margin-left: 3px;
}
.active {
display: block;
}
.swiper-button-next {
right: 190px !important;
top: 50px !important;
background-image: url('') !important;
width: 35px;
}
.productNavIcon {
height: 35px !important;
width: 45px !important;
}
.swiper-button-next::after {
content: none !important;
}
.swiper-button-prev::after {
content: none !important;
}
.swiper-button-prev {
right: 237px !important;
top: 50px !important;
left: auto !important;
background-image: url('') !important;
width: 35px;
}
img.productNavIcon {
height: 30px !important;
width: 160px !important;
}
.productNavIcon {
height: 39px !important;
width: 35px !important;
}
.hairmoist{
margin-top:70px !important;
}
https://unpkg.com/swiper/swiper-bundle.min.js
const swiper = new Swiper(".swiper-container", {
// Optional parameters
direction: "horizontal",
loop: false,
autoplay: {
delay: 4500,
},
// slidesOffsetBefore: 30,
// Navigation arrows
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
// Default parameters
slidesPerView: 1,
spaceBetween: 40,
// Responsive breakpoints
breakpoints: {
660: {
slidesPerView: 3,
spaceBetween: 60,
},
560: {
slidesPerView:2,
spaceBetween:100,
},
960: {
slidesPerView: 3,
spaceBetween: 30,
},
// when window width is >= 1240px
1240: {
slidesPerView: 4,
spaceBetween: 40,
},
},
});
Body Serum
$29.99 - 59.99
Fruit Butter Moisturizer
$49.99
Conditioning Cream
$24.99
Bush Wash
$29.99 - 59.99
Shampoo
$29.99 - 59.99
Hair Fertilizer
$29.99 - 59.99
Moringa Soap
$22.99
“I love how much it smells like the actual fruit and I have comments on how good my my skin and hair look when I wear this on a no makeup day.”
Jennifer
@keyframes opacity{
0%{
opacity:0;
}
100%{
opacity: 1;
}
}
.prevseq button img {
margin-right: 2.5px;
margin-left: -4px;
width: 22px;
margin-top: 2px;
margin-bottom: -2px;
}
.indicatorseq {
display: flex;
position: absolute;
top: 100px;
margin-left:10px;
background: none;
}
.indicatorseq div {
z-index: 20;
display: flex;
width: 20px;
height: 20px;
margin-left: 0px;
margin-right: 15px;
background: transparent;
border:4px solid #EACCB5;
border-radius: 50%;
text-align: center;
justify-content: center;
align-items: center;
}
.indicatorseq div.active {
background-color:#EACCB5;
transition: 0.3s;
}
.controls-seq {
display: flex;
position: absolute;
transition:6s;
top:330px;
right:37%;
animation: opacity 3s ease;
}
.controlsseq {
margin-top: 0px;
display: flex;
transition:6s;
}
.nextseq {
margin-left: 13px;
}
.prevseq,
.nextseq {
cursor: pointer;
flex-grow: 1;
z-index: 2;
margin-top: 10px;
width: 50px;
height:50px;
padding: 15px 0px;
border-radius: 100%;
background-color: transparent;
border: 1px solid #EACCB5;
cursor: pointer;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.nextseq button,
.prevseq button {
position: relative;
cursor: pointer;
background-color: transparent;
border: none;
padding: 0px 20px;
}
.nextseq {
animation: circ 3.5s ease-in-out infinite;
}
.nextseq button img {
margin-left: 4.2px;
margin-right: 24px;
width: 21px;
margin-top: 1px;
margin-bottom: -1px;
}
.prevseq button img {
margin-left: -2px;
margin-right: 23px;
width: 22px;
margin-top: 2px;
margin-bottom: -2px;
}
.testmonial-main{
width: 100%;
display: flex;
justify-content: center !important;
}
.seqslideholder {
margin-top:45px;
padding: 0px 0px;
position: relative;
width: 100%;
display: flex;
justify-content: space-around;
height:500px;
max-width: 1200px;
justify-content: center;
}
.product-slide {
width: 100%;
display: flex;
align-content: center;
align-items: center;
align-self: center;
}
.product-display {
width:100%;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
justify-content: space-around;
display: none;
}
h2.seqhab {
top: 0px;
font-size: 35px;
font-family: recoleta, Serif;
color: #8eb2a7;
opacity: 0.7;
left: -22px;
transform: rotate(90deg)
position: absolute;
writing-mode: vertical-rl;
margin-left: -14px;
}
.promo {
margin-left: 18%;
font-family: recoleta, Sans-Serif;
}
.product-desc {
width: 100%;
}
img.eqimg {
margin-left: -90px;
width: 90%;
}
.p-name {
font-family: recoleta, Serif;
font-size: 33px;
}
.product-desc {
display: flex;
flex-direction: column;
}
button.bteq {
padding: 16px;
width: 160px;
border-radius: 20px 0px;
color: white;
transition: 0.6s;
}
button.bteq:hover {
background: white;
padding: 16px;
width: 160px;
border-radius: 20px 0px;
color: #8eb2a7;
}
.active{
display: flex;
width:100%;
}
.promo h3,h4{
font-family: recoleta,serif;
}
.promo h3{
color:#8eb2a7;
margin-top:-15px;
margin-bottom: -10px;
}
@media (max-width:500px){
.seqslideholder {
padding: 100px 0px;
background-color: #ebebeb;
position: relative;
width: 100%;
display: flex;
justify-content: space-around;
}
h2.seqhab{
display: none;
}
.seqslideholder{
display: block;
}
.product-slide{
}
.product-display{
flex-direction: column;
margin-left: 125px;
}
.prod-img{
flex-direction: column;
height:100%;
background-size:cover;
}
.controls-seq{
margin-top: 20px;
}
.promo{
margin-top:0px;
margin-bottom: 90px;
}
}
.product-display{
transition: 1s ease;
transition-delay: 0.4s ease;
}
.product-slide{
transition: 1s ease;
}
span.pricef{
color:#8eb2a7;
}
.product-desc{
height:100%;
padding: 40px 155px;
flex-direction: column;
height:100%;
}
.product-slide{
position:absolute !important;
}
.prod-img:nth-child(1){
width:100%;
background:url("https://allaboutyouskin.com/wp-content/uploads/2021/06/[email protected]") !important;
max-width:650px;
background-size:cover !important;
}
.prod-img{
width:100%;
max-width:650px;
background-size: cover !important;
height:100% !important;
background-position:center;
background-size:cover !important;
background-size:cover !important;
}
.prod-img2{
width:100%;
max-width:650px;
background-image:url("https://allaboutyouskin.com/wp-content/uploads/2021/06/park-street-KYUiTYOaE9M-unsplash-1-1-1024x683-1.jpeg") !important;
content:url(https://allaboutyouskin.com/wp-content/uploads/2021/06/park-street-KYUiTYOaE9M-unsplash-1-1-1024x683-1.jpeg);
background-size: cover !important;
height:100% !important;
background-position:center;
background-size:cover !important;
background-size:cover !important;
}
.prod-img3{
width:100%;
max-width:650px;
background-image:url("https://allaboutyouskin.com/wp-content/uploads/2021/06/pexels-koolshooters-7143191-1024x683-1.jpeg") !important;
content:url(https://allaboutyouskin.com/wp-content/uploads/2021/06/pexels-koolshooters-7143191-1024x683-1.jpeg);
background-size: cover !important;
height:100% !important;
background-position:center;
background-size:cover !important;
background-size:cover !important;
}
@media(min-width:1950px){
.prod-img3, .prod-img2, .prod-img:nth-child(1){
width: 50% !important;
max-width: 50% !important;
}
.controls-seq {
display: flex;
position: absolute;
transition: 6s;
top: 330px;
right: 33% !important;
}
.product-desc{
width: 50% !important;
}
}
.product-desc{
width:100%;
background:white;
}
p.p-desc{
max-height: 300px;
width:400px;
margin-top:90px;
font-size:18px;
}
.product-desc h2{
font-weight:bold;
font-family:"Helvetica Neue", sans-serif;
font-size:42px;
}
.product-desc h3{
font-weight:600;
font-family:"Helvetica Neue", sans-serif;
font-size:25px;
color:#D9B194;
margin-top:-20px;
}
/*.product-desc:nth-child(1){*/
/* margin-top:-20px;*/
/*}*/
.product-desc:nth-child(2){
margin-left: -5% !important;
}
.product-desc:nth-child(3){
margin-left: -5% !important;
}
.descleaves{
position:absolute;
right:-90px;
top:50px;
width:200px;
z-index: 9;
transform:rotate(-35deg);
transition:0.5s ease;
animation: leavi 3s ease infinite ;
}
@keyframes leavi{
0%{ transform: rotate(-35deg);
}
50%{
transform: rotate(-28deg)
}
100%{
transform: rotate(-35deg)
}
}
@media(max-width:800px){
.controls-seq{
left:32% !important:
right:0%;
}
}
@media(min-width: 1750px){
.controls-seq {
display: flex;
position: absolute;
transition: 6s;
top: 330px;
right: 30% !important;
}
}
@media(max-width: 1850px){
.controls-seq {
display: flex;
position: absolute;
transition: 6s;
top: 330px;
right: 33.6% !important;
}
}
.product-desc .txt1{
margin-left: 12% !important;
}
const slidesseq = document.querySelectorAll(".product-display");
const prevseq = document.querySelector(".prevseq");
const nextseq = document.querySelector(".nextseq");
const indicatorseq = document.querySelector(".indicatorseq");
let indexseq = 0;
prevseq.addEventListener("click", function () {
prevSlideSeq();
updateCircleIndicatorSeq();
resetTimerSeq();
});
nextseq.addEventListener("click", function () {
nextSlideSeq();
updateCircleIndicatorSeq();
resetTimerSeq();
});
function prevSlideSeq() {
if (indexseq == 0) {
indexseq = slidesseq.length - 1;
} else {
indexseq--;
}
changeslideSeq();
updateCircleIndicatorSeq();
}
function nextSlideSeq() {
if (indexseq == slidesseq.length - 1) {
indexseq = 0;
} else {
indexseq++;
}
changeslideSeq();
updateCircleIndicatorSeq();
resetTimerSeq();
}
function changeslideSeq() {
for (i = 0; i < slidesseq.length; i++) {
slidesseq[i].classList.remove("active");
}
slidesseq[indexseq].classList.add("active");
}
function circleIndicatorSeq() {
for (let i = 0; i < slidesseq.length; i++) {
const div = document.createElement("div");
div.setAttribute("onclick", "indicateSlideSeq(this)");
div.id = i;
if (i == 0) {
div.className = "active";
}
indicatorseq.appendChild(div);
}
}
circleIndicatorSeq();
function indicateSlideSeq(element) {
indexseq = element.id;
changeslideSeq();
updateCircleIndicatorSeq();
resetTimerSeq();
}
function updateCircleIndicatorSeq() {
for (let i = 0; i < indicatorseq.children.length; i++) {
indicatorseq.children[i].classList.remove("active");
}
indicatorseq.children[indexseq].classList.add("active");
}
function autoPlaySeq() {
nextSlideSeq();
updateCircleIndicatorSeq();
}
let timerSeq = setInterval(autoPlaySeq, 5000);
function resetTimerSeq() {
clearInterval(timerSeq);
timerSeq = setInterval(autoPlaySeq, 5000);
}
.fa-instagram{
font-size: 17.6px;
margin-left: 4px;
color: #D9B194;
}
.insta-follow{
margin-top: 100px;
max-width: 1450px;
align-content: center;
text-align: center;
justify-content: center;
align-self: center;
}
.imgboxsocial{
display: flex;
width: 100%;
justify-content: space-around;
}
h3.follow{
font-weight:bold;
}
.insta-follow span{
color:#D9B194;
}
.titleso{
justify-content: center;
display:flex;
}
.imgboxsocial img{
width:100%;
height: 100%;
max-width: 250px;
max-height: 280px;
margin-top: 50px;
}
@media(max-width:500px){
.imgboxsocial{
flex-direction: column;
justify-content: center;
text-align: center;
margin-left:20%;
}
.imgboxsocial img{
max-width:500px;
max-height: 100% !important;
min-width: 60%;
}
}
FOLLOW US @ALLABOUTYOU.TO
Custom 100% natural organic products for healthier & happier skin and hair.
