/*
*/
html {
scroll-behavior: smooth;
}
body {
margin: 0;
}
.heading {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
width: 653px;
}
.heading h1 {
font-family: "Trola-Heavy", sans-serif;
font-weight: 900;
font-size: 80px;
line-height: 94px;
color: #333333;
margin: 0;
}
.heading h2 {
font-family: "Trola-Regular", sans-serif;
font-weight: 400;
font-size: 77px;
line-height: 90px;
text-align: center;
color: #333333;
margin: 0;
text-align: start;
}
h2 {
font-family: "Trola-Semibold", sans-serif;
font-weight: 600;
font-size: 77px;
line-height: 90px;
text-align: center;
color: #222222;
margin: 0;
}
.hero-desc {
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 27px;
line-height: 40px;
letter-spacing: 0.1em;
color: #222222;
}
.button-holder {
display: flex;
align-items: center;
justify-content: center;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.white-btn,
.purple-btn {
font-family: "Popins SemiBold", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #333333;
text-decoration: none;
border-radius: 50px;
display: block;
}
.white-btn {
background: #FFFFFF;
border: 3px solid #5A35C1;
box-shadow: 0px 20px 30px -20px rgba(90, 53, 193, 0.2);
padding: 13px 40px;
color: #333333;
}
.white-btn:hover {
text-decoration: none;
color: #333333;
}
.purple-btn {
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
padding: 16px 43px;
color: #fff;
}
.purple-btn:hover {
text-decoration: none;
color: #fff;
}
.regular {
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.regular.purple {
color: #5A35C1;
}
.medium {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #333333;
margin: 0;
}
.medium.purple {
color: #5A35C1;
}
.medium.underline {
border-bottom: 3px solid #5A35C1;
}
.bold {
font-family: "Popins Bold", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #333333;
margin: 0;
}
.bold.purple {
color: #5A35C1;
}
.semibold {
font-family: "Popins SemiBold";
font-weight: 600;
font-style: normal;
font-size: 36px;
line-height: 54px;
letter-spacing: 0.1em;
color: #333333;
margin: 0;
}
.semibold.purple {
color: #5A35C1;
}
.italic {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
margin: 0;
}
.italic.purple {
color: #5A35C1 !important;
}
.table-regular {
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
h3 {
font-family: "Trola-Bold", sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 59px;
color: #222222;
margin: 0;
}
.cards {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
box-sizing: content-box;
}
.cards .employee {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
h4 {
font-family: "Futura Md BT", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #222222;
}
.content {
max-width: 90%;
}
.misc-form {
background-image: url("/images/misc/background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 75px 0 88px 0;
background-position: bottom;
background-repeat: no-repeat;
}
.misc-form .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
max-width: 90%;
text-align: center;
gap: 40px;
position: relative;
}
.misc-form .content .back-btn {
position: absolute;
padding: 11px 33px;
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
color: #222222;
left: 10px;
}
.misc-form .content .holder-start {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 75px;
align-items: center;
padding-top: 50px;
}
.misc-form .content .holder-compare {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
gap: 80px;
}
.misc-form .content .holder-compare .cards {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
padding: 0;
width: 940px;
gap: 48px;
}
.misc-form .content .holder-compare .cards .compare-card {
border-radius: 20px;
border-right: 3px solid #E2DAF9;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 100%;
padding: 60px;
}
.misc-form .content .holder-compare .cards .compare-card svg {
position: absolute;
top: -57px;
}
.misc-form .content .holder-compare .cards .compare-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.misc-form .content .holder-compare .cards .compare-holder .compare-input {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 17px;
}
.misc-form .content .holder-compare .cards .compare-holder .compare-input label {
font-family: "Poppins Regular", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.misc-form .content .cards {
width: 100%;
padding: 40px 50px;
box-sizing: border-box;
gap: 50px;
align-items: center;
display: flex;
flex-direction: column;
}
.misc-form .content .cards .row-form {
width: 100%;
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.misc-form .content .cards .row-form .input-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 482px;
}
.misc-form .content .cards .row-form .input-holder label {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
}
.misc-form .content .cards .row-form .input-holder input {
width: 100%;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
padding: 20px 40px;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.misc-form .content .cards .row-form .input-holder input::-moz-placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder input:-ms-input-placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder input::placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder textarea {
resize: none;
width: 100%;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
padding: 20px 40px;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.misc-form .content .cards .row-form .input-holder textarea::-moz-placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder textarea:-ms-input-placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder textarea::placeholder {
opacity: 0.5;
}
.misc-form .content .cards .row-form .input-holder.full {
width: 100%;
}
.misc-form .content .cards .row-form.center {
justify-content: center;
}
.misc-form .content .cards .check-holder {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 22px;
}
.misc-form .content .cards .check-holder label {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
}
.misc-form .content .cards.started {
width: 456px;
height: 321px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.misc-form .content .cards.started .start {
position: absolute;
top: -107px;
}
.misc-form .content .cards.started .overflow {
position: absolute;
bottom: -26px;
}
.misc-form .content .button-holder {
gap: 64px;
}
@font-face {
font-family: "Popins Italic";
font-weight: 400;
font-style: italic;
src: url("/fonts/poppins/Poppins-Italic.ttf") format('truetype');
}
@font-face {
font-family: "Popins Medium";
font-weight: 500;
src: url("/fonts/poppins/Poppins-Medium.ttf") format('truetype');
}
@font-face {
font-family: "Popins SemiBold";
font-weight: 600;
src: url("/fonts/poppins/Poppins-SemiBold.ttf") format('truetype');
}
@font-face {
font-family: "Poppins Regular";
font-weight: 400;
src: url("/fonts/poppins/Poppins-Regular.ttf") format('truetype');
}
@font-face {
font-family: "Popins Bold";
font-weight: 700;
src: url("/fonts/poppins/Poppins-Bold.ttf") format('truetype');
}
@font-face {
font-family: "Trola-Heavy";
font-weight: 900;
src: url("/fonts/trola-bold/Trola-Heavy.ttf") format('truetype');
}
@font-face {
font-family: "Trola-Semibold";
font-weight: 600;
src: url("/fonts/trola-bold/Trola-Semibold.ttf") format('truetype');
}
@font-face {
font-family: "Trola-Bold";
font-weight: 700;
src: url("/fonts/trola-bold/Trola-Bold.ttf") format('truetype');
}
@font-face {
font-family: "Trola-Regular";
font-weight: 400;
src: url("/fonts/trola-bold/Trola-Regular.ttf") format('truetype');
}
@font-face {
font-family: "Futura Md BT";
font-weight: 400;
src: url("/fonts/futura/Futura Book font.ttf") format('truetype');
}
header {
width: 100%;
display: flex;
justify-content: center;
padding-top: 22px;
}
header .content {
display: flex;
justify-content: space-between;
align-items: center;
width: 1612px;
}
header .content nav {
display: flex;
justify-content: center;
align-items: center;
gap: 52px;
}
header .content nav .dropdown-holder {
border-bottom: 3px solid transparent;
position: relative;
}
header .content nav .dropdown-holder a {
font-family: "Popins SemiBold", sans-serif;
position: relative;
z-index: 10;
}
header .content nav .dropdown-holder a #dropdown-arrow {
transition: 0.5s all ease;
}
header .content nav .dropdown-holder .dropdown-items {
z-index: 1;
background: #FFFFFF;
border: 3px solid #5A35C1;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -5%);
padding: 50px 20px 20px 20px;
box-sizing: border-box;
width: 120%;
flex-direction: column;
align-items: flex-start;
gap: 10px;
display: none;
}
header .content nav .dropdown-holder:hover a #dropdown-arrow {
transform: rotate(180deg);
}
header .content nav .dropdown-holder:hover .dropdown-items {
display: flex;
}
header .content nav a {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #333333;
text-decoration: none;
border-bottom: 3px solid transparent;
cursor: pointer;
}
@media (max-width: 1470px) {
header .content nav a {
display: none;
}
}
header .content nav .underline {
border-bottom: 3px solid #5A35C1;
}
header .content nav .phone {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
border: 3px solid #5A35C1;
box-shadow: 0px 20px 30px -20px rgba(90, 53, 193, 0.2);
border-radius: 50px;
padding: 15px 25px;
}
@media (max-width: 1470px) {
header .content nav .phone {
display: block;
}
}
footer {
width: 100%;
display: flex;
justify-content: center;
background-image: url("/images/header&footer/footer-background.png");
padding: 55px 0 25px 0;
}
footer .content {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 1612px;
gap: 65px;
}
footer .content .footer-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-wrap: wrap;
row-gap: 30px;
}
footer .content .footer-row .footer-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 63px;
}
footer .content .footer-row .footer-nav a {
font-family: "Poppins Bold", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #FFFFFF;
text-decoration: none;
}
footer .content .footer-row .footer-nav .phone {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
border: 3px solid #5A35C1;
box-shadow: 0px 20px 30px -20px rgba(90, 53, 193, 0.2);
border-radius: 50px;
padding: 15px 25px;
background-color: #fff;
color: #333333;
}
footer .content .footer-row p {
font-family: "Popins SemiBold", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #FFFFFF;
margin: 0;
}
footer .content .footer-row p a {
text-decoration: none;
color: #fff;
}
.homepage-hero {
background-image: url("/images/homepage/hero-background.png");
background-position: bottom right;
display: flex;
justify-content: center;
width: 100%;
padding: 150px 0 60px 0;
background-size: 106%;
}
@media (max-width: 1660px) {
.homepage-hero {
background-position: 40% bottom;
background-size: auto;
}
}
@media (max-width: 1150px) {
.homepage-hero {
background-position: 30% bottom;
}
}
.homepage-hero .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
gap: 45px;
max-width: 90%;
}
.homepage-hero .content .heading {
position: relative;
}
.homepage-hero .content .heading svg {
position: absolute;
left: -58px;
top: -16px;
}
.homepage-hero .content .button-holder {
gap: 30px;
}
.homepage-hero .content .logo-holder {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 346px;
row-gap: 17px;
opacity: 0.5;
}
.homepage-speak {
display: flex;
justify-content: center;
width: 100%;
padding-top: 120px;
background-image: url("/images/homepage/speak-background.png");
}
.homepage-speak .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 30px;
max-width: 90%;
}
.homepage-speak .content .button-holder {
padding: 60px 0;
gap: 66px;
}
.homepage-speak .content .button-holder .white-btn {
font-weight: 700;
}
.homepage-speak .content .cards-holder {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 132px;
margin-bottom: -200px;
}
.homepage-speak .content .cards-holder .cards {
width: 594px;
padding: 25px 50px 55px 50px;
height: 367px;
gap: 50px;
}
.homepage-approach {
display: flex;
justify-content: center;
width: 100%;
padding: 286px 0 290px 0;
background-image: url("/images/homepage/approach-background.png");
background-position: 23% bottom;
background-repeat: no-repeat;
}
@media (max-width: 1550px) {
.homepage-approach {
background-position: -40% bottom;
}
}
@media (max-width: 1280px) {
.homepage-approach {
background-position: -300px bottom;
}
}
.homepage-approach .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.homepage-approach .content .text-holder {
margin-bottom: 25px;
display: flex;
flex-direction: column;
gap: 43px;
}
.homepage-approach .content .text-holder h2 {
text-align: left;
}
.homepage-approach .content .text-holder p {
width: 649px;
text-align: left;
}
.homepage-step {
background-image: url("/images/homepage/step-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 103px 0 114px 0;
}
.homepage-step .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 32px;
max-width: 90%;
}
.homepage-step .content .steps-holder {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 58px;
}
.homepage-step .content .steps-holder .cards {
padding: 62px 41px 10px 41px;
width: 376px;
height: 355px;
align-items: center;
text-align: center;
}
.homepage-step .content .steps-holder .cards svg {
margin-top: -114px;
}
.homepage-step .content .button-holder {
gap: 26px;
}
.homepage-slider {
background-image: url("/images/homepage/slider-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 103px 0 114px 0;
}
.homepage-slider .content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 150px;
width: 1612px;
-moz-column-gap: 32px;
column-gap: 32px;
max-width: 90%;
}
.homepage-slider .content h2 {
color: #fff;
text-align: left;
}
.homepage-slider .content .carousel .carousel-inner {
width: 594px;
overflow: visible;
}
.homepage-slider .content .carousel .carousel-inner .cards {
min-height: 400px;
box-sizing: border-box;
padding: 40px 50px 35px 50px;
position: relative;
}
.homepage-slider .content .carousel .carousel-inner .cards img {
position: absolute;
top: -50px;
left: 50px;
}
.homepage-slider .content .carousel .carousel-inner .cards h5 {
font-family: "Trola-Heavy", sans-serif;
font-weight: 900;
font-size: 50px;
line-height: 59px;
text-align: center;
color: #222222;
}
.homepage-slider .content .carousel .carousel-inner .cards .lower {
font-size: 22px;
line-height: 33px;
}
.homepage-slider .content .carousel .carousel-inner .cards.active {
z-index: 200;
}
.homepage-slider .content .carousel .nav-holder {
display: flex;
justify-content: center;
align-items: center;
gap: 45px;
padding-top: 35px;
}
.homepage-slider .content .carousel .nav-holder .carousel-control-prev,
.homepage-slider .content .carousel .nav-holder .carousel-control-next {
position: static;
width: 20px;
}
.homepage-slider .content .carousel .nav-holder .carousel-indicators {
position: static;
margin: 0;
gap: 35px;
}
.homepage-slider .content .carousel .nav-holder .carousel-indicators li {
background-image: url("/images/homepage/dot.svg");
opacity: 1;
background-color: transparent;
margin: 0;
height: 12px;
width: 12px;
border: none;
}
.homepage-slider .content .carousel .nav-holder .carousel-indicators li.active {
background-image: url("/images/homepage/dot-active.svg");
}
.homepage-slider .content .slider-holder {
width: 50%;
}
.homepage-slider .content .slider-holder .cards {
width: 594px;
height: 401px;
}
.homepage-wizard {
background: url("/images/homepage/medicare-wizard.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: center;
width: 100%;
padding: 121px 0 200px 0;
position: relative;
}
.homepage-wizard .decor {
position: absolute;
top: 121px;
right: 8%;
}
@media (max-width: 1440px) {
.homepage-wizard .decor {
top: 30px;
right: 4%;
}
}
@media (max-width: 1100px) {
.homepage-wizard .decor {
display: none;
}
}
.homepage-wizard .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
gap: 32px;
max-width: 90%;
}
.homepage-wizard .content .regular {
width: 998px;
padding-bottom: 76px;
max-width: 100%;
}
.homepage-wizard .content .holder {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 100%;
padding-top: 76px;
gap: 65px;
}
.homepage-wizard .content .holder .button-holder {
gap: 17px;
}
.homepage-wizard .content .holder .bold {
width: 554px;
font-size: 18px;
line-height: 27px;
font-style: italic;
}
.homepage-advantage {
background-image: url("/images/homepage/advantage-background.png");
background-position: 10% 100%;
background-size: cover;
display: flex;
justify-content: center;
width: 100%;
padding: 103px 0 114px 0;
}
.homepage-advantage .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.homepage-advantage .content .cards {
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
padding: 62px 100px;
align-items: center;
width: 800px;
height: 700px;
gap: 40px;
text-align: center;
margin-top: -170px;
margin-right: -50px;
}
@media (max-width: 1280px) {
.homepage-advantage .content .cards {
margin: 0;
width: 100%;
box-sizing: border-box;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.homepage-medigap {
background-image: url("/images/homepage/medigap-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 159px 0 68px 0;
}
.homepage-medigap .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 20px;
max-width: 90%;
}
.homepage-medigap .content h2 {
width: 1284px;
margin-bottom: 60px;
max-width: 100%;
}
.homepage-medigap .content .regular {
text-align: center;
}
.homepage-medigap .content .holder1 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 50px;
width: 100%;
}
.homepage-medigap .content .holder2 {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
width: 100%;
gap: 15px;
}
.homepage-drug {
background-image: url("/images/homepage/drug-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 57px 0 51px 0;
}
.homepage-drug .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 50px;
max-width: 90%;
}
.homepage-drug .content p.regular {
width: 969px;
text-align: center;
max-width: 100%;
font-style: italic;
}
.homepage-drug .content .cards {
width: 987px;
height: 133px;
padding: 31px 60px;
text-align: center;
position: relative;
justify-content: center;
max-width: 100%;
}
.homepage-drug .content .cards svg {
position: absolute;
top: -26px;
left: 20px;
}
.homepage-plan {
background-image: url("/images/homepage/plan-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 140px 0 229px 0;
}
.homepage-plan .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 60px;
max-width: 90%;
}
.homepage-plan .content p.medium {
width: 1165px;
text-align: center;
max-width: 100%;
}
.homepage-plan .content .cards-holder {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 132px;
}
.homepage-plan .content .cards-holder .cards {
width: 569px;
}
.homepage-plan .content .cards-holder .cards .cards-top {
background: #EEE9F2;
border-bottom: 3px solid #E2DAF9;
box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.17);
border-radius: 20px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 37px 65px;
box-sizing: border-box;
position: relative;
}
.homepage-plan .content .cards-holder .cards .cards-top svg {
position: absolute;
top: -76px;
left: 50%;
transform: translate(-50%, 0);
}
.homepage-plan .content .cards-holder .cards ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 60px 0 60px 40px;
}
.homepage-plan .content .cards-holder .cards ul li {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #222222;
}
.homepage-whatis {
background-image: url("/images/homepage/whatis-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 159px 0 408px 0;
position: relative;
}
.homepage-whatis .content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 1612px;
gap: 50px;
max-width: 90%;
}
.homepage-whatis .content .cards {
width: 806px;
height: 563px;
text-align: center;
align-items: center;
padding: 45px 50px;
box-sizing: border-box;
gap: 68px;
margin-top: -225px;
}
.homepage-whatis img {
position: absolute;
right: 21%;
bottom: 0;
}
@media (max-width: 1800px) {
.homepage-whatis img {
right: 11%;
}
}
@media (max-width: 1550px) {
.homepage-whatis img {
right: 0;
}
}
@media (max-width: 1340px) {
.homepage-whatis img {
display: none;
}
}
.homepage-parts {
background-image: url("/images/homepage/parts-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 75px 0 88px 0;
}
.homepage-parts .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 50px;
max-width: 90%;
}
.homepage-parts .content .cards-holder {
display: flex;
justify-content: center;
-moz-column-gap: 25px;
column-gap: 25px;
row-gap: 50px;
flex-wrap: wrap;
}
.homepage-parts .content .cards-holder .cards {
width: 312px;
height: 624px;
padding: 60px 20px;
justify-content: space-between;
}
.homepage-parts .content .cards-holder .cards p {
font-size: 18px;
line-height: 27px;
}
.homepage-parts .content .cards-holder .cards .cards-svg {
margin-top: -115px;
}
.homepage-parta {
background-image: url("/images/homepage/parta-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 75px 0 56px 0;
background-position: right bottom;
}
@media (max-width: 1460px) {
.homepage-parta {
background-position: 80% bottom;
}
}
@media (max-width: 1300px) {
.homepage-parta {
background-position: 60% bottom;
}
}
.homepage-parta .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
max-width: 90%;
}
.homepage-parta .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.homepage-parta .content .holder h2 {
text-align: left;
}
.homepage-partb {
background-image: url("/images/homepage/partb-background.png");
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
width: 100%;
padding: 33px 0 29px 0;
}
@media (max-width: 1500px) {
.homepage-partb {
background-position: 40% bottom;
}
}
.homepage-partb .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.homepage-partb .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.homepage-partb .content .holder h2 {
text-align: left;
}
.homepage-eligibility {
background-image: url("/images/homepage/elg-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 75px 0 88px 0;
background-position: right bottom;
}
@media (max-width: 1570px) {
.homepage-eligibility {
background-position: 60% bottom;
}
}
@media (max-width: 1300px) {
.homepage-eligibility {
background-position: 40% bottom;
}
}
.homepage-eligibility .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
max-width: 90%;
}
.homepage-eligibility .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.homepage-eligibility .content .holder h2 {
text-align: left;
}
.homepage-enroll {
background-image: url("/images/homepage/enroll-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 75px 0 62px 0;
}
@media (max-width: 1570px) {
.homepage-enroll {
background-position: 60% bottom;
}
}
.homepage-enroll .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.homepage-enroll .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.homepage-enroll .content .holder h2 {
text-align: left;
}
@media (max-width: 6500px) and (min-width: 1920px) {
.homepage-hero, .homepage-speak,
.homepage-step, .homepage-slider,
.homepage-advantage, .homepage-medigap,
.homepage-drug, .homepage-plan,
.homepage-whatis, .homepage-parta,
.homepage-partb, .homepage-eligibility,
.homepage-enroll, .homepage-wizard, footer {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
@media (max-width: 6500px) and (min-width: 1920px) {
.homepage-approach {
background-position: 43% 50%;
background-repeat: no-repeat;
background-size: contain;
}
}
.about-hero {
background-image: url("/images/about/hero-background.png");
background-position: bottom right;
display: flex;
justify-content: center;
width: 100%;
padding: 150px 0 60px 0;
}
@media (max-width: 1740px) {
.about-hero {
background-position: 40% bottom;
background-size: auto;
}
}
@media (max-width: 1425px) {
.about-hero {
background-position: 30% bottom;
}
}
@media (max-width: 1240px) {
.about-hero {
background-position: 15% bottom;
}
}
.about-hero .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
gap: 45px;
max-width: 90%;
}
.about-hero .content .heading {
width: 831px;
max-width: 100%;
position: relative;
}
.about-hero .content .heading svg {
position: absolute;
left: -60px;
top: -17px;
}
.about-hero .content .medium {
width: 525px;
max-width: 100%;
}
.about-hero .content .logo-holder {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 695px;
row-gap: 17px;
opacity: 0.5;
}
.misc-form .content .cards {
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
}
.about-provide {
background-image: url("/images/about/provide-background.png");
}
.about-mantra {
background-image: url("/images/about/mantra-background.png");
margin-top: 100px;
}
.about-provide,
.about-mantra {
background-position: bottom right;
display: flex;
justify-content: center;
width: 100%;
padding: 150px 0 60px 0;
}
@media (max-width: 1740px) {
.about-provide,
.about-mantra {
background-position: 40% bottom;
background-size: auto;
}
}
@media (max-width: 1425px) {
.about-provide,
.about-mantra {
background-position: 30% bottom;
}
}
@media (max-width: 1240px) {
.about-provide,
.about-mantra {
background-position: 15% bottom;
}
}
.about-provide .content,
.about-mantra .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 45px;
max-width: 90%;
}
.about-provide .content .cards,
.about-mantra .content .cards {
padding: 50px 140px;
margin-bottom: -140px;
}
.about-bring {
background-image: url("/images/about/bring-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 145px 0 197px 0;
}
@media (max-width: 1765px) {
.about-bring {
background-position: 80% bottom;
}
}
.about-bring .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.about-bring .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.about-bring .content .holder h2 {
text-align: left;
}
@media (max-width: 6500px) and (min-width: 1920px) {
.about-hero, .about-provide,
.about-mantra, .about-bring,
.misc-form {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.misc-form .cards {
position: relative;
}
.misc-form .cards .overflow {
position: absolute;
bottom: -30px;
}
.misc-form .cards .cards-inner {
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
box-sizing: content-box;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 154px;
position: relative;
width: 100%;
height: 100px;
padding-left: 27px;
}
.misc-form .cards .cards-inner .plant-icon {
border-right: 3px solid #E2DAF9;
border-left: 3px solid #E2DAF9;
border-radius: 20px;
position: absolute;
left: 70px;
top: 0;
height: 100%;
width: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.misc-form .cards .cards-inner span {
font-family: "Trola-Bold", sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 59px;
color: #222222;
}
.misc-form .cards .cards-inner .info-holder {
position: absolute;
right: 15px;
top: 0;
/* height: 100%; */
/* width: 100px; */
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
margin-top: 0;
}
.misc-form .cards.fasttrack {
width: 700px;
padding-top: 100px;
padding-bottom: 100px;
margin-top: 50px;
}
.misc-form .cards.fasttrack .card-overflow {
position: absolute;
top: -80px;
}
.misc-form .cards.drugs {
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 10px 35px;
}
.misc-form .cards.drugs .drug-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 30px;
width: 100%;
}
.misc-form .cards.drugs .drug-list .drug-item {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
flex-direction: row;
padding: 2px 25px;
position: relative;
border: 3px solid #CAB7FF;
border-radius: 10px;
cursor: pointer;
}
.misc-form .cards.drugs .drug-list .drug-item svg {
position: absolute;
right: 6px;
display: none;
}
.misc-form .cards.drugs .drug-list .drug-item:hover {
background: #CAB7FF;
}
.misc-form .cards.drugs .drug-list .drug-item:hover svg {
display: block;
}
.misc-form .cards.cp4 {
padding: 0;
max-width: 100%;
width: 917px;
margin-bottom: 50px;
}
.misc-form .cards.cp4 .card-top {
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
border-bottom: 3px solid #E2DAF9;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
position: relative;
height: 104px;
}
.misc-form .cards.cp4 .card-top .card-logo {
border-right: 3px solid #E2DAF9;
border-radius: 20px;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
height: 101px;
display: flex;
justify-content: center;
align-items: center;
width: 220px;
}
.misc-form .cards.cp4 .card-top .card-name {
font-family: "Trola-Bold", sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 59px;
text-transform: capitalize;
color: #222222;
display: flex;
justify-content: center;
width: 100%;
position: relative;
}
.misc-form .cards.cp4 .card-top .card-badge {
position: absolute;
right: 30px;
top: -26px;
}
.misc-form .cards.cp4 .card-body {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 60px;
gap: 40px;
width: 90%;
}
.misc-form .cards.cp4 .card-body table {
font-family: "Poppins Regular", sans-serif;
font-weight: 400;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #222222;
width: 100%;
}
.misc-form .cards.cp4 .card-body table tr {
display: flex;
justify-content: center;
border-bottom: 3px solid #E2DAF9;
}
.misc-form .cards.cp4 .card-body table tr td {
display: flex;
justify-content: space-between;
width: 50%;
padding: 15px;
}
.misc-form .cards.cp4 .card-body table tr td:first-child {
border-right: 3px solid #E2DAF9;
}
.misc-form .overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: none;
justify-content: center;
align-items: center;
background: rgba(34, 34, 34, 0.2);
-webkit-backdrop-filter: blur(16.5px);
backdrop-filter: blur(16.5px);
z-index: 100;
}
.misc-form .overlay .overlay-holder {
width: 100%;
height: 100%;
overflow: scroll;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 100px 0;
}
.misc-form .overlay .overlay-holder .cards {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 36px 75px 110px 75px;
position: relative;
}
.misc-form .overlay .overlay-holder .cards .wyc {
width: 899px;
height: 106px;
background-repeat: no-repeat;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 450px;
}
.misc-form .overlay .overlay-holder .cards .wyc .text-holder {
font-family: "Popins Italic";
font-weight: 400;
font-style: italic;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
}
.misc-form .overlay .overlay-holder .cards .health {
background-image: url("/images/misc/wyc-health.png");
}
.misc-form .overlay .overlay-holder .cards .doctor {
background-image: url("/images/misc/wyc-doctor.png");
}
.misc-form .overlay .overlay-holder .cards .drugs {
background-image: url("/images/misc/wyc-drugs.png");
}
.misc-form .overlay .overlay-holder .cards .travel {
background-image: url("/images/misc/wyc-travel.png");
}
.misc-form .overlay .overlay-holder .cards .budget {
background-image: url("/images/misc/wyc-budget.png");
}
.misc-form .overlay .overlay-holder .cards.cp4 {
width: 1043px;
max-width: 90%;
}
.misc-form .overlay .overlay-holder .button-holder.cp4 {
gap: 78px;
}
.misc-form.advg-plans .button-holder:first-child {
gap: 130px;
}
.misc-form.advg-plans .search-params {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: 35px;
}
.misc-form.advg-plans .search-params .param-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 11px;
}
.misc-form.advg-plans .search-params .param-holder label {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
margin: 0;
}
.misc-form.advg-plans .search-params .param-holder input,
.misc-form.advg-plans .search-params .param-holder select {
width: 241px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
padding: 11px 21px;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.misc-form.advg-plans .search-params .param-holder input::-moz-placeholder, .misc-form.advg-plans .search-params .param-holder select::-moz-placeholder {
opacity: 0.5;
}
.misc-form.advg-plans .search-params .param-holder input:-ms-input-placeholder, .misc-form.advg-plans .search-params .param-holder select:-ms-input-placeholder {
opacity: 0.5;
}
.misc-form.advg-plans .search-params .param-holder input::placeholder,
.misc-form.advg-plans .search-params .param-holder select::placeholder {
opacity: 0.5;
}
.misc-form.advg-plans .search-params input[type=submit] {
outline: none;
border: none;
}
.misc-form.advg-plans .advg-table {
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.misc-form.advg-plans .advg-table .table-heading {
background: linear-gradient(176.74deg, #5A35C1 -53.75%, #FAB39A 171.14%);
}
.misc-form.advg-plans .advg-table .table-heading th {
padding: 35px;
font-family: "Popins Bold", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
line-height: 27px;
text-align: center;
letter-spacing: 0.1em;
color: #FFFFFF;
}
@media (max-width: 1570px) {
.misc-form.advg-plans .advg-table .table-heading th {
padding: 25px 10px;
}
}
.misc-form.advg-plans .advg-table .table-heading th:first-child {
border-bottom-left-radius: 20px;
}
.misc-form.advg-plans .advg-table .table-heading th:last-child {
border-bottom-right-radius: 20px;
}
.misc-form.advg-plans .advg-table tr td {
padding: 35px 20px;
font-family: "Poppins Regular";
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #222222;
}
@media (max-width: 1570px) {
.misc-form.advg-plans .advg-table tr td {
padding: 25px 10px;
}
}
.misc-form.advg-plans .advg-table tr td a {
display: flex;
align-items: center;
gap: 10px;
}
.sing-in .main .content h2 {
position: relative;
}
.sing-in .main .content h2 svg {
position: absolute;
left: -60px;
}
.sing-in .main .content .cards .italic {
margin-right: 130px;
}
.sing-in .main .content .cards .row-form .input-holder {
position: relative;
}
.sing-in .main .content .cards .row-form .input-holder svg {
position: absolute;
top: 80px;
right: 10px;
}
.sing-in .main .content .check-holder {
margin-right: 205px;
}
.get-started .main .misc-form {
padding: 120px 0px 275px 0px;
}
.more-info .content .cards {
max-width: 1000px;
}
.more-info .content .cards p {
margin-right: 357px;
}
.more-info .content .cards .check-holder {
margin-right: 200px;
}
.more-info .content .cards .check-holder:last-of-type {
margin-right: 60px;
margin-bottom: 60px;
}
.select-plan .content .cards {
max-width: 1000px;
padding: 80px 110px;
background: #FFFFFF;
}
.select-plan .content .cards .cards-inner {
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
}
.select-plan .content .show-overlay {
color: #FFFFFF;
}
.fast-track-1 .content .fasttrack {
margin: 100px 0px;
}
.fast-track-1 .content .fasttrack .center {
margin-top: 40px;
}
.fast-track-2 .content {
margin-bottom: 150px;
}
.fast-track-2 .content .cards {
max-width: 1000px;
padding: 80px 110px;
}
.fast-track-3 .content {
margin-bottom: 150px;
}
.fast-track-3 .content .cards {
max-width: 1000px;
padding: 80px 110px;
}
.fast-track-3 .content .cards .center {
margin-top: 40px;
}
.compare-plans .holder-compare {
margin-top: 115px;
}
.compare-plans .holder-compare .cards .compare-card {
width: 280px;
padding: 0px !important;
}
.compare-plans .holder-compare .cards .compare-card h2 {
font-size: 50px;
line-height: 59px;
padding: 75px 35px 60px;
}
.compare-plans .holder-compare .cards:nth-of-type(2) .compare-card svg, .compare-plans .holder-compare .cards:nth-of-type(3) .compare-card svg {
top: -85px;
}
.compare-plans2 {
padding: 120px 0px 305px;
}
.compare-plans2 .content .cards {
background: #FFFFFF;
max-width: 1043px;
padding: 90px 0px 120px;
gap: 85px;
}
.compare-plans2 .content .cards a {
color: #FFFFFF;
}
.comparison-report .content h4 {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 42px;
line-height: 63px;
letter-spacing: 0.1em;
color: #5A35C1;
margin: 0px 0px 80px 0px;
}
.comparison-report .content .comparison-holder {
display: flex;
margin-top: 172px;
}
.comparison-report .content .comparison-holder .div-table {
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparison-report .content .comparison-holder .div-table p {
width: 327px;
padding: 44px 10px 0px;
font-size: 24px;
letter-spacing: 10%;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 500;
color: #5A35C1;
margin-bottom: 0px;
}
.comparison-report .content .comparison-holder .div-table p::after {
display: block;
content: "";
margin: 32px 30px 0px;
width: 240px;
height: 3px;
background: #E2DAF9;
}
.comparison-report .content .comparison-holder .div-table p:last-of-type::after {
display: none;
}
.comparison-report .content .comparison-holder table {
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
}
.comparison-report .content .comparison-holder table:nth-of-type(2), .comparison-report .content .comparison-holder table:nth-of-type(3) {
margin-left: 23px;
}
.comparison-report .content .comparison-holder table tbody th {
position: relative;
}
.comparison-report .content .comparison-holder table tbody th svg {
height: auto;
display: block;
max-width: 100%;
position: absolute;
bottom: -4px;
}
.comparison-report .content .comparison-holder table tbody tr td {
width: 327px;
height: 115px;
border: 3px solid #E2DAF9;
background-color: #FFFFFF;
}
.comparison-report .content .comparison-holder table tbody tr:last-of-type td {
position: relative;
height: 155px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.comparison-report .content .comparison-holder table tbody tr:last-of-type td svg {
margin-bottom: 40px;
}
.comparison-report .content .comparison-holder table tbody tr:last-of-type td p {
position: absolute;
bottom: -43px;
left: 8%;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
padding: 13px 92px;
font-size: 18px;
letter-spacing: 10%;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 600;
color: #FFFFFF;
}
.comparison-report .note {
text-align: left;
margin: 0px auto -10px 110px;
max-width: 1062px;
}
.comparison-report .btn {
padding: 11px 35px;
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
color: #222222;
font-size: 22px;
border: 3px solid #E2DAF9;
border-radius: 20px;
margin-left: 110px;
margin-right: auto;
}
@media (max-width: 1463px) {
.comparison-report .content {
max-width: 90%;
margin: 100px auto;
}
.comparison-report .content .comparison-holder {
width: 100%;
}
.comparison-report .content .comparison-holder .div-table p {
width: 260px;
}
.comparison-report .content .comparison-holder table tbody tr:last-of-type td p {
left: 14%;
padding: 13px 50px;
}
}
.comparision-report-popup-1 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.comparision-report-popup-1 header {
pointer-events: none;
}
.comparision-report-popup-1 .popup-1 {
max-width: 1323px;
margin: 100px auto;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .x:hover {
text-decoration: none;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder h3 {
text-align: center;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-menu {
margin: 34px 70px 34px 81px;
padding: 0px 190px 10px;
display: flex;
gap: 72px;
justify-content: flex-start;
border-bottom: 3px solid #E2DAF9;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-menu a {
border-bottom: 5px solid transparent;
position: relative;
top: 13px;
padding-bottom: 16px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-menu a:hover {
text-decoration: none;
border-bottom: 5px solid #5A35C1;
border-radius: 5px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-first-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-first-row div {
margin-bottom: 45px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-first-row div h5 {
font-family: "Trola-Bold", sans-serif;
font-weight: 700;
font-size: 42px;
line-height: 79px;
color: #222222;
margin: 0;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-first-row div p {
text-align: left;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-first-row div p span {
font-family: "Poppins Regular", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 26px;
line-height: 39px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-second-row {
display: flex;
justify-content: space-between;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-second-row div {
margin: 45px 0px 35px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .plan-summary-second-row div p {
text-align: left;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons {
display: flex;
justify-content: center;
align-items: center;
margin: 18px 0px 53px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons p {
margin: 0px 66px 0px 52px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons a {
padding: 14px 30px;
border: 3px solid #5A35C1;
box-shadow: 0px 20px 30px -20px rgba(90, 53, 193, 0.2);
border-radius: 50px;
color: #333333;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons a:hover {
text-decoration: none;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons a svg {
margin-right: 15px;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .buttons a:last-of-type {
padding: 11px 47px;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
font-family: "Popins Bold", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #FFFFFF;
border: 3px solid transparent;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary .enroll {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
margin: 0px auto;
text-align: center;
padding: 12px 76px;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
font-family: "Popins Bold", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #FFFFFF;
}
.comparision-report-popup-1 .popup-1 .popup-1-holder .plan-summary h6 {
text-align: center;
margin-top: 80px;
}
@media (max-width: 1463px) {
.comparision-report-popup-1 .popup-1 {
max-width: 90%;
margin: 100px auto;
}
.comparision-report-popup-1 .popup-1 .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
}
.comparision-report-popup-2 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.comparision-report-popup-2 header {
pointer-events: none;
}
.comparision-report-popup-2 .popup-2 {
max-width: 1323px;
margin: 100px auto;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .x:hover {
text-decoration: none;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder h3 {
text-align: center;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-menu {
margin: 34px 70px 34px 81px;
padding: 0px 190px 10px;
display: flex;
gap: 72px;
justify-content: flex-start;
border-bottom: 3px solid #E2DAF9;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-menu a {
border-bottom: 5px solid transparent;
position: relative;
top: 13px;
padding-bottom: 16px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-menu a:hover {
text-decoration: none;
border-bottom: 5px solid #5A35C1;
border-radius: 5px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-first-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-first-row div {
margin: 45px 0px 35px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-first-row div h5 {
font-family: "Trola-Bold", sans-serif;
font-weight: 700;
font-size: 42px;
line-height: 79px;
color: #222222;
margin: 0;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-first-row div p {
text-align: left;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-first-row div p span {
font-family: "Poppins Regular", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 26px;
line-height: 39px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-second-row {
display: flex;
justify-content: space-between;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-second-row table tr td {
border: 3px solid #E2DAF9;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-second-row table tr td:first-of-type {
padding: 20px 119px 20px 0px;
border-left: none;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .plan-summary-second-row table tr td:last-of-type {
padding: 15px 140px;
border-right: none;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 65px 0px 80px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info h3 {
text-align: left;
align-self: flex-start;
margin-bottom: 30px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form {
width: 100%;
position: relative;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form label {
margin-bottom: 10px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form input {
width: 100%;
padding: 20px 35px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form input:last-of-type {
width: 5%;
display: block;
position: absolute;
left: -5px;
margin-top: 9px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form textarea {
width: 100%;
padding: 20px 35px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form p {
margin-left: 39px;
font-size: 22px;
line-height: 33px;
max-width: 541px;
}
.comparision-report-popup-2 .popup-2 .popup-2-holder .plan-summary .more-info form button {
bottom: -125px;
left: 34%;
border: none;
position: absolute;
padding: 14px 100px;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
@media (max-width: 1463px) {
.comparision-report-popup-2 .popup-2 {
max-width: 90%;
margin: 100px auto;
}
.comparision-report-popup-2 .popup-2 .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
}
.comparision-report-popup-3 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.comparision-report-popup-3 header {
pointer-events: none;
}
.comparision-report-popup-3 .popup-3 {
max-width: 1323px;
margin: 100px auto;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .x:hover {
text-decoration: none;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder h3 {
text-align: center;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-menu {
margin: 34px 70px 34px 81px;
padding: 0px 190px 10px;
display: flex;
gap: 72px;
justify-content: flex-start;
border-bottom: 3px solid #E2DAF9;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-menu a {
border-bottom: 5px solid transparent;
position: relative;
top: 13px;
padding-bottom: 16px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-menu a:hover {
text-decoration: none;
border-bottom: 5px solid #5A35C1;
border-radius: 5px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-first-row h3 {
text-align: left;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-first-row form {
width: 100%;
margin-bottom: 20px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-first-row form label {
width: 100%;
margin-top: 25px;
margin-bottom: 10px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-first-row form input {
width: 67%;
padding: 13px 10px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
color: #5A35C1;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-first-row form button {
width: 25%;
margin-left: 45px;
border: none;
padding: 13px 0px;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row {
height: 440px;
overflow-y: scroll;
padding: 17px 0px;
margin-bottom: 84px;
border-top: 3px solid #E2DAF9;
border-bottom: 3px solid #E2DAF9;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row ul {
padding: 0px 15px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row ul li {
display: flex;
justify-content: space-between;
align-items: center;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row ul li p {
font-style: italic;
font-size: 26px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row ul li button {
border: none;
background: transparent;
font-family: "Popins SemiBold";
font-weight: 600;
color: #5A35C1;
font-size: 24px;
line-height: 36px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row ul li button svg {
margin-right: 12px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar {
width: 9px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-track {
background: rgba(226, 218, 249, 0.7);
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-thumb {
background: rgba(90, 53, 193, 0.5);
border-radius: 5px;
width: 9px;
}
.comparision-report-popup-3 .popup-3 .popup-3-holder .plan-summary h6 {
position: absolute;
bottom: -27px;
left: 42%;
padding: 14px 77px;
font-size: 18px;
line-height: 27px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
@media (max-width: 1463px) {
.comparision-report-popup-3 .popup-3 {
max-width: 90%;
margin: 100px auto;
}
.comparision-report-popup-3 .popup-3 .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
}
.comparision-drugs-popup-1 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.comparision-drugs-popup-1 header {
pointer-events: none;
}
.comparision-drugs-popup-1 .popup-4 {
max-width: 1323px;
margin: 100px auto;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .x:hover {
text-decoration: none;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder h3 {
text-align: center;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder p {
text-align: center;
max-width: 917px;
margin: 40px auto 50px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-first-row form {
width: 100%;
margin-bottom: 20px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-first-row form label {
margin-top: 25px;
margin-bottom: 10px;
width: 100%;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-first-row form input {
width: 67%;
padding: 13px 10px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
color: #5A35C1;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-first-row form button {
width: 25%;
margin-left: 45px;
border: none;
padding: 13px 0px;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-second-row {
height: 440px;
overflow: scroll;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 84px;
border-top: 3px solid #E2DAF9;
border-bottom: 3px solid #E2DAF9;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-second-row p {
padding: 0px 70px;
font-size: 24px;
line-height: 36px;
}
.comparision-drugs-popup-1 .popup-4 .popup-4-holder .plan-summary .plan-summary-second-row p a {
font-size: 24px;
line-height: 36px;
}
@media (max-width: 1463px) {
.comparision-drugs-popup-1 .popup-4 {
max-width: 90%;
margin: 100px auto;
}
.comparision-drugs-popup-1 .popup-4 .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
}
.comparision-drugs-popup-2 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.comparision-drugs-popup-2 header {
pointer-events: none;
}
.comparision-drugs-popup-2 .popup-5 {
max-width: 1323px;
margin: 100px auto;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .x:hover {
text-decoration: none;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder h3 {
text-align: center;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder p {
text-align: center;
max-width: 917px;
margin: 40px auto 50px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-first-row form {
width: 100%;
margin-bottom: 20px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-first-row form label {
margin-top: 25px;
margin-bottom: 10px;
width: 100%;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-first-row form input {
width: 67%;
padding: 13px 10px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
color: #5A35C1;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-first-row form button {
width: 25%;
margin-left: 45px;
border: none;
padding: 13px 0px;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row {
height: 440px;
overflow-y: scroll;
padding: 17px 0px;
margin-bottom: 84px;
border-top: 3px solid #E2DAF9;
border-bottom: 3px solid #E2DAF9;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row ul {
padding: 0px 15px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row ul li {
display: flex;
justify-content: space-between;
align-items: center;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row ul li p {
margin: 10px 0px;
font-style: italic;
font-size: 26px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row ul li button {
border: none;
background: transparent;
font-family: "Popins SemiBold";
font-weight: 600;
color: #5A35C1;
font-size: 24px;
line-height: 36px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row ul li button svg {
margin-right: 12px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar {
width: 9px;
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-track {
background: rgba(226, 218, 249, 0.7);
}
.comparision-drugs-popup-2 .popup-5 .popup-5-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-thumb {
background: rgba(90, 53, 193, 0.5);
border-radius: 5px;
width: 9px;
}
@media (max-width: 1463px) {
.comparision-drugs-popup-2 .popup-5 {
max-width: 90%;
margin: 100px auto;
}
.comparision-drugs-popup-2 .popup-5 .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
.comparision-drugs-popup-2 .popup-5 .plan-summary .plan-summary-first-row form {
justify-content: center;
}
}
.prescription-details {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.prescription-details header {
pointer-events: none;
}
.prescription-details .prescription-details-popup {
max-width: 1323px;
margin: 100px auto;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .x:hover {
text-decoration: none;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder h3 {
text-align: center;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder h3 span {
color: #5A35C1;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder p {
text-align: center;
max-width: 917px;
margin: 40px auto 50px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form {
width: 100%;
margin-bottom: 20px;
display: flex;
gap: 130px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .dosage,
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .frequency {
width: 330px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .dosage label,
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .frequency label {
width: 100%;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .dosage input,
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form .frequency input {
width: 100%;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form label {
margin-top: 25px;
margin-bottom: 10px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row form input {
padding: 13px 0px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row p {
margin-bottom: 65px;
}
.prescription-details .prescription-details-popup .prescription-details-popup-holder .plan-summary .plan-summary-first-row button {
position: absolute;
left: 44%;
bottom: -25px;
border: none;
padding: 13px 50px;
font-family: "Popins SemiBold";
font-weight: 600;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
@media (max-width: 1463px) {
.prescription-details .prescription-details-popup {
max-width: 90%;
margin: 100px auto;
}
.prescription-details .prescription-details-popup .plan-summary {
margin-left: 100px !important;
margin-right: 100px !important;
}
.prescription-details .prescription-details-popup .plan-summary .plan-summary-first-row form {
justify-content: center;
}
}
.my-drugs {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: rgba(34, 34, 34, 0.2);
}
.my-drugs header {
pointer-events: none;
}
.my-drugs .my-drugs-popup {
max-width: 1323px;
margin: 100px auto;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .x {
margin: 10px 20px 10px auto;
font-size: 40px;
color: #222222;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .x:hover {
text-decoration: none;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder h3 {
text-align: center;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder h3 span {
color: #5A35C1;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary {
margin-left: 270px;
margin-right: 258px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-first-row form {
width: 100%;
margin-bottom: 20px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-first-row form label {
margin-top: 25px;
margin-bottom: 10px;
width: 100%;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-first-row form input {
width: 67%;
padding: 13px 0px;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-first-row form button {
width: 25%;
margin-left: 45px;
border: none;
padding: 13px 0px;
font-size: 18px;
color: #FFFFFF !important;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row {
height: 440px;
overflow-y: scroll;
padding: 17px 0px;
margin-bottom: 84px;
border-top: 3px solid #E2DAF9;
border-bottom: 3px solid #E2DAF9;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul {
padding: 0px 15px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul li {
display: flex;
align-items: center;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul li p {
flex: 1 0 50%;
margin: 10px 0px;
font-style: italic;
font-size: 26px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul li button {
border: none;
background: transparent;
font-family: "Popins SemiBold";
font-weight: 600;
color: #5A35C1;
font-size: 24px;
line-height: 36px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul li button svg {
margin-right: 12px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row ul li button:last-of-type {
margin-left: 90px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar {
width: 9px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-track {
background: rgba(226, 218, 249, 0.7);
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .plan-summary-second-row::-webkit-scrollbar-thumb {
background: rgba(90, 53, 193, 0.5);
border-radius: 5px;
width: 9px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons {
display: flex;
justify-content: center;
align-items: center;
margin: 18px 0px 53px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons p {
margin: 0px 40px 0px 40px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons a {
font-size: 18px;
line-height: 27px;
border: 3px solid #5A35C1;
box-shadow: 0px 20px 30px -20px rgba(90, 53, 193, 0.2);
border-radius: 50px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons a:hover {
text-decoration: none;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons a svg {
margin-right: 15px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons a:first-of-type {
padding: 13px 121px;
}
.my-drugs .my-drugs-popup .my-drugs-popup-holder .plan-summary .buttons a:last-of-type {
padding: 13px 55px;
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
border-radius: 50px;
border: none;
color: #FFFFFF;
border: 3px solid transparent;
}
@media (max-width: 1463px) {
.my-drugs .my-drugs-popup {
max-width: 90%;
margin: 100px auto;
}
.my-drugs .my-drugs-popup .plan-summary {
margin-left: 150px !important;
margin-right: 150px !important;
}
}/*# sourceMappingURL=style.css.map */
body{font-family: "Popins Medium", sans-serif;}
#page-content {
min-height: 550px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #f7f7f7;
}
#page-content .card {
min-width: 400px;
}
.no-gap {
gap: 0px !important;
}
.misc-form.advg-plans {
padding-top: 20px !important;
}
.btn-primary {
border-color: transparent;
font-family: "Popins SemiBold", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #333333;
text-decoration: none;
border-radius: 50px;
display: block;
margin: auto;
}
.btn-primary {
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
box-shadow: 0px 10px 50px -20px rgba(51, 51, 51, 0.17);
padding: 16px 43px;
color: #fff;
}
.btn-primary :hover {
text-decoration: none;
color: #fff;
border-color: #5A35C1;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: transparent;
border-color: transparent;
}
.form-control {
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
height: calc(1.5em + .75rem + 18px);
}
.form-control:focus{
box-shadow: none;
}
.table.display-table tr th{
background: linear-gradient(176.74deg, #5A35C1 -53.75%, #FAB39A 171.14%);
border-radius: 0;
color: #fff;
font-size: 13px;
}
.primary-color{
color: #5A35C1;
}
.primary-light {
color: #5A35C1;
}
.italic {
font-style: italic;
}
.bold{
font-weight: bold;
}
h3{
font-size: 42px;
}
h4 {
font-family: Trola-Semibold;
}
.card {
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px rgba(90, 53, 193, 0.4);
border-radius: 20px;
}
.cms-credit {
font-weight: 500;
font-family: 'Popins SemiBold';
letter-spacing: 0.1em;
}
.breadcrumb-item.active {
color: #270687;
}
.breadcrumb {
border: 3px solid #E2DAF9;
border-radius: 20px;
background: #fff;
}
.breadcrumb a {
font-family: 'Popins SemiBold';
color: #270687;
font-weight: 500;
}
.poppins-font{
font-family: "Poppins Regular";
font-weight: 600;
}
.trola-bold-font{
font-family: 'Trola-Bold';
}
.trola-semi-bold-font{
font-family: 'Trola-Semibold';
}
.purple-btn, .white-btn{
display: inline-block;
}
.autoComplete_wrapper>ul>li mark{
color: #5A35C1;
}
#my-added-drugs-list-table{
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
border: 3px solid #E2DAF9;
border-radius: 20px;
/*transform: matrix(1, 0, 0, -1, 0, 0);*/
}
.font-poppin, #see-all-plans-heading{
font-family: "Poppins Regular";
font-weight: 500;
letter-spacing: 0.1em;
}
.back-button {
background: linear-gradient(181.11deg, #EFEBF2 -57.77%, #FFFFFF 69.39%);
border: 3px solid #E2DAF9;
box-shadow: 0px 50px 150px -71px RGB(90 53 193 / 40%);
border-radius: 20px;
padding: 10px 20px;
font-family: 'Popins SemiBold';
color: #000;
font-weight: 400;
display: inline-block;
}
.hop-header {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 550;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #333333;
text-align: center;
margin: auto;
}
.hop-footer{
text-align: center;
}
.disclaimer {
margin: 40px 20px;
text-align: left;
}
.empty-100px {
width: 100px;
}
.flow-heading {
flex-grow: 1;
font-family: Trola-Semibold;
}
.label {
font-family: "Poppins Regular";
font-style: italic;
}
.flow-heading-desc {
margin-bottom: 20px;
margin-top: 20px;
font-family: "Poppins Regular";
font-weight: 500;
letter-spacing: 0.1em;
font-style: italic;
color: #5A35C1;
text-align: center;
}
.rating-label {
float: right;
position: absolute;
top: -40px;
right: 0px;
padding: 5px 15px;
border-radius: 50px;
}
.top-rated {
background: #F9CCFC;
}
.good-value {
background: #E2DAF9;
}
.toggle-password{
position: absolute;
top: 20px;
right: 30px;
}
.card label {
margin-bottom: 0;
}
.plan-name-width a{
color: #000;
}
.custom_disable {
pointer-events: none;
background-color: transparent;
border-color: transparent;
opacity: .65;
}
#plans-compare-btn.custom_disable{
background-color: unset;
border-color: unset;
}
table .white-btn{
padding: 4px 15px;
}
.page-item.active .page-link{
background-color: #5A35C1;
}
#myModal h3, #infoModal h3, #confirmModal h3{
font-size: 24px;
font-family: 'Poppins', sans-serif;
}
table a{
color: #5A35C1 !important;
}
.cell-width{
max-width: 40px !important;
white-space: nowrap;
}
.steps .select-boxes .select2-selection.select2-selection--single {
border-radius: 20px;
border: 3px solid #E2DAF9;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top: 11px !important;
right: 12px !important;
}
.steps select, .steps .select-boxes .select2-selection.select2-selection--single{
height: calc(1.5em + .75rem + 12px) !important;
}
.steps label {
font-family: "Poppins Regular";
font-style: italic;
letter-spacing: 0.1em;
}
table th a{
color: #fff !important;
}
.comparison-plan-heading{
font-size: 24px;
color: #5A35C1;
}
.main-content{
background: #F2F6F9;
background-size: auto;
padding-top: 60px;
padding-bottom: 60px;
min-height: 80vh;
}
.form-main {
width: 540px;
background: #fff;
margin: auto;
border-radius: 20px;
box-shadow: 0px 2px 20px rgb(84 84 84 / 15%);
}
.income-wizard-form {
width: 83%;
margin: auto;
padding: 32px 0 44px 0;
}
.main-content .form-main .income-wizard-form h2{
color: #000000;
font-family: 'Trola-Semibold';
font-size: 35px;
}
#about-us-page .tabs-center .nav.nav-tabs {
justify-content: center;
}
#about-us-page .tabs-center .nav.nav-tabs li {
padding: 10px 20px;
font-size: 18px;
}
#about-us-page .tabs-center .nav.nav-tabs li a.active {
border-bottom: 3px solid #5A35C1;
padding-bottom: 10px;
color: #5A35C1;
}
#about-us-page .tabs-center .nav.nav-tabs li a {
color: #0A115B;
}
#our-teams #about-us-page .team-pics img {
border-radius: 50%;
border: 1px solid rgba(41,70,97,0.1);
zoom: 1;
width: 140px;
}
#about-us-page .divider {
margin-top: 30px;
margin-bottom: 30px;
}
header .content nav .dropdown-holder {
border-bottom: 3px solid transparent;
position: relative;
}
header .content nav .dropdown-holder a {
font-family: "Popins SemiBold", sans-serif;
position: relative;
z-index: 10;
}
header .content nav .dropdown-holder .dropdown-items {
background: #FFFFFF;
border: 3px solid #5A35C1;
box-shadow: 0px 50px 150px -71px RGB(90 53 193 / 40%);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -5%);
padding: 50px 20px 20px 20px;
box-sizing: border-box;
width: 135%;
flex-direction: column;
align-items: flex-start;
gap: 10px;
display: none;
}
header .content nav a {
font-family: "Popins Medium", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.1em;
color: #333333;
text-decoration: none;
border-bottom: 3px solid transparent;
cursor: pointer;
}
header .content nav .dropdown-holder:hover .dropdown-items {
display: flex;
}
.application-form-wizard #agent-text{
text-align: center;
}
.tooltip-inner{
max-width: 300px;
padding: 1rem 1rem;
text-align: left;
border-radius: 3px;
}
@media (max-width: 6500px) and (min-width: 1920px){
.homepage-hero, .homepage-speak, .homepage-step, .homepage-slider, .homepage-advantage, .homepage-medigap, .homepage-drug, .homepage-plan, .homepage-whatis, .homepage-parta, .homepage-partb, .homepage-eligibility, .homepage-enroll, .homepage-wizard, footer {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
/*ask the wizard banner css start here*/
.wizard-banner {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
background-color: #d6d6d6;
border-radius: 35px;
font-size: 18px;
padding: 16px 43px;
color: #333333;
line-height: 0.6;
font-family: "Poppins Regular", sans-serif;
font-weight: bold;
}
.wizard-banner:hover{
text-decoration: none;
color: #333333;
}
.wizard-img{
width: 60px;
height: 100px;
margin-left: 10px;
}
.banner-header .wizard-banner p:nth-of-type(1) {
font-size: 30px;
padding-top: 20px;
}
.banner-header .wizard-banner p:nth-of-type(2) {
font-size: 20px;
}
@media (max-width: 768px) {
.wizard-banner {
margin: 20px 5px;
flex-direction: row;
align-items: center;
padding: 14px 24px;
}
.wizard-img {
margin-bottom: 10px;
}
.banner-header .wizard-banner p:nth-of-type(1) {
padding-top: 10px;
margin-bottom: 10px;
}
.banner-header .wizard-banner p:nth-of-type(2) {
padding-top: 0;
}
}
/*ask the wizard banner css end here*/
.banner-header{
width: 100%;
display: flex;
justify-content: center;
padding-top: 50px;
}
.banner-content{
font-family: "Poppins Regular", sans-serif;
background: #5A35C1;
justify-content: space-between;
align-items: center;
width: 1612px;
color: #fff;
font-size: 40px;
padding: 10px 15px;
text-align: center;
}
.banner-header .banner-content{
max-width: 90%;
border-radius: 20px;
}
.text-white {
color: white !important;
}
.homepage-hero {
padding: 100px 0 60px 0;
}
.required-field {
display: none;
}
.misc-form .content .holder-compare .cards.hidden-card{
display: none;
}
.mark_char {
color: green;
}
.list {
column-count: 3;
}
.tick-image{
height: 22px;
}
.part-a-services p{
font-weight: bold;
font-size: 20px;
}
.part-a-services .col-md-4{
max-width: 100%;
}
.part-a-services{
padding: 40px 0px;
}
.medicare-cost{
padding: 40px;
margin-bottom: 5;
}
.para {
font-size: 20px;
}
.about-hero {
background-image: url("/images/about/hero-background.png");
background-position: bottom right;
display: flex;
justify-content: center;
width: 100%;
padding: 150px 0 60px 0;
}
.misc-form .content .cards {
gap: 20px;
}
.misc-form .content .cards .row-form .input-holder {
gap: 2px;
}
/* MW CUSTOM FORMS*/
.mw-form .holder-start {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 75px;
align-items: center;
padding-top: 50px;
}
.mw-form .holder-compare {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
gap: 80px;
}
.mw-form .holder-compare .cards {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
padding: 0;
width: 940px;
gap: 48px;
}
.mw-form .holder-compare .cards .compare-card {
border-radius: 20px;
border-right: 3px solid #E2DAF9;
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 100%;
padding: 60px;
}
.mw-form .holder-compare .cards .compare-card svg {
position: absolute;
top: -57px;
}
.mw-form .holder-compare .cards .compare-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mw-form .holder-compare .cards .compare-holder .compare-input {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 17px;
}
.mw-form .holder-compare .cards .compare-holder .compare-input label {
font-family: "Poppins Regular", sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 39px;
letter-spacing: 0.1em;
color: #222222;
margin: 0;
}
.mw-form {
width: 100%;
padding: 40px 50px;
box-sizing: border-box;
gap: 50px;
align-items: center;
display: flex;
flex-direction: column;
}
.mw-form .row-form {
width: 100%;
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.mw-form .row-form .input-holder {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 482px;
}
.mw-form .row-form .input-holder label {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
}
.mw-form .row-form .input-holder input {
width: 100%;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
padding: 20px 40px;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.mw-form .row-form .input-holder input::-moz-placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder input:-ms-input-placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder input::placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder textarea {
resize: none;
width: 100%;
background: #FFFFFF;
border: 3px solid #E2DAF9;
border-radius: 20px;
padding: 20px 40px;
font-family: "Poppins Regular", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 33px;
letter-spacing: 0.1em;
color: #333333;
}
.mw-form .row-form .input-holder textarea::-moz-placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder textarea:-ms-input-placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder textarea::placeholder {
opacity: 0.5;
}
.mw-form .row-form .input-holder.full {
width: 100%;
}
.mw-form .row-form.center {
justify-content: center;
}
.mw-form .check-holder {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 22px;
}
.mw-form .check-holder label {
font-family: "Popins Italic", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.1em;
color: #5A35C1;
}
.mw-form.started {
width: 456px;
height: 321px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.mw-form.started .start {
position: absolute;
top: -107px;
}
.mw-form.started .overflow {
position: absolute;
bottom: -26px;
}
.mw-form .button-holder {
gap: 64px;
}
/*MW CUSTOM FORM END*/
/* RESPONSIVE CSS STARTS FROM HERE*/
body {
padding-top: 112px;
}
header{
width: 100%;
display: flex;
justify-content: center;
padding-top: 22px;
position: fixed;
background: #fff;
padding-bottom: 20px;
z-index: 99;
top:0;
}
.info-holder span svg{
width: 20px;
}
.misc-form.advg-plans .advg-table tr td a {
align-items: initial;
gap: 10px;
text-align: left;
font-size: 16px;
line-height: normal;
}
.misc-form.advg-plans .advg-table tr td .dropdown.nav-item a.dropdown-toggle{width: 110px; display: block;}
.misc-form.advg-plans .advg-table .table-heading th:first-child{width:34px!important;}
.misc-form.advg-plans .advg-table .table-heading th {
font-size: 16px;
line-height: 20px;
text-align: left;
letter-spacing: 0.1em;
padding: 20px 20px 20px 10px;
width:15%!important;
}
.misc-form.advg-plans .advg-table tr td{font-size: 16px; line-height: normal; text-align: left; padding: 15px 20px;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after{top:40px;}
@media (max-width: 1740px) {
.about-hero {
background-position: 40% bottom;
background-size: auto;
}
}
@media (max-width: 1425px) {
.about-hero {
background-position: 30% bottom;
}
}
@media (max-width: 1240px) {
.about-hero {
background-position: 15% bottom;
}
}
.about-hero .content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 1612px;
gap: 45px;
max-width: 90%;
}
.about-hero .content .heading {
width: 831px;
max-width: 100%;
position: relative;
}
.about-hero .content .heading svg {
position: absolute;
left: -60px;
top: -17px;
}
.about-hero .content .medium {
width: 525px;
max-width: 100%;
}
.about-hero .content .logo-holder {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
width: 695px;
row-gap: 17px;
opacity: 0.5;
}
.phone-mob{display:none;}
@media (max-width: 6500px) and (min-width: 1920px) {
.about-hero, .about-provide,
.about-mantra, .about-bring,
.misc-form {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.about-provide {
background-image: url("/images/about/provide-background.png");
}
.about-mantra {
background-image: url("/images/about/mantra-background.png");
margin-top: 100px;
}
.about-provide,
.about-mantra {
background-position: bottom right;
display: flex;
justify-content: center;
width: 100%;
padding: 150px 0 60px 0;
}
@media (max-width: 1740px) {
.about-provide,
.about-mantra {
background-position: 40% bottom;
background-size: auto;
}
}
@media (max-width: 1425px) {
.about-provide,
.about-mantra {
background-position: 30% bottom;
}
}
@media (max-width: 1240px) {
.about-provide,
.about-mantra {
background-position: 15% bottom;
}
}
.about-provide .content,
.about-mantra .content {
display: flex;
flex-direction: column;
align-items: center;
width: 1612px;
gap: 45px;
max-width: 90%;
}
.about-provide .content .cards,
.about-mantra .content .cards {
padding: 50px 140px;
margin-bottom: -140px;
}
.about-bring {
background-image: url("/images/about/bring-background.png");
display: flex;
justify-content: center;
width: 100%;
padding: 145px 0 197px 0;
}
@media (max-width: 1765px) {
.about-bring {
background-position: 80% bottom;
}
}
.about-bring .content {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 1612px;
max-width: 90%;
}
.about-bring .content .holder {
width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
.about-bring .content .holder h2 {
text-align: left;
}
.mobile-nav, .more-about-mob-nav{display:none;}
@media (max-width: 6500px) and (min-width: 1920px) {
.about-hero, .about-provide,
.about-mantra, .about-bring,
.misc-form {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
@media (max-width: 1380px) {
header .content{display:block;}
header .content nav a{display: block;}
}
@media (max-width: 1170px) {
header .content nav{
margin-top: 30px;
}
header .content nav .phone{
position: absolute;
top: 10px;
right: 60px;
}
.heading h1{
font-size:40px;
line-height: 50px;
}
.heading h2{
font-size: 40px;
line-height: 50px;
}
h2{
font-size: 40px;
line-height: 50px;
}
h3{
font-size: 30px;
line-height: 40px;
}
.button-holder{text-align: center; display: inline-grid;}
.homepage-speak .content .button-holder, .homepage-hero .content .button-holder{gap:0;}
.homepage-speak .content .cards-holder .cards{
width:auto;
}
.homepage-slider .content .carousel .carousel-inner{
width:auto;
}
.homepage-hero{padding: 30px 0 60px 0;}
.heading{width:100%;}
}
@media (max-width: 1190px) {
.misc-form .content .cards.started{
width: 330px!important;
}
}
@media (max-width: 992px) {
.misc-form .content .holder-start{gap:10px;}
}
@media (max-width: 768px) {
.misc-form .cards.cp4 .card-top .card-badge {
right: 0px;
}
.misc-form .content .button-holder a {
display: block;
width: 294px;
}
header .content nav a{padding: 0 5px;}
.homepage-slider .content h2{font-size: 40px;}
header .content{display: inline-block;}
header .content nav .phone{margin: 20px auto; padding: 5px 10px;}
.banner-content{font-size: 20px; width: 100%; max-width: 100%;}
header .content nav{gap:0;}
.homepage-speak .content .cards-holder .cards{
height: auto;
width: 100%;
}
.homepage-approach .content .text-holder h2{font-size: 40px;}
.homepage-hero .content{width:100%;}
.homepage-step .content .steps-holder .cards{width:auto; height: auto;}
.holder2 svg{width: 100%;}
.homepage-whatis .content .cards{width:100%; height: auto; padding: 20px; gap:20px;}
.homepage-plan .content .cards-holder .cards{width:100%;}
.homepage-parta .content{width: 100%; max-width: 100%;}
.homepage-drug .content .cards{width:70%; height:auto;}
.homepage-plan .content .cards-holder .cards ul{
gap: 0px;
padding: 20px 20px 20px 30px;
}
.homepage-parta{padding: 75px 25px 56px 25px;}
.homepage-parta .content .holder{width: 100%;}
.homepage-eligibility .content{width:100%}
.homepage-eligibility .content .holder{width: 100%;}
.homepage-enroll .content{width:100%;}
.homepage-enroll .content .holder{width:100%;}
.homepage-advantage .content .cards {
padding: 20px;
}
.homepage-partb .content, .homepage-partb .content .holder{width:100%;}
footer .content .footer-row .footer-nav{display:block;}
footer .content .footer-row .footer-nav a{margin-right:10px;}
footer .content .footer-row .footer-nav .phone{margin-top:20px;}
.homepage-hero .content .button-holder{margin:0 auto;}
.homepage-approach .content, .homepage-approach .content .text-holder p{width:100%;}
.homepage-slider .content {
row-gap: 40px;
width: 100%;
}
.about-provide .content .cards, .about-mantra .content .cards {
padding: 50px 50px;
margin-bottom: 0;
}
.about-bring {
width: 100%;
padding: 50px 0 20px 0;
}
.about-bring .content{width:100%;}
.about-bring .content .holder {
width: 100%;
}
.form-main{width:90%!important;}
#client-request-div{
min-width: 80%!important;
max-width: 80%!important;
}
.about-hero .content .logo-holder{width:100%;}
}
@media (max-width: 480px) {
body{padding-top:60px;}
header .content nav .phone {
position: relative;
top: auto;
right: auto;
margin: 0 auto;
display: none;
}
header .content nav a {
display: none;
}
.purple-btn{margin-bottom: 20px;}
.homepage-medigap .content .holder1{gap:0;}
.homepage-medigap .content h2{margin-bottom: 0; font-size: 35px;}
.homepage-medigap {padding: 80px 0 30px 0;}
.homepage-advantage h2{font-size: 35px;}
.homepage-wizard .content .holder{padding-top: 0;}
.homepage-wizard .content .regular{text-align: left; width: 100%; padding-bottom: 0;}
.homepage-wizard h2{font-size: 35px;}
.homepage-approach {
background: #fff;
padding-bottom: 20px;
background-position: -684px bottom; padding-top: 90px;
}
.homepage-speak .content .button-holder{padding: 20px 0;}
p.regular{text-align: left;}
.homepage-plan .content .cards-holder .cards .cards-top{padding:30px 20px 20px}
header .content nav .dropdown-holder .dropdown-items {
top: 60px;
text-align: left;
padding: 30px 20px 20px 20px;
width:90%;
}
.homepage-approach .content .text-holder h2 {
font-size: 35px;
}
.homepage-slider .content h2{font-size: 35px;}
.homepage-slider .content{ row-gap: 20px;}
.homepage-slider .content .carousel .carousel-inner .cards h5{
font-size: 30px;
line-height: normal;
}
.homepage-slider{padding: 45px 0 45px 0;}
.more-about-mob-nav nav a{display: block!important;}
header {
width: 100%;
padding-top: 0;
text-align: center;
padding-bottom: 0px;
position: fixed;
background: #fff;
top: 0;
z-index: 99;
box-shadow: 0 0 10px rgb(0 0 0 / 22%);
}
.more-about-mob-nav{display: block;}
.more-about-mob-nav nav{display: block!important;}
.mobile-nav{
display: block;
}
.mobile-nav a{
padding: 5px 6px;
color: #000000;
border-right: #d3d3d3 solid 1px;
font-size: 14px;
}
.mobile-nav a:last-child{border-right: 0; }
.mobile-nav a:hover{color:#7248bb;}
.about-hero, .about-provide, .about-mantra{padding: 50px 0 60px 0;}
.phone-mob{
display: block;
position: absolute;
right: 50px;
top: 15px;
width: 30px;
height: 30px;
text-align: center;
border: 2px solid #8f5fb4;
border-radius: 53px;
font-size: 14px;
color: #03cf03;
padding: 4px;
}
.content .logo{float:left; margin: 10px auto;}
.homepage-hero .content{gap:15px;}
.homepage-step .content .button-holder{gap:0;}
.homepage-wizard .content .holder .button-holder{gap:0;}
.homepage-wizard .purple-btn{margin-bottom: 0;}
.purple-btn{margin: 0 auto; border: 0;}
.hero-desc {
font-size: 18px;
line-height: 27px;
letter-spacing: 0;
margin-bottom: 0;
}
.homepage-hero .heading h2{
font-size: 35px;
line-height: 35px;
}
.homepage-hero .content .logo-holder{
width: 100%;
display: inline-block;
opacity: 1;
gap: 10px;
text-align: center;
}
h2{
font-size: 30px;
line-height: normal;
}
p{
line-height: normal;
}
.homepage-speak .content .cards-holder {
margin-bottom: 0;
gap: 10px;
padding-bottom: 40px;
}
.homepage-speak .content{gap:10px;}
header .content nav{display:none;}
.homepage-speak{padding-top:20px;}
.homepage-hero .content .logo-holder img:nth-child(1){width:140px; vertical-align: baseline;}
.homepage-hero .content .logo-holder img:nth-child(2){width:140px; vertical-align: baseline;}
.homepage-hero .content .logo-holder img:nth-child(3){width: 270px;}
p.medium, p.regular, p.bold, .cards ul li{font-size: 18px; letter-spacing: 0;}
.button-holder{margin: 0 auto;}
.homepage-parta{background: #f1f1f1;}
.homepage-partb{background: #fff;}
.homepage-partb .content .holder, .homepage-parta .content .holder{gap: 20px;}
.homepage-hero {
padding: 15px 0 20px 0;
background: none;
}
.homepage-slider .content .carousel .carousel-inner .cards{padding:20px;}
.homepage-slider .content .carousel .carousel-inner .cards .lower{font-size:20px;}
.content .logo svg{width:200px;}
.banner-header{padding-top: 10px;}
.homepage-speak .content .cards-holder .cards, .homepage-approach .content .text-holder{gap:15px;}
.homepage-wizard, .homepage-plan, .homepage-whatis {padding: 50px 0 50px 0;}
.homepage-plan .content .cards-holder .cards ul li{font-size: 20px;}
.homepage-parts .content .cards-holder .cards{height: auto; width:260px; padding: 10px;}
.homepage-eligibility {background: #f5f0eb9e;}
.homepage-eligibility .content .holder {gap: 15px;}
.homepage-enroll .content .holder{gap: 15px;}
.homepage-enroll .content .holder h2, .homepage-eligibility .content .holder h2, .homepage-partb .content .holder h2, .homepage-parta .content .holder h2{text-align: center;}
.new_user .purple-btn, .new_user .white-btn{
display: block;
width: 220px;
text-align: center;
margin: 0 auto;
}
.new_user .form-group:last-child{display: block; gap:10px;}
.new_user .form-group:last-child br{
display: none;
}
.income-wizard-form{width:90%;}
.back-button{
width: 100px;
height: 40px;
padding: 5px 5px;
text-align: center;
}
#client-request-div {
min-width: 90%!important;
max-width: 90%!important;
border: 0;
}
.banner-header .banner-content{
font-size: 18px;
max-width: 100%;
border-radius: 0px;
}
.banner-header{padding-top:0 ;}
.heading h1{font-size: 35px;}
.homepage-parts .content .cards-holder .cards .cards-svg{margin-top: -58px; width:260px;}
.homepage-parts .content .cards-holder .cards p {text-align: left;}
.white-btn{padding: 13px 20px;}
}
/** Form **/
.misc-form .content .holder-compare .cards .compare-holder .compare-input label{margin-left:15px;}
.misc-form .content .holder-compare .cards .compare-holder .compare-input{gap:0;}
.misc-form .content .holder-compare .cards .compare-card{display:block;}
.misc-form .content .holder-compare .cards .compare-card img{
margin-top: -50px;
width: 90px;
}
.misc-form .cards .cards-inner{
display: block;
box-sizing: initial;
padding: 10px 20px;
height: 65px;
}
.misc-form .cards .cards-inner .plant-icon{
position: relative;
float: left;
width: 60px;
height: 60px;
padding: 0 10px;
display: block;
left: 10px;
top: auto;
}
.misc-form .cards .cards-inner .plant-icon svg{
width: 100% !important;
}
.enlarged .content-page .content{margin-top:0!important;}
.misc-form{background-image: none;}
.line-bg{background: #fff url(/images/misc/background.png) no-repeat center -250px fixed; background-size: cover;}
#applicant_information_fieldset label{font-style:initial;}
#see-all-plans-heading{margin-top:0px;}
ul.progressbar li:before{position: relative; z-index: 2;}
.misc-form .cards.cp4 .card-top .card-name{font-size: 35px;}
.misc-form .cards.cp4 .card-top .card-logo{display: none;}
#partd_plan_table_wrapper{width:100%;}
.misc-form .semibold{font-size: 26px;}
.misc-form.advg-plans .search-params .param-holder label{font-size: 18px;}
.misc-form.advg-plans .search-params .param-holder input, .misc-form.advg-plans .search-params .param-holder select{font-size: 18px;}
#new_user .input-holder label{
font-size: 20px;
font-style: normal;
}
.or-form{
font-weight: 900;
text-align: center;
font-size: 16px;
background: #f1f1f1;
/*width: 40px;*/
height: 40px;
border-radius: 90px;
padding: 8px;
margin: 20px auto;
}
.little-info{display:flex;}
.little-info h4{font-size: 50px;}
.fast-track-3 .content .cards .center{ margin-top: 0px;}
.misc-form .cards .cards-inner span{
font-size: 30px;
float: left;
margin-left: 20px;
}
.misc-form input[type=checkbox], .misc-form input[type=radio]{
width: 16px;
height: 16px;
cursor: pointer;
float: left;
margin-top: 25px;
}
.compare-holder input[type=radio]{margin-top: 0px!important;}
.misc-form .content{gap:0;}
.misc-form h2{
font-size:50px;
}
.misc-form .italic.purple{
font-size: 18px;
}
.misc-form .cards.fasttrack .card-overflow{width:90px;}
.misc-form .cards.fasttrack{
padding-top: 40px;
padding-bottom: 60px;
}
.misc-form .cards .overflow{
border:0;
}
.sing-in .main .content .cards .row-form .input-holder svg{
top: 46px;
right: 0px;
}
.misc-form .content.form{
gap: 20px;
}
.compare-plans .holder-compare {
margin-top: 70px;
margin-bottom: 40px;
}
.compare-plans .holder-compare .cards .compare-card h2{
font-size: 30px;
line-height: normal;
padding: 20px 35px 30px;
}
.misc-form .content .holder-compare .cards .compare-holder .compare-input label{
font-size: 20px;
}
#ma_plan_table_wrapper, #ma_plan_table_wrapper #ma_plan_table{
width: 100% !important;
}
.misc-form.advg-plans .advg-table tr td a{
justify-content: left;
}
#see-all-plans-heading{
display: none;
position: absolute;
left: 0px;
right: 0px;
text-align: center;
font-weight: bold;
}
.gapb-40{
margin-bottom: 40px;
}
.misc-form .content .cards.started{
width: 450px;
height: 210px;
}
.misc-form .content .cards.started .start {
position: absolute;
top: -60px;
overflow: hidden;
width: 160px;
height: 160px;
}
#ma_plans_list_wrapper .card{margin-top: 40px;}
.ready-to-enroll{
display: block;
}
.ready-to-enroll #plan_types_options_form{
margin: 0 auto;
}
#plan_types_options_form h3{
margin-bottom: 20px;
}
#talk-to-us select.form-control {
height: auto;
padding: 20px;
}
#talk-to-us .cards .row-form .input-holder{
width:47%;
}
#talk-to-us .cards .row-form{
justify-content:space-between;
}
#talk-to-us .cards .row-form .col-md-4, #talk-to-us .cards .row-form .col-md-12{
max-width: 100%;
margin: 0;
padding: 0;
}
#talk-to-us .cards{
margin-bottom: 40px;
}
@media (max-width: 1500px) {
#talk-to-us .cards .row-form .input-holder{
width:550px;
}
}
@media (max-width: 1450px) {
#talk-to-us .cards .row-form .input-holder{
width:470px;
}
.homepage-speak .content .cards-holder{margin-bottom: -100px;}
}
@media (max-width: 1190px) {
.misc-form .cards.cp4{width:100%;}
#talk-to-us .cards .row-form .input-holder{
width:450px;
}
.misc-form .content .button-holder{gap:0;}
.misc-form .cards.cp4 .card-top .card-badge svg{width:160px;}
}
@media (max-width: 768px) {
.misc-form .content .holder-compare .cards .compare-card img{
margin-top: -30px;
width: 70px;
}
.misc-form .cards.cp4 .card-top .card-badge{top:-65px;}
#talk-to-us .cards .row-form .input-holder{
width:100%;
}
.fast-track-3 .content .cards {
padding: 20px 30px 60px;
gap: 20px;
}
.fast-track-3 .content .cards .center{
margin-top: 0;
}
.fast-track-2 .content .cards {
padding: 20px 40px 60px;
gap: 20px;
}
.misc-form .cards .cards-inner span svg{
width:25px;
}
.misc-form .cards .cards-inner .info-holder {
right: 20px;
height: auto;
width: 10px;
}
.misc-form .cards .cards-inner {
/*gap: 50px;*/
position: relative;
height: 40px;
padding-left: 10px;
padding-right: 40px
}
.misc-form .cards .cards-inner:first-child .plant-icon svg{
height: 28px;
margin-top: 15px;
}
.misc-form input[type=checkbox], .misc-form input[type=radio]{
margin-top:14px;
}
.misc-form .cards .cards-inner .plant-icon svg {
width: 25px !important;
}
.misc-form .cards .cards-inner .plant-icon {
border-right: 0 solid #E2DAF9;
border-left: 0 solid #E2DAF9;
height: 50px;
width: 40px;
top: -6px;
left:0;
}
.misc-form .cards .cards-inner span{
font-size: 20px;
line-height: normal;
margin-left: 0;
margin-top: 9px;}
.misc-form .content{gap:20px;}
.misc-form h2{
font-size:50px;
}
.misc-form .cards.fasttrack{
width:90%;
}
#page-content h3{
padding: 0px 50px 0 50px;
margin-top: 0px;
font-size: 26px;
text-align: center;
width: 100%;
line-height: normal;
}
#page-content .back-btn{
font-size: 20px;
padding: 0px 8px 0px;
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 80px;
position: absolute;
line-height: 31px;
}
.fast-track-3 .content .cards h4{font-size: 25px;}
.misc-form .content h3{
padding: 0px 50px 0 50px;
margin-top: 0px;
font-size: 26px;
text-align: center;
width: 100%;
line-height: normal;
}
.misc-form .content .back-btn{
font-size: 20px;
padding: 0px 8px 0px;
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 80px;
position: absolute;
line-height: 31px;
}
.misc-form .cards.cp4 .card-body table tr td {
display: block;
width: 100%;
text-align: left;
}
.misc-form .cards.cp4{gap:0}
.misc-form .cards.cp4 .card-top .card-logo{width:155px; display: none;}
.misc-form .content .holder-start{
display: block;
}
.misc-form .content .cards.started{
width: 100%;
}
.misc-form .content .holder-start form:first-child{margin-bottom:60px ;}
.misc-form .content .holder-start form:last-child{margin-top:60px ;}
.misc-form .content .holder-compare{margin:25px auto; gap:0;}
.misc-form .content .holder-compare .cards {
display: block;
justify-content: flex-start;
align-items: center;
flex-direction: column;
padding: 0;
width: 100%;
gap: 0px;
flex-wrap: nowrap;
margin-bottom: 60px;
}
.misc-form .content .holder-compare .cards .compare-card{border:0; display: block;}
.compare-plans .holder-compare .cards .compare-card h2 {
line-height: initial;
padding: 0;
font-size: 30px;
}
.misc-form .content .holder-compare .cards .compare-holder{
padding: 0px 20px 10px;
}
.misc-form .content .holder-compare .cards .compare-holder .compare-input label{
font-size: 18px;
line-height: 30px;
}
.misc-form .content .holder-compare .cards .compare-card svg {
position: relative;
margin-top: -29px;
width: 70px!important;
top: auto!important;
}
.misc-form .content .cards .row-form{display: block;}
.misc-form .content .cards .row-form .input-holder{width:100%;}
.misc-form .content .cards .row-form .input-holder textarea {
font-size: 16px;
line-height: normal;
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.misc-form .cards .cards-inner span{
font-size: 18px;
}
.misc-form .cards .cards-inner span svg{
width:15px;
}
.steps fieldset{padding:0 0!important;}
#talk-to-us .button-holder a{
width: 100%;
padding: 15px 0px;
margin-top: 20px;
}
.misc-form .content .holder-compare .cards .compare-holder .compare-input label{font-size:14px;}
.compare-plans .holder-compare .cards .compare-card h2 {
line-height: normal;
padding:0;
font-size: 25px;
}
.misc-form .italic.purple {
font-size: 16px;
line-height: normal;
}
.little-info{display:block;}
.little-info h4{
font-size: 30px;
}
.little-info .back-button{
font-size: 16px;
padding: 0;
margin: 0 auto;
display: block;
}
#page-content .card{min-width:100%; width:100%!important;}
.misc-form .content .button-holder {
gap: 64px;
display: block;
text-align: center;
}
.misc-form .content .button-holder a{
display: block;
width: 100%;
}
.misc-form{
padding-top: 20px;
}
.fast-track-1 .content .fasttrack {
margin: 50px 0px;
}
.misc-form .content.form{gap:10px;}
.misc-form h2 {
font-size: 30px;
line-height: normal;
}
.misc-form .cards.fasttrack{
width:100%;
padding-top: 40px;
padding-bottom: 30px;
}
.misc-form .content .cards .row-form .input-holder input{
width:100%;
text-align: center;
padding: 20px 10px;
font-size: 16px;
text-align: left;
}
.misc-form .cards.fasttrack .card-overflow{
width:80px;
}
.misc-form .content{
gap:10px;
}
.misc-form .cards.cp4 .card-top{
height: auto;
}
.misc-form .cards.cp4 .card-top .card-logo{
height: 80px;
width: 140px;
}
.misc-form .cards.cp4 .card-top .card-name{
font-size: 22px; line-height: normal; padding: 10px;
}
.misc-form .cards.cp4 .card-body table{
font-size: 18px;
line-height: normal;
}
.misc-form .cards.cp4 .card-body {
gap: 15px;
width: 100%;
padding: 0;
padding-bottom: 15px;
}
#page-content .empty-100px{display:none;}
#page-content .flow-heading{
padding: 0px 40px 0 40px;
font-size: 24px;
margin-bottom: 20px;
}
#page-content .flow-heading p{margin-bottom: 0;}
#page-content .flow-heading .info-holder svg{display: none;}
#myModal button.ml-5{margin-left:10px!important;}
.content-wrapper table td {
width: 100%!important;
font-size: 14px;
color: #707070;
display: flex;
justify-content: space-between;
padding-right: 20px;
}
.content-wrapper table td span{
color:#000;
}
#new_user .button-holder{
display: flex;
gap: 0px;
flex-direction: column;
}
#new_user .input-holder input{
font-size: 16px;
text-align: left;
padding: 10px 20px;
}
#new_user .input-holder label {
font-size: 16px;
font-style: normal;
margin: 0;
}
#talk-to-us .button-holder{
display: flex;
gap: 0px;
flex-direction: column;
}
#talk-to-us .cards{
padding-top:20px;
}
#talk-to-us .input-holder input{
font-size: 16px;
text-align: left;
padding: 10px 20px;
margin-bottom: 20px;
}
#talk-to-us .row-form .col-md-4, #talk-to-us .row-form .col-md-12{
padding: 0;
}
#talk-to-us .input-holder select{
margin-bottom: 20px;
}
#talk-to-us .input-holder label {
font-size: 16px;
font-style: normal;
margin: 0;
}
.sing-in .main .content .cards .row-form .input-holder svg {
top: 30px;
right: 0px;
width: 25px;
}
.sing-in .main .content .cards .italic {
margin-right: 0px;
}
.misc-form .content .cards {
padding: 40px 20px;
}
#plan_types_options_form .cards{
padding: 20px 40px;
}
.misc-form .content .cards .row-form .input-holder label{
font-size: 16px;
margin-bottom: 0;
}
.mw-form .row-form .input-holder{width:100%;}
.mw-form{
padding:20px 10px;
}
.mw-form .row-form .input-holder label{font-size: 18px; margin-bottom: 0;}
.mw-form .row-form .input-holder input{font-size: 16px; padding:10px 10px;}
.mw-form .row-form .input-holder textarea{font-size:16px; padding:10px 10px;}
.modal-footer{
display: block;
text-align: center;
}
.modal-footer #submit_client_request_btn{
margin-bottom: 20px;
}
.misc-form .cards .overflow{position: relative;}
}
.sidepanel {
width: 0;
position: fixed;
z-index: 1;
height: 100%;
top: 0;
right: 0;
background-color: #1c103e;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
text-align: left;
}
.sidepanel a {
padding: 8px 8px 8px 20px;
text-decoration: none;
font-size: 16px;
color: #fff;
display: block;
transition: 0.3s;
}
.sidepanel a:hover {
color: #f1f1f1;
}
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
border-right: 0;
}
.openbtn {
display: none;
font-size: 20px;
cursor: pointer;
background-color: #fff;
color: #5a35c1;
padding: 0px 15px;
border: none;
margin-top: 15px;
position: absolute;
right: 0;
}
.openbtn:hover {
background-color:#444;
}
.sidepanel .withoutcollapse.collapsed:before{
content: "+";
float: right;
margin-top: -4px;
font-size: 20px;
margin-right: 10px;
}
.sidepanel .withoutcollapse:before{
content: "-";
float: right;
margin-top: -4px;
font-size: 20px;
margin-right: 10px;
}
.sidepanel .collapse a{
color: #bbbaba;
}
.sidepanel .collapse a:before{
content: ">";
color: #fff;
float: left;
margin-right: 5px;
}
@media (max-width: 480px) {
.openbtn {
display: block;
}
}
@media (max-width: 320px) {
.misc-form .cards .cards-inner .plant-icon{display: none;}
.misc-form .cards .cards-inner span{margin-left: 5px;}
.regular{
font-size: 16px!important;
text-align: center !important;
line-height: initial;
}
.misc-form .content .cards{padding: 40px 20px 0;}
.misc-form h2{font-size: 22px;}
.h5, h5{font-size: 1em;}
.misc-form .content h3{
font-size: 22px;
text-align: center;
line-height: 20px;
}
.misc-form .italic.purple {
margin-bottom: 20px;
}
}
.plan-details .content{text-align:left;}
.plan-details .nav-tabs{
border-bottom: 3px solid #E2DAF9;
width: 100%;
padding:0 50px;
}
.plan-details .nav-tabs .nav-item a.active{
border-bottom: #5A35C1 3px solid;
border-top: 0;
border-left: 0;
border-right: 0;
}
.plan-details .nav-tabs .nav-item a{
border-bottom: #5A35C1 0px solid;
border-top: 0;
border-left: 0;
border-right: 0;
color:#5A35C1;
}
.plan-details .content .cards{
width:1200px;
}
.plan-details .tab-content{
width:100%;
padding:0 50px;
}
.plan-details .plan-box h6{
font-family: Trola-Bold;
font-size: 30px;
line-height: 49px;
letter-spacing: 0em;
text-align: left;
}
.plan-details .plan-box{
border-bottom: 3px solid #E2DAF9;
margin: 0;
padding: 0px 0 20px;
}
.plan-details .plan-box .col-md-6{padding: 0;}
.plan-details .plan-box p{
margin-bottom: 7px;
font-style: italic;
color: #222;
}
.plan-details .plan-box p span{
font-weight: 600;
font-style: normal;
}
.plan-details .need-more{
font-family: Poppins;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.1em;
text-align: center;
color: #5A35C1;
margin: 20px 0px;
display: block;
}
.plan-details .button-holder .phone-btn{
width: 260px;
padding: 12px 10px;
text-align: center;
}
.plan-details .table td, .plan-details .table th{
padding: 15px 0 5px;
vertical-align: top;
border-bottom: 3px solid #E2DAF9;
border-top:0;
}
.plan-details .table td label{color:#222222!important;}
.plan-details .table td:nth-child(2){
border-left: 3px solid #E2DAF9;
padding-left: 20px!important;
}
.plan-details .need-more-form h6{
font-family: Trola-Bold;
font-size: 30px;
line-height: 49px;
letter-spacing: 0em;
text-align: left;
}
.plan-details .need-more-form .form-group label{
font-family: Poppins;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.1em;
text-align: left;
color: #5A35C1;
}
.plan-details .need-more-form .form-group input[type="checkbox"]{margin-top:10px;}
@media (max-width: 1200px){
.plan-details .content .cards{
width:100%;
}
.plan-details .tab-content{
width:100%;
padding:0 0px;
}
.plan-details .button-holder{
display: flex;
flex-direction: column;
}
}
@media (max-width: 480px){
.plan-details .need-more-form h6{font-size:20px;}
.plan-details .italic.purple{margin-bottom:0;}
.plan-details .cards h4{
font-size: 26px;
line-height: normal;
}
.plan-details .plan-box h6{font-size: 20px;}
.plan-details .nav-tabs{padding: 0 0px;}
.plan-details .nav-tabs .nav-item a{
padding: 0px 5px 0 5px;
font-size: 16px;
}
.plan-details .content .cards{padding: 10px 15px 20px;}
}
.subdomain_logo {
height: auto;
}
.no-wrap {
white-space: nowrap;
}
@media only screen and (max-width: 320px) {
.subdomain_logo {
width: 140px;
height: auto;
}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
.subdomain_logo {
width: 160px;
height: auto;
}
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
.subdomain_logo {
width: 180px;
height: auto;
}
}
@media only screen and (min-width: 415px) and (max-width: 768px) {
.subdomain_logo {
width: 200px;
height: auto;
}
}
/*basic reset*/
/** {margin: 0; padding: 0;}*/
/*html {
height: 100%;
background: #e9e9e9;
}*/
/*body {
font-family: montserrat, arial, verdana;
width: 100%;
overflow-x: hidden;
}*/
/*form styles*/
.steps {
/*width: 675px;
margin: 50px auto;*/
position: relative;
}
.steps fieldset {
background: white;
border: 0 none;
border-radius: 3px;
/*box-shadow: 0 17px 41px -21px rgb(0, 0, 0);*/
padding: 0 30px;
/* border-top: 9px solid #17AADB;*/
box-sizing: border-box;
width: 100%;
margin:auto;
/*stacking fieldsets above each other*/
/*position: absolute;*/
}
/*Hide all except first fieldset*/
.steps fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
.steps label{
color: #5A35C1;
text-align: left !important;
padding-bottom: 2px;
padding-top: 0;
display: inline-block;
font-size: 16px;
margin-bottom: 0;
}
.steps .select-boxes .select2-selection.select2-selection--single{
height: 3.5rem;
padding: 2px 5px;
}
.steps input, .steps textarea {
margin-bottom: 20px;
/* outline: none;
width: 100%;
margin: 0 0 15px;
padding: 10px 15px;
border: 1px solid #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #837E7E;
-webkti-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-wieght: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
height: calc(1.5em + .75rem + 6px);
position: relative;
font-size: 18px;*/
}
.steps input[type='file']{
padding: 5px 10px;
}
.steps select{
height: calc(1.5em + .75rem + 6px);
padding: 10px 15px;
margin: 0 0 20px;
font-size: 18px;
}
.steps input[type=radio], .steps input[type=checkbox]{
width: auto;
margin-bottom: 0px;
height: auto;
}
.steps input:focus, .steps textarea:focus{
color: #333333;
border: 1px solid #1a82e2;
}
.question-log {
margin: 5px 1px 5px 0;
font-size: 15px;
position: relative;
bottom: -2px;
}
/*buttons*/
.steps .action-button, .action-button {
width: 100px !important;
background: #7B1FA2;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px auto;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
display: block;
}
.steps .next, .steps .submit{
/*float: right;*/
}
.steps .previous{
/*float:left;*/
}
.steps .action-button:hover, .steps .action-button:focus, .action-button:hover, .action-button:focus {
background:#9F2AD0;;
}
.steps .explanation{
display: block;
clear: both;
width: 540px;
background: #f2f2f2;
position: relative;
margin-left: -30px;
padding: 22px 0px;
margin-bottom: -10px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
top: 10px;
text-align: center;
color: #333333;
font-size: 12px;
font-weight: 200;
cursor:pointer;
}
/*headings*/
.fs-title {
text-transform: none;
margin: 0 0 15px;
line-height: 1;
color: #202e35;
font-size: 28px;
font-weight: 400;
text-align:left;
font-weight: 600;
font-family: 'Trola-Semibold';
text-align: center;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #837E7E;
margin-bottom: 20px;
text-align: center;
}
/*progressbar*/
ul.progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
width:100%;
text-align: center;
}
ul.progressbar li {
list-style-type: none;
color: rgb(51, 51, 51);
text-transform: none;
font-size: 14px;
float: left;
position: relative;
}
ul.progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #fff;
background: grey;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
ul.progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #000;
position: absolute;
left: -50%;
top: 9px;
z-index: 1; /*put it behind the numbers was, -1*/
}
ul.progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
ul.progressbar li.active:before, ul.progressbar li.active:after{
background: #5A35C1;
color: white;
}
/* RESPONSIVE */
/* moves error logs in tablet/smaller screens */
@media (max-width:1000px){
/*brings inputs down in size */
.steps input, .steps textarea {
outline: none;
/*display: block;*/
width: 100%;
}
.steps input[type=radio], .steps input[type=checkbox]{
width: auto;
margin-bottom: 0px;
height: auto;
}
/*brings errors in */
.error1 {
left: 345px;
margin-top: -58px;
}
}
@media (max-width:675px){
/*mobile phone: uncollapse all fields: remove progress bar*/
.steps {
width: 100%;
position: relative;
}
ul.progressbar{
display:none;
}
/*show hidden fieldsets */
.steps fieldset:not(:first-of-type) {
display: block;
}
.steps fieldset{
position:relative;
width: 100%;
margin:0 auto;
}
/*.steps .next, .steps .previous{
display:none;
}*/
.steps .explanation{
display:none;
}
.steps .submit {
float: right;
margin: 28px auto 10px;
width: 100% !important;
}
}
/* Info */
.info {
width: 300px;
margin: 35px auto;
text-align: center;
font-family: 'roboto', sans-serif;
}
.info h1 {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: 400;
color: #333333;
padding-bottom: 5px;
}
.info span {
color:#666666;
font-size: 13px;
margin-top:20px;
}
.info span a {
color: #666666;
text-decoration: none;
}
.info span .fa {
color: rgb(226, 168, 16);
font-size: 19px;
position: relative;
left: -2px;
}
.info span .spoilers {
color: #999999;
margin-top: 5px;
font-size: 10px;
}
.steps .purple-btn.next, .steps .purple-btn.previous{
display: inline-block;
}
#almost-done-text{
font-family: 'Trola-Semibold';
font-size: 40px;
line-height: 82px;
text-align: center;
color: #000000;
}
/* line 5, app/assets/stylesheets/chatbot.scss */
.bot-profile {
width: 70px;
height: 70px;
background-color: #b100cd;
color: white;
font-size: 18px;
}
/* line 14, app/assets/stylesheets/chatbot.scss */
.typing-box {
border: 3px solid #E2DAF9;
border-radius: 15px;
padding: 5px 10px;
}
/* line 20, app/assets/stylesheets/chatbot.scss */
#chat-box {
margin-top: 15px;
height: 550px;
max-height: 550px;
overflow-y: auto;
padding: 15px;
border: 1px solid #e0e0e0;
border-radius: 10px;
background-color: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
color: #333;
}
/* line 34, app/assets/stylesheets/chatbot.scss */
#chat-box::-webkit-scrollbar {
width: 8px;
}
/* line 38, app/assets/stylesheets/chatbot.scss */
#chat-box::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
/* line 43, app/assets/stylesheets/chatbot.scss */
#chat-box::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
/* line 47, app/assets/stylesheets/chatbot.scss */
.search-container {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
padding: 10px;
z-index: 1000;
}
/* line 57, app/assets/stylesheets/chatbot.scss */
.search-container input {
font: large;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* line 65, app/assets/stylesheets/chatbot.scss */
.status-dot {
height: 12px;
width: 12px;
background-color: #28a745;
/* Green color for the dot */
border-radius: 50%;
display: inline-block;
margin-right: 5px;
}
/* line 74, app/assets/stylesheets/chatbot.scss */
.status-text {
color: grey;
/* You can change this to any other suitable color */
font-size: 16px;
}
/* line 80, app/assets/stylesheets/chatbot.scss */
.message {
margin-bottom: 10px;
}
/* line 84, app/assets/stylesheets/chatbot.scss */
.message.user {
text-align: right;
}
/* line 88, app/assets/stylesheets/chatbot.scss */
.message.chatbot {
text-align: left;
}
/* line 92, app/assets/stylesheets/chatbot.scss */
.message p {
display: inline-block;
padding: 10px;
border-radius: 10px;
}
/* line 98, app/assets/stylesheets/chatbot.scss */
.message.user p {
/*background-color: #d9fdd3;*/
/*background-color: #b100cd;*/
background: linear-gradient(180deg, #5A35C1 -103.85%, #E48763 267.31%);
color: #fff;
border: 1px solid #b100cd;
box-shadow: 0 4px 8px rgba(177, 0, 205, 0.5);
}
/* line 107, app/assets/stylesheets/chatbot.scss */
.message.chatbot p {
/*background-color: #e0f7fa;*/
background-color: #fff;
border: 2px solid #E2DAF9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
/* line 124, app/assets/stylesheets/chatbot.scss */
.dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 3px;
background-color: #b100cd;
border-radius: 50%;
animation: bounce 1s infinite ease-in-out;
}
/*
.dot:nth-child(1) {
animation-delay: 0s;
}
.dot:nth-child(2) {
animation-delay: 0.2s;
}
.dot:nth-child(3) {
animation-delay: 0.4s;
}
*/