/* Pricing Grid 
---------------------------------------------*/

.pricing-grid-container {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
/*grid-auto-rows:auto;*/
grid-gap:1px;
margin:80px 30px;
box-shadow: 0 0 50px 15px #eff2f3;
border-radius:15px;
}

.pricing-grid-item {
display:flex;
flex-direction:column;
padding:30px 30px 120px 30px;
position:relative;
}

.pricing-grid-item-title {
font-size:20px;
font-weight:bold;
}

.pricing-grid-item-description {
font-size:14px;
padding:30px 20px 30px 0;
}

.pricing-grid-item-rate {
display:inline-block;
line-height:64px;
font-size:64px;
font-weight:bold;
background:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
padding:0px 20px 20px 0;
}

.pricing-grid-item-from {
font-size:18px;
font-weight:bold;
background:linear-gradient(to bottom left, rgba(87, 164, 77, 0.83) 25%, rgba(4, 153, 183, 0.82) 75%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
display:inline-block;

}

.pricing-grid-item-benefits {
font-size:12px;
padding-bottom:40px;
}

.pricing-grid-item-benefits ul  {
list-style:none;
padding:0;
margin:0;
}

.pricing-grid-item-benefits li {
padding:7px 0;
}

.pricing-grid-item-benefits img {
width:12px;
margin-right:10px;
padding-left:none;
}

.pricing-grid-button {
text-align:center;
position:absolute;
bottom:60px;
right:30px;
left:30px;
}

.pricing-grid-item-border {
border-right:1px solid #d0d3d4;
}

/* Pricing Grid Media Queries
---------------------------------------------*/

@media (min-width:320px) and (max-width:499px) {
.pricing-grid-item-title {font-size:16px;}
.pricing-grid-item-description {font-size:12px;padding:10px 10px 10px 0;}
.pricing-grid-item-rate {font-size:34px;padding:20px 20px 20px 0;}
.pricing-grid-item-benefits {font-size:12px;padding-bottom:10px;}
}

@media (min-width:320px) and (max-width:699px) {
.pricing-grid-container{grid-template-columns:repeat(1, minmax(0, 1fr));}
.pricing-grid-item{border-right:none;border-bottom:1px solid #d0d3d4;}
.pricing-grid-item-collapse-border{border-bottom:none;}
}

@media (min-width:700px) and (max-width:993px) {
.pricing-grid-container{grid-template-columns:repeat(2, minmax(0, 1fr));}
.pricing-grid-item-no-border {border-right:none;}
.pricing-grid-item-collapse-border{border-right:1px solid #d0d3d4;}
}

/* Pricing Banner 1 
---------------------------------------------*/

.pricing-banner-1-wrapper {
padding:0px;
background-color:#eff2f3;
}

.pricing-banner-1-container {
display:grid;
grid-template-columns:1fr 1fr;
grid-auto-rows:auto;
background-color:#5a6771;
/*border-radius:5px;*/
}

.pricing-banner-1-item {
padding:50px 0;
padding:55px 30px;
/*margin:10px;*/
}

.pricing-banner-1-item-title {
font-size:36px;
color:#d0d3d4;
font-weight:bold;
}

.contact-sales {
padding:50px 0;
}

.pricing-banner-1-item-list {
font-size:16px;
color:#fff;
}

.pricing-banner-1-ol ul {
color:#fff;
padding:5px;
}

.pricing-banner-1-ol img {
width:30px;
margin-right:15px;
margin-bottom:5px;
}

/* Pricing client logo banner
---------------------------------------------*/

.pricing-banner-1-client-logos-container {
display:grid;
grid-template-columns:repeat(6, 1fr);
grid-auto-rows:auto;
grid-gap:1px;
padding:75px 0;
}

.pricing-banner-1-client-logos-item {
display:flex;
align-items:center;
justify-content:center;
}

/* Pricing client logo banner - Media Queries
---------------------------------------------*/

@media (min-width:320px) and (max-width:499px) {
.pricing-banner-1-client-logos-container {grid-template-columns:repeat(1, 1fr);margin:0 0;}
.pricing-banner-1-client-logos-item {padding:20px 50px;}
}

@media (min-width:500px) and (max-width:910px) {
.pricing-banner-1-client-logos-container {grid-template-columns:repeat(3, 1fr);grid-auto-rows:120px;}
}


/* Pricing FAQ
---------------------------------------------*/

.pricing-faq-container {
padding:70px 30px;
}

.pricing-faq-header {
font-size:52px;
font-weight:bold;
}

.collapsible {
background-color:#fff;
color:#333f48;
cursor:pointer;
margin:30px 0 0 0;
width:100%;
text-align:left;
font-size:24px;
font-weight:bold;
outline:none;
border:none;
padding:30px 0 0 0;
}

.collapsible:after {
content:url(../images/pricing/plus-solid.svg);
display:block;
width:28px;
float:right;
margin-left:20px;
}
/*
.active, .collapsible:hover {
}
*/
.pricing-faq-container .active:after {
content:url(../images/pricing/minus-solid.svg);
width:28px;
}

.content {
display:none;
overflow:hidden;
padding:20px 0 0 0 ;
margin-right:150px;
transition:max-height 5s ease-in-out;
}

.divider {
width:100%;
padding:20px 0;
border-bottom:1px solid #d0d3d4;
}

/* Pricing FAQ - Media Queries
---------------------------------------------*/

@media (min-width:320px) and (max-width:499px) {
.pricing-faq-header {font-size:38px;}
.content {margin-right:10px;font-size:12px;}
.collapsible {font-size:16px;padding:10px 0 0 0;}
.collapsible:after {width:14px;}
.active:after {width:14px;}
.divider{padding:10px 0;}
}