Join the PATTERN Creator Squad!

Brand: Patternbeauty Category: beauty Application links: - https://patternbeauty.com/pages/loyalty (text: "JOIN NOW") - https://patternbeauty.com/pages/loyaltyss (text: "JOIN NOW") - https://pb.attn.tv/p/Duj/landing-page (text: "SMS Sign Up") Join the PATTERN Creator Squad! *, ::after, ::before { margin: 0; padding: 0; box-sizing: border-box; } @font-face { font-family: 'Montserrat', sans-serif; src: url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Regular.woff2?v=1690173686&v=142455') format('woff2'), url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Regular.woff?v=1690173687&v=142455') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat', sans-serif; src: url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Medium.woff2?v=1690173686&v=142455') format('woff2'), url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Medium.woff2?v=1690173686&v=142455') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat', sans-serif; src: url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-SemiBold.woff2?v=1690173686&v=142455') format('woff2'), url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-SemiBold.woff?v=1690173686&v=142455') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat', sans-serif; src: url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Bold.woff2?v=1690173686&v=142455') format('woff2'), url('//patternbeauty.com/cdn/shop/t/846/assets/https://cdn.shopify.com/s/files/1/0149/4794/2500/files/Montserrat-Bold.woff?v=1690173686&v=142455') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .container { max-width: 1250px; margin: 0px auto; padding: 0px 30px; } .row { display: flex; flex-wrap: wrap; } .col-12 { flex: 0 0 100%; max-width: 100%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-4 { flex: 0 0 33.33%; max-width: 33.33%; } .section-heading, h1 { color: #ffffff; text-align: center; font-family: Montserrat; font-size: 32px !important; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.92px !important; text-transform: uppercase; } @media only screen and (max-width: 1200px) { .container { padding: 0px 30px; } } @media only screen and (max-width: 768px) { .col-6, .col-4, .col-3 { flex: 0 0 100%; max-width: 100%; } .container { padding: 0px 28px; } .section-heading, h1 { font-size: 24px !important; letter-spacing: 2.4px; font-weight: 600; text-transform: uppercase; } } @media only screen and (max-width: 370px) { .container { padding: 0px 20px; } } .main-section { background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.60) 0%, rgba(251, 224, 180, 0.00) 100%), url('https://cdn.shopify.com/s/files/1/0149/4794/2500/files/custom_resized_03380ae5-2be9-472d-a243-a066c8983a66.jpg?v=1691857256'); background-repeat: no-repeat; background-blend-mode: multiply; background-size: cover; background-position: center; height: 540px; padding: 0px 0px 4px; } .main-section .container, .main-section .row { height: 100%; } .main-section .row { align-items: end; justify-content: center; } .main-section .row .col-12 { padding-bottom: 43px; } .main-section .section-heading { max-width: 400px; margin: 0px auto; } .main-section .join-link a { background-color: rgb(244, 178, 35); border-radius: 0px; width: 231px; height: 40px; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(0, 0, 0, 0.75); display: flex; align-items: center; margin: 0px auto; justify-content: center; text-decoration: none; } .main-description-wrapper { padding: 40px 0px; text-align: center; } .main-section .join-link { margin-top: 11px; } .main-description-wrapper p { max-width: 500px; margin: 0px auto; color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 15px !important; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: 0.15px; } @media only screen and (max-width: 768px) { .main-description-wrapper { padding: 30px 0px; } } @media only screen and (max-width: 543px) { .main-section { background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.00) 100%), url('https://cdn.shopify.com/s/files/1/0149/4794/2500/files/pink_1.png?v=1690178209'); background-blend-mode: multiply; border-radius: 2px; height: 575px; } .main-section .row { align-items: center; justify-content: center; } .main-section .row .col-12 { padding-bottom: 0px; padding-top: 140px; } Join the PATTERN Creator Squad! Apply Now Earn rewards, discounts, or exclusive gifts just by joining our program & tagging @patternbeauty on social! .how-work-section { background: #FBE0B4; padding: 80px 0px 41px; margin-bottom: 40px; } .how-work-section .container { max-width: 1200px; } .how-work-section .col-4 { margin-bottom: 40px; } .how-work-section h2 { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 2.4p !important; text-transform: uppercase; margin-bottom: 60px; } .how-work-section h3 { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 20px !important; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2px !important; text-transform: uppercase; } .how-work-section p { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 15px !important; font-style: normal; font-weight: 400; line-height: 32px; /* 213.333% */ letter-spacing: 0.15px !important; } .how-work-section .row { margin: 0px -23px; } .how-work-section .col-wrapper { background: #FFF9F1; height: 100%; margin: 0px 23px; padding: 56px 25px 45px; min-height: 350px } .how-work-section .svg-wrapper { width: 60px; height: 60px; margin: 0px auto; display: flex; align-items: center; justify-content: center; } .how-work-section .how-work-svg { width: 56px; height: 56px; display: flex; margin: 20px auto 0px; } .how-work-section .title { margin: 18px 0px 15px; } @media only screen and (max-width: 1200px) { .how-work-section .col-wrapper { margin: 0px 10px; } .how-work-section h3 { font-size: 18px !important; } .how-work-section p { line-height: 26px; } .how-work-section .how-work-svg { margin: 0px auto; } } @media only screen and (max-width: 768px) { .how-work-section .row { margin: 0px 0px; } .how-work-section .col-wrapper { min-height: 320px; max-width: 320px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .how-work-section .col-4:last-child { margin-bottom: 0px; } .how-work-section h2 { margin-bottom: 40px; } .how-work-section { padding: 55px 0px 61px; } .how-work-section .title { font-family: Montserrat; font-size: 18px !important; letter-spacing: 1.8px !important; } .how-work-section p { font-size: 14px !important; } } How It Works Apply to Join Apply with your email & Instagram handle on this page. Post on Instagram or TikTok Create content enjoying PATTERN & post on social. Don’t forget to tag us in every post @patternbeauty. Get Rewarded Receive exclusive rewards when you participate in challenges. .post-rule-section { position: relative; margin-bottom: 40px; } .post-rule-section h2 { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 24px !important; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2.4px !important; text-transform: uppercase; margin-bottom: 30px; } .post-rule-section .content-wrapper { text-align: center; padding: 20px; } .post-rule-section .content-wrapper .main-desciption { max-width: 460px; margin: 0px auto; } .post-rule-section .row { align-items: center; } .post-rule-section .main-desciption { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.15px; } .post-rule-section .main-desciption li { display: inline-block; position: relative; margin-bottom: 18px; } .post-rule-section .main-desciption li:before { content: ""; display: list-item; position: absolute; } .post-rule-section .image-wrapper { position: relative; padding-bottom: 97.23%; margin-right: 20px; } .post-rule-section .image-wrapper img { position: absolute; top: 0px; left: 0px; object-fit: cover; width: 100%; height: 100%; } .post-rule-section .main-desciption li { padding-left: 18px; } @media only screen and (max-width: 768px) { .post-rule-section .image-wrapper { margin-right: 0px; } .post-rule-section .image-wrapper { margin-right: 0px; margin-bottom: 25px; padding-bottom: 100%; } .post-rule-section .content-wrapper { padding: 0px 15px; position: relative; } .post-rule-section .content-wrapper .main-desciption { padding-bottom: 30px; } .post-rule-section .content-wrapper:before { position: absolute; content: ''; background: #F4B223; width: 180px; height: 5px; left: 0px; right: 0px; bottom: 0px; margin: 0px auto; } } Post Rules Posts must be made from accounts that are public Posts must visibly display @patternbeauty Post may only include 5 tags (not including people) Posts must not be made from accounts with no previous posts Posts must be inclusive & non-discriminatory .testimonial-section .image-wrapper { margin-right: 0px; margin-left: 20px; } @media only screen and (max-width: 768px) { .testimonial-section .content-section { order: 2; } .testimonial-section .image-section { order: 1; } .testimonial-section .image-wrapper { margin-right: 0px; margin-left: 0px; } } Terms and Conditions To be eligible for rewards, you must sign up on this page & follow the post rules above. PATTERN may use rewards member content for marketing purposes. PATTERN may update the rewards program at any time. PATTERN reserves the right to accept, reject & approve all posts. .icon-with-text { position: relative; padding: 80px 0px 0px; background: #FBE0B4; margin: 47px 0px 57px; border-radius: 0px; } .icon-with-text h2.main-title { margin-bottom: 90px; color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.44px !important; text-transform: uppercase; } .icon-with-text .items { background: #FFF9F1; max-width: 375px; min-height: 360px; display: flex; flex-direction: column; justify-content: center; margin: 0px auto; padding: 30px 37px; margin-bottom: 113px; align-items: center; text-align: center; } .icon-with-text h3 { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 20px !important; font-style: normal; font-weight: 600; line-height: normal !important; letter-spacing: 1.2px !important; margin-top: 22px; margin-bottom: 15px; } .icon-with-text p { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 15px !important; font-style: normal; font-weight: 400; line-height: 32px !important; letter-spacing: 0.15px !important; } .icon-with-text .icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0px auto; z-index: 2; position: relative; } @media only screen and (max-width: 1200px) { .icon-with-text .col-6:last-child .items, .icon-with-text .col-6:nth-last-child(2) .items { justify-content: center; } } @media only screen and (max-width: 991px) { .icon-with-text .col-6 { display: flex; align-items: center; justify-content: center; } .icon-with-text h2.main-title { margin-bottom: 60px; } .icon-with-text .items { margin: 0px 15px 45px; padding: 20px; } .icon-with-text h3 { font-size: 20px; line-height: 23.44px; margin-bottom: 12px; margin-top: 20px; } .icon-with-text p { font-size: 16px; } } @media only screen and (max-width: 768px) { .icon-with-text .col-6:last-child .items { margin-bottom: 0px; } .icon-with-text .container { padding: 0px 37px; } .icon-with-text .items { margin: 0px auto 45px; padding: 20px; min-height: 280px; } .icon-with-text { margin: 40px 0px 45px; padding: 50px 0px; } .icon-with-text h2.main-title { margin-bottom: 48px; padding: 0px; } .icon-with-text p { font-size: 14px !important; line-height: 30px !important; /* 214.286% */ letter-spacing: 0.14px !important; } } @media only screen and (max-width: 370px) { .icon-with-text .container { padding: 0px 20px; } .icon-with-text .items { margin: 0px auto 30px; } } @media only screen and (max-width: 340px) { .icon-with-text h2.main-title { padding: 0px; } .icon-with-text p { line-height: 26px; } .icon-with-text h2.main-title { padding: 0px; } } What We Like to See HIGH RESOLUTION Ensure you are posting high-resolution photos & videos for both in-feed and story Instagram posts. Good lighting is key! KEEP IT SIMPLE We like to see clean simple backgrounds. Avoid any distracting jewelry or makeup please. HIGHLIGHT PRODUCT/BRAND Show off PATTERN by making sure it is clearly visible. Don't forget to tag @patternbeauty for your post to be seen. Pro Tip: Reverse your camera so that the logo reads correctly. BE PATTERN: We invited you to the program because we believe you represent PATTERN’S values. .text-with-image-section { position: relative; margin-bottom: 56px; } .text-with-image-section .row { align-items: center; } .text-with-image-section .image-wrapper { position: relative; padding-bottom: 97.223%; margin-left: 20px; margin-right: 0px; } .text-with-image-section .image-wrapper img { position: absolute; top: 0px; left: 0px; object-fit: cover; width: 100%; height: 100%; } .text-with-image-section .content-wrapper { max-width: 502px; margin: 0px auto; text-align: center; } .text-with-image-section .main-desciption { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 20px !important; font-style: normal; font-weight: 500; line-height: 30px !important; letter-spacing: 0.2px !important; padding: 20px; } @media only screen and (max-width: 768px) { .text-with-image-section { margin-bottom: 75px; } .text-with-image-section .image-wrapper { margin-right: 0px; margin-left: 0px; } .text-with-image-section .image-wrapper { margin-right: 0px; margin-bottom: 45px; padding-bottom: 100%; } .text-with-image-section .content-wrapper { padding: 0px 15px; } .text-with-image-section .main-desciption { font-size: 16px !important; font-weight: 500; line-height: 30px !important; letter-spacing: 0.16px !important; } .text-with-image-section .content-section { order: 2; } .text-with-image-section .image-section { order: 1; } } We are here to fulfill the beauty needs of the Curly, Coily & Tight-Textured community. We are centered around the celebration of Black Beauty. We are an active space for uplifting & loving our authentic beauty. We are Black-owned & Black-founded. /* Gallery CSS Start */ section.gallery-section { background-color: #FAF3E3; padding: 25px 0px; } .gallery-section .heading { font-family: 'Oswald', sans-serif; font-size: 48px; font-weight: 400; line-height: 46px; letter-spacing: 0em; text-align: center; padding-top: 40px; } .gallery-slider-wrapper { width: 100%; position: relative; padding: 80px 0px 0px; } .gallery-slider-wrapper:before { content: ''; display: block; padding-bottom: calc(29.5138889% + 70px); } .gallery-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-slider .swiper-wrapper { align-items: center; margin-left: -5.20833333%; } .gallery-slider .gallery-slide { width: 19.0972222%; height: auto; margin: 0 1.94444444%; transition: width .3s ease; position: relative; } .gallery-slider .gallery-slide:before { content: ''; display: block; padding-bottom: 100%; } .gallery-slider .gallery-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.06)); border-radius: 0px; cursor: grab; } .gallery-slider:not(.is-active) .swiper-wrapper { margin-left: 0; } .gallery-slider:not(.swiper-initialized) .swiper-wrapper { justify-content: center; } .gallery-slider:not(.swiper-initialized) .gallery-slide { max-width: calc(25% - (1.94444444% * 2)); } .gallery-slider:not(.swiper-initialized) .gallery-slide:nth-child(n+6) { display: none; } .gallery-slider.is-active .gallery-slide.swiper-slide-active { width: 29.5138889%; } .gallery-slider .swiper-button-next, .gallery-slider .swiper-button-prev { width: 6.94444444%; height: auto; margin-top: calc(-6.94444444% / 2); -webkit-tap-highlight-color: transparent; } .gallery-slider .swiper-button-next:focus, .gallery-slider .swiper-button-prev:focus { outline: none !important; box-shadow: none !important; border: none !important; } :-webkit-direct-focus { outline-color: transparent !important; outline-style: none !important; outline-width: 0px !important; } .gallery-slider .swiper-button-next:after, .gallery-slider .swiper-button-prev:after { display: none; } .gallery-slider .swiper-button-next img, .gallery-slider .swiper-button-prev img { width: 100%; display: block; } .gallery-slider .swiper-button-prev img { transform: rotate(180deg); } .gallery-slider .swiper-button-prev { left: 9.23611111111%; } .gallery-slider .swiper-button-next { right: 9.23611111111%; } .gallery-slider:not(.is-active) .swiper-button-prev, .gallery-slider:not(.is-active) .swiper-button-next { display: none; } @media only screen and (max-width: 749px) { .gallery-slider-wrapper { padding: 30px 0px; } .gallery-slider-wrapper:before { padding-bottom: calc(60.8% + 70px); } .gallery-slider .swiper-wrapper { margin-left: -10.6666667%; } .gallery-slider .gallery-slide { width: 39.4666667%; margin: 0 4.13333333%; } .gallery-slider:not(.swiper-initialized) .gallery-slide { max-width: calc(50% - (4.13333333% * 2)); } .gallery-slider.is-active .gallery-slide.swiper-slide-active { width: 60.8%; } .gallery-slider .swiper-button-next, .gallery-slider .swiper-button-prev { width: 16%; height: auto; margin-top: calc(-16% / 2); } .gallery-slider .swiper-button-prev { left: 3.73333333%; } .gallery-slider .swiper-button-next { right: 3.73333333%; } } @media only screen and (max-width: 749px) { .gallery-slider-wrapper { padding: 20px 0px; } } /* Gallery CSS End */ function gallerySlider() { var gallerySlider = new Swiper('.gallery-slider', { loop: true, slidesPerView: 'auto', centeredSlides: true, lazy: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var sliderInterval = setInterval(function() { if ($('.gallery-slider').hasClass('swiper-initialized')) { setTimeout(function() { $('.gallery-slider').addClass('is-active'); }, 1000); clearInterval(sliderInterval); } }, 500); } $(window).on('load', function() { var length = $('.gallery-slider .gallery-slide').length; if (length > 4 && $(window).width() > 767) { gallerySlider(); } else if (length > 2 && $(window).width() .faq-section { padding: 80px 0px 91px; } .faq-section .section-heading { color: rgba(0, 0, 0, 0.75); text-align: center; font-family: Montserrat; font-size: 24px !important; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.44px !important; text-transform: uppercase; } .faq-section .container { max-width: 1286px; padding: 0px 30px; } .faq-section .col-12 { margin-bottom: 30px; background: #FFFFFF; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06); border-radius: 10px; user-select: none; -webkit-user-select: none; transition: all 0.4s ease; -webkit-tap-highlight-color: transparent; } .faq-section .col-12:last-child { margin-bottom: 0px; } .faq-section .question-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 38px 50px; cursor: pointer; } .faq-section .question { color: rgba(0, 0, 0, 0.75); font-family: Montserrat; font-size: 16px !important; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.6px !important; text-transform: uppercase; width: 90%; color: #000000; } .detail-open-arrow { width: 20px; height: 20px; display: flex; transition: all 0.4s ease; margin-left: 10px; } .faq-section .col-wrapper .bottom-wrapper { transition: all 0.3s; overflow: hidden; } .faq-section .col-wrapper:not(.top-click) .bottom-wrapper { height: 0px !important; } .answer-wrapper { padding: 0px 50px 50px; } .faq-section .answer-wrapper .answer { text-align: left; margin: 0px; padding: 9.5px 27px; border-left: 8px solid #F4B223; transform: translateX(-20px); transition: all 0.3s ease; opacity: 1; color: rgba(0, 0, 0, 0.75); font-family: Montserrat; font-size: 15px !important; font-style: normal; font-weight: 400; line-height: 30px !important; letter-spacing: 0.15px; } .faq-section .answer-wrapper .answer a { text-decoration: none; color: currentColor; cursor: pointer; } .faq-section .col-wrapper.top-click .answer-wrapper .answer { transform: translateX(0px); transition: all 0.4s ease-in-out; opacity: 1; } .faq-section .col-wrapper.top-click .detail-open-arrow { transform: rotate(90deg); } .faq-section .section-heading { margin-bottom: 50px !important; } @media only screen and (max-width: 768px) { .faq-section { padding: 100px 0px; } .faq-section .section-heading { margin-bottom: 40px; } .faq-section .question-wrapper { padding: 24px; } .faq-section .question { font-size: 14px !important; font-style: normal; font-weight: 600; line-height: 20px !important; letter-spacing: 0.14px !important; } .detail-open-arrow { width: 16px; height: 16px; } .answer-wrapper { padding: 16px 24px 40px 24px; } .faq-section .answer-wrapper .answer { font-family: Montserrat; font-size: 12px !important; line-height: 17px !important; letter-spacing: 0.12px !important; padding: 4px 20px; border-left: 4px solid #F4B223; } } @media only screen and (max-width: 475px) { .faq-section { padding: 50px 0px 50px; } .faq-section .container { padding: 0px 20px; } .faq-section .question-wrapper { padding: 20px 15px; } .faq-section .answer-wrapper .answer { padding: 10px 16px; } } Frequently Asked Questions How do I get rewarded? Complete your monthly challenge, follow the post guidelines, and make sure you tag @patternbeauty. If you complete all the guidelines, you'll be rewarded at the end of the month. When should I expect rewards? Rewards are sent at the end of the month if you've completed the challenge. What is my reward eligible towards? You will receive a unique, one-time use code that cannot be combined with other offers. If there are limitations, those will be denoted on this page and/or in the reward email you receive. Can I get rewarded on any other social platforms? While we encourage you to share on other platforms, we are only offering rewards for Instagram and TikTok at the moment. How do I ensure my post is valid? Ensure you are posting from a public account, tagging the correct brand, following the post guidelines listed, and upholding the Terms & Conditions. Approved posts will be visible in your Ambassador Hub (accessible from your Account Page). I would like a PATTERN storefront. How can I get one? At this time, our storefronts are in beta-testing. Creators & partners are hand-selected by our team for testing & monitoring purposes. Once your have applied to the Creator Program, you will be considedered for a storefront. Who do I contact if I haven’t received my reward or have questions about the program? Please email content@patternbeauty.com with any questions! $(document).ready(function() { $('#HeaderWrapper').addClass('header-wrapper--overlay is-light'); $('#SiteHeader').data('overlay', 'true'); function resizeFun() { $('.answer-wrapper').each(function(index) { var contentHeight = $(this).innerHeight(); $(this).parent('.bottom-wrapper').css('height', contentHeight) }); } resizeFun(); $(window).resize(function() { resizeFun(); }); $(document).on('click', '.top-wrapper', function() { if (!$(this).parent().hasClass('top-click')) { resizeFun(); } $(this).parent().toggleClass('top-click').parents().siblings().children().removeClass('top-click'); }); }); $(document).ready(function (){ AOS.init({ duration: 350, once: true, easing: 'ease-out', }) });