.price_plan_area { position: relative; z-index: 1; background-color: #f5f5ff; } .single_price_plan { position: relative; z-index: 1; border-radius: 0.5rem 0.5rem 0 0; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 50px; background-color: #ffffff; padding: 1rem 2rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_price_plan { padding: 3rem; } } @media only screen and (max-width: 575px) { .single_price_plan { padding: 3rem; } } .single_price_plan::after { position: absolute; content: ""; background-image: url("https://bootdey.com/img/half-circle-pricing.png"); background-repeat: repeat; width: 100%; height: 17px; bottom: -17px; z-index: 1; left: 0; } .single_price_plan .title { text-transform: capitalize; -webkit-transition-duration: 500ms; transition-duration: 500ms; margin-bottom: 2rem; } .single_price_plan .title span { color: #ffffff; padding: 0.2rem 0.6rem; font-size: 12px; text-transform: uppercase; background-color: #2ecc71; display: inline-block; margin-bottom: 0.5rem; border-radius: 0.25rem; } .basic{ color: #ffffff; padding: 0.2rem 0.6rem; font-size: 12px; text-transform: uppercase; background-color: red; margin-top: 10px; margin-bottom: 0.5rem; border-radius: 0.25rem; } .single_price_plan .title h3 { font-size: 1.25rem; } .single_price_plan .title p { font-weight: 300; line-height: 1; font-size: 14px; } .single_price_plan .title { display: inline-block; position: relative; font-size: 20px; /* Adjust font size as needed */ padding-bottom: 10px; /* Space for the line */ margin-bottom: 20px; /* Additional margin if needed */ } .single_price_plan .title::after { content: ''; display: block; width: 100%; height: 4px; border-radius: 10px; background-color: #3f43fd; position: absolute; bottom: 0; left: 0; } .single_price_plan .price { margin-bottom: 1.5rem; } .single_price_plan .price h4 { position: relative; z-index: 1; font-size: 2.4rem; line-height: 1; margin-bottom: 4; color: #3f43fd; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4)); background-image: linear-gradient(90deg, #e24997, #2d2ed4); } .prices{ position: relative; z-index: 1; font-size: 2.4rem; margin-top: 0px; line-height: 1; margin-bottom: 4; color: #3f43fd; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4)); background-image: linear-gradient(90deg, #e24997, #2d2ed4); } .single_price_plan .description { position: relative; margin-bottom: 1.5rem; } .single_price_plan .description p { line-height: 16px; margin: 0; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .single_price_plan .description p i { color: #2ecc71; margin-right: 0.5rem; } .single_price_plan .description p .lni-close { color: #e74c3c; } .single_price_plan.active, .single_price_plan:hover, .single_price_plan:focus { -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15); box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15); } .single_price_plan .side-shape img { position: absolute; width: auto; top: 0; right: 0; z-index: -2; } .section-heading h3 { margin-bottom: 1rem; font-size: 3.5rem; letter-spacing: -1px; } .section-heading p { margin-bottom: 0; font-size: 1.5; } .section-heading .line { width: 120px; height: 5px; margin: 30px auto 0; border-radius: 6px; background: #2d2ed4; background: -webkit-gradient(linear, left top, right top, from(#e24997), to(#2d2ed4)); background: linear-gradient(to right, #e24997, #2d2ed4); } .rows { display: flex; justify-content: center; align-items: center; text-align: center; padding: 50px 0; } .section-heading { margin-bottom: 20px; } .section-heading h3 { font-size: 2.5rem; margin-bottom: 10px; position: relative; display: inline-block; padding-bottom: 10px; } .section-heading h3::after { content: ''; display: block; width: 50%; height: 4px; background-color: #3f43fd; border-radius: 2px; margin: 8px auto 0; } .section-heading p { font-size: 1.1rem; color: #666; max-width: 600px; margin: 0 auto; } .contact-section { display: flex; justify-content: space-between; align-items: flex-start; padding: 40px; margin-top: 40px; margin-bottom: 10px; } .contact-section .left, .contact-section .right { flex: 1; padding: 20px; } .contact-section .left { text-align: left; } .contact-section h4 { font-size: 2rem; margin-bottom: 10px; color: #333; } .contact-section p { font-size: 1rem; margin-bottom: 20px; color: #666; } .social-icons { margin-bottom: 20px; } .social-icons a { color: #333; margin: 0 10px; font-size: 1.8rem; transition: color 0.3s ease; } .fab.fa-linkedin-in { color: #0077b5; } .fab.fa-facebook-f { color: #1877f2; } .fab.fa-whatsapp { color: #25d366; } .fab.fa-youtube { color: #ff0000; } .fas.fa-envelope { color: #0643c7; } .social-icons a:hover { color: #3f43fd; } .contact-form { display: flex; flex-direction: column; } .contact-form button { padding: 10px 20px; border: none; background-color: #3f43fd; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .contact-form button:hover { background-color: #2e31cc; } @media (max-width: 768px) { .contact-section { flex-direction: column; } .contact-section .left, .contact-section .right { padding: 10px; } } .tick{ color: black; font-weight: 600; font-size: 0.5rem; } .tick::before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 700; color: blue; margin-right: 8px; } /* for description*/ .ticks{ color: black; font-size: 1rem; padding: 10px; } .ticks::before { content: '\f00c'; /* FontAwesome check icon code */ font-family: 'Font Awesome 5 Free'; font-weight: 600; color: blue; margin-right: 8px; } /* Pop-up styling */ .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 10px; z-index: 1000; width: 80%; max-width: 600px; display: none; animation: fadeIn 0.3s ease-in-out; } .popup .close-btn { position: absolute; top: 10px; right: 10px; font-size: 1.5rem; cursor: pointer; } @keyframes fadeIn { from { opacity: 0; transform: translate(-50%, -60%); } to { opacity: 1; transform: translate(-50%, -50%); } } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; } .announcement-heading { font-size: 1.5rem; margin-bottom: 10px; color: #333; } .announcement-text { font-size: 1.2rem; margin-bottom: 10px; color: #666; } .icon { margin-right: 10px; font-size: 1.2rem; color: #3f43fd; } .section_padding_130 { padding-top: 130px; padding-bottom: 130px; } .faq_area { position: relative; z-index: 1; background-color: #f5f5ff; } .faq-accordian { position: relative; z-index: 1; } .faq-accordian .card { position: relative; z-index: 1; margin-bottom: 1.5rem; } .faq-accordian .card:last-child { margin-bottom: 0; } .faq-accordian .card .card-header { background-color: #ffffff; padding: 0; border-bottom-color: #ebebeb; } .faq-accordian .card .card-header h6 { cursor: pointer; padding: 1.75rem 2rem; color: #3f43fd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .faq-accordian .card .card-header h6 span { font-size: 1.5rem; } .faq-accordian .card .card-header h6.collapsed { color: #070a57; } .faq-accordian .card .card-header h6.collapsed span { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .faq-accordian .card .card-body { padding: 1.75rem 2rem; } .faq-accordian .card .card-body p:last-child { margin-bottom: 0; } @media only screen and (max-width: 575px) { .support-button p { font-size: 14px; } } .support-button i { color: #3f43fd; font-size: 1.25rem; } @media only screen and (max-width: 575px) { .support-button i { font-size: 1rem; } } .support-button a { text-transform: capitalize; color: #2ecc71; } @media only screen and (max-width: 575px) { .support-button a { font-size: 13px; } } .payment-methods { text-align: center; padding: 40px; margin-top: 50px; overflow: hidden; position: relative; } .payment-methods h4 { font-size: 2rem; margin-bottom: 20px; color: #333; } .payment-methods .icon-container { display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 20px; } .payment-methods .icons { display: flex; padding: 10px; animation: forwards infinite; margin-bottom: 30px; box-shadow: #000; } .payment-methods .icon { font-size: 4rem; } .fa-paypal { color: #003087; } .fa-credit-card, .fa-cc-visa { color: #1a1f71; } .fa-money-bill-wave { color: #3bb54a; } .fa-cc-mastercard { color: #eb001b; } .fa-cc-amex { color: #2e77bc; } .fa-cc-discover { color: #f76a2a; } .fa-cc-apple-pay { color: #000; } .fa-cc-google-pay { color: #4285f4; } @keyframes moveIcons { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes flipIcon { 0%, 100% { transform: rotateY(0); } 50% { transform: rotateY(180deg); } }