/* Theme Name: Hello Elementor Child Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Template: hello-elementor Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 3.4.4.1759152308 Updated: 2025-09-29 13:25:08 */ /* Header */ #headerTidelynk .llinerBgTwo a { border-radius: 200px; background: linear-gradient(85deg, #00FFE7 3.88%, #00998B 138.43%); } .navJoinNowBtn a { padding: 10px 24px; color: #0C142B !important; display: none; border-radius: 200px; background: linear-gradient(85deg, #00FFE7 3.88%, #00998B 138.43%);} .navJoinNowBtn {display: none;} /* Landing-page/ Section-one */ #oldSectionOne { display: none;} #sectionjoinOne .secColOne .counterBkClr .cleanerWating { position: relative; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { content: ''; position: absolute; top: -10px; left: -64px; transform: translateX(-50%); width: 32px; height: 100px; z-index: 999; background-image: url('https://staging.devcustomprojects.com/TideLynk/wp-content/uploads/2025/10/verticalStars.svg'); background-repeat: no-repeat; margin-inline: 28px;} #sectionjoinOne .secColOne .counterBkClr .cleanerWating { position: relative; z-index: 1; } /* linear-gradient Background */ .counterBkClr { background: rgba(255, 255, 255, 0.05); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(2.1px); -webkit-backdrop-filter: blur(2.1px); border: 1px solid rgba(255, 255, 255, 0.3); } .linearBg { background: linear-gradient(37deg, #FF2EC4 5.27%, #991C76 103.65% ); border-radius: 20px; text-decoration: none;} .linearBg a { background: linear-gradient(37deg, #FF2EC4 5.27%, #991C76 103.65%); border-radius: 200px; text-decoration: none;} #beTheFirstTry .linerBgTwo a, #mainHeader .linerBgTwo a { background: linear-gradient(85deg, #00FFE7 3.88%, #00998B 138.43%); border-radius: 200px; text-decoration: none;} #beTheFirstTry .linerBg a, .customerCleaner .linerBg a { background: linear-gradient(37deg, #FF2EC4 5.27%, #991C76 103.65%), #FF2EC4; border-radius: 200px; text-decoration: none;} /* Services We Offer */ .services-slider-wrapper .swiper { padding: 20px 0 60px; } .services-slider-wrapper { padding: 60px 0; } .service-card .image-wrapper img.service-image { height: 250px; } .section-title { color: white; font-size: 32px; font-weight: 700; margin-bottom: 40px; } .services-swiper { padding: 20px 0 60px; } .swiper-slide { height: auto; } .service-card { padding-top: 20px; padding-bottom: 20px; text-align: center; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); } .image-wrapper { position: relative; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; background: #1a2942; border-radius: 20px; padding: 24px 24px 60px 24px; } .swiper-slide.swiper-slide-active .image-wrapper{ background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%), #E78B39; } .swiper-slide.swiper-slide-next .image-wrapper { background: linear-gradient(29deg, #FF2EC4 -21.04%, #991C76 89.8%), #E78B39; } .service-image { width: 100%; height: 100%; object-fit: contain; border-radius: 15px; display: block; margin: 0 auto; } .service-title { color: white; font-size: 18px; font-weight: 600; margin-bottom: 12px; margin-top: 5px; min-height: 50px; display: flex; align-items: center; justify-content: center; } .service-description { color: #FFFFFFCC; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.6; margin-top: auto; } .service-card.featured .service-description { color: rgba(255, 255, 255, 0.9); } .swiper-button-next, .swiper-button-prev { color: white; background: #ef4444; width: 50px; height: 50px; border-radius: 50%; transition: background 0.3s ease; } .swiper-button-next:hover, .swiper-button-prev:hover { background: #dc2626; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; font-weight: bold; } .swiper-pagination-bullet { width: 12px; height: 12px; background: #011028; opacity: 1; border: 1.25px solid #FF2EC4; } .swiper-pagination-bullet-active { background: #011028; border: 2.25px solid #FF2EC4; width: 14px; height: 14px; } /* FAQs Page */ #faqContainer .faqTidelynk { background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%), #FFF; border-radius: 12px; padding: 10px; padding-top: 0;} #faqContainer summary.e-n-accordion-item-title { border-color: transparent; stroke-width: 0.5px; stroke: var(--Slate-200, #D5D9E2); border-bottom: 1px solid #D5D9E2; padding: 16px; } #faqContainer .faqItem { background: rgba(255, 255, 255, 0.12); border-radius: 0px 0px 10px 10px; border: none; margin-bottom: 10px; } #faqContainer .faqTidelynk details.e-n-accordion-item { background: transparent; border-bottom: 1px solid beige; } #faqContainer .faqTidelynk details.e-n-accordion-item[open] summary.e-n-accordion-item-title { background: rgba(255, 255, 255, 0.12); border-radius: 10px 10px 0px 0px; border: none; margin-top: 10px;} /* Why Tidelynk? */ .icon_box { height: 100%; } .insantMatch { background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%); } .sameDay { background: linear-gradient(29deg, #FF2EC4 -21.04%, #991C76 89.8%), linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%); } .trustedCleaners { background: linear-gradient(222deg, #211144 10.45%, #081230 102.52%); } .beTheFirst { background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%), #122A56; } /* Contact Form */ .contactSubject select { background: transparent; color: #FFFFFF66; } .contact-inline-fields { display: flex; gap: 20px; } input[type=email], input[type=number], input[type=tel], input[type=text] {border-radius: 30px;} select, textarea {border-radius: 8px;} textarea { width: 400px; height: 200px; resize: both;} .contact-inline-fields label, .contactSubject label, textarea, input[type="text"], input[type="email"], input[type="tel"] { width: 100%; box-sizing: border-box; margin-bottom: 10px; border-radius: 30px; } textarea { height: 200px; resize: both; border-radius: 8px; width: 100%; } .contactSubject { width: 100%; } .contact-inline-fields label, .contactSubject label, input[type="text"], input[type="email"], input[type="tel"] { width: 100%; box-sizing: border-box; margin-bottom: 10px; border-radius: 30px; color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 0.64px; line-height: 1.2;} textarea { width: 100%; height: 200px; resize: both; } .contactSubject { width: 100%;} input[type=text], input[type=tel], input[type=email], textarea { border: 1px solid #FFFFFF66; padding: 10px 6px 10px 16px; background: transparent; color: #FFFFFF66;} input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus { border:1px solid ; border-color: #0056b3;} input[type=text]:focus-visible, input[type=tel]:focus-visible, input[type=email]:focus-visible, textarea:focus-visible {outline: transparent;} #contactMainContainer .contactUsForm { background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%); border-radius: 52px; } .submitBtn input[type="submit"] { border-radius: 200px; display: flex; width: 277px; height: 45px; padding: 10px 28px; justify-content: center; align-items: center; gap: 10px; background: linear-gradient(37deg, #FF2EC4 5.27%, #991C76 103.65%), #0C142B; border: 1px solid #FF2Ec4; color: #fff; } .submitBtn input[type="submit"]:hover { color: #FFF; background-color: #FFF; border: 1px solid #FFF;} select[name="your-subject"] { background-color: transparent; padding: 10px; font-size: 16px; color: #333; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 200px; border: 1px solid #FFFFFF66; padding: 10px 6px 10px 16px; background: #122A56;; color: #FFFFFF66; } select[name="your-subject"]::-ms-expand { display: none; } select[name="your-subject"] { background-image: url('data:image/svg+xml;utf8,'); /* Custom arrow icon */ background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; } select[name="your-subject"]:focus { outline: none; border-color: #0056b3; } .contact-form-join-now label { font-size: 16px; } .contactSecCol { border-radius: 30px; background: linear-gradient(176deg, #211144 19.29%, #081230 109.61%), #FFF; box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.10);} /* Join Now Form */ .joinNow { display: flex; justify-content: center; } .joinNow label.joinAs { display: flex; justify-content: center; } #joinAsCleaner .joinContainer {border-radius: 30px; background: linear-gradient(222deg, #091C45 10.45%, #012E54 102.52%);} /* How Tidelynk Works Section */ .iconBox span.elementor-icon { background: linear-gradient(43deg, #FF2EC4 6.64%, #991C76 133.23%), #FF2EC4; } #howTidelynkWorks .iconBoxContainer .boxTwo { position: relative; } #howTidelynkWorks .iconBoxContainer .boxTwo::before { content: ''; position: absolute; top: 10px; left: -20px; transform: translateX(-50%); width: 225px; height: 38px; color: white; z-index: 999; background-image: url('https://staging.devcustomprojects.com/TideLynk/wp-content/uploads/2025/10/tidelynk_works_img.svg'); } #howTidelynkWorks .iconBoxContainer .boxTwo > * { position: relative; z-index: 1; } .joinContainerl .submitBtn input[type="submit"] { border-radius: 200px; display: flex; width: 277px; height: 45px; padding: 10px 28px; justify-content: center; align-items: center; gap: 10px; background: linear-gradient(37deg, #FF2EC4 5.27%, #991C76 103.65%), #0C142B; border: 1px solid #FF2Ec4; color: #fff; margin: 0 auto; } .joinNow input[type="radio"] { appearance: none; -webkit-appearance: none; width: 16px; height: 16px; border: 1px solid #D1D5DB; border-radius: 50%; outline: none; cursor: pointer; position: relative; margin-right: 8px; flex-shrink: 0; background: rgba(255, 255, 255, 0.30); } .joinNow input[type="radio"]:checked { border-color: #FF2EC4; } .joinNow input[type="radio"]:checked::before { content: ''; width: 16px; height: 16px; background-color: #FFF; border: 6px solid #FF2EC4; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .joinNow .wpcf7-list-item { display: inline-block; margin: 0 20px 0 0; } .joinNow .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; font-size: 16px; } .contact-form-join-now label, .contactSubject labelbel { margin-bottom: 10px; } .joinContainer .submitBtn input[type="submit"] {margin: 0 auto;} #instantCleaning .instantImage{ height: 760px; background-size: contain; } /* Testimonials */ .testimonial-carousel-wrapper { } /* .testimonial-swiper { padding: 20px 0 60px;} */ .swiper-slide { height: auto; } .testimonial-carousel-wrapper .swiper.testimonial-swiper { padding: 20px 0 60px; } .testimonial-card { background: linear-gradient(135deg, #2d1b69 0%, #1a1a3e 100%); border-radius: 20px; padding: 40px 30px; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .testimonial-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);background: linear-gradient(29deg, #FF2EC4 -21.04%, #991C76 89.8%); } .testimonial-card:hover .blockquote-icon {content: url('https://staging.devcustomprojects.com/TideLynk/wp-content/uploads/2025/10/blockqout_c.svg'); } .blockquote-icon { width: 50px; height: 50px; margin-bottom: 20px; } .testimonial-text { color: #e0e0e0; font-size: 16px; line-height: 1.8; margin-bottom: 30px; flex-grow: 1; } .testimonial-footer { display: flex; align-items: center; gap: 15px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .author-image { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.2); flex-shrink: 0; } .author-details { flex: 1; } .author-name { color: white; font-size: 18px; font-weight: 600; margin-bottom: 5px; } .testimonial-stars { width: 14px; height: 14px; display: inline-block; } .rating-stars { display: flex; gap: 3px; margin-top: 5px; } .swiper-button-next, .swiper-button-prev { color: white; background: rgba(0, 212, 255, 0.2); width: 50px; height: 50px; border-radius: 50%; transition: background 0.3s ease; backdrop-filter: blur(10px); } .swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(0, 212, 255, 0.4); } .swiper-button-next:after, .swiper-button-prev:after { font-size: 20px; font-weight: bold; } #testiCard .swiper-pagination-bullet { width: 7.5px; height: 7.5px; border-radius: 50%; border: 1.3px solid #ff2ec4; background: #011028; opacity: 0.6; box-sizing: border-box;} #testiCard .swiper-pagination-bullet-active { background: #011028; border: 3px solid #FF2EC4; width: 10px; height: 10px; margin-block: -1px; border-radius: 5px;} .testimonial-card .testimonial-footer img { border-radius: 30px; height: 50px; } .author-details img.testimonial-stars { width: 14px; height: 14px; overflow: inherit; } .author-details { display: flex; justify-content: space-between; } .growColTwo { background: linear-gradient(230deg, #413376 31.89%, #3C87A1 98.11%, #47D1CC 100.11%); border-radius: 20px;} /* About Page */ .whoWeAreImgTwo , .whoWeAreImgOne {display: none;} /* End About Page */ @media (max-width: 1921px) { .headerNavBar ul .navJoinNowBtn { padding: 10px 24px; color: #0C142B !important; display: none; } } @media (max-width: 1601px) { } @media (max-width: 1367px) { #howTidelynkWorks .iconBoxContainer .boxTwo::before { width: 90%;} .testimonialContainer { justify-content: center; } } @media (max-width: 1281px) { #yourInstantCleaning .yourInstant { width: 70%; } .countT .elementor-counter-number-wrapper span { font-size: 40px;} .countT .elementor-counter-title { font-size: 12px; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { left: -74px;} } @media (max-width: 1025px) { #mainHeader .e-con-inner { justify-content: space-between; } nav.menu-is-active ul.hfe-nav-menu { padding-inline: 24px; padding-bottom: 24px; } .headerNavBar ul li.menu-item a.hfe-menu-item { background-color: #0C142B !important; } .headerNavBar li.menu-item { height: 52px; } #headerTidelynk .llinerBgTwo.navJoinNowBtn { padding-top: 16px ;} .navJoinNowBtn {display: unset; } .navJoinNowBtn a { width: fit-content; margin-top: 16px;} #howTidelynkWorks .iconBoxContainer .boxTwo::before { width: 225px; background-size: cover; z-index: -1; } .swiper-slid .service-description { margin-top:0;} .swiper-slide h3.service-title { font-size: 32px; } #yourInstantCleaning .instantImage { background-size: contain;} .services-slider-wrapper { padding: 0;} #yourInstantCleaning .yourInstant { width: 90%; } .countT .elementor-counter-number-wrapper span { font-size: 32px;} .countT .elementor-counter-title { font-size: 10px; } .cleanerWating.countT, .overCustomers.countT { width: 133px; } #sectionjoinOne .tapMatchClean h1 { font-size: 62px; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { top: -2px; left: -60px; } .submitBtn { display: flex; justify-content: center; } .services-slider-wrapper { padding: 0px;} } @media (max-width: 992) { #yourInstantCleaning .yourInstant { width: 100%; } #sectionjoinOne .tapMatchClean h1 { font-size: 60px; } #sectionjoinOne .appNoBooking p { font-size: 14px; } .countT .elementor-counter-number-wrapper span { font-size: 32px;} .contactSecCol .helloImg { padding-top: 50px; } #contactMainContainer .contactSecCol .getinTouch { padding-bottom: 46px; } #contactMainContainer .contactSecCol { padding-left: 50px ; padding-right: 50px; } .swiper-wrapper .swiper-slide { margin-right: 40px !important;} } @media (max-width: 801px) { #yourInstantCleaning .yourInstant { width: 100%; } .provenExpert { padding-top: 0; } #yourInstantCleaning .instantImage { min-height: fit-content; } .sameDayG { justify-content: center; padding-bottom: 0; } #asectionOne .whoWeAreHead h2, #whyContainer .whyTidelnkHead h2, #growWithTidelynkContainer .growWithHead h2 { font-size: 56px; } #faqContainer .faqHead h2, #yourTrustContainer .yourTrustHead h2, #contactLetsGet .letsGethead h2 { font-size: 56px; } #faqContainer .faqInner { width: 80%; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { left: -70px;} #contactLetsGet .e-con-inner { padding-bottom: 0; } .submitBtn span.wpcf7-spinner { display: none; } } @media (max-width: 768px) { #yourInstantCleaning .yourInstant { width: 100%; } #asectionOne .whoWeAreHead h2, #whyContainer .whyTidelnkHead h2, #growWithTidelynkContainer .growWithHead h2 { font-size: 52px; } #faqContainer .faqHead h2, #yourTrustContainer .yourTrustHead h2, #contactLetsGet .letsGethead h2 { font-size: 52px; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { left: -64px;} .getinTouch {gap: 0px;} .section-title { font-size: 24px; margin-bottom: 30px; } #yourInstantCleaning { padding-inline: 56px; } #yourInstantCleaning .instantImage .youMatched { width: 100%;} #yourInstantCleaning .matchedContent p { font-size: 14px;} .service-image { width: 100%; height: 200px; } .testimonial-carousel-wrapper { padding: 0 0; } .testimonial-card { padding: 30px 20px; } .testimonial-text { font-size: 14px; } .author-name { font-size: 16px; } } @media (max-width: 601px) { #mainHeader .e-con-inner { flex-wrap: nowrap; } .image-bottom { min-height: auto; } #howTidelynkWorks .iconBoxContainer .boxTwo::before { content: none;} .provenExpert div { align-self: unset; } .provenExpert p { text-align: center; } .sameDayG p { text-align: center; } .secColTwo { padding-top: 70px; } .contactSecCol { padding-inline: 0;} #yourInstantCleaning { padding-inline: 34px;} #yourInstantCleaning .instantImage .youMatched { width: 34%;} #yourInstantCleaning .instantImage { height: 300px; } #yourInstantCleaning .instantImage .matchedContent p.elementor-heading-title { font-size: 14px; } #yourInstantCleaning .youMatched { width: 30%; } #beTheFirstTry .beTheFirst { padding: 20px; } .provenExpert h3.elementor-heading-title { text-align: center; } #beTheFirstTry .beTheFirstToTry { width: 100%; } #sectionjoinOne .secColOne .counterBkClr { width: 80%; } .cleanerWating.countT, .overCustomers.countT { width: auto; } #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before {left: -69px; top: -16px;} } @media (max-width: 481px) { #howTidelynkWorks .e-con-inner { padding-block: 30px; } #chooseContainer { padding-top: 0; } #yourInstantCleaning .e-con-inner { padding-block: 30px; } #sectionTesti .e-con-inner { gap: 0; } .testimonial-carousel-wrapper { padding: 0; } #sectionjoinOne .tapMatchClean h1 { font-size: 62px; } #sectionjoinOne .landgImage img { width: 64%; } #howTidelynkWorks .htwork h2, #tidelynkCard h2 { font-size: 50px; } #chooseContainer .ctrcForYou h2,#yourInstantCleaning h2, #sectionTesti .testHeading { font-size: 50px; } #yourInstantCleaning h2 { font-size: 50px; } #yourInstantCleaning { padding-inline: unset; } #yourInstantCleaning .sameDayG .smeDayGuarantee { align-self: unset; text-align: center; } #sectionTesti .testHeading h2 { font-size: 50px; } #beTheFirstTry .beTheFirstToTry h2 { font-size: 50px; } #beTheFirstTry .customerCleaner { justify-content: center; } .whoWeAreImgContainer img { width: 66%; } #faqContainer .faqHead h2, #yourTrustContainer .yourTrustHead h2, #contactLetsGet .letsGethead h2 { font-size: 50px; } #asectionOne .whoWeAreHead h2, #whyContainer .whyTidelnkHead h2, #growWithTidelynkContainer .growWithHead h2 { font-size: 50px; } #sectionjoinOne .secColOne .counterBkClr { width: 100%;} #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before { left: -60px;} #contactMainContainer .contactUsForm img { display: none;} #contactMainContainer .contactUsForm { padding-inline: 20px; padding-top: 40px; padding-bottom: 0px; } #contactColTwo .colTowGetHead h2 { font-size: 32px;} #contactColTwo .contentText p { font-size: 16px;} #contactColTwo .helloImg img { width: 150px;} .contact-inline-fields { flex-wrap: wrap; gap: 0px; } .testimonial-swiper { padding: 20px 0 40px; } } @media (max-width: 380px){ padding: 0px 0; } @media (max-width: 366px) { } @media (max-width: 361px) { #sectionjoinOne .tapMatchClean h1 { font-size: 48px; } #howTidelynkWorks .htwork h2, #tidelynkCard h2 { font-size: 32px; } #chooseContainer .ctrcForYou h2,#yourInstantCleaning h2, #sectionTesti .testHeading { font-size: 32px; } #yourInstantCleaning .instantImage .youMatched { width: 42%;} #yourInstantCleaning h2 { font-size: 32px; } #sectionTesti .testHeading h2 { font-size: 32px; } #beTheFirstTry .beTheFirstToTry h2 { font-size: 32px; } #yourInstantCleaning .provenExpert h3.elementor-heading-title { font-size: 28px; } #yourInstantCleaning .sameDayG .smeDayGuarantee h3 { font-size: 28px; } .testimonial-carousel-wrapper { padding: 0px 0px; } .testimonial-swiper { padding: 0px 0px 50px 0px ;} .aboutSectionOne#asectionOne .whoWeAreContent { padding: 0 0 50px 0;} #faqContainer .faqHead h2, #yourTrustContainer .yourTrustHead h2, #contactLetsGet .letsGethead h2 { font-size: 32px; } #asectionOne .whoWeAreHead h2, #whyContainer .whyTidelnkHead h2, #growWithTidelynkContainer .growWithHead h2 { font-size: 32px; } #yourTrustContainer .e-con-inner { gap: 0; } #sectionjoinOne .landgImage img { width: 84%;} #sectionjoinOne .secColOne .counterBkClr .cleanerWating:before {display: none;} #sectionjoinOne .secColOne .counterBkClr { justify-content: center;} #sectionjoinOne .elementor-counter { align-items: center; } #contactColTwo .contactSecCol { padding: 0; } { } .joinNow { margin-bottom: 10px; } span.join-radio { display: flex; justify-content: center; align-items: center; } .joinNow .wpcf7-list-item label { font-size: 12px; } .joinNow .first, .joinNow .last { margin: 0 16px 0 0; } .joinNow input[type="radio"] { width: 12px; height: 12px; } }