.pricingchart
{
  clear:both;
}
.pricingchartproblems{text-align:center; width:62%; max-width:62%; margin:0 auto;}
.pricingchartproblems h2{margin-bottom:10px !important; padding-bottom:0px;}
.pricingchart{
  background: #F9F9F9 url('https://www.abclegal.com/hubfs/Mask Group (1).png') no-repeat;
  background-size: auto;
background-size: cover;
padding-top: 80px;
padding-bottom: 40px !important;
}

.Pricingpara{font-size:18px; line-height:24px;} 
.pricingchartproblems h2{font-size:36px; line-height:44px;} 

.tabledesignpricing {width:100%; }
.tabledesignpricing th{font-size:18px; text-align:left; line-height:22px; color:#333333; font-family: Montserrat,sans-serif !important; padding:10px 20px; }
.greenheading{background: #65B25A 0% 0% no-repeat padding-box;
border-radius: 5px 5px 0px 0px; color:#fff !important; padding:10px 20px;}
.tablepricing{margin:30px 0;} 

.Pricingpara{margin-bottom:60px;}
.tabledesignpricing img{margin-right:3px;position: relative; height:15px;
top: -4px;}

.tabledesignpricing tbody{
  background: #f9f9f9;
  
/*   -webkit-box-shadow:   0px 0px 8px #0000001F !important;
    -moz-box-shadow:   0px 0px 8px #0000001F !important;
    box-shadow: 0px 0px 8px #0000001F !important;  */
   

/*   box-shadow: 0px 0px 8px #0000001F; !important; */
border-radius: 5px 0px 5px 5px;} 





/* .tabledesignpricing {
   background-tablepricing: padding-box; 
    box-shadow: 0px 0px 8px #0000001F; !important;
  
  }  */


.tabledesignpricing { position: relative;
z-index: 2; }   

/* .tabledesignpricing thead{ display: block !important;} */
.tabledesignpricing td{padding:15px 20px; border:1px solid #ccc; font-size:16px; color:#333;
font-family: Muli,sans-serif;
  border-left:none; 
}

.tabledesignpricing  tr:first-child td{ border-top:none !important;}
.tabledesignpricing  tr:last-child td{ border-bottom:none !important;}

.tabledesignpricing tr:last-child td{ 

}

.tabledesignpricing td:last-child span{ 

  font-size:16px; color:#333333;}

.tabledesignpricing td:last-child { 
  border-bottom: none; border-left:none; border-right:none; margin-top:-0.5px;
}

.showtext{

 background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%, #F9F9F900 75%); 
  margin-top: -48px !important;
height: 100px;

      background-image: linear-gradient(to bottom, transparent, #F5F4F4, transparent);
z-index: 10;
position: relative;
  color:#224E74; font-size:18px; line-height:23px; text-align:center; font-weight:bold;  
}

.lessactive{ background:none !important;}


#btn span{position: relative; top:100px;cursor: pointer;}


  
  
  .showtext .showarrows::after{
  color: #224e74;
  content: "\f078";
  font: normal normal normal 12px/1 FontAwesome;
  height: 33px;
  padding: 15px 0 0 8px;
  pointer-events: none;

  z-index: 10; }


.lessactive .showarrows::after{
 color: #224e74;
  content: "\f106" !important;
  font: normal normal normal 12px/1 FontAwesome;
  height: 33px;
  padding: 15px 0 0 8px;
  pointer-events: none; font-size: 18px;
font-weight: bold;
}
.readytoget{color:#333333; font-size:18px; line-height:22px; font-weight:bold; margin:15px 0; 
  font-family: Montserrat,sans-serif !important; text-align:center;} 

.placeorderctabtn a{background: #f8b829 0 0 no-repeat padding-box;
border-radius: 5px; font-size:18px; font-family: Montserrat,sans-serif !important;
padding: 10px 25px;
text-decoration: none !important; font-weight:bold;
color: #333 !important;}  

.placeorderctabtn{text-align:center;margin-top:25px;}


.tablepricing .span8{float:left !important;}
.tablepricing .span4{float:left !important;}
.tablepricing li{padding:20px !important;}


.readytoget{margin-top:60px;}



.tooltipprice {
  position: relative; 
/*   background: #F9F9F9 !important; */
  display: inline-block; 
/*   border-bottom: 1px dotted black; */
  width:100% !important;  
  left:0px !important;
}



.tooltipprice .tooltiptextprice {
  visibility: hidden;

  background: #326F92 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 12px #C1C9CC9A;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 80%;
  left: 5%;
  margin-left: -60px;
  opacity: 0; width:90%;
  transition: opacity 0.3s; color:#fff !important; font-size:14px !important; padding:5px;
}

.tooltipprice .tooltiptextprice::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #326F92  transparent transparent transparent;
}

.tooltipprice:hover .tooltiptextprice {
  visibility: visible;
  opacity: 1;
}








.pricedropdown ul {
  margin: 0;
  padding: 0;
  list-style-type: none;

  position: relative;
}
.pricedropdown li {
  display: inline-block;
  position: relative;
}
.pricedropdown a {
  color: #333 !important; font-size:16px; line-height:20px;
  text-decoration: none;
  padding: 10px 30px 10px 15px;
  display: block;
  position: relative; text-align: left;
text-decoration: none !important;
}
.on > a,
.pricedropdown li:hover > a {
 
}
.pricedropdown ul  ul {
  position: absolute; top: 30px !important;
  top: 100%; z-index:1; width:275px;
 
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 16px #00000038;
border-radius: 5px;
  display: none;
}
.pricedropdown ul  ul ul {
  left: 100%;
  top: 0;
}
.pricedropdown ul  ul li {
  display: block;

}
.pricedropdown ul  ul ul li {
  background: #eee;
}

.pricedropdown li i {
  color: #292929;
  float: right;
  padding-left: 20px;
}

.pricehasDD:after {
 color: #337092 !important;
  content: "\f078";
  font: normal normal normal 12px/1 FontAwesome;
  height: 33px;
  padding: 15px 0 0 8px;
  pointer-events: none;z-index:10;
}
.pricedropdown li:hover > a:after {
  border-top-color: red;
}
.pricehasDD.on:after {
  color: #337092 !important;
  content: "\f106" !important;
  font: normal normal normal 12px/1 FontAwesome;
  height: 33px;
  padding: 15px 0 0 8px;
  pointer-events: none;z-index:10; font-size: 18px;
font-weight: 700;

}
.pricedropdown ul ul .pricehasDD.on:after {
  transform: rotate(-90deg);
}


.pricehasDD{ cursor: pointer; }
.mobilepricingmenu{display:none;}
.pricehasDD{color:#337092; font-size:16px; font-weight:bold; line-height:20px;font-family: "Muli",sans-serif;}





@media only screen and (max-width: 768px) { 
  
  
  .tabledesignpricing::after{top:auto !important;}
  .tabledesignpricing  thead{height:auto !important;}
  .tabledesignpricing tbody {display:block;
    box-shadow:0px 0px 16px #00000038 !important;
  }
  .tabledesignpricing thead {display:block;}
  
  
  .tabledesignpricing td, .tabledesignpricing th {
    width: 50%;
}

/* .tabledesignpricing td:nth-child(n+3), .tabledesignpricing th:nth-child(n+3) {
     width: 50%;   
} */
  
  
  .tabledesignpricing{width:90%; margin:0 auto;}
  .tooltipprice {width:100% !important;}
.mobilepricingmenu{display:block !important; text-align: center;
margin-top: 30px;}
  .pricingchartproblems{width: 90%; max-width:90%;}
  .tabledesignpricing td{text-align:center;}
  .tooltipprice img{display:none !important;}

  .tabledesignpricing .column_1 {display:none;}
  .tabledesignpricing .column_1 {display:none;}
  
   .tabledesignpricing .column_2 {display:none;}
  .tabledesignpricing .column_2 {display:none;}
  
    .tabledesignpricing .column_3 {display:none;}
  .tabledesignpricing .column_3 {display:none;}
  
    .tabledesignpricing .column_4 {display:none;}
  .tabledesignpricing .column_4 {display:none;}
  
  .tabledesignpricing .column_5 {display:none;}
  .tabledesignpricing .column_5 {display:none;}
  .tabledesignpricing .column_6 {display:none;}
  .tabledesignpricing .column_6 {display:none;}
  .tabledesignpricing .column_7 {display:none;}
  .tabledesignpricing .column_7 {display:none;}
  .tabledesignpricing .column_8 {display:none;}
  .tabledesignpricing .column_8 {display:none;}
  .tabledesignpricing .column_9 {display:none;}
  .tabledesignpricing .column_9 {display:none;}
  .tabledesignpricing .column_10 {display:none;}
  .tabledesignpricing .column_10 {display:none;}
}





@media screen and (min-device-width: 320px) and (max-device-width: 400px) { 
  .tooltipprice .tooltiptextprice {left: 30% !important; width:100%;}
}

@media screen and (min-device-width: 401px) and (max-device-width: 450px) { 
  .tooltipprice .tooltiptextprice {left: 27% !important; width:100%;}
}


@media screen and (min-device-width: 451px) and (max-device-width: 500px) { 
  .tooltipprice .tooltiptextprice {left: 24% !important; width:100%;}
}

@media screen and (min-device-width: 501px) and (max-device-width: 550px) { 
  .tooltipprice .tooltiptextprice {left: 22% !important; width:100%;}
}

@media screen and (min-device-width: 550px) and (max-device-width: 600px) { 
  .tooltipprice .tooltiptextprice {left: 20% !important; width:100%;}
}


@media screen and (min-device-width: 601px) and (max-device-width: 650px) { 
  .tooltipprice .tooltiptextprice {left: 18% !important; width:100%;}
}

@media screen and (min-device-width: 650px) and (max-device-width: 700px) { 
  .tooltipprice .tooltiptextprice {left: 16% !important; width:100%;}
}


@media screen and (min-device-width: 701px) and (max-device-width: 768px) { 
  .tooltipprice .tooltiptextprice {left: 14% !important; width:100% !important;}
}



/* @media screen and (min-device-width: 769px) and (max-device-width: 992px) { {
  .tabledesignpricing::after{top:auto !important;}
  .tabledesignpricing  thead{height:auto !important;}
  } */


@media only screen and (max-width: 957px) {
 .tabledesignpricing  thead{height:auto !important;}
  
  .tabledesignpricing::after{top: 86px !important; }
  
 
}

@media screen and (min-device-width: 769px) and (max-device-width: 992px) { 
 .tooltipprice .tooltiptextprice {margin-left:-40px; width:120%;} 

  .tabledesignpricing .greenheading{padding:10px 13px !important; } 
   .tabledesignpricing td{padding:15px 8px;}  
/*   .column_2{display:none;}  */
}


@media only screen and (max-width: 400px) { 
.tabledesignpricing::after {
  top: 108px !important;
}
}


.dropdown-content {border-radius: 5px; padding: 20px !important; font-size:16px !important; color:#337092 !important; text-align:left !important; font-weight:bold !important;}


 /* Dropdown Button */
.dropbtn {
 
  color: #337092 !important; font-weight:bold;
  
  border: none;
  cursor: pointer; background: none !important; font-size: 16px !important; border:none;
}



.dropbtn:focus {
outline: none !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
/*   position: relative;   */
  display: inline-block; 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10; box-shadow: 0px 0px 16px #00000038; cursor: pointer;
}

/* Links inside the dropdown */
.dropdown-content span {
  color: #333333 !important; font-size:16px; line-height:20px; margin-bottom:15px;
/*   padding: 12px 16px; */
  text-decoration: none; font-weight:bold;
  display: block; text-align:left !important; text-decoration: none !important;
}

/* Change color of dropdown links on hover */
/* .dropdown-content a:hover {background-color: #ddd;} */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 







/* .dropbtn::after {
  color: #337092;
  content: "\f078";
  font: normal normal normal 12px/1 FontAwesome;
  height: 33px;
  padding: 15px 0 0 8px;
  pointer-events: none;
  position: absolute;
  right: -17px; 
  top: -8px;
  z-index: 10;
}

.active::after{transform: rotate(180deg) !important;top: 4px;
right: -22px;} */


.seleactive .fa-angle-down{transform: rotate(180deg) !important;top: 4px;
right: -22px;}


/* table {
  border-collapse:collapse;
}
td, th {
  padding: 10px;
} */
/* .tabledesignpricing  tbody tr { 
       position: relative;

     } */



    

.tabledesignpricing {
  padding: 5px;
  box-shadow: none;
  position: relative; }

/* .tabledesignpricing tr:first-child td  {
  border: none !important;
} */

.tabledesignpricing:after {
    content: '';
    position: absolute;
    box-shadow:0px 0px 16px #00000038 !important;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    z-index: -1;
  }
}

.tabledesignpricing tbody tr:first-child td {
  border: none;
}

.tabledesignpricing thead {
  height: 63px;
}


.mobilepricingmenu .dropdown .dropbtn{display:none;}
.mobilepricingmenu .dropdown .dropbtn:first-child{display:block;}




.greenheading{box-shadow:0px 0px 16px #00000038 !important}