{"version":3,"file":"static/js/782.14af33d3.chunk.js","mappings":"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","sources":["webpack://Top Choice for Training in Hyderabad - Social Prachar/./src/components/Pageslices/AccordianQuestions/Accordian.module.css?a249","assets/AssetsOfDetailsPage/RedQuestionmark.svg","components/Pageslices/AccordianQuestions/Accordian.js","webpack://Top Choice for Training in Hyderabad - Social Prachar/./src/components/Pageslices/Header/Header.module.css?6617","webpack://Top Choice for Training in Hyderabad - Social Prachar/./src/components/Pageslices/Masterclass/Masterclass.module.css?06fc"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"contact\":\"Accordian_contact__cJlHe\",\"accordion\":\"Accordian_accordion__+saF6\",\"accordionButton\":\"Accordian_accordionButton__9-DfQ\",\"accordionItem\":\"Accordian_accordionItem__WFuF9\",\"collapsed\":\"Accordian_collapsed__mG2Wy\",\"symbol\":\"Accordian_symbol__cMy0n\",\"accordionContent\":\"Accordian_accordionContent__kNPPw\",\"accordionBody\":\"Accordian_accordionBody__XkkEO\",\"contactSection\":\"Accordian_contactSection__TS2kv\"};","var _circle, _circle2, _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgRedQuestionmark(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 88,\n    height: 88,\n    viewBox: \"0 0 88 88\",\n    fill: \"none\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 43.5,\n    cy: 43.5,\n    r: 41.5,\n    fill: \"#FF0000\",\n    fillOpacity: 0.19\n  })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 43.5,\n    cy: 43.5,\n    r: 31.5,\n    fill: \"#FF0000\"\n  })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M41.2799 54.2422C40.9218 54.5973 40.6771 55.0506 40.5767 55.5448C40.4762 56.039 40.5245 56.5518 40.7155 57.0186C40.9065 57.4853 41.2315 57.8849 41.6496 58.1669C42.0676 58.4489 42.5599 58.6007 43.0642 58.6029C43.7405 58.5974 44.389 58.3327 44.876 57.8634C45.3493 57.3796 45.6144 56.7297 45.6144 56.0529C45.6144 55.3761 45.3493 54.7262 44.876 54.2424C44.3878 53.7874 43.7453 53.5344 43.078 53.5344C42.4107 53.5344 41.7681 53.7873 41.2799 54.2422ZM51.7449 34.782C51.4524 33.5596 50.9011 32.4141 50.1284 31.4228C49.3557 30.4315 48.3794 29.6174 47.2653 29.0353C45.2199 27.9555 42.8359 27.7094 40.613 28.3486C38.3902 28.9878 36.501 30.4626 35.3416 32.4639C35.0034 33.0498 34.9118 33.746 35.087 34.3994C35.2621 35.0527 35.6896 35.6098 36.2755 35.948C36.8613 36.2861 37.5575 36.3777 38.2109 36.2026C38.8643 36.0274 39.4214 35.5999 39.7595 35.0141C40.0957 34.4331 40.5786 33.9506 41.1599 33.615C41.7412 33.2793 42.4005 33.1022 43.0717 33.1015C44.0847 33.102 45.0561 33.5044 45.7727 34.2203C46.4894 34.9362 46.8927 35.9072 46.8943 36.9201C46.8959 37.9331 46.4955 38.9053 45.7811 39.6235C45.0666 40.3416 44.0965 40.747 43.0835 40.7506H43.0771C42.4011 40.7502 41.7525 41.0182 41.2739 41.4957C40.7954 41.9733 40.526 42.6213 40.525 43.2973L40.5216 45.8521L40.5303 47.1334C40.532 47.8087 40.8015 48.4556 41.2795 48.9325C41.7576 49.4094 42.4052 49.6772 43.0804 49.6773H43.0866C43.763 49.6757 44.4109 49.4054 44.888 48.926C45.3651 48.4466 45.6322 47.7973 45.6305 47.121L45.6267 45.4344C47.8195 44.7844 49.6781 43.3156 50.8171 41.3323C51.9562 39.3491 52.2884 37.0036 51.7449 34.782Z\",\n    fill: \"white\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgRedQuestionmark);\nexport default __webpack_public_path__ + \"static/media/RedQuestionmark.c621e9db8e6233caaa0c7b97d1d8ddef.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useRef, useEffect } from 'react';\r\nimport styles from './Accordian.module.css';\r\nimport style from '../Header/Header.module.css';\r\nimport masterclassStyles from '../Masterclass/Masterclass.module.css';\r\nimport RedLine from '../../../assets/AssetsOfDetailsPage/RedLine.webp';\r\nimport questionMark from '../../../assets/AssetsOfDetailsPage/RedQuestionmark.svg';\r\nimport masterClassImage from '../../../assets/careerworkshop/Free.png';\r\nimport { data } from '../../Cards/CardData';\r\nimport { useNavigate, useParams } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faPhone } from '@fortawesome/free-solid-svg-icons';\r\nimport { faWhatsapp } from '@fortawesome/free-brands-svg-icons';\r\nimport { faLightbulb } from '@fortawesome/free-regular-svg-icons';\r\nimport Footer from './../../footer/footer';\r\n\r\n\r\nconst AccordionItem = ({ title, content, isOpen, onClick }) => {\r\n    const contentRef = useRef(null);\r\n    const [maxHeight, setMaxHeight] = useState('0px');\r\n\r\n    useEffect(() => {\r\n        setMaxHeight(isOpen ? `${contentRef.current.scrollHeight}px` : '0px');\r\n    }, [isOpen]);\r\n\r\n    return (\r\n        <div>\r\n            <div className={styles.accordionItem}>\r\n                <h2 className={styles.accordionHeader}>\r\n                    <button\r\n                        className={`${styles.accordionButton} ${isOpen ? '' : styles.collapsed}`}\r\n                        onClick={onClick}\r\n                        aria-expanded={isOpen}\r\n                    >\r\n                        {title}\r\n                        <span className={styles.symbol}>{isOpen ? '-' : '+'}</span>\r\n                    </button>\r\n                </h2>\r\n                <div\r\n                    ref={contentRef}\r\n                    style={{ maxHeight }}\r\n                    className={styles.accordionContent}\r\n                >\r\n                    <div className={styles.accordionBody}>\r\n                        {content}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nconst Accordion = ({ items = [] }) => {\r\n    const [openIndex, setOpenIndex] = useState(null);\r\n\r\n    const handleToggle = (index) => {\r\n        setOpenIndex(openIndex === index ? null : index);\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <p className='text-center fs-2 fs-5 fw-bold'>Frequently Asked Questions</p>\r\n            <div className={styles.accordion}>\r\n                {items.length > 0 ? (\r\n                    items.map((item, index) => (\r\n                        <AccordionItem\r\n                            key={index}\r\n                            title={item.title}\r\n                            content={item.content}\r\n                            isOpen={openIndex === index}\r\n                            onClick={() => handleToggle(index)}\r\n                        />\r\n                    ))\r\n                ) : (\r\n                    <p>No items to display</p>\r\n                )}\r\n            </div>\r\n        </>\r\n    );\r\n};\r\n\r\nconst CourseAccordion = () => {\r\n\r\n    const { slug } = useParams();\r\n    const [card, setCard] = useState(null);\r\n    const navigate = useNavigate();\r\n    const [showForm, setShowForm] = useState(false);\r\n    const [formData, setFormData] = useState({ name: '', mobile: '' });\r\n    const [loading, setLoading] = useState(false);\r\n    const [isFormSubmitted, setIsFormSubmitted] = useState(false);\r\n    const redLineRef = useRef(null);\r\n    const header1Ref = useRef(null);\r\n    const header2Ref = useRef(null);\r\n    const doughtsPartRef = useRef(null);\r\n\r\n    useEffect(() => {\r\n        const observer = new IntersectionObserver(\r\n            (entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(style.DoughtsPartVisible);\r\n                    }\r\n                });\r\n            },\r\n            { threshold: 0.5 }\r\n        );\r\n\r\n        if (doughtsPartRef.current) observer.observe(doughtsPartRef.current);\r\n        if (redLineRef.current) observer.observe(redLineRef.current);\r\n\r\n        return () => {\r\n            if (doughtsPartRef.current) observer.unobserve(doughtsPartRef.current);\r\n            if (redLineRef.current) observer.unobserve(redLineRef.current);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        const cardDetails = data.find(item => item.slug === slug);\r\n        setCard(cardDetails);\r\n    }, [slug]);\r\n    const accordionItems = card ? card.accordionContent : [];\r\n\r\n    const sheetURL = \"https://script.google.com/macros/s/AKfycbzotULs3HUahUDwjd8WYsiFxl25h--C807lt3ClyUDhCiVcs2seQ2RQkeczX4laYRdO4w/exec\";\r\n    const handleInputChange = (e) => {\r\n        const { name, value } = e.target;\r\n        setFormData({ ...formData, [name]: value });\r\n    };\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        if (!formData.name || !/^[A-Za-z\\s]+$/.test(formData.name)) {\r\n            alert(\"Please enter a valid name (alphabets only).\");\r\n            return;\r\n        }\r\n\r\n        if (!formData.mobile || !/^\\d{10}$/.test(formData.mobile)) {\r\n            alert(\"Please enter a valid 10-digit mobile number.\");\r\n            return;\r\n        }\r\n\r\n        setLoading(true);\r\n        fetch(sheetURL, {\r\n            method: 'POST',\r\n            body: new URLSearchParams({ name: formData.name, phone: formData.mobile }),\r\n            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\r\n        })\r\n            .then((response) => {\r\n                if (response.ok) {\r\n                    alert('Form submitted successfully!');\r\n                    setIsFormSubmitted(true);\r\n                    navigate('/Quiz');\r\n                } else {\r\n                    alert('Error submitting form. Please try again.');\r\n                }\r\n            })\r\n            .catch((error) => {\r\n                console.error('Error:', error);\r\n                alert('An error occurred while submitting the form.');\r\n            })\r\n            .finally(() => setLoading(false));\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <Accordion items={accordionItems} />\r\n\r\n\r\n            <div className={style.DoughtsPart} ref={doughtsPartRef}>\r\n                <p\r\n                    ref={header1Ref}\r\n                    className={`${style.header1} text-center fw-bold`}\r\n                >\r\n                    Do you Feel Confused About\r\n                </p>\r\n                <p\r\n                    ref={header2Ref}\r\n                    className={`${style.header2} text-center fw-bold`}\r\n                >\r\n                    {card?.selfQuestioning}\r\n                </p>\r\n\r\n                <img\r\n                    ref={redLineRef}\r\n                    src={RedLine}\r\n                    alt=\"\"\r\n                    className={`${style.redLine}`}\r\n                />\r\n                <div className={style.SelfQuestioning} data-aos=\"zoom-in\" data-aos-duration=\"1000\">\r\n                    {card && card.questions && card.questions.map((question, index) => (\r\n                        <div className={style.questionItem} key={index}>\r\n                            <img src={questionMark} alt=\"Question mark\" className={style.questionIcon} />\r\n                            <p>{question}</p>\r\n                        </div>\r\n                    ))}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className={masterclassStyles.MasterClass}>\r\n                    <div className={masterclassStyles.headings}>\r\n                        <p className={masterclassStyles.Text1}>That's why we created</p>\r\n                        <p className={masterclassStyles.Text2}>A masterclass</p>\r\n                        <p className={masterclassStyles.Text3}>to help you speak with confidence and clarity</p>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className={masterclassStyles.classVideo}>\r\n                    <img\r\n                        src={masterClassImage}\r\n                        alt=\"Masterclass\"\r\n                        className={masterclassStyles.ClassImage}\r\n                    />\r\n                </div>\r\n                <div className=\"d-flex justify-content-center\">\r\n                    <button\r\n                        className={`${masterclassStyles.shinebtn} btn`}\r\n                        onClick={() => navigate('/career-counselling')}\r\n                    >\r\n                        Book Free Session\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            {/* Contact Boxes below Accordion */}\r\n            <div className={`${styles.contact} m-3 m-md-5 m-lg-5`}>\r\n                <p\r\n                    className=\"text-center mb-4 fw-bold\"\r\n                    style={{ fontSize: \"32px\", position: 'relative', top: '18px' }}\r\n                >\r\n                    Let's <span style={{ color: \"#ff5003\" }}>Connect</span>\r\n                </p>\r\n                <div className=\"container my-5\">\r\n                    <div className=\"row justify-content-center\">\r\n                        {/* Call Box */}\r\n                        <div className=\"col-md-4 mb-3 d-flex justify-content-center\">\r\n                            <div\r\n                                className=\"box p-4 text-center border border-primary rounded shadow-sm w-100\"\r\n                                style={{ maxWidth: \"300px\" }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faPhone} className=\"mb-3\" style={{ fontSize: \"50px\", color: \"#000\" }} />\r\n                                <h4 className=\"mb-1 text-primary fw-semibold\">Call Us</h4>\r\n                                <p className=\"fw-bold mb-3\" style={{ fontSize: \"20px\" }}>+91-8019-479-419</p>\r\n                                <a href=\"tel:+918019479419\" className=\"btn btn-primary w-100\">\r\n                                    <b>Call Now</b>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n\r\n                        {/* lets Connect */}\r\n                        <div className=\"col-md-4 mb-3 d-flex justify-content-center\">\r\n                            <div\r\n                                className=\"box p-4 text-center border border-danger rounded shadow-sm w-100\"\r\n                                style={{ maxWidth: \"300px\" }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faLightbulb} className=\"mb-3\" style={{ fontSize: \"50px\", color: \"#FFC107\" }} />\r\n                                <h5 className=\"mb-1 text-primary fw-semibold\">Confused about choosing the right career?</h5>\r\n                                <p className=\"fw-bold mb-3\" style={{ fontSize: \"14px\" }}>\r\n                                    Take our 10-minute quiz to find your perfect fit!\r\n                                </p>\r\n                                <button\r\n                                    className=\"btn btn-danger w-100\"\r\n                                    onClick={() => navigate('/career-quiz')}\r\n                                >\r\n                                    <b>Career Checker</b>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        {showForm && (\r\n                            <div\r\n                                className=\"modal fade show d-block\"\r\n                                tabIndex=\"-1\"\r\n                                role=\"dialog\"\r\n                                aria-hidden=\"true\"\r\n                                style={{ backgroundColor: \"rgba(0, 0, 0, 0.5)\" }}\r\n                            >\r\n                                <div className=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n                                    <div className=\"modal-content\">\r\n                                        <div className=\"modal-header\">\r\n                                            <h5 className=\"modal-title\">Career Quiz Registration</h5>\r\n                                            <button\r\n                                                type=\"button\"\r\n                                                className=\"btn-close\"\r\n                                                onClick={() => setShowForm(false)}\r\n                                                aria-label=\"Close\"\r\n                                            ></button>\r\n                                        </div>\r\n                                        <div className=\"modal-body\">\r\n                                            <form onSubmit={handleSubmit}>\r\n                                                <div className=\"mb-3\">\r\n                                                    <input\r\n                                                        type=\"text\"\r\n                                                        name=\"name\"\r\n                                                        className=\"form-control\"\r\n                                                        placeholder=\"Enter your name\"\r\n                                                        value={formData.name}\r\n                                                        onChange={handleInputChange}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"mb-3\">\r\n                                                    <input\r\n                                                        type=\"text\"\r\n                                                        name=\"mobile\"\r\n                                                        className=\"form-control\"\r\n                                                        placeholder=\"Enter your mobile number\"\r\n                                                        value={formData.mobile}\r\n                                                        onChange={handleInputChange}\r\n                                                    />\r\n                                                </div>\r\n                                                <button\r\n                                                    type=\"submit\"\r\n                                                    className=\"btn btn-primary w-100\"\r\n                                                    disabled={loading}\r\n\r\n                                                >\r\n                                                    {loading ? (\r\n                                                        <div className=\"spinner-border text-light\" role=\"status\">\r\n                                                            <span className=\"visually-hidden\">Loading...</span>\r\n                                                        </div>\r\n                                                    ) : (\r\n                                                        \"Start Quiz\"\r\n                                                    )}\r\n                                                </button>\r\n                                            </form>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        )}\r\n\r\n\r\n                        {/* WhatsApp Chat Box */}\r\n                        <div className=\"col-md-4 mb-3 d-flex justify-content-center\">\r\n                            <div\r\n                                className=\"box p-4 text-center border border-success rounded shadow-sm w-100\"\r\n                                style={{ maxWidth: \"300px\" }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faWhatsapp} className=\"mb-3\" style={{ fontSize: \"50px\", color: \"#25D366\" }} />\r\n                                <h4 className=\"mb-1 text-primary fw-semibold\">WhatsApp Us at</h4>\r\n                                <p className=\"fw-bold mb-3\" style={{ fontSize: \"20px\" }}>+91-8019-479-419</p>\r\n                                <a\r\n                                    href=\"https://wa.me/918019479419?text=Hello%2C%20I%20would%20like%20to%20connect%20with%20you!\"\r\n                                    target=\"_blank\"\r\n                                    rel=\"noopener noreferrer\"\r\n                                    className=\"btn btn-success w-100 fw-bold\"\r\n                                >\r\n                                    Chat with us on WhatsApp\r\n                                </a>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <Footer />\r\n\r\n        </>\r\n    );\r\n};\r\n\r\nexport default CourseAccordion;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"testimonials\":\"Header_testimonials__mL1aP\",\"header2\":\"Header_header2__O4vnH\",\"header1\":\"Header_header1__xwScW\",\"headerContainer\":\"Header_headerContainer__WHNH-\",\"highlightedWord\":\"Header_highlightedWord__Tzb3Q\",\"backgroundImage\":\"Header_backgroundImage__uQM9e\",\"contentContainer\":\"Header_contentContainer__PuDgd\",\"FollowerImage\":\"Header_FollowerImage__+ynQv\",\"symbolsContainer\":\"Header_symbolsContainer__1b8OT\",\"symbolItem\":\"Header_symbolItem__a5em+\",\"symbolText\":\"Header_symbolText__FkRSw\",\"symbol\":\"Header_symbol__aih6K\",\"EnrollButtonContent\":\"Header_EnrollButtonContent__BJ5EQ\",\"FollowerStars\":\"Header_FollowerStars__LAE3E\",\"star\":\"Header_star__2yW8B\",\"FollowerCount\":\"Header_FollowerCount__3SR8c\",\"reviewContainer\":\"Header_reviewContainer__8UVcl\",\"HeaderPicture\":\"Header_HeaderPicture__sK3JG\",\"headerImage\":\"Header_headerImage__iGFcr\",\"headerText\":\"Header_headerText__+YKZT\",\"professorTitle\":\"Header_professorTitle__XRmXO\",\"scrollSection\":\"Header_scrollSection__6U57f\",\"logo\":\"Header_logo__nlVuQ\",\"logoContainer\":\"Header_logoContainer__4aBAN\",\"logoScroll1\":\"Header_logoScroll1__4Txpn\",\"logoScroll2\":\"Header_logoScroll2__nljTN\",\"scroll-left\":\"Header_scroll-left__a9X+e\",\"scroll-right\":\"Header_scroll-right__+Fk5+\",\"companyName\":\"Header_companyName__t724t\",\"DoughtsPart\":\"Header_DoughtsPart__aIHVs\",\"redLine\":\"Header_redLine__IWRfr\",\"redLineVisible\":\"Header_redLineVisible__dq-8w\",\"DoughtsPartVisible\":\"Header_DoughtsPartVisible__inWKM\",\"SelfQuestioning\":\"Header_SelfQuestioning__D9dhM\",\"questionItem\":\"Header_questionItem__I-ojc\",\"questionIcon\":\"Header_questionIcon__iWXQe\",\"symbolItemContent\":\"Header_symbolItemContent__ToGxe\",\"EnrollButton\":\"Header_EnrollButton__h00w8\",\"symbol1\":\"Header_symbol1__8+gzT\"};","// extracted by mini-css-extract-plugin\nexport default {\"masterClassContent\":\"Masterclass_masterClassContent__evfKY\",\"MasterClass\":\"Masterclass_MasterClass__7Z5AU\",\"ClassImage\":\"Masterclass_ClassImage__vssu5\",\"Text1\":\"Masterclass_Text1__mJDJd\",\"Text3\":\"Masterclass_Text3__WHo94\",\"Text2\":\"Masterclass_Text2__1V-k2\",\"headings\":\"Masterclass_headings__A67BP\",\"classVideo\":\"Masterclass_classVideo__hhrVo\",\"nextLive\":\"Masterclass_nextLive__o3UWY\",\"timerBoxes\":\"Masterclass_timerBoxes__cb3TI\",\"timerBox\":\"Masterclass_timerBox__y-XGu\",\"timeCount\":\"Masterclass_timeCount__EMk0k\",\"aside\":\"Masterclass_aside__yMPc4\",\"shinebtn\":\"Masterclass_shinebtn__SIzl8\",\"Enrollbutton\":\"Masterclass_Enrollbutton__kHGka\",\"shine\":\"Masterclass_shine__pnNNw\"};"],"names":["AccordionItem","_ref","title","content","isOpen","onClick","contentRef","useRef","maxHeight","setMaxHeight","useState","useEffect","concat","current","scrollHeight","_jsx","children","_jsxs","className","styles","accordionItem","accordionHeader","accordionButton","collapsed","symbol","ref","style","accordionContent","accordionBody","Accordion","_ref2","items","openIndex","setOpenIndex","_Fragment","accordion","length","map","item","index","handleToggle","CourseAccordion","slug","useParams","card","setCard","navigate","useNavigate","showForm","setShowForm","formData","setFormData","name","mobile","loading","setLoading","isFormSubmitted","setIsFormSubmitted","redLineRef","header1Ref","header2Ref","doughtsPartRef","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","target","classList","add","DoughtsPartVisible","threshold","observe","unobserve","cardDetails","data","find","accordionItems","handleInputChange","e","value","DoughtsPart","header1","header2","selfQuestioning","src","RedLine","alt","redLine","SelfQuestioning","questions","question","questionItem","questionMark","questionIcon","masterclassStyles","MasterClass","headings","Text1","Text2","Text3","classVideo","masterClassImage","ClassImage","shinebtn","contact","fontSize","position","top","color","maxWidth","FontAwesomeIcon","icon","faPhone","href","faLightbulb","tabIndex","role","backgroundColor","type","onSubmit","preventDefault","test","fetch","method","body","URLSearchParams","phone","headers","then","response","ok","alert","catch","error","console","finally","placeholder","onChange","disabled","faWhatsapp","rel","Footer"],"sourceRoot":""}