@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap); html { scroll-behavior: smooth; } .menu { display: none; } .bm-burger-button { display: none; } @media screen and (max-width: 992px) { .menu { display: block; } .bm-burger-button { display: block; } .btns .sign-in { display: none; } } .links a { color: black; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; } .links a:hover { color: #611f69; font-weight: 500; } .btns .sign-up { color: white; text-transform: uppercase; padding: 13px 38px; font-size: 13px; font-weight: 500; border-radius: 25px; background-color: #611f69; color: white; text-transform: uppercase; transition: 0.1s ease-in all; } .btns .sign-up:hover { background-color: #9e26ac; } .btns .sign-in { color: #000000; padding: 10px 30px; font-size: 13px; font-weight: 500; border-radius: 25px; border: 2px solid black; transition: 0.2s ease-in all; } .btns .sign-in:hover { border: 3px solid black; -webkit-transform: translateZ(10px); transform: translateZ(10px); } /* Position and sizing of burger button */ .bm-burger-button { position: absolute; width: 36px; height: 30px; right: 36px; top: 36px; } /* Color/shape of burger icon bars */ .bm-burger-bars { background: black; } /* Color/shape of burger icon bars on hover*/ .bm-burger-bars-hover { background: black; } /* Position and sizing of clickable cross button */ .bm-cross-button { height: 24px; width: 24px; } /* Color/shape of close button cross */ .bm-cross { display: none; background: #bdc3c7; } /* Sidebar wrapper styles Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases */ /* .bm-menu-wrap { position: fixed; height: 100%; } */ .bm-menu-wrap { position: absolute !important; top: 90px !important; right: 0px !important; z-index: 1100 !important; width: 100% !important; height: 290px !important; transition: none !important; } /* General sidebar styles */ .bm-menu { background: #611f69; /* padding: 0.5em 0.5em 0; */ font-size: 1.15em; overflow: none !important; } /* Morph shape necessary with bubble or elastic */ .bm-morph-shape { fill: #373a47; } /* Wrapper for item list */ .bm-item-list { color: #b8b7ad; /* padding: 0.8em; */ } /* Individual item */ .bm-item { display: inline-block; color: white; padding: 10px 30px; border-bottom: 0.5px solid #fbf7ee42; } /* Styling of overlay */ .bm-overlay { display: none; background: rgba(0, 0, 0, 0.3); } .bm-menu { height: auto !important; } @media screen and (max-width: 428px) { .bm-item { font-size: 15px; } } * { margin: 0; padding: 0; text-decoration: none; font-family: "Poppins"; /* color: black; */ } html, body { min-height: 100%; } p { margin: 16px auto; line-height: 1.5em; } /* layout & nav */ /* .layout { max-width: 1200px; margin: 0 auto; } */ .navbar { display: flex; align-items: center; justify-content: space-between; margin: 20px auto; background-color: white; } .navBack { z-index: 1; border-bottom: 1px solid #d0d0d0; position: fixed; top: 0; right: 0; left: 0; background-color: white; } .links { display: flex; -webkit-column-gap: 15px; column-gap: 15px; align-items: center; } .links a { margin: 10px; } .btns a { display: inline-block; margin-left: 10px; font-size: 15px; font-weight: 400; padding-bottom: 8px; } .mob-menu { display: none; } .hamburger { background-color: black; height: 2px; width: 30px; margin-top: 5px; } @media screen and (max-width: 1100px) { .links { -webkit-column-gap: 5px; column-gap: 5px; font-size: 14px; } } @media screen and (max-width: 992px) { .links { display: flex; width: 100%; flex-direction: column; top: 80px; position: absolute; background-color: purple; left: -103%; } .btns .sign-up { display: none; } .mob-menu { display: block; } } /* ++++++++++++++++++++ */ /* Footer Section */ footer { background-color: #611f69; padding: 50px; } .footerMain { display: flex; /* flex-direction: column; */ justify-content: center; align-items: center; } .footerMenu { display: flex; flex-direction: column; } .footerInput { width: 70%; padding: 8px; border-radius: 20px; border: 1px solid white; background-color: transparent; } .footerInput::-webkit-input-placeholder { color: white; } .footerInput::placeholder { color: white; } .footerBtn { background-color: white; border: 2px solid; font-family: "Poppins"; font-size: 18px; border: none; border-radius: 20px; padding: 5px 10px 10px 10px; color: #611f69; font-weight: 600; margin-left: -50px; } footer a { color: white; } @media screen and (max-width: 1100px) { .footerBtn { padding: 5px 10px 10px 10px; } } @media screen and (max-width: 992px) { .footerBtn { padding: 5px 10px 10px 10px; } footer a { font-size: 20px; } } @media screen and (max-width: 576px) { .footerBtn { margin-left: -110px; font-size: 15px; padding: 6px 9px 10px; } } @media screen and (max-width: 428px) { footer { padding: 24px 31px; } .footerInput { font-size: 7px; padding: 4px 8px; } .footerBtn { font-size: 7px; padding: 5px 8px; } } /* SearchBox starts */ .MuiOutlinedInput-input { border-radius: 40px; } /* SearchBox Ends */ @media screen and (max-width: 992px) { .footer-logo { text-align: center; } } @media screen and (max-width: 428px) { .footer-logo { display: "none"; } } .footer-lists { display: flex; align-items: baseline; margin: 50px 0px; -webkit-column-gap: 0px; column-gap: 0px; } @media screen and (max-width: 992px) { .footer-lists { flex-direction: column; row-gap: 25px; align-items: center; } } @media screen and (max-width: 576px) { .footer-lists { margin: 30px 0px; } } .footer-lists .list-content { display: flex; flex-direction: column; row-gap: 15px; flex: 1 1; } .footer-lists .list-content p { font-size: 20px; line-height: 28px; font-family: "Poppins", sans-serif; color: white; } .footer-lists .list-content p:hover { color: #fcb92b; } @media screen and (max-width: 992px) { .footer-lists .list-content p { text-align: center; } } @media screen and (max-width: 576px) { .footer-lists .list-content p { font-size: 18px; } } @media screen and (max-width: 428px) { .footer-lists .list-content p { font-size: 16px; line-height: 16px; } } .footer-lists .newsletter-wrapper { display: flex; flex-direction: column; row-gap: 10px; flex: 1 1; } @media screen and (max-width: 1100px) { .footer-lists .newsletter-wrapper { flex: 1 1; } } .footer-lists .newsletter-wrapper p { color: white; font-size: 20px; font-family: "Poppins", sans-serif; } @media screen and (max-width: 992px) { .footer-lists .newsletter-wrapper p { text-align: center; } } @media screen and (max-width: 576px) { .footer-lists .newsletter-wrapper p { font-size: 18px; } } @media screen and (max-width: 428px) { .footer-lists .newsletter-wrapper p { font-size: 16px; line-height: 16px; } } .footer-lists .newsletter-wrapper .social-links { display: flex; -webkit-column-gap: 23px; column-gap: 23px; align-items: center; } @media screen and (max-width: 992px) { .footer-lists .newsletter-wrapper .social-links { justify-content: center; } } .footer-lists .newsletter-wrapper .social-links svg { font-size: 40px; } .footer-lists .newsletter-wrapper .social-links svg:hover { fill: #fcb92b; } .footer-lists .newsletter-wrapper .footerForm { display: flex; border: 2px solid white; justify-content: space-between; border-radius: 40px; min-height: 45px; } @media screen and (max-width: 576px) { .footer-lists .newsletter-wrapper .footerForm { flex-direction: column; row-gap: 10px; border: none; } } .footer-lists .newsletter-wrapper .footerForm input { flex: 1 1 auto; width: 65%; background-color: transparent; border: none; outline: none; padding-left: 10px; color: white; } .footer-lists .newsletter-wrapper .footerForm input::-webkit-input-placeholder { color: white; opacity: 50%; } .footer-lists .newsletter-wrapper .footerForm input::placeholder { color: white; opacity: 50%; } .footer-lists .newsletter-wrapper .footerForm input:-webkit-autofill, .footer-lists .newsletter-wrapper .footerForm input:-webkit-autofill:hover, .footer-lists .newsletter-wrapper .footerForm input:-webkit-autofill:focus { -webkit-text-fill-color: #e1e1e1 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; } @media screen and (max-width: 576px) { .footer-lists .newsletter-wrapper .footerForm input { border: 2px solid white; min-width: -webkit-fill-available; padding: 10px; border-radius: 20px; } } .footer-lists .newsletter-wrapper .footerForm .footerForm-btn { background-color: white; border-radius: 40px; padding: 0px 25px; color: #611f69; font-family: "Poppins", sans-serif; font-size: 19px; font-weight: 600; line-height: 48px; margin-left: 20px; text-transform: none; } .footer-lists .newsletter-wrapper .footerForm .footerForm-btn:hover { border-color: white; color: #611f69; } @media screen and (max-width: 992px) { .footer-lists .newsletter-wrapper .footerForm .footerForm-btn { margin-right: 0px; padding: 0px 20px; } } @media screen and (max-width: 576px) { .footer-lists .newsletter-wrapper .footerForm .footerForm-btn { padding: 0px 20px; font-size: 16px; line-height: 35px; margin-left: 0px; } } .message_Error p { margin: 0; font-size: 16px; font-family: "Poppins", sans-serif; color: #ff2843; font-weight: 500; } .message_Error p ::first-letter { text-transform: capitalize; } .message_Success p { margin: 0; font-size: 16px; font-family: "Poppins", sans-serif; color: #fcb92b; font-weight: 500; } .message_Success p ::first-letter { text-transform: capitalize; } .copyright-wrapper { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 992px) { .copyright-wrapper { flex-direction: column-reverse; } } .copyright-wrapper .copyright-content p { color: rgba(255, 255, 255, 0.5019607843); font-size: 17px; font-family: "Poppins", sans-serif; line-height: 24px; } @media screen and (max-width: 576px) { .copyright-wrapper .copyright-content p { font-size: 14px; } } @media screen and (max-width: 428px) { .copyright-wrapper .copyright-content p { font-size: 10px; } } .copyright-wrapper .powered-content { display: flex; } .copyright-wrapper .powered-content h6 { color: rgba(255, 255, 255, 0.5019607843); font-size: 17px; font-family: "Poppins", sans-serif; line-height: 24px; } @media screen and (max-width: 428px) { .copyright-wrapper .powered-content h6 { font-size: 10px; } } .copyright-wrapper .powered-content .invoZone-logo { margin-left: 10px; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; -webkit-transform: translateX(0); transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); } .Toastify__toast-container--rtl { right: 0; left: initial; } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; flex: 1 1 auto; padding: 6px; display: flex; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; flex: 1 1; } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex; } .Toastify--animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .Toastify--animate-icon { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; align-self: flex-start; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @-webkit-keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes Toastify__trackProgress { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: 0.7; -webkit-transform-origin: left; transform-origin: left; } .Toastify__progress-bar--animated { -webkit-animation: Toastify__trackProgress linear 1 forwards; animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; -webkit-transform-origin: right; transform-origin: right; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); -webkit-animation: Toastify__spin 0.65s linear infinite; animation: Toastify__spin 0.65s linear infinite; } @-webkit-keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes Toastify__bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes Toastify__bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes Toastify__bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { -webkit-animation-name: Toastify__bounceInLeft; animation-name: Toastify__bounceInLeft; } .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { -webkit-animation-name: Toastify__bounceInRight; animation-name: Toastify__bounceInRight; } .Toastify__bounce-enter--top-center { -webkit-animation-name: Toastify__bounceInDown; animation-name: Toastify__bounceInDown; } .Toastify__bounce-enter--bottom-center { -webkit-animation-name: Toastify__bounceInUp; animation-name: Toastify__bounceInUp; } .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { -webkit-animation-name: Toastify__bounceOutLeft; animation-name: Toastify__bounceOutLeft; } .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { -webkit-animation-name: Toastify__bounceOutRight; animation-name: Toastify__bounceOutRight; } .Toastify__bounce-exit--top-center { -webkit-animation-name: Toastify__bounceOutUp; animation-name: Toastify__bounceOutUp; } .Toastify__bounce-exit--bottom-center { -webkit-animation-name: Toastify__bounceOutDown; animation-name: Toastify__bounceOutDown; } @-webkit-keyframes Toastify__zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes Toastify__zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes Toastify__zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .Toastify__zoom-enter { -webkit-animation-name: Toastify__zoomIn; animation-name: Toastify__zoomIn; } .Toastify__zoom-exit { -webkit-animation-name: Toastify__zoomOut; animation-name: Toastify__zoomOut; } @-webkit-keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes Toastify__flipIn { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes Toastify__flipOut { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .Toastify__flip-enter { -webkit-animation-name: Toastify__flipIn; animation-name: Toastify__flipIn; } .Toastify__flip-exit { -webkit-animation-name: Toastify__flipOut; animation-name: Toastify__flipOut; } @-webkit-keyframes Toastify__slideInRight { from { -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInRight { from { -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInLeft { from { -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInLeft { from { -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInUp { from { -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInUp { from { -webkit-transform: translate3d(0, 110%, 0); transform: translate3d(0, 110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideInDown { from { -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes Toastify__slideInDown { from { -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @keyframes Toastify__slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @keyframes Toastify__slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); } } @-webkit-keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @keyframes Toastify__slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); } } @-webkit-keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } @keyframes Toastify__slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); } } .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { -webkit-animation-name: Toastify__slideInLeft; animation-name: Toastify__slideInLeft; } .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { -webkit-animation-name: Toastify__slideInRight; animation-name: Toastify__slideInRight; } .Toastify__slide-enter--top-center { -webkit-animation-name: Toastify__slideInDown; animation-name: Toastify__slideInDown; } .Toastify__slide-enter--bottom-center { -webkit-animation-name: Toastify__slideInUp; animation-name: Toastify__slideInUp; } .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { -webkit-animation-name: Toastify__slideOutLeft; animation-name: Toastify__slideOutLeft; } .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { -webkit-animation-name: Toastify__slideOutRight; animation-name: Toastify__slideOutRight; } .Toastify__slide-exit--top-center { -webkit-animation-name: Toastify__slideOutUp; animation-name: Toastify__slideOutUp; } .Toastify__slide-exit--bottom-center { -webkit-animation-name: Toastify__slideOutDown; animation-name: Toastify__slideOutDown; } @-webkit-keyframes Toastify__spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes Toastify__spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*# sourceMappingURL=ReactToastify.css.map */ .MuiDialog-paper { min-height: 330px !important; min-width: 635px !important; border-radius: 28px !important; overflow-y: visible !important; margin: 0 auto; background-color: #fbf7ee !important; } @media screen and (max-width: 768px) { .MuiDialog-paper { min-width: 500px !important; } } @media screen and (max-width: 576px) { .MuiDialog-paper { min-width: 400px !important; } } @media screen and (max-width: 428px) { .MuiDialog-paper { min-width: 325px !important; } } .NewsLetterImage { position: relative; min-height: 100px; background-color: orange; border-radius: 28px 28px 0px 0px; margin-bottom: 60px; } @media screen and (max-width: 768px) { .NewsLetterImage { margin-bottom: 40px; } } @media screen and (max-width: 576px) { .NewsLetterImage { min-height: 75px; margin-bottom: 20px; } } @media screen and (max-width: 428px) { .NewsLetterImage { min-height: 60px; margin-bottom: 20px; } } .NewsLetterImage .NewsImage { position: absolute; max-width: 100%; height: auto; top: 0; left: 0; -webkit-transform: translate(235px, -55px); transform: translate(235px, -55px); } @media screen and (max-width: 768px) { .NewsLetterImage .NewsImage { -webkit-transform: translate(180px, -55px); transform: translate(180px, -55px); } } @media screen and (max-width: 576px) { .NewsLetterImage .NewsImage { -webkit-transform: translate(130px, -80px); transform: translate(130px, -80px); max-width: 40%; } } @media screen and (max-width: 428px) { .NewsLetterImage .NewsImage { -webkit-transform: translate(110px, -50px); transform: translate(110px, -50px); max-width: 35%; } } .NewsLetterImage .cancelModal { position: absolute; top: 0; right: 0; font-size: 30px; color: #6c6c6c; cursor: pointer; -webkit-transform: translate(-22px, 22px); transform: translate(-22px, 22px); } .modalWrapper { display: flex; align-items: center; justify-content: center; position: relative; } .modalWrapper .modalContent { max-width: 520px; margin: 0 auto; } @media screen and (max-width: 768px) { .modalWrapper .modalContent { max-width: 400px; } } @media screen and (max-width: 576px) { .modalWrapper .modalContent { max-width: 300px; } } .modalWrapper .modalContent h4 { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 28px; line-height: 36px; text-align: center; color: #611f69; margin-bottom: 10px; } @media screen and (max-width: 768px) { .modalWrapper .modalContent h4 { font-size: 24px; line-height: 30px; } } @media screen and (max-width: 576px) { .modalWrapper .modalContent h4 { font-size: 20px; line-height: 25px; } } .modalWrapper .modalContent h6 { font-family: "Poppins", sans-serif; font-weight: 400; font-size: 15px; line-height: 23px; color: #6c6c6c; text-align: center; } @media screen and (max-width: 768px) { .modalWrapper .modalContent h6 { font-size: 13px; line-height: 18px; } } @media screen and (max-width: 576px) { .modalWrapper .modalContent h6 { font-size: 12px; line-height: 16px; } } .modalWrapper .modalContent .NewsLetter-Form form { display: flex; border: 2px solid #611f69; max-width: 450px; justify-content: space-between; align-items: center; margin: 50px auto 20px; border-radius: 40px; } @media screen and (max-width: 768px) { .modalWrapper .modalContent .NewsLetter-Form form { margin: 20px auto; } } @media screen and (max-width: 576px) { .modalWrapper .modalContent .NewsLetter-Form form { flex-direction: column; border: none; row-gap: 10px; } } .modalWrapper .modalContent .NewsLetter-Form form input { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; padding: 12px; min-width: 55%; border: none; background: transparent; } .modalWrapper .modalContent .NewsLetter-Form form input::-webkit-input-placeholder { color: rgba(131, 131, 131, 0.8); } .modalWrapper .modalContent .NewsLetter-Form form input::placeholder { color: rgba(131, 131, 131, 0.8); } .modalWrapper .modalContent .NewsLetter-Form form input:-webkit-autofill, .modalWrapper .modalContent .NewsLetter-Form form input:-webkit-autofill:hover, .modalWrapper .modalContent .NewsLetter-Form form input:-webkit-autofill:focus { -webkit-text-fill-color: #000000 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; -webkit-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; } .modalWrapper .modalContent .NewsLetter-Form form input:focus { outline: none; } @media screen and (max-width: 576px) { .modalWrapper .modalContent .NewsLetter-Form form input { min-width: 60%; border: 2px solid #611f69; border-radius: 40px; } } .modalWrapper .modalContent .NewsLetter-Form form button { min-width: 39%; background-color: #611f69; color: #ffffff; padding: 10px 35px; border-radius: 44px; text-transform: capitalize; font-family: "Poppins", sans-serif; font-size: 18px; line-height: 27px; font-weight: 500; } @media screen and (max-width: 576px) { .modalWrapper .modalContent .NewsLetter-Form form button { min-width: 70%; font-size: 14px; } } .modalWrapper .modalContent .NewsLetter-Form .formMessages { max-width: 450px; margin: 0 auto 30px; } @media screen and (max-width: 576px) { .modalWrapper .modalContent .NewsLetter-Form .formMessages { max-width: 230px; margin: 0 auto 20px; } } .modalWrapper .modalContent .NewsLetter-Form .formMessages .message_Error::first-letter { text-transform: capitalize; } .Toastify__toast-container { margin-top: 0 auto; min-width: 380px; } .Toastify__toast-container .Toastify__toast { background-color: #f5f5f5 !important; border-radius: 26px !important; box-shadow: 5.71429px 5.71429px 45.7143px rgba(0, 0, 0, 0.1); padding: 20px 0px; } .Toastify__toast-container .Toastify__toast .Toastify__toast-body { flex-direction: column; } .Toastify__toast-container .Toastify__toast .Toastify__toast-body > div:last-child { max-width: 169px; text-align: center; } .Toastify__toast-container .Toastify__toast .Toastify__toast-body .Toastify__toast-icon { display: block; -webkit-margin-end: 0; margin-inline-end: 0; width: auto; } .aboutPage { padding: 60px 40px 0px 40px; } @media screen and (max-width: 768px) { .aboutPage { padding: 0px; } } @media screen and (max-width: 428px) { .aboutPage { padding: 0px; } } .aboutPage .aboutBanner img { -o-object-fit: cover; object-fit: cover; width: 100%; } @media screen and (max-width: 768px) { .aboutPage .aboutBanner img { display: none; } } .aboutBG { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI1NzIiIHZpZXdCb3g9IjAgMCAxNDQwIDU3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzMzMuNTkgNTQ1LjYwM0MxMzM1LjcyIDU0My40NzggMTMzOS4xNyA1NDMuNDc4IDEzNDEuMyA1NDUuNjAzTDEzNTcuNzEgNTYyLjAxN0MxMzU5Ljg0IDU2NC4xNDIgMTM1OS44NCA1NjcuNTk0IDEzNTcuNzEgNTY5LjcyQzEzNTUuNTkgNTcxLjg0NSAxMzUyLjEzIDU3MS44NDUgMTM1MC4wMSA1NjkuNzJMMTMzMy41OSA1NTMuMzA2QzEzMzEuNDcgNTUxLjE4MSAxMzMxLjQ3IDU0Ny43MjkgMTMzMy41OSA1NDUuNjAzWiIgZmlsbD0iI0ZDQjkyQiIvPgo8cGF0aCBkPSJNMTM1Ny43MiA1NDUuNjAzQzEzNTkuODUgNTQ3LjcyOSAxMzU5Ljg1IDU1MS4xODEgMTM1Ny43MiA1NTMuMzA2TDEzNDEuMzEgNTY5LjcyQzEzMzkuMTggNTcxLjg0NSAxMzM1LjczIDU3MS44NDUgMTMzMy42MSA1NjkuNzJDMTMzMS40OCA1NjcuNTk0IDEzMzEuNDggNTY0LjE0MiAxMzMzLjYxIDU2Mi4wMTdMMTM1MC4wMiA1NDUuNjAzQzEzNTIuMTMgNTQzLjQ2NiAxMzU1LjU4IDU0My40NjYgMTM1Ny43MiA1NDUuNjAzWiIgZmlsbD0iI0ZDQjkyQiIvPgo8cGF0aCBkPSJNMTM5NC43NSAyOTEuNDkxQzE0MDIuODkgMjkxLjQ5MSAxNDA5LjQ5IDI4NC44ODkgMTQwOS40OSAyNzYuNzQ2QzE0MDkuNDkgMjY4LjYwMiAxNDAyLjg5IDI2MiAxMzk0Ljc1IDI2MkMxMzg2LjYgMjYyIDEzODAgMjY4LjYwMiAxMzgwIDI3Ni43NDZDMTM4MCAyODQuODg5IDEzODYuNiAyOTEuNDkxIDEzOTQuNzUgMjkxLjQ5MVoiIGZpbGw9IiNGQ0I5MkIiLz4KPHBhdGggZD0iTTEzMDIuOTcgMTQyLjk0MkMxMzA2LjI3IDE0Mi45NDIgMTMwOC45NCAxNDAuMjY5IDEzMDguOTQgMTM2Ljk3MUMxMzA4Ljk0IDEzMy42NzMgMTMwNi4yNyAxMzEgMTMwMi45NyAxMzFDMTI5OS42NyAxMzEgMTI5NyAxMzMuNjczIDEyOTcgMTM2Ljk3MUMxMjk3IDE0MC4yNjkgMTI5OS42NyAxNDIuOTQyIDEzMDIuOTcgMTQyLjk0MloiIGZpbGw9IiM2MTFGNjkiLz4KPHBhdGggZD0iTTEzMDIuOTcgMTc0LjEyM0MxMzA2LjI3IDE3NC4xMjMgMTMwOC45NCAxNzEuNDUgMTMwOC45NCAxNjguMTUyQzEzMDguOTQgMTY0Ljg1NCAxMzA2LjI3IDE2Mi4xODEgMTMwMi45NyAxNjIuMTgxQzEyOTkuNjcgMTYyLjE4MSAxMjk3IDE2NC44NTQgMTI5NyAxNjguMTUyQzEyOTcgMTcxLjQ1IDEyOTkuNjcgMTc0LjEyMyAxMzAyLjk3IDE3NC4xMjNaIiBmaWxsPSIjNjExRjY5Ii8+CjxwYXRoIGQ9Ik0xMzMzLjM1IDE0Mi45NDJDMTMzNi42NCAxNDIuOTQyIDEzMzkuMzIgMTQwLjI2OSAxMzM5LjMyIDEzNi45NzFDMTMzOS4zMiAxMzMuNjczIDEzMzYuNjQgMTMxIDEzMzMuMzUgMTMxQzEzMzAuMDUgMTMxIDEzMjcuMzcgMTMzLjY3MyAxMzI3LjM3IDEzNi45NzFDMTMyNy4zNyAxNDAuMjY5IDEzMzAuMDUgMTQyLjk0MiAxMzMzLjM1IDE0Mi45NDJaIiBmaWxsPSIjNjExRjY5Ii8+CjxwYXRoIGQ9Ik0xMzMzLjM1IDE3NC4xMjNDMTMzNi42NCAxNzQuMTIzIDEzMzkuMzIgMTcxLjQ1IDEzMzkuMzIgMTY4LjE1MkMxMzM5LjMyIDE2NC44NTQgMTMzNi42NCAxNjIuMTgxIDEzMzMuMzUgMTYyLjE4MUMxMzMwLjA1IDE2Mi4xODEgMTMyNy4zNyAxNjQuODU0IDEzMjcuMzcgMTY4LjE1MkMxMzI3LjM3IDE3MS40NSAxMzMwLjA1IDE3NC4xMjMgMTMzMy4zNSAxNzQuMTIzWiIgZmlsbD0iIzYxMUY2OSIvPgo8cGF0aCBkPSJNMTMwNiA0MTguMzM4TDEzNTkuMzQgMzY1IiBzdHJva2U9IiNGQ0I5MkIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE0NDUuMDggNzQuMTUzNkMxNDY1IDc0LjE1MzYgMTQ4MS4xNSA1OC4wMDE1IDE0ODEuMTUgMzguMDc2OEMxNDgxLjE1IDE4LjE1MjEgMTQ2NSAyIDE0NDUuMDggMkMxNDI1LjE1IDIgMTQwOSAxOC4xNTIxIDE0MDkgMzguMDc2OEMxNDA5IDU4LjAwMTUgMTQyNS4xNSA3NC4xNTM2IDE0NDUuMDggNzQuMTUzNloiIGZpbGw9IiNGQ0I5MkIiLz4KPHBhdGggZD0iTTI2LjQ2MTEgMzU3LjQ2MUMzOS40MzI2IDM0NC40OSAzOS40MzI2IDMyMy40NTkgMjYuNDYxMSAzMTAuNDg3QzEzLjQ4OTYgMjk3LjUxNiAtNy41NDE0MyAyOTcuNTE2IC0yMC41MTMgMzEwLjQ4N0MtMzMuNDg0NSAzMjMuNDU5IC0zMy40ODQ1IDM0NC40OSAtMjAuNTEzIDM1Ny40NjFDLTcuNTQxNDMgMzcwLjQzMyAxMy40ODk2IDM3MC40MzMgMjYuNDYxMSAzNTcuNDYxWiIgZmlsbD0iIzYxMUY2OSIvPgo8cGF0aCBkPSJNLTIwLjQ0IDBDLTU5LjMzOTIgMCAtOTEgMzEuNjQxNiAtOTEgNzAuNTZDLTkxIDEwOS40NzggLTU5LjMzOTIgMTQxLjEyIC0yMC40NCAxNDEuMTJDMTguNDU5MiAxNDEuMTIgNTAuMTIgMTA5LjQ1OSA1MC4xMiA3MC41NkM1MC4xMiAzMS42NjA4IDE4LjQ1OTIgMCAtMjAuNDQgMFpNLTIwLjQ0IDEyNy4yQy01MS43MzYgMTI3LjIgLTc3LjA5OTIgMTAxLjgzNyAtNzcuMDk5MiA3MC41NkMtNzcuMDk5MiAzOS4yODMyIC01MS43MzYgMTMuOTIgLTIwLjQ0IDEzLjkyQzEwLjgzNjggMTMuOTIgMzYuMiAzOS4yODMyIDM2LjIgNzAuNTZDMzYuMiAxMDEuODM3IDEwLjgzNjggMTI3LjIgLTIwLjQ0IDEyNy4yWiIgZmlsbD0iI0ZDQjkyQyIvPgo8cGF0aCBkPSJNNTEuNjI3NCA0ODYuNjI3QzUzLjc5NyA0ODQuNDU4IDU3LjI5MTUgNDg0LjQ1OCA1OS40NjExIDQ4Ni42MjdMNzYuMTQ1OSA1MDMuMzEyQzc4LjMxNTUgNTA1LjQ4MiA3OC4zMTU1IDUwOC45NzYgNzYuMTQ1OSA1MTEuMTQ2QzczLjk3NjMgNTEzLjMxNSA3MC40ODE5IDUxMy4zMTUgNjguMzEyMyA1MTEuMTQ2TDUxLjYyNzQgNDk0LjQ2MUM0OS40NzcgNDkyLjMxIDQ5LjQ3NyA0ODguNzk3IDUxLjYyNzQgNDg2LjYyN1oiIGZpbGw9IiNGQ0I5MkMiLz4KPHBhdGggZD0iTTc2LjE0NTYgNDg2LjYyN0M3OC4zMTUyIDQ4OC43OTcgNzguMzE1MiA0OTIuMjkxIDc2LjE0NTYgNDk0LjQ2MUw1OS40NjA4IDUxMS4xNDZDNTcuMjkxMiA1MTMuMzE1IDUzLjc5NjggNTEzLjMxNSA1MS42MjcyIDUxMS4xNDZDNDkuNDU3NiA1MDguOTc2IDQ5LjQ1NzYgNTA1LjQ4MiA1MS42MjcyIDUwMy4zMTJMNjguMzEyIDQ4Ni42MjdDNzAuNDgxNiA0ODQuNDc3IDczLjk5NTIgNDg0LjQ3NyA3Ni4xNDU2IDQ4Ni42MjdaIiBmaWxsPSIjRkNCOTJDIi8+CjxwYXRoIGQ9Ik0xNDU4LjExIDUwNC4wODhDMTQ3NS4wNiA0OTcuMDY4IDE0ODMuMTEgNDc3LjYzNyAxNDc2LjA5IDQ2MC42ODhDMTQ2OS4wNyA0NDMuNzQgMTQ0OS42NCA0MzUuNjkxIDE0MzIuNjkgNDQyLjcxMkMxNDE1Ljc0IDQ0OS43MzIgMTQwNy42OSA0NjkuMTYzIDE0MTQuNzEgNDg2LjExMkMxNDIxLjczIDUwMy4wNiAxNDQxLjE2IDUxMS4xMDkgMTQ1OC4xMSA1MDQuMDg4WiIgZmlsbD0iIzYxMUY2OSIvPgo8L3N2Zz4K); background-position: center; background-size: cover; padding-bottom: 50px; min-height: 500px; } @media screen and (max-width: 768px) { .aboutBG { background-image: none; } } .aboutContent { max-width: 1152px; margin: 0px auto; padding: 20px 40px; } @media screen and (max-width: 768px) { .aboutContent { margin-top: 30px; } } .aboutContent h1 { font-size: 47px; font-family: "Poppins"; font-weight: 700; line-height: 55px; color: #611F69; } @media screen and (max-width: 992px) { .aboutContent h1 { font-size: 35px; } } @media screen and (max-width: 428px) { .aboutContent h1 { font-size: 25px; } } .aboutContent h6 { font-size: 18px; font-family: "Poppins"; font-weight: 400; padding-right: 65px; } @media screen and (max-width: 992px) { .aboutContent h6 { font-size: 15px; padding-right: 10px; } } @media screen and (max-width: 428px) { .aboutContent h6 { font-size: 13px; padding-right: 10px; } } .getStarted { max-width: 1152px; margin: 20px auto 0px; padding: 0px 40px; } .getStarted h1 { font-size: 47px; font-family: "Poppins"; font-weight: 700; color: #611F69; } @media screen and (max-width: 992px) { .getStarted h1 { font-size: 35px; } } @media screen and (max-width: 428px) { .getStarted h1 { font-size: 25px; } } .getStarted h6 { font-size: 18px; font-family: "Poppins"; font-weight: 400; padding-right: 65px; } @media screen and (max-width: 992px) { .getStarted h6 { font-size: 15px; padding-right: 10px; } } @media screen and (max-width: 428px) { .getStarted h6 { font-size: 10px; padding-right: 10px; } } .heroAbout { padding: 70px 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMTYiIHZpZXdCb3g9IjAgMCAxNDQwIDMxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUwMDEgMjk1LjVDMjQuMjgzOSAyODQuNzE2IDI0LjI4MzkgMjY3LjIzMiAxMy41MDAxIDI1Ni40NDhDMi43MTYyIDI0NS42NjQgLTE0Ljc2NzkgMjQ1LjY2NCAtMjUuNTUxNyAyNTYuNDQ4Qy0zNi4zMzU2IDI2Ny4yMzIgLTM2LjMzNTYgMjg0LjcxNiAtMjUuNTUxNyAyOTUuNUMtMTQuNzY3OSAzMDYuMjg0IDIuNzE2MjEgMzA2LjI4NCAxMy41MDAxIDI5NS41WiIgZmlsbD0iIzYxMUY2OSIvPgo8cGF0aCBkPSJNMjQuNTA1NCAxNjIuODE0QzI2LjgxODcgMTYyLjgxNCAyOC42OTM5IDE2MC45MzkgMjguNjkzOSAxNTguNjI2QzI4LjY5MzkgMTU2LjMxMiAyNi44MTg3IDE1NC40MzcgMjQuNTA1NCAxNTQuNDM3QzIyLjE5MjIgMTU0LjQzNyAyMC4zMTY5IDE1Ni4zMTIgMjAuMzE2OSAxNTguNjI2QzIwLjMxNjkgMTYwLjkzOSAyMi4xOTIyIDE2Mi44MTQgMjQuNTA1NCAxNjIuODE0WiIgZmlsbD0iI0ZDQjkyQyIvPgo8cGF0aCBkPSJNMjQuNTA1NCAxODQuNjg2QzI2LjgxODcgMTg0LjY4NiAyOC42OTM5IDE4Mi44MSAyOC42OTM5IDE4MC40OTdDMjguNjkzOSAxNzguMTg0IDI2LjgxODcgMTc2LjMwOSAyNC41MDU0IDE3Ni4zMDlDMjIuMTkyMiAxNzYuMzA5IDIwLjMxNjkgMTc4LjE4NCAyMC4zMTY5IDE4MC40OTdDMjAuMzE2OSAxODIuODEgMjIuMTkyMiAxODQuNjg2IDI0LjUwNTQgMTg0LjY4NloiIGZpbGw9IiNGQ0I5MkMiLz4KPHBhdGggZD0iTTQ1LjgxMTYgMTYyLjgxNEM0OC4xMjQ4IDE2Mi44MTQgNTAuMDAwMSAxNjAuOTM5IDUwLjAwMDEgMTU4LjYyNkM1MC4wMDAxIDE1Ni4zMTIgNDguMTI0OCAxNTQuNDM3IDQ1LjgxMTYgMTU0LjQzN0M0My40OTgzIDE1NC40MzcgNDEuNjIzIDE1Ni4zMTIgNDEuNjIzIDE1OC42MjZDNDEuNjIzIDE2MC45MzkgNDMuNDk4MyAxNjIuODE0IDQ1LjgxMTYgMTYyLjgxNFoiIGZpbGw9IiNGQ0I5MkMiLz4KPHBhdGggZD0iTTQ1LjgxMTYgMTg0LjY4NkM0OC4xMjQ4IDE4NC42ODYgNTAuMDAwMSAxODIuODEgNTAuMDAwMSAxODAuNDk3QzUwLjAwMDEgMTc4LjE4NCA0OC4xMjQ4IDE3Ni4zMDkgNDUuODExNiAxNzYuMzA5QzQzLjQ5ODMgMTc2LjMwOSA0MS42MjMgMTc4LjE4NCA0MS42MjMgMTgwLjQ5N0M0MS42MjMgMTgyLjgxIDQzLjQ5ODMgMTg0LjY4NiA0NS44MTE2IDE4NC42ODZaIiBmaWxsPSIjRkNCOTJDIi8+CjxwYXRoIGQ9Ik0tMjEuNSAwQy00NC4zNzg2IDAgLTYzIDE4LjYxMDEgLTYzIDQxLjVDLTYzIDY0LjM4OTkgLTQ0LjM3ODYgODMgLTIxLjUgODNDMS4zNzg2NCA4MyAyMCA2NC4zNzg2IDIwIDQxLjVDMjAgMTguNjIxNCAxLjM3ODY0IDAgLTIxLjUgMFpNLTIxLjUgNzQuODEyOUMtMzkuOTA2OCA3NC44MTI5IC01NC44MjQyIDU5Ljg5NTUgLTU0LjgyNDIgNDEuNUMtNTQuODI0MiAyMy4xMDQ1IC0zOS45MDY4IDguMTg3MDcgLTIxLjUgOC4xODcwN0MtMy4xMDQ0OSA4LjE4NzA3IDExLjgxMjkgMjMuMTA0NSAxMS44MTI5IDQxLjVDMTEuODEyOSA1OS44OTU1IC0zLjEwNDQ5IDc0LjgxMjkgLTIxLjUgNzQuODEyOVoiIGZpbGw9IiNGQ0I5MkMiLz4KPHBhdGggZD0iTTEzODYuNTIgMjc1LjUzQzEzODguMTMgMjczLjkyMSAxMzkwLjc1IDI3My45MjEgMTM5Mi4zNiAyNzUuNTNMMTQwNC43OCAyODcuOTU4QzE0MDYuMzkgMjg5LjU2NyAxNDA2LjM5IDI5Mi4xODEgMTQwNC43OCAyOTMuNzlDMTQwMy4xNyAyOTUuNCAxNDAwLjU2IDI5NS40IDEzOTguOTUgMjkzLjc5TDEzODYuNTIgMjgxLjM2M0MxMzg0LjkxIDI3OS43NTMgMTM4NC45MSAyNzcuMTM5IDEzODYuNTIgMjc1LjUzWiIgZmlsbD0iI0ZDQjkyQiIvPgo8cGF0aCBkPSJNMTQwNC43OSAyNzUuNTNDMTQwNi40IDI3Ny4xNCAxNDA2LjQgMjc5Ljc1MyAxNDA0Ljc5IDI4MS4zNjNMMTM5Mi4zNyAyOTMuNzlDMTM5MC43NiAyOTUuNCAxMzg4LjE0IDI5NS40IDEzODYuNTMgMjkzLjc5QzEzODQuOTIgMjkyLjE4MSAxMzg0LjkyIDI4OS41NjcgMTM4Ni41MyAyODcuOTU4TDEzOTguOTYgMjc1LjUzQzE0MDAuNTYgMjczLjkxMiAxNDAzLjE3IDI3My45MTIgMTQwNC43OSAyNzUuNTNaIiBmaWxsPSIjRkNCOTJCIi8+CjxwYXRoIGQ9Ik0xMzU5IDY0TDE0MDYgMTciIHN0cm9rZT0iI0ZDQjkyQiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQ1MC4xNyAxNTYuMzkyQzE0NjQuNTIgMTUwLjQ0NiAxNDcxLjM0IDEzMy45ODggMTQ2NS4zOSAxMTkuNjMzQzE0NTkuNDUgMTA1LjI3OCAxNDQyLjk5IDk4LjQ2MTcgMTQyOC42MyAxMDQuNDA4QzE0MTQuMjggMTEwLjM1NCAxNDA3LjQ2IDEyNi44MTEgMTQxMy40MSAxNDEuMTY2QzE0MTkuMzUgMTU1LjUyMSAxNDM1LjgxIDE2Mi4zMzggMTQ1MC4xNyAxNTYuMzkyWiIgZmlsbD0iIzYxMUY2OSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: bottom; margin-top: 80px; } @media screen and (max-width: 576px) { .heroAbout { padding: 50px 0px; } } .heroAbout h1 { font-weight: 700; font-family: "Poppins", sans-serif; font-size: 48px; line-height: 56px; text-align: center; color: #611f69; max-width: 937px; margin: 0 auto; } @media screen and (max-width: 992px) { .heroAbout h1 { max-width: 800px; font-size: 40px; } } @media screen and (max-width: 768px) { .heroAbout h1 { max-width: 600px; font-size: 32px; line-height: 40px; padding: 0px 20px; } } @media screen and (max-width: 576px) { .heroAbout h1 { font-size: 27px; line-height: 33px; } } @media screen and (max-width: 428px) { .heroAbout h1 { font-size: 22px; line-height: 25px; } } .heroAbout .trial_Btn_wrapper { max-width: 320px; margin: 45px auto 0; display: flex; justify-content: center; } @media screen and (max-width: 992px) { .heroAbout .trial_Btn_wrapper { max-width: 600px; } } @media screen and (max-width: 768px) { .heroAbout .trial_Btn_wrapper { flex-direction: column; justify-content: center; align-items: center; border: none; row-gap: 15px; background-color: transparent; } } @media screen and (max-width: 568px) { .heroAbout .trial_Btn_wrapper { margin: 25px auto 0; row-gap: 10px; min-width: 360px; } } @media screen and (max-width: 428px) { .heroAbout .trial_Btn_wrapper { min-width: 300px; } } .heroAbout .trial_Btn_wrapper .trial_btn { background-color: #611f69; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 500; line-height: 26px; border-radius: 40px; color: #fbf7ee; padding: 10px 30px; text-transform: none; } .heroAbout .trial_Btn_wrapper .trial_btn:hover { background-color: #9e26ac; } @media screen and (max-width: 768px) { .heroAbout .trial_Btn_wrapper .trial_btn { max-width: 100%; margin: 0 auto; } } @media screen and (max-width: 568px) { .heroAbout .trial_Btn_wrapper .trial_btn { font-size: 22px; } } @media screen and (max-width: 428px) { .heroAbout .trial_Btn_wrapper .trial_btn { font-size: 18px; padding: 5px 15px; } } .techWrapper { max-width: 1000px; margin: 0 auto 70px; background-color: #611f69; border-radius: 30px; padding: 0px 50px; display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .techWrapper { flex-direction: column; padding: 20px; } } @media screen and (max-width: 576px) { .techWrapper { margin: 0 auto 40px; } } .techWrapper p { max-width: 485px; font-family: "Poppins", sans-serif; font-size: 22px; font-weight: 500; line-height: 38px; color: #fbf7ee; } @media screen and (max-width: 992px) { .techWrapper p { font-size: 20px; line-height: 35px; } } @media screen and (max-width: 768px) { .techWrapper p { text-align: center; } } @media screen and (max-width: 428px) { .techWrapper p { font-size: 16px; line-height: 25px; } } .techWrapper ul { margin: 10px 0px 0px 20px; } @media screen and (max-width: 768px) { .techWrapper ul { margin-left: 0px; } } .techWrapper ul li { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; color: #fbf7ee; } @media screen and (max-width: 768px) { .techWrapper ul li { list-style: none; } } @media screen and (max-width: 428px) { .techWrapper ul li { font-size: 14px; line-height: 20px; } } .techWrapper img { max-width: 100%; height: auto; } @media screen and (max-width: 992px) { .techWrapper img { min-width: 40%; } } .packageWrapper h2 { max-width: 1000px; margin: 0 auto; font-family: "Poppins", sans-serif; font-size: 41px; font-weight: 700; line-height: 50px; color: #611f69; text-align: center; } @media screen and (max-width: 992px) { .packageWrapper h2 { font-size: 35px; line-height: 40px; } } @media screen and (max-width: 768px) { .packageWrapper h2 { font-size: 32px; line-height: 36px; } } @media screen and (max-width: 576px) { .packageWrapper h2 { font-size: 27px; line-height: 30px; } } @media screen and (max-width: 428px) { .packageWrapper h2 { font-size: 22px; line-height: 25px; } } .middleWrapper { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .middleWrapper { flex-direction: column; row-gap: 20px; } } .middleWrapper .middleImage { flex: 1 1; } @media screen and (max-width: 576px) { .middleWrapper .middleImage { text-align: center; } } .middleWrapper .middleImage img { max-width: 100%; height: auto; } @media screen and (max-width: 576px) { .middleWrapper .middleImage img { max-width: 75%; } } .middleWrapper .middleContent { flex: 1 1; max-width: 550px; } .middleWrapper .middleContent h2 { font-family: "Poppins", sans-serif; font-size: 48px; line-height: 56px; font-weight: 700; color: #611f69; } @media screen and (max-width: 992px) { .middleWrapper .middleContent h2 { font-size: 40px; line-height: 50px; text-align: center; } } @media screen and (max-width: 768px) { .middleWrapper .middleContent h2 { text-align: center; } } @media screen and (max-width: 576px) { .middleWrapper .middleContent h2 { font-size: 27px; line-height: 40px; } } @media screen and (max-width: 428px) { .middleWrapper .middleContent h2 { font-size: 25px; line-height: 35px; } } .middleWrapper .middleContent p { font-family: "Poppins", sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #000000; } @media screen and (max-width: 992px) { .middleWrapper .middleContent p { font-size: 18px; line-height: 25px; text-align: center; } } @media screen and (max-width: 768px) { .middleWrapper .middleContent p { text-align: center; } } @media screen and (max-width: 576px) { .middleWrapper .middleContent p { font-size: 14px; line-height: 23px; } } .middleWrapper .middleContent ul { margin-top: 25px; } @media screen and (max-width: 576px) { .middleWrapper .middleContent ul { margin-top: 15px; } } .middleWrapper .middleContent ul span { font-weight: 600; } .middleWrapper .middleContent ul li { margin-left: 30px; } @media screen and (max-width: 992px) { .middleWrapper .middleContent ul li { text-align: center; list-style: none; margin-left: 0px; } } .readyWrapper { max-width: 1000px; margin: 80px auto; background-color: #611f69; border-radius: 30px; padding: 0px 50px; display: flex; justify-content: flex-start; align-items: center; } @media screen and (max-width: 768px) { .readyWrapper { max-width: 600px; margin: 30px auto; padding: 20px 20px 20px 0px; } } @media screen and (max-width: 428px) { .readyWrapper { padding: 20px; text-align: center; } } .readyWrapper img { max-width: 100%; height: auto; margin-top: -40px; } @media screen and (max-width: 768px) { .readyWrapper img { min-width: 25%; height: auto; margin-top: -40px; } } @media screen and (max-width: 428px) { .readyWrapper img { display: none; } } .readyWrapper .readyContent { padding: 20px 0px; } .readyWrapper .readyContent h2 { font-family: "Poppins", sans-serif; font-size: 35px; font-weight: 700; line-height: 42px; color: #fcb92b; } @media screen and (max-width: 768px) { .readyWrapper .readyContent h2 { font-size: 25px; line-height: 42px; } } @media screen and (max-width: 576px) { .readyWrapper .readyContent h2 { font-size: 20px; line-height: 30px; } } .readyWrapper .readyContent p { max-width: 640px; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #fbf7ee; } @media screen and (max-width: 768px) { .readyWrapper .readyContent p { font-size: 15px; line-height: 20px; } } @media screen and (max-width: 576px) { .readyWrapper .readyContent p { font-size: 13px; line-height: 18px; } } .featureDemoForm { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fcb92b; padding: 50px 0px; } @media screen and (max-width: 576px) { .featureDemoForm { padding: 20px 0px; } } .popularBlog { margin-top: 23px; } .popularBlog h2 { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 20px; line-height: 30px; color: #611f69; } .filterContent { display: flex; flex-direction: column; row-gap: 10px; } .filterContent h3 { font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 700; color: #611f69; line-height: 20px; } .filterContent p { font-family: "Poppins", sans-serif; font-weight: 500; font-size: 10px; line-height: 15px; color: #838383; font-style: italic; } .filterContent .searchCardWrapper { display: flex; -webkit-column-gap: 10px; column-gap: 10px; border: 1px solid rgba(0, 0, 0, 0.1490196078); padding: 10px; border-radius: 5px; } .filterContent .searchCardWrapper:hover { background-color: #fbf7ee; } .filterContent .searchBoxContent h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .helloSticky { position: relative; width: 100%; } @media screen and (max-width: 992px) { .helloSticky { display: none; } } .sticky-nav { position: -webkit-sticky; position: sticky; top: 110px; left: 0; } /* 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 `