/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/BlogFooter/style.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .footer-wrapper { z-index: 100; width: 100%; background: linear-gradient(317deg, #021d2d 0%, #1d3a70 100%); } .footer-wrapper .footer { z-index: 100; position: relative; background: linear-gradient(317deg, #021d2d 0%, #1d3a70 100%); } .footer-wrapper .footer-mob { background: linear-gradient(317deg, #021d2d 0%, #1d3a70 100%); padding: 5vw; } .footer-wrapper .footer-terms { display: flex; justify-content: space-between; margin: 3vw 0; } .footer-wrapper .footer-text { color: white; margin-right: 25px; border-radius: 10px; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-text { font-size: 1.4814814815vh; } } @media screen and (max-width: 1544px) { .footer-wrapper .footer-text { font-size: 14px; } } @media screen and (max-width: 1500px) { .footer-wrapper .footer-text { font-size: 16px; } } @media screen and (max-width: 960px) { .footer-wrapper .footer-text { font-size: 9px; } } @media screen and (max-width: 768px) { .footer-wrapper .footer-text { font-size: 14px; } } .footer-wrapper .footer-social-mob { display: flex; align-items: center; justify-content: center; } .footer-wrapper .footer-social-mob > p { color: #ffffff; margin: 0 2vw; font-size: 3vw; } .footer-wrapper .social-icons { width: 45px; display: flex; flex-direction: row; align-items: center; margin-right: 10px; } .footer-wrapper .social-icons:first-child { margin-left: 0; } @media screen and (min-width: 2000px) { .footer-wrapper .social-icons { width: 2.34375vw; } } @media screen and (max-width: 960px) { .footer-wrapper .social-icons { margin-right: -10px; width: 32px; } } @media screen and (max-width: 768px) { .footer-wrapper .social-icons { margin: 0 3vw; } } .footer-wrapper .social-icons > a { width: 100%; } .footer-wrapper .footer-container { padding-inline: 5%; gap: 5%; height: 252px; align-items: center; background: linear-gradient(317deg, #021d2d 0%, #1d3a70 100%); } @media screen and (min-width: 2000px) { .footer-wrapper .footer-container { height: 23.33vh; } } @media screen and (max-width: 1200px) { .footer-wrapper .footer-container { padding-inline: 2%; gap: 2%; } } @media screen and (max-width: 768px) { .footer-wrapper .footer-container { height: auto; width: 100%; display: flex; flex-direction: column !important; padding: 20px 10% !important; gap: 30px; } } .footer-wrapper .footer-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 !important; } @media screen and (max-width: 768px) { .footer-wrapper .footer-content { height: auto; width: 100%; gap: 30px !important; align-items: flex-start; flex-direction: column !important; } } .footer-wrapper .footer-logo-2 { height: 66px; width: auto; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-logo-2 { height: 6.1111111111vh; } } @media screen and (max-width: 1200px) { .footer-wrapper .footer-logo-2 { height: 45px; } } @media screen and (max-width: 960px) { .footer-wrapper .footer-logo-2 { height: 32px; } } @media screen and (max-width: 768px) { .footer-wrapper .footer-logo-2 { height: 66px; align-self: flex-start; } } .footer-wrapper .footer-logo-container { height: 55px; width: auto; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-logo-container { height: 5.0925925926vh; } } .footer-wrapper .footer-logo-container img { width: auto; height: 100%; } @media screen and (max-width: 1200px) { .footer-wrapper .footer-logo-container { height: 40px; } } @media screen and (max-width: 768px) { .footer-wrapper .footer-logo-container { width: 90%; height: auto; } .footer-wrapper .footer-logo-container img { width: 100%; height: auto; } } .footer-wrapper .footer-item-title { margin-bottom: 20px; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-item-title { font-size: 1.2962962963vh; } } @media screen and (max-width: 960px) { .footer-wrapper .footer-item-title { font-size: 10.5px; } } @media screen and (max-width: 1500px) { .footer-wrapper .footer-item-title { margin-bottom: 10px; } } .footer-wrapper .social-container { display: none; } @media screen and (max-width: 1500px) { .footer-wrapper .social-container { display: flex; width: 100%; margin-top: 10px; } } @media screen and (max-width: 768px) { .footer-wrapper .social-container { display: none; } } @media screen and (max-width: 1500px) { .footer-wrapper .footer-social-container { display: none; } } @media screen and (max-width: 768px) { .footer-wrapper .footer-social-container { display: flex; flex-direction: column; } } .footer-wrapper .footer-container > div > a:hover { text-decoration: none; } .footer-wrapper .signupBtn { font-size: 16px; font-weight: 800; padding: 10px 45px; border-radius: 15px; } @media screen and (min-width: 2000px) { .footer-wrapper .signupBtn { font-size: 1.4814814815vh; } } .footer-wrapper .followus { margin-left: 10%; color: #ffffff; display: flex; justify-content: center; align-items: center; } .footer-wrapper .tel-text1 { color: #65ad59; font-size: 16px; margin-bottom: -3px; } @media screen and (min-width: 2000px) { .footer-wrapper .tel-text1 { font-size: 1.4814814815vh; } } @media screen and (max-width: 960px) { .footer-wrapper .tel-text1 { font-size: 10.5px; } } .footer-wrapper .tel-text2 { color: #ffffff; font-size: 16px; margin-bottom: -3px; } @media screen and (min-width: 2000px) { .footer-wrapper .tel-text2 { font-size: 1.4814814815vh; } } @media screen and (max-width: 960px) { .footer-wrapper .tel-text2 { font-size: 10.5px; } } .footer-wrapper .phone-number { border: 1px solid #3b8ddf; border-radius: 15px; padding: 7px; background: transparent; color: white; font-size: 14px; font-weight: 700; margin-right: 15px; display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 2000px) { .footer-wrapper .phone-number { font-size: 1.2962962963vh; padding: 0.6vh; } } @media screen and (max-width: 960px) { .footer-wrapper .phone-number { font-size: 10.5px; } } .footer-wrapper .phone-number:hover { background: linear-gradient(317deg, #113481 0%, #3b8ddf 100%); color: white; } .footer-wrapper .footer-icon { width: 45px; height: 45px; background: linear-gradient(317deg, #4471bd 0%, #1644a7 100%) !important; border-radius: 12px; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-icon { width: 2.34375vw; height: 2.34375vw; } } @media screen and (max-width: 960px) { .footer-wrapper .footer-icon { width: 32px; height: 32px; } } .footer-wrapper .footer-button { background: linear-gradient(317deg, #4471bd 0%, #1644a7 100%) !important; border-radius: 15px; padding: 7px; font-size: 14px; background: transparent; color: white; font-weight: 500; margin-right: 15px; display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 2000px) { .footer-wrapper .footer-button { font-size: 1.2962962963vh; padding: 0.6vh; } } @media screen and (max-width: 960px) { .footer-wrapper .footer-button { font-size: 10.5px; } } .footer-wrapper .footer-button:hover { background: linear-gradient(317deg, #4471bd 0%, #1644a7 100%) !important; color: white; outline: none !important; border: none !important; } .social-icons-wrapper { display: flex; flex-direction: row; } .footer-bottom { display: flex; align-items: center; } .footer-bottom .bottom-right { margin-left: 20px; display: flex; flex-direction: column; align-items: flex-start; } .footer-bottom .bottom-right img { width: 238px; } @media screen and (max-width: 360px) { .footer-bottom .bottom-right img { width: 200px; } } .footer-bottom .bottom-right .text { color: #e6e6e6; font-size: 15.003px; font-style: normal; font-weight: 700; line-height: 21.18px; letter-spacing: -0.225px; margin-top: 14px; } /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/Blogs/style.module.scss ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .style_main__SVBQl { display: flex; align-items: center; flex-direction: column; background: #ffffff; padding: 0px 0px 0px; } .style_main__SVBQl .style_spinner__ID3U1 { height: calc(100vh - 600px); display: flex; align-items: center; flex-direction: column; justify-content: center; } @media screen and (max-width: 992px) { .style_main__SVBQl { padding: 35px 20px 0px; } } @media screen and (max-width: 576px) { .style_main__SVBQl { padding-right: 0; padding-left: 0; } } .style_main__SVBQl .style_right__agnWW { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: auto; flex: 1 1; } .style_main__SVBQl .style_right__agnWW .style_date__Dveo0 { font-size: 12.58px; font-weight: 600; line-height: 17.97px; color: #316aca; text-align: left; margin-bottom: 10px; } .style_main__SVBQl .style_right__agnWW .style_title__jCeF4 { font-size: 21px; font-weight: 700; line-height: 30px; color: #1a1a1a; min-height: 60px; text-align: left; margin-bottom: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .style_main__SVBQl .style_right__agnWW .style_desc__TEA9_ { font-size: 14.38px; font-weight: 400; line-height: 21.57px; text-align: justify; color: #667085; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } .style_image__C1bmw { width: 300px; height: 200px; } .style_listCard__d4pMl { display: flex; align-items: center; width: 95%; margin: 0 auto 24px auto; cursor: pointer; gap: 20px; } @media screen and (max-width: 992px) { .style_listCard__d4pMl { flex-direction: column; width: 100%; margin-bottom: 67px; } } .style_gridCard__BD2XR { cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 300px; margin: 0 auto 24px; } .style_loadMore__tR_eG { width: 100%; height: 88px; background: #e6f0f9; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; } .style_loadMore__tR_eG .style_text__y06ti { font-size: 14px; font-weight: 700; line-height: 22.4px; color: #000000; } .style_loadMore__tR_eG .style_arrow__eZGlZ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #f78154; margin-top: 2px; } .style_banner__t8_XP { position: relative; height: 434px; width: 100%; color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #0c1c2d; background-repeat: no-repeat; background-size: cover; background-position: center; } @media screen and (max-width: 768px) { .style_banner__t8_XP { padding: 35% 9% 10%; justify-content: center; height: 100%; } } @media (min-width: 576px) and (max-width: 992px) { .style_banner__t8_XP { padding: 20% 10% 10%; justify-content: center; } } .style_banner__t8_XP .style_title__jCeF4 { font-size: 30px; font-weight: 700; margin-bottom: 11px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 992px) { .style_banner__t8_XP .style_title__jCeF4 { font-size: 26px; font-weight: 700; text-align: left; } } .style_banner__t8_XP .style_subtitle__5k0Fy { font-size: 16px; font-weight: 400; line-height: 19.46px; max-width: 664px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; text-align: center; } @media screen and (max-width: 992px) { .style_banner__t8_XP .style_subtitle__5k0Fy { font-size: 13px; font-weight: 400; line-height: 18.98px; text-align: left; overflow: visible; } } .style_landingButton__kxeeT { position: absolute; right: 0; border-color: #f78154; z-index: 999; width: 200px; height: 45px; border-radius: 15px 0 0 15px; background: #f78154; color: #fff; } .style_landingButton__kxeeT:hover { background: #f78154; } .style_gridBlogContainer__ve7h7 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; gap: 16px; align-items: center; max-width: 1300px; margin: 0 auto; } @media screen and (max-width: 768px) { .style_gridBlogContainer__ve7h7 { grid-template-columns: repeat(1, 1fr); } } .style_gridBlogCard__XhQHB { display: block !important; } .style_searchBar__pEUHE { display: flex; align-items: center; justify-content: center; padding: 20px 60px 20px 20px; margin: 0 auto; max-width: 1400px; } @media screen and (max-width: 576px) { .style_searchBar__pEUHE { padding: 20px; } } .style_searchIcon__yrrqj { margin-left: 8px; margin-right: 8px; } .style_inputWrapper__jr2sA { padding: 4px; margin-left: auto; display: flex; align-items: center; border-radius: 13px; border: 1px solid #11202f; } @media screen and (max-width: 576px) { .style_inputWrapper__jr2sA { width: 100%; } } .style_input__gi1g7 { margin-left: 4px; border-radius: 4px; width: 400px; outline: none; border: none; } @media screen and (max-width: 992px) { .style_input__gi1g7 { width: 10rem; } } .style_iconWrapper__KSTwg { margin-left: auto; } @media screen and (max-width: 576px) { .style_iconWrapper__KSTwg { display: none; } } .style_icon__vQ6Uh { cursor: pointer; margin-left: 6px; } .style_iconActive__C94D5 { color: #4471bd; } .style_imageContainer__wTcwP { max-width: 300px; max-height: 200px; } .style_sidebar__py06z { width: 200px; padding: 0 15px 15px; } .style_container__tPt4N { display: flex; flex-direction: row; gap: 20px; padding: 20px; max-width: 1400px; margin: 0 auto; } .style_content__RO2Zh { flex: 1 1; } .style_advertiseBlock__U87YV { width: 100%; height: 400px; background-color: #edf4fa; display: flex; align-items: center; justify-content: center; margin: 20px 0; } .style_advertiseInsideWrap__Hr7Dg { display: flex; flex-direction: column; align-items: center; } .style_advertiseTitle__vVzcm { margin-bottom: 1rem; } @media (max-width: 576px) { .style_advertiseTitle__vVzcm { font-size: 1.2rem; text-align: center; } } .style_featuredItem__a53Kk { margin-bottom: 10px; } .style_featuredImage__U5lgc { width: 100%; height: 100%; } .style_videoSection__S96SX { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 3rem; font-size: 1.6rem; position: relative; } @media (max-width: 768px) { .style_videoSection__S96SX { flex-direction: column; } } .style_videoSection__S96SX .style_left__C9BWW { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } @media (max-width: 768px) { .style_videoSection__S96SX .style_left__C9BWW { align-items: center; } } .style_videoSection__S96SX .style_left__C9BWW .style_backgroundCustom__rlYGf { width: 300px; height: 300px; position: absolute; top: 0; left: -50px; } @media (max-width: 768px) { .style_videoSection__S96SX .style_left__C9BWW .style_backgroundCustom__rlYGf { left: 0; margin: 0 auto; top: -80px; } } .style_videoSection__S96SX .style_left__C9BWW .style_leftTitle__bNuqI { font-size: 1.8rem; font-weight: 800; color: white; line-height: calc(2.962962963 * var(--vh)); position: relative; } .style_videoSection__S96SX .style_left__C9BWW .style_leftSubTitle__8NZot { font-size: 1.7rem; font-weight: 400; color: #a0a0a0; position: relative; } @media (max-width: 768px) { .style_videoSection__S96SX .style_left__C9BWW .style_leftSubTitle__8NZot { text-align: center; } } .style_videoSection__S96SX .style_right__agnWW { min-width: 190px; min-height: 300px; display: flex; gap: 5px; } .style_videoSection__S96SX .style_right__agnWW .style_videoElement__RUqkW { opacity: 0.5; border-radius: 15px; margin: 0 5px; } .style_videoSection__S96SX .style_right__agnWW .style_videoElement__RUqkW:hover { transform: scale(1.02); } @media (max-width: 768px) { .style_videoSection__S96SX .style_right__agnWW { display: none; } } .style_videoContainer__Qb2N1 { max-width: 1400px; max-height: 400px; display: flex; flex-direction: row; cursor: pointer; } .style_videoContainer__Qb2N1 .style_videoElement__RUqkW { opacity: 0.5; border-radius: 15px; margin: 0 5px; } .style_videoContainer__Qb2N1 .style_videoElement__RUqkW:hover { transform: scale(1.02); } .style_categoryList__hhFw_ { list-style: none; padding: 0; margin: 0 0 30px; font-size: 16px; white-space: nowrap; width: 100%; } .style_categoryList__hhFw_ li { cursor: pointer; text-overflow: ellipsis; overflow: hidden; padding: 3px 0; color: #111; transition: color 0.2s ease-in-out; } .style_categoryList__hhFw_ li:hover { color: #0056b3; } .style_categoryList__hhFw_ li.style_activeCategory__OJuNL { color: #0056b3; font-weight: 500; } .style_rightSideWebinars___Rr4Q { width: 150px; height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(274deg, #4471bd 0%, #1644a7 124.45%); border-top-left-radius: 25px; border-bottom-left-radius: 25px; gap: 8px; cursor: pointer; } .style_rightSideWebinars___Rr4Q.style_partner__xEL3w { width: 235px; } @media screen and (max-width: 960px) { .style_rightSideWebinars___Rr4Q { width: 100%; flex-direction: row; height: 65px; border-radius: unset; background: #f57045; padding: 0 10px; } } .style_rightSideWebinars___Rr4Q img { height: 40px !important; width: auto !important; } .style_rightSideWebinars___Rr4Q .style_text__y06ti { background: transparent !important; box-shadow: none !important; color: white; font-weight: 800; font-size: 18px; line-height: 18px; padding-left: 20px; } .style_rightSideWebinars___Rr4Q .style_text__y06ti.style_partner__xEL3w { text-align: center; } @media screen and (max-width: 768px) { .style_rightSideWebinars___Rr4Q .style_text__y06ti { padding-left: 0; } } @media screen and (max-width: 576px) { .style_rightSideWebinars___Rr4Q .style_text__y06ti { padding-left: 0; font-size: 19px; } } .style_rightSideWebinars___Rr4Q .style_text__y06ti span { font-size: 14px; font-weight: 500; } @media screen and (max-width: 768px) { .style_rightSideWebinars___Rr4Q .style_text__y06ti span { font-size: 1rem; } } @media screen and (max-width: 576px) { .style_rightSideWebinars___Rr4Q .style_text__y06ti span { font-size: 0.8rem; } } .style_socialIconsDiv__tJ7q4 { z-index: 1; position: fixed; right: 0; top: 35%; } .style_socialIconsDiv__tJ7q4.style_onlyMobile__bAdx4 { display: none; } @media screen and (max-width: 960px) { .style_socialIconsDiv__tJ7q4 { position: absolute; display: flex !important; width: 100%; top: 0; z-index: 0; } } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/Video/Card/style.module.scss ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .style_video__KM9c3 { border: none; margin-left: 30px; margin-right: 30px; } @media screen and (max-width: 576px) { .style_video__KM9c3 { width: 100%; height: 100%; } } .style_video__KM9c3 h6 { color: #65ad59 !important; margin-bottom: 0.2rem; } .style_video__KM9c3 video { width: 100%; } .style_video__KM9c3 .style_top__Ypipq { height: 12vw; } @media (max-width: 768px) { .style_video__KM9c3 .style_top__Ypipq { height: 20vh; } } @media (max-width: 576px) { .style_video__KM9c3 .style_top__Ypipq { height: 30vh; } } .style_active__pRke_ { opacity: 1 !important; transform: scale(1.02); } .style_cardSize__zXSk3 { width: 12rem; height: 19rem; } .style_cardSize__zXSk3 > iframe { margin: 0 0 40px !important; width: 100% !important; } @media (max-width: 768px) { .style_cardSize__zXSk3 { width: 100% !important; margin: 0 0 40px !important; } } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/BlogModalAdmissions/style.module.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .style_modalBackdrop__V0A3P { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 200; } .style_modalContent__LDphO { width: 700px; height: 495px; background: #dce4ec; border-radius: 30px; display: flex; align-items: center; justify-content: center; color: #0b0b0b; position: relative; } @media screen and (max-width: 992px) { .style_modalContent__LDphO { width: 90%; } } .style_closeButton___GUfc { position: absolute; right: 27px; top: 27px; cursor: pointer; } .style_modalLeft__0NLS7 { width: 40%; height: 100%; position: relative; align-items: center; display: flex; justify-content: center; } @media screen and (max-width: 992px) { .style_modalLeft__0NLS7 { display: none; } } .style_letterImage__aKBQ5 { width: 363px; position: absolute; left: 0; bottom: 0; height: auto; } .style_modalRight__YcWoa { display: flex; align-items: center; flex-direction: column; justify-content: flex-start; width: 330px; } @media screen and (max-width: 576px) { .style_modalRight__YcWoa { width: 90%; } } .style_modalTitle__MQUtn { font-size: 1.12rem; font-weight: 700; line-height: 1; margin-bottom: 10px; } .style_submitButton__y9rDS { border-radius: 8px; background: linear-gradient(224.94deg, #f57045 37.9%, #cb0001 128.77%); font-weight: 400; line-height: 20px; text-align: left; border-color: gray; } .style_form__Vs_rA { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .style_form__Vs_rA .style_inputWrap__DGk9V { width: 94%; margin-bottom: 10px; } @media screen and (max-width: 992px) { .style_form__Vs_rA .style_inputWrap__DGk9V { width: 90%; margin-right: 10px; margin-left: 10px; } } .style_form__Vs_rA .style_inputWrap__DGk9V label { margin-bottom: 0; font-size: 0.8rem; } .style_form__Vs_rA .style_inputWrap__DGk9V .style_input__g3Osn, .style_form__Vs_rA .style_inputWrap__DGk9V .PhoneInputInput { height: 30px; } .style_form__Vs_rA .style_inputWrap__DGk9V .invalid-feedback { margin-top: 0.1rem; font-size: 0.6em; position: absolute; } .style_videoElement__7NcTT { width: 12rem; opacity: 0.5; border-radius: 15px; margin: 0 5px; } .style_videoElement__7NcTT:hover { transform: scale(1.02); } .style_SMSTips__rZMeM { font-size: 0.8rem; color: #7c7c7c; display: flex; margin-top: 5px; align-items: flex-start; gap: 4px; } .style_SMSTips__rZMeM .style_checkbox__znJYG { padding-left: 0; margin-bottom: -6px; transform: scale(1.2); } .style_SMSTips__rZMeM .form-check-input { margin-left: 0px; } .style_SMSTips__rZMeM input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; width: 13px; height: 13px; position: relative; text-align: center; font-size: 16px; } .style_SMSTips__rZMeM input[type=checkbox]:before { content: ""; display: block; width: 13px; height: 13px; border: 1px solid #4f4f4f; background: transparent; border-radius: 2px; } .style_SMSTips__rZMeM input[type=checkbox]:checked::before { border: 1px solid #65ad59; background: #65ad59 url("data:image/svg+xml;base64,DQoNCjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgMjAgMjAnPjxwYXRoIGZpbGw9J25vbmUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzMnIGQ9J002IDEwbDMgM2w2LTYnLz48L3N2Zz4="); } /*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-phone-number-input/style.css ***! \*********************************************************************************************************************************************************************************************************************************************************************************************/ /* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `