/*-- STYLE CUSTOM BUILD A LIST --*/
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&family=Caveat:wght@400;700&family=Fira+Sans&family=Montserrat:wght@400;600;700;900&family=Nunito:wght@300;400;600;700;900&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Patua+One&family=quicksand:wght@300;400;500;600;700&family=Inter:wght@400;700;900&display=swap');

/*

font-family: 'Balsamiq Sans', cursive;
font-family: 'Caveat', cursive;
font-family: 'Fira Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Patua One', cursive;
font-family: 'Quicksand', sans-serif;
font-family: 'Inter', sans-serif;
*/


:root {
    --bs-success: #43C51C;
    --bs-warning: #ffc107;
    --brand: #3b235a;
    --brand-alt: #f32e76;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;  
}


/* Containers */

.container {
    max-width: 980px;
}

/*
#buy .container {
    max-width: 1080px;
}
*/

/* * * * * * */


.btn-brand { background-color:var(--brand); color: #fff; }
.text-brand { color:var(--brand); }
.text-brand-alt { color:var(--brand-alt); }
.text-brand-yellow {color: #FEB538;}
.text-brand-green {color: #218E8A;}
.text-brand-orange {color: #FF7200;}

.bg-brand {  background-color:var(--brand)!important; }
.bg-brand-alt { background-color:var(--brand-alt)!important; }

.border-brand { border-color: var(--brand)!important; }

.ea900 { font-weight:900; }

.pricing-card-title { font-size: 4rem; }

.font-balsamiq { font-family: 'Balsamiq Sans', cursive; }
.font-caveat { font-family: 'Caveat', cursive; }
.font-fira { font-family: 'Fira Sans', sans-serif; }
.font-patua { font-family: 'Patua One', cursive; }
.font-nunito { font-family: 'Nunito', sans-serif; }
.font-open { font-family: 'Open Sans', sans-serif; }
.font-quicksand { font-family: 'Quicksand', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }



.ea-fontsize-5 { font-size:2.5rem!important }
.ea-fontsize-4 { font-size:2rem!important }
.ea-fontsize-3 { font-size:1.5rem!important }
.ea-fontsize-2 { font-size:1rem!important }

@media(min-width:1200px){
.ea-fontsize-5 { font-size:5rem!important }
.ea-fontsize-4 { font-size:4rem!important }
.ea-fontsize-3 { font-size:3rem!important }
.ea-fontsize-2 { font-size:2rem!important }
}

.ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px}
.ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#000;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #000;border-bottom:.6em solid #000}
.ui-group-buttons .or.or-lg{height:1.3em;font-size:16px}
.ui-group-buttons .or.or-lg:after{height:2.85em}
.ui-group-buttons .or.or-sm{height:1em}
.ui-group-buttons .or.or-sm:after{height:2.5em}
.ui-group-buttons .or.or-xs{height:.25em}
.ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}
.ui-group-buttons{display:inline-block;vertical-align:middle}
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-group-buttons .btn{float:left;border-radius:0}
.ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}

/* Top */

.topbgimage{ 
    background: url(hd_bg_01.png);
    background-position: top center;
}  

.pgtop .pgtop-title {
    font-family: 'Nunito', sans-serif;
    font-weight:  900;
    font-size: 2.5em;
    text-transform: uppercase;
    margin: auto;
}
.pgtop .pgtop-title-inter {
    font-family: 'Inter', sans-serif;
    font-weight:  900;
    font-size: 3em;
    text-transform: uppercase;
    margin: auto;
}
.pgtop .pgtop-title-top {
    font-family: 'Nunito', sans-serif;
    font-weight:  900;
    font-size: 3em;
    text-transform: uppercase;
    margin: auto;
}
.pgtop .pgtop-title-bottom {
    font-family: "Caveat", cursive;
    margin: auto;
    font-size: 2em;
    line-height: 38px;
}

/* CSS ADDONS */

.single-videobox {
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: #2B224D;
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.5);
}

.container .content {
    max-width: 840px;
}

.content p {
    
/*    font-family: 'Open Sans', sans-serif;*/
    font-size: 1.2em;
    
}

.copy-section {
    background-color: #FFFFFF;
    border-radius: 15px;
    max-width: 900px;
    margin: auto;
    font-family: "Open Sans", sans-serif !important;
    font-size: 22px;
}

.content .content-title {
    font-family: 'Nunito', sans-serif;
    font-weight:  700;
/*    font-size: 3em;*/
    text-transform: uppercase;
    margin: auto;
}

.content .content-h {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    margin: auto;
}


.ea-title-01 {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    margin: auto;
}

.box {
	border: 5px solid #9365d5;
	padding: 35px;
	position: relative;
	background: #fff;
}

.box:before {
	content: "";
	width: 51px;
	height: 31px;
	background: url(purple-t-bottom.png) no-repeat;
	background-size: 51px 31px;
	position: absolute;
	bottom: -31px;
	left: 50%;
	margin-left: -24px;
}

.box.box-purple {
	border-color: var(--brand)!important;
}

.box.box-yellow {
	border-color: #dba751;
}

.box.box-yellow:before {
	background: url(triangle-yellow.png) no-repeat;
	background-size: 51px 31px;
}

.box.box-lg {
	border-radius: 20px;
}

.box.box-lg:before {
	width: 70px;
	height: 60px;
	bottom: -60px;
	background: url(triangle-yellow-lg.png) no-repeat;
	background-size: 70px 60px;
}

.box.box-big {
	border-width: 8px;
	margin-bottom: 70px;
}

.box.box-big-alt {
	margin-bottom: 38px;
}


.box.box-big:before {
	content: "";
	width: 43px;
	height: 37px;
	background: url(purple-t-bottom.png) no-repeat;
	background-size: 43px 37px;
	position: absolute;
	bottom: -37px;
	left: 50%;
	margin-left: -24px;
}

.box.box-big-after:after {
	content: "";
	width: 43px;
	height: 37px;
	background: url(purple-t-bottom.png) no-repeat;
	background-size: 43px 37px;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -24px;
}

.box-normal {
	border: 5px solid #dba751;
	background: #fff;
	padding: 70px;
	position: relative;
}

.box-normal.yellow {
	border-color: #dba751;
}

.box-normal.purple {
	border-color: var(--brand)!important;
}

.box-normal h2 {
	font-weight: normal;
}

.box-normal .head {
	max-width: 800px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.box-normal.box-lg {
	border-width: 10px;
}



/*** TIMER COUNT DOWN ***/

#clockdiv{
/*	font-family: sans-serif;*/
/*	color: #fff;*/
	display: inline-block;
/*	font-weight: 100;*/
	text-align: center;
/*	font-size: 30px;*/
}

#clockdiv > div{
	padding: 10px;
/*	border-radius: 3px;*/
/*	background: #BF0033;*/
/*	background: #dc3545;*/
	display: inline-block;
}

#clockdiv div > span{
/*	padding: 15px;*/
/*	border-radius: 3px;*/
/*	background: #00816A;*/
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 10px;
}

.easmallertext{
	padding-top: 5px;
	font-size: 0.4em;
}


#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 .text {font-size:36px;color:#ffffff;font-weight:bold;font-family: 'Lato',sans-serif;}
#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 {width:100%;padding:16px 0;border-color:#000000;border-width:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#31995a;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31995a), color-stop(100%, #31995a));background:-webkit-linear-gradient(top, #31995a 0%, #31995a 100%);background:-moz-linear-gradient(top, #31995a 0%, #31995a 100%);background:-ms-linear-gradient(top, #31995a 0%, #31995a 100%);background:-o-linear-gradient(top, #31995a 0%, #31995a 100%);background:linear-gradient(to bottom, #31995a 0%, #31995a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#31995a, endColorstr=#31995a, GradientType=0);box-shadow:0px 5px 0px 0px rgba(40,130,79,1);}
#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 .gradient {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

.css-button.style-1 {line-height: 1;text-align: center;text-decoration: none;position: relative!important;display: inline-block!important;border-style: solid;}

/* ADD ON BUTTONS */

#btn_green_buy .text {font-size:20px;color:#ffffff;font-weight:bold;font-family: 'Lato',sans-serif;}

#btn_green_buy {width:100%;padding:16px 0;border-color:#000000;border-width:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#31995a;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31995a), color-stop(100%, #31995a));background:-webkit-linear-gradient(top, #31995a 0%, #31995a 100%);background:-moz-linear-gradient(top, #31995a 0%, #31995a 100%);background:-ms-linear-gradient(top, #31995a 0%, #31995a 100%);background:-o-linear-gradient(top, #31995a 0%, #31995a 100%);background:linear-gradient(to bottom, #31995a 0%, #31995a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#31995a, endColorstr=#31995a, GradientType=0);box-shadow:0px 5px 0px 0px rgba(40,130,79,1);}

#btn_green_buy .gradient {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}


#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 .text {font-size:36px;color:#ffffff;font-weight:bold;font-family: 'Lato',sans-serif;}
#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 {width:100%;padding:16px 0;border-color:#000000;border-width:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#31995a;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31995a), color-stop(100%, #31995a));background:-webkit-linear-gradient(top, #31995a 0%, #31995a 100%);background:-moz-linear-gradient(top, #31995a 0%, #31995a 100%);background:-ms-linear-gradient(top, #31995a 0%, #31995a 100%);background:-o-linear-gradient(top, #31995a 0%, #31995a 100%);background:linear-gradient(to bottom, #31995a 0%, #31995a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#31995a, endColorstr=#31995a, GradientType=0);box-shadow:0px 5px 0px 0px rgba(40,130,79,1);}
#btn_1_c183ef2b3ef5b85d77609f30e94bb3d6 .gradient {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

#cart_btn_1 .text {font-size:18px;color:#ffffff;font-weight:bold;font-family: 'Lato',sans-serif;}
#cart_btn_1 {width:100%;padding:16px 0;border-color:#000000;border-width:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#31995a;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31995a), color-stop(100%, #31995a));background:-webkit-linear-gradient(top, #31995a 0%, #31995a 100%);background:-moz-linear-gradient(top, #31995a 0%, #31995a 100%);background:-ms-linear-gradient(top, #31995a 0%, #31995a 100%);background:-o-linear-gradient(top, #31995a 0%, #31995a 100%);background:linear-gradient(to bottom, #31995a 0%, #31995a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#31995a, endColorstr=#31995a, GradientType=0);box-shadow:0px 5px 0px 0px rgba(40,130,79,1);}
#cart_btn_1 .gradient {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

#cart_btn_2 .text {font-size:16px;color:#ffffff;font-family: 'Lato',sans-serif;}
#cart_btn_2 {width:80%;padding:16px 0;border-color:#000000;border-width:0px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#31995a;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31995a), color-stop(100%, #31995a));background:-webkit-linear-gradient(top, #31995a 0%, #31995a 100%);background:-moz-linear-gradient(top, #31995a 0%, #31995a 100%);background:-ms-linear-gradient(top, #31995a 0%, #31995a 100%);background:-o-linear-gradient(top, #31995a 0%, #31995a 100%);background:linear-gradient(to bottom, #31995a 0%, #31995a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#31995a, endColorstr=#31995a, GradientType=0);box-shadow:0px 5px 0px 0px rgba(40,130,79,1);}
#cart_btn_2 .gradient {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

.css-button.style-1 {line-height: 1;text-align: center;text-decoration: none;position: relative!important;display: inline-block!important;border-style: solid;}
#content_area .css-button, #content_area a.css-button {text-decoration: none;}



/* ==============================================
Author Name: DohTheme
Author URI: http://www.dohtheme.com
Project Name: Pick,
Description: Pick – is a responsive unique Pricing Tables build with Bootstrap framework. It’s has been 6 Unique Style.It looks great with all types of devices.
================================================= */
/*=======================================
[Table of contents]
* General Classes
* Table Default CSS
* Table Style 1
* Table Style 2
* Table Style 3
* Table Style 4
* Table Style 5
* Table Style 6
=========================================*/
/* General Classes */
.grad1 {
  background: #e878d4;
  background: -webkit-linear-gradient(220deg, #e878d4, #b3ceeb);
  background: -o-linear-gradient(220deg, #e878d4, #b3ceeb);
  background: linear-gradient(#bbb, #bbb, #bbb); }

.grad2 {
  background: #ffafbd;
  background: -webkit-linear-gradient(220deg, #ffafbd, #ffc3a0);
  background: -o-linear-gradient(220deg, #ffafbd, #ffc3a0);
  background: linear-gradient(#dc3545, #dc3545, #dc3545); }

.grad3 {
  background: #ffafbd;
  background: -webkit-linear-gradient(220deg, #51a8c2, #a3dac4);
  background: -o-linear-gradient(220deg, #51a8c2, #a3dac4);
  background: linear-gradient(#bbb, #bbb, #bbb); }

.button {
  display: inline-block;
  width: 100%;
  max-width: 180px;
  padding: 8px 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* Table Default Style */
.table-default {
  background-color: #fff;
  text-align: center;
  padding: 24px 14px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 40px; }

.table {
  /* Table Header */ }
  .table__header--icon {
    max-width: 100%; }
  .table__header--price {
    position: relative; }
  .table__content {
    padding: 20px 0;
    /* Table List */ }
    .table__content--list li {
      font-size: 0.95rem;
      font-weight: 600;
      padding: 6px 0; }
      .table__content--list li.muted {
        opacity: 0.35; }
  .table__footer {
    margin-top: 20px; }

/*=======================
  Table Style 1
=========================*/
.table1 {
  position: relative;
  color: #fff;
  margin-top: 80px;
  z-index: 1; }
  .table1 .table__header--title {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 36px; }
    .table1 .table__header--title::after {
      content: ' ';
      position: absolute;
      bottom: -6px;
      left: 0;
      right: 0;
      width: 16px;
      height: 3px;
      background-color: #fff;
      border-radius: 10px;
      margin: auto; }
  .table1 .table__header--price {
    font-size: 46px;
    font-weight: 700; }
    .table1 .table__header--price span {
      position: relative;
      top: -20px;
      right: -10px;
      font-size: 0.45em; }
    .table1 .table__header--price::after {
      content: attr(data-price);
      position: absolute;
      top: -30px;
      left: 30px;
      width: 100%;
      color: inherit;
      font-size: 90px;
      opacity: 0.1; }
  .table1 .button {
    background-color: #fff;
    color: #333;
    border-radius: 44px; }
    .table1 .button:hover {
      -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.12);
      box-shadow: 0 0 50px rgba(0, 0, 0, 0.12); }
  .table1.recommended {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    z-index: 2; }

/*=======================
  Table Style 2
=========================*/
.table2 {
  position: relative;
  margin-top: 80px;
  z-index: 1; }
  .table2 .table__header--title {
    font-size: 1.1rem; }
  .table2 .table__header--icon {
    height: 140px;
    padding: 30px 0; }
  .table2 .table__header--price {
    font-size: 1.8rem;
    font-weight: 700; }
    .table2 .table__header--price span {
      position: relative;
      right: -6px;
      font-size: 0.9em; }
  .table2 .table__content--list {
    color: #bdbdbd; }
  .table2 .button {
    border-radius: 8px; }
  .table2.blue .table__header--price {
    color: #3486ff; }
  .table2.blue .button {
    background-color: #3486ff;
    color: #fff; }
    .table2.blue .button:hover {
      -webkit-box-shadow: 0 0 50px rgba(52, 134, 255, 0.35);
      box-shadow: 0 0 50px rgba(52, 134, 255, 0.35); }
  .table2.cyan .table__header--price {
    color: #2de8d0; }
  .table2.cyan .button {
    background-color: #2de8d0;
    color: #fff; }
    .table2.cyan .button:hover {
      -webkit-box-shadow: 0 0 50px rgba(45, 232, 208, 0.35);
      box-shadow: 0 0 50px rgba(45, 232, 208, 0.35); }
  .table2.yellow .table__header--price {
    color: #fee366; }
  .table2.yellow .button {
    background-color: #fee366;
    color: #fff; }
    .table2.yellow .button:hover {
      -webkit-box-shadow: 0 0 50px rgba(254, 227, 102, 0.35);
      box-shadow: 0 0 50px rgba(254, 227, 102, 0.35); }
  .table2.recommended {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    z-index: 2; }

/*=======================
  Table Style 3
=========================*/
.table3 {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.12); }
  .table3 .table__header--icon {
    height: 80px;
    padding: 20px 0; }
  .table3 .table__header--title {
    font-size: 1.25rem;
    font-weight: 700; }
  .table3 .table__content--list {
    padding: 20px 0;
/*
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6; 
*/
}
  .table3 .table__header--price {
    font-size: 1.6rem;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4568dc), to(#b06ab3));
    background: -webkit-linear-gradient(left, #4568dc 0, #b06ab3 100%);
    background: -o-linear-gradient(left, #4568dc 0, #b06ab3 100%);
    background: linear-gradient(to right, #4568dc 0, #b06ab3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .table3 .button {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #4568dc;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4568dc), to(#b06ab3));
    background: -webkit-linear-gradient(left, #4568dc 0, #b06ab3 100%);
    background: -o-linear-gradient(left, #4568dc 0, #b06ab3 100%);
    background: linear-gradient(to right, #4568dc 0, #b06ab3 100%);
    color: #fff;
    font-size: 22px;
    padding: 0;
    border-radius: 100%;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .table3:hover .table__header--price {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .table3:hover .button {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

/*=======================
  Table Style 4
=========================*/
.table4 {
  padding: 0;
  border: 1px solid #e3ebee;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .table4 .table__header {
    position: relative; }
  .table4 .table__header--title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 28px 0;
    margin-bottom: 34px; }
  .table4 .table__header--icon {
    position: absolute;
    top: 15px;
    right: -10px;
    max-width: 50px; }
  .table4 .table__header--badge {
    display: inline-block;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    background-color: #f98aa5;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    max-width: 120px;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    margin: auto; }
  .table4 .table__header--price {
    color: #878597;
    font-size: 24px;
    font-weight: 700; }
    .table4 .table__header--price span {
      position: relative;
      right: -6px;
      font-size: 0.9em; }
  .table4 .table__content {
    color: #a8bbc1; }
  .table4.green .table__header--title {
    background-color: #93edc1; }
  .table4.green .button {
    font-weight: 600;
    color: #70be9b;
    border: 1px solid #93edc1;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
    box-shadow: 0 0 0px 4px rgba(147, 237, 193, 0.4);
    margin-bottom: 34px; }
    .table4.green .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4);
      box-shadow: 0 0 0px 6px rgba(147, 237, 193, 0.4); }
  .table4.blue .table__header--title {
    background-color: #a0d8f2; }
  .table4.blue .button {
    font-weight: 600;
    color: #67c3ef;
    border: 1px solid #a0d8f2;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(160, 216, 242, 0.4);
    box-shadow: 0 0 0px 4px rgba(160, 216, 242, 0.4);
    margin-bottom: 34px; }
    .table4.blue .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(160, 216, 242, 0.4);
      box-shadow: 0 0 0px 6px rgba(160, 216, 242, 0.4); }
  .table4.red {
    border-color: #f98aa5; }
    .table4.red .table__header--title {
      background-color: #f98aa5; }
    .table4.red .button {
      font-weight: 600;
      color: #fe87a4;
      border: 1px solid #f98aa5;
      border-radius: 44px;
      -webkit-box-shadow: 0 0 0px 4px rgba(249, 138, 165, 0.4);
      box-shadow: 0 0 0px 4px rgba(249, 138, 165, 0.4);
      margin-bottom: 34px; }
      .table4.red .button:hover {
        -webkit-box-shadow: 0 0 0px 6px rgba(249, 138, 165, 0.4);
        box-shadow: 0 0 0px 6px rgba(249, 138, 165, 0.4); }
  .table4.yellow .table__header--title {
    background-color: #fedf85; }
  .table4.yellow .button {
    font-weight: 600;
    color: #fdcc4c;
    border: 1px solid #fedf85;
    border-radius: 44px;
    -webkit-box-shadow: 0 0 0px 4px rgba(254, 223, 133, 0.4);
    box-shadow: 0 0 0px 4px rgba(254, 223, 133, 0.4);
    margin-bottom: 34px; }
    .table4.yellow .button:hover {
      -webkit-box-shadow: 0 0 0px 6px rgba(254, 223, 133, 0.4);
      box-shadow: 0 0 0px 6px rgba(254, 223, 133, 0.4); }
  .table4:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }

/*=======================
  Table Style 5
=========================*/
.table5 {
  padding: 0;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
  overflow: hidden; }
  .table5 .table__header {
    position: relative;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 46px; }
  .table5 .table__header--title {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 60px; }
  .table5 .table__header--price {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    font-weight: 700;
    border-radius: 100%;
    margin: auto; }
    .table5 .table__header--price span {
      position: relative;
      right: -6px;
      font-size: 0.9em; }
  .table5 .table__content--list {
    color: #6b7c93; }
  .table5 .button {
    background-color: #00aeef;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 26px; }

/*=======================
  Table Style 6
=========================*/
.table6 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .table6 .table__header--icon {
    height: 80px; }
  .table6 .table__header--title {
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0 20px; }
  .table6 .table__header--price {
    font-size: 34px;
    font-weight: 700; }
    .table6 .table__header--price span {
      position: relative;
      right: -6px;
      font-size: 0.7em;
      font-weight: 400; }
  .table6 .table__content--list {
    color: #8295ad;
    padding: 20px 0;
    border-top: 1px solid #e8f3ff;
    border-bottom: 1px solid #e8f3ff; }
  .table6 .button {
    background-color: #7460ee;
    color: #fff;
    font-size: 0.9rem;
    text-transform: uppercase;
    border-radius: 44px; }
    .table6 .button:hover {
      background-color: #ff7381; }
  .table6.red .table__header--title {
    color: #ff7381; }
  .table6.orange .table__header--title {
    color: #fcb755; }
  .table6.green .table__header--title {
    color: #2cca70; }

@media only screen and (min-width: 992px) {
  .p-md-0 {
    padding: 0; } }

@media only screen and (max-width: 990px) {
  .table1.recommended,
  .table2.recommended {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .table3:hover .table__header--price {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .table3 .button {
    position: static;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-top: 20px; } }