.pricing-boxes {
position: relative;
overflow: hidden;
}
.pricing-boxes .text-success {
color: #30a72f !important;
}
.pricing-boxes .most-popular-wrapper {
position: absolute;
inset: 0 0 auto;
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pricing-boxes .btn {
line-height: initial;
font-size: 16px !important;
}
.pricing-boxes .btn.btn-dark {
color: white;
}
.pricing-boxes .btn-success {
color: white;
--bs-btn-bg: #30a72f;
--bs-btn-border-color: #30a72f;
--bs-btn-hover-bg: #116205;
--bs-btn-hover-border-color: #116205;
--bs-btn-active-bg: #116205;
--bs-btn-active-border-color: #116205;
--bs-btn-disabled-bg: #30a72f;
--bs-btn-disabled-border-color: #30a72f;
border: 1px solid #2d402d;
text-decoration: none !important;
}
.pricing-boxes .swiper.swiper-initialized .swiper-pagination {
position: static;
}
.pricing-boxes .swiper.swiper-initialized .swiper-pagination .swiper-pagination-bullet {
background-color: rgba(102, 16, 242, 0);
border: 1px solid #30a72f;
opacity: 1;
--swiper-pagination-bullet-size: 12px;
}
.pricing-boxes .swiper.swiper-initialized .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #30a72f;
}
.pricing-boxes .price-card {
margin: 0 0 24px;
padding: 25px 25px 25px 25px;
position: relative;
text-align: center;
transition: 0.5s ease-in-out;
-webkit-transform: scale(0.95);
transform: scale(0.95);
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 10, 0);
border-radius: 20px; position: relative;
display: flex; min-height: 700px;
align-items: stretch;
}
.pricing-boxes .price-card .card-body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: stretch;
min-height: 100%;
}
.desc{
padding: 25px 25px 25px 25px;
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 10, 0);
border-radius: 20px;
align-self: center;
}
.last-button {
}
.pricing-boxes .price-card:hover {
box-shadow: 0 0 10px rgba(0, 0, 10, 0.5);
-webkit-transform: scale(1);
transform: scale(1);
}
.pricing-boxes .price-sale {
display: inline-block;
padding: 8px 15px;
font-size: 16px;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 12px;
}
.pricing-boxes .price-sale:empty {
display: none;
}
.pricing-boxes ul li svg {
fill: currentColor;
margin-right: 10px;
}
.pricing-boxes .container{
justify-content: space-between;
}
.numbers .numbers-top{
position: relative;
}
.numbers .slider{
position: absolute;
left: calc(50% - 152.5px);
top: 70px;
}
.numbers .numbers-top,
.numbers .numbers-bottom {
display: flex;
align-items: center;
gap: 100px;
}
.numbers .numbers-top .min,
.numbers .numbers-top .max{
display: flex;
flex-direction: column;
align-items: center;
min-width: 200px;
}
.numbers .numbers-top .separator{
margin-top: 30px;
font-weight: 300;
}
.numbers .numbers-top .number{
font-size: 43px;
line-height: 1;
color: var( --e-global-color-primary );
}       .package-title {
font-size: 36px;
color: #000000 !important;
margin-bottom: 50px;
margin-top: 20px;
}
.choose-offer {
font-size: 30px;
color: #30a72f;
}
@media (max-width: 1199px) {
.numbers .numbers-top .number{
font-size: 30px;
}
}
@media (max-width: 768px) {
.package-title {
font-size: 26px;
}
.choose-offer {
font-size: 22px;
}
}
.offer-title {
color: #000000!important;
font-size: 18px;
}
.offer-price {
color: #126105;
font-size: 32px !important;
line-height: 35px;
margin-bottom: 0;
}
.offer-price-ver {
color: #126105;
font-size: 16px !important;
line-height: 16px;
}
.simple-button {
max-width: 200px;
margin: 0 auto;
background-color: #000 !important;
font-size: 18px !important;
cursor: default !important;
}
#validation-required {
color: black;
font-size: 1.5em !important;
font-weight: 700;
}
#validation-required-container {
display: flex;
align-items: center;
justify-content: center;
@media (max-width: 768px) {
display: block;
}
}
@media (max-width: 768px) { .swiper-slide {
opacity: 0.5;
height: auto !important;
}
.swiper-slide.swiper-slide-active {
opacity: 1;
}
.swiper-slide {
margin-inline: 0 !important;
padding-inline: 0 !important;
}
.extratxt h2 {
font-size: 16px !important;
color: black;
}
.extratxt img {
display: block !important;
margin: 0 auto !important;
}
.pricing-boxes .price-card { min-height: 780px !important;
padding: 15px 15px 15px 15px !important;
}
} .est-hidden {
display: none;
}
.popup-bg-est-form {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2000;
max-width: 100% !important;
margin: 0;
}
.popup-main-content {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 9999;
max-width: 100% !important;
margin: 0 auto;
}
.inside_popup::-webkit-scrollbar {
display: none;
}
.inside_popup {
max-width: 90%;
margin: 0 auto;
display: grid;
background: white;
border-radius: 50px;
padding: 0 0 0 40px;
border: 1px solid #5c5c5c;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 750px;
max-height: 98vh;
overflow-y: scroll;
}
.popupinner {
display: grid;
width: 100%;
grid-template-columns: 60% 40%;
}
.pleft {
padding: 50px 50px 15px 0;
}
.pleft h3 {
text-align: center;
font-size: 30px;
font-weight: bold;
margin: 0;
line-height: 32px;
margin-bottom: 15px;
}
.pleft p {
text-align: center;
font-size: 14px;
font-weight: 400;
margin: 0 0 6px;
}
.pleft form {
width: 100%;
clear: both;
margin: 15px auto 0px;
float: left;
}
.pleft form .half:nth-child(odd) {
width: 47%;
float: left;
margin: 0 3% 25px 0;
}
.pleft form .half:nth-child(even) {
width: 47%;
float: left;
margin: 0 0 25px 0;
}
.pleft form label {
font-size: 14px;
font-weight: bold;
margin: 0 0 10px;
display: block;
}
.pleft form input {
color: #070707;
width: calc(100% - 15px);
height: 40px;
line-height: 40px;
padding: 0 15px;
font-size: 14px !important;
font-weight: 400 !important;
border-radius: 25px;
border: 1px solid #282828;
}
.pleft form input.submitit {
background: #2fa62e;
color: white;
cursor: pointer;
transition: 0.4s linear;
-webkit-transition: 0.4s linear; font-size: 16px !important;
margin-top: 10px;
line-height: normal;
border: 1px solid #0f430f;
}
.pleft form input.submitit:hover {
background: #070707;
}
.pright {
background: #f5f5f5;
width: 100%;
border-left: 1px solid #5c5c5c;
border-radius: 0 50px 50px 0;
padding: 50px 20px 30px;
}
.pright h3 {
text-align: left;
font-size: 29px;
font-weight: bold;
margin: 20px 0 20px;
border-bottom: 2px solid #000;
padding-bottom: 30px;
}
.grnbtn {
font-size: 13px;
font-weight: 400;
background: #2fa62e;
border: none;
border-radius: 0px;
cursor: pointer;
line-height: 50px;
color: white;
padding: 0 10px;
display: block;
text-align: left;
text-decoration: none;
}
.listne {
width: 100%;
margin: 35px 0 0;
list-style: none;
margin-left: 0;
padding-left: 0;
padding: initial !important;
text-align: left;
}
.listne li {
font-size: 14px;
font-weight: 400;
color: black;
margin: 0 0 15px;
display: block;
list-style: none;
}
.listne li strong {
font-weight: bold;
}
.pleft form .full {
width: calc(100%);
display: block;
float: left;
margin-bottom: 25px;
}
.pleft form label.term_condition {
display: grid !important;
grid-template-columns: 40px 85%;
column-gap: 5px;
font-weight: normal !important;
}
.pleft form input[type="checkbox"] {
width: 25px;
height: 25px;
border-radius: 10px;
padding: 10px;
}
a.est-close-popup {
position: absolute;
right: 30px;
top: 20px;
color: #000 !important;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}
.pleft form .error {
border: 1px solid #f00;
}
.est-error {
display: block;
width: 100%;
float: left;
}
.est-error p {
text-align: left;
color: #f00;
}
.est-success {
float: left;
width: 100%;
}
.est-success p {
color: #2fa62e;
text-align: left;
font-weight: bold;
}
p.offer-premium {
text-align: center;
}
a.mobile-show.toggle-link {
text-align: center;
color: #2fa62e;
text-decoration: none;
margin-bottom: 20px;
font-weight: bold;
}
a.mobile-show.toggle-link:before {
content: "+";
padding-right: 5px;
}
a.mobile-show.toggle-link.visible:before {
content: "-";
}
.mobile-show {
display: none;
}
@media (min-width: 993px) {
.est-toggle {
display: block !important;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.grnbtn { text-align: center;
}
}
@media (max-width: 1024px) {
.pleft form .half:nth-child(odd) {
width: 48%;
margin: 0 2% 25px 0;
}
.pleft form .half:nth-child(even) {
width: 48%;
margin: 0 0 25px 0;
}
.pright .grnbtn {
font-size: 16px;
text-align: center;
}
.listne li {
margin-bottom: 15px;
}
}
@media (max-width: 992px) {
.mobile-show {
display: block;
}
.est-toggle {
display: none;
}
.mobile-hide {
display: none;
}
.mobile-center {
text-align: center;
}
.popupinner {
grid-template-columns: 100%;
}
.pleft {
grid-row-start: 2;
padding: 20px 15px 10px;
}
.inside_popup {
padding: 0;
top: 22.5vh;
transform: inherit;
width: 1100px;
overflow-y: auto;
max-height: 70vh;
}
.pright {
padding: 20px 10px;
border-left: none;
border-radius: 0;
border-bottom: 1px solid #5c5c5c;
}
.pright h3 {
text-align: center;
}
.listne {
text-align: center;
}
.pleft form .full {
margin-bottom: 20px;
}
.pleft form .half:nth-child(odd),
.pleft form .half:nth-child(even) {
margin-bottom: 20px;
}
.pricing-boxes .container{
flex-wrap: wrap;
}
.results,
.desc {
width: 100%;
}
.desc{
padding: 25px 5px;
}
.numbers{
margin-bottom: 25px;
}
.numbers .numbers-top,
.numbers .numbers-bottom{
gap: 0;
justify-content: space-between;
}
.numbers .numbers-top .min, .numbers .numbers-top .max{
min-width: auto;
}
.numbers .numbers-top .number{
font-size: 25px;
}
.numbers .numbers-top .separator{
margin-top: 25px;
}
.numbers .slider{
top: 50px;
width: 85%;
left: 7.5%;
}
}
@media (max-width: 640px) {
.inside_popup{
display: block;
}
.listne {
grid-template-columns: 100%;
margin-top: 20px;
}
.listne li{
font-size: 16px;
}
.pleft{
padding: 20px 25px 10px;
}
.pright h3,
.pleft h3 {
font-size: 25px;
}
.pright h3{
border-bottom: 0 !important;
}
.pleft h3 {
line-height: 25px;
margin-bottom: 10px;
}
.pright h3.mobile-show{
padding-bottom: 0;
}
.toggle-link{
margin-bottom: 0 !important;
}
.listne li {
margin-bottom: 10px;
}
.pleft form .half:nth-child(odd),
.pleft form .half:nth-child(even) {
width: 100%;
}
.pleft form input {
width: calc(100% - 15px);
}
.line-behind h1{
font-weight: 800 !important;
background: linear-gradient(0deg, var(--e-global-color-secondary), var(--e-global-color-secondary)) no-repeat left bottom/0 1px;
background-size: 100% 8px;
background-position-x: left;
display: inline !important;
}
#main-pricing-table{
padding-top: 7%;
}
.pricing-boxes{
margin-top: 0 !important;
padding: 0 !important;
}
.pricing-boxes .container{
padding: 0 !important;
}
.package-title{
margin-top: 0;
margin-bottom: 7%;
font-weight: 800;
}
.extratxt br{
display: none !important;
}
.extratxt p{
font-weight: 600 !important;
}
}