.plans-panel { padding: 0px; padding-top: 50px; } .plans-panel .plans-header { font-size: 24px; color: #1D314F; font-weight: 300; margin-bottom: 40px; text-align: center; padding-left: 15px; padding-right: 15px; } .plans-panel .plan-tabs { text-align: center; padding-left: 30px; padding-right: 30px; margin-bottom: 40px; } .plans-panel .plan-tabs li { display: inline-block; width: 49%; } .plans-panel .plan-tabs a { padding-bottom: 25px; } .plans-panel .plan-tabs a:hover { background-color: transparent; border-color: transparent; cursor: pointer !important; /* override very specific bootstrap style */ } .plans-panel .plan-tabs a:hover svg [fill="#003764"] { fill: #345D84; } .plans-panel .plan-tabs a .tab-logo { display: block; margin-bottom: 25px; text-align: center; margin-top: 25px; } .plans-panel .plan-tabs a .tab-logo svg { height: 40px; } .plans-panel .plan-tabs a .tab-title { display: block; text-align: center; font-size: 16px; color: #1D314F; font-weight: 300; } .plans-panel .plan-tabs a:hover .tab-title { color: #51A3D9; } @media (max-width: 992px) { .plans-panel .plan-tabs a .tab-logo svg { height: 30px; } .plans-panel .plan-tabs a .tab-title { font-size: 13px; } } @media (max-width: 767px) { .plans-panel .plan-tabs { margin-bottom: 0px; padding-right: 5px; padding-left: 5px; } .plans-panel .plan-tabs a { padding-bottom: 0px; padding-left: 10px; padding-right: 10px; } .plans-panel .plan-tabs a .tab-title { display: none; } .plans-panel .plan-tabs a .tab-logo { margin-top: 5px; margin-bottom: 10px; } .plans-panel .plan-tabs a .tab-logo svg { height: 20px; max-width: 100%; } } .plans-panel .tab-pane .plan-col { padding-left: 12px; padding-right: 12px; margin-bottom: 30px; } .plans-panel .plan-col:before { display: block; text-align: center; content: "-"; text-transform: uppercase; color: white; height: 25px; } .plans-panel .plan-col.popular:before { content: "Most Popular"; color: #2276ad; height: 25px; line-height: 25px; background-color: #c1dff3; } .plans-panel .plan-box { background-color: #1d3447; color: #fff; padding: 20px; } .plans-panel .plan-box .plan-header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #495b6a; } .plans-panel .plan-box .qe-plan-description { margin-bottom: 20px; } .plans-panel .plan-box .plan-description { margin-top: 20px; padding-top: 20px; border-top: 1px dashed #495b6a; text-align: center; font-size: 16px; margin-bottom: 20px; } .plans-panel .plan-box .plan-header b { font-size: 18px; color: white; } .plans-panel .plan-box.gray .plan-header b { color: black; } .plans-panel .plan-box .plan-header .plan-box-price { float: right; width: 75px; text-align: right; font-size: 18px; position: relative; } .plans-panel .plan-box .trial-button { display: block; text-align: center; width: 100%; } .plans-panel .plan-box .trial-button .fa { padding-left: 5px; } .plans-panel .plan-box select { margin-bottom: 10px; } .plans-panel .plan-box ul { padding: 0px; padding-left: 16px; list-style: square; } .plans-panel .plan-box.gray { background-color: #f5f5f5; text-align: center; color: black; } .plans-panel .plan-box.gray .qe-plan-description { margin-bottom: 10px; } .plans-panel .plan-features { margin: 0px; margin-top: 10px; list-style: none; color: #6aab56; text-align: center; padding: 0px; } .plans-panel .plan-features li { text-align: left; margin-bottom: 10px; } .plans-panel .plan-features i.fa { margin-right: 10px; } .plans-panel .plan-features li.disabled { color: #aaa; } .plans-panel .faq-features { margin-top: 15px; border-top: 1px solid #ddd; } .plans-panel .features-col { background-color: #f9f9f9; padding: 30px; border-bottom: 1px solid #ddd; border-top: none; } .plans-panel .row-container { margin-left: 30px; margin-right: 30px; } .plans-panel .row-container-no-margin { margin-right: 15px; margin-left: 15px; } .plans-panel .tab-content { margin-bottom: 0px; } .plans-panel .features-col .features-title { text-align: center; font-size: 18px; margin-bottom: 20px; color: #1d3447; font-weight: bold; } .plans-panel .features-col .features-list { padding: 0px; list-style: none; } .plans-panel .features-col .features-list li { position: relative; padding-left: 40px; margin-bottom: 20px; } .plans-panel .features-col .features-list li i { position: absolute; font-size: 25px; color: #2e79b9; left: 0px; display: block; width: 30px; text-align: center; } .plans-panel .features-col .features-list li b { display: block; color: #2e79b9; font-size: 16px; margin-bottom: 12px; } .plans-panel .features-col .features-list li p { display: none; } @media (min-width: 992px) { .plans-panel .features-col .features-list li p { display: block; } .plans-panel .features-col { border-right: none; border-left: 1px solid #ddd; } } .plans-panel .faq-col { padding-bottom: 0px; padding-top: 30px; padding-left: 30px; padding-right: 30px; margin-bottom: 20px } .plans-panel .faq-col h4 { color: #2e79b9; margin-top: 50px; font-weight: 500; margin-bottom: 23px; } .plans-panel .faq-col p+h4 { margin-top: 40px; } .plans-panel .faq-col h4:first-child { margin-top: 0px; } .plans-panel .faq-col > b { margin-bottom: 10px; display: block; } .plans-panel .faq-col p+b { margin-top: 20px; } .plans-panel .faq-sub-col { padding: 40px; padding-bottom: 0px; } .plans-panel .faq-sub-col ul { padding: 0px; list-style: square; } .plans-panel .faq-sub-col img { width: 100%; max-height: 70px; margin-bottom: 20px; } .plans-panel .faq-sub-col b { margin-bottom: 20px; text-align: center; display: block; }