
.channels .parent {
	font-size: 28px;
    color: #1f344f;
}

.channels .div {
    line-height: 36px;
    font-weight: 600;
    width: auto;
}

.channels .per-month {
    font-size: 16px;
    line-height: 24px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('http://thingsolver.local/wp-content/themes/thing-solver/inc/price/img/ico/16/chevron-up.svg');
transform: rotate(360deg);
}

.accordion-button::after {
  background-image: url('http://thingsolver.local/wp-content/themes/thing-solver/inc/price/img/ico/16/chevron-up.svg');
transform: rotate(-180deg);
}
h2::after {
  display: none;
}
.accordion-button{
  line-height: 20px;
  font-weight: 600;
  font-size: 14px;
  color: #1f344f !important;
  background-color: #f5f6f7 !important;
}
.accordion-body {
  padding: 0;
}
.accordion {
width: 100%;
}

#price .content {
margin-top: 100px;
}
.nav-link {
  color: #032d60;
  text-align: left;
  font-weight: 400;
}
.nav-link.active {
  font-weight: 600;
  color: #0176d3;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  text-align: left;
  color: #0176d3;
}
.vertical-tabs button.active {
   background: #F5F6F7 !important;
   border-right: 4px solid #0176d3 !important;
}

.vertical-tabs button:hover {
   background: #F5F6F7;
}

.vertical-tabs button:hover .title{
   color: #0176d3;
  font-weight: 600;
}

.vertical-tabs button{
border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  padding: 16px 0;
  padding-left: 20px;
}

.subtitle {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #9ea4ac;
  font-weight: 400;
}


.campaigning {
text-align: left;
}

.vertical-tabs button.active .text-wrapper-2 {
   color: #27A3DC;
}


 .form-check-input {
  width: 64px !important;
  height: 2em;
  background-color: #27A3DC;
}

.form-check-input[type="checkbox"] {
	background-color: #015AA2;
  	border-color: #015AA2;
}
.form-switch .form-check-input{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !IMPORTANT;
}

button.show-hide:hover {
background: #032d60;
border: 1px solid #032d60;
}

button.show-hide {
  border-radius: 6px;
  border: 1px solid #015AA2;
  padding: 12px 24px;
  color: #015AA2;
  font-weight: 600;
}

.per-year-show {
  display: none;
}

.cta1-btn {
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: #fff;
}

.plan-details {
    width: 100%;
}    

.ts-accordion-body {
    width: 100%;
}
.faq-footer {
    justify-content: flex-end;
}

.hide-plan-details {
    position: relative;
    line-height: 24px;
    font-weight: 600;
}
.cta-hide-plan .ico16chevron-up-icon {
    width: 16px;
    position: relative;
    height: 16px;
    overflow: hidden;
    flex-shrink: 0;
}
.cta-hide-plan {
    position: relative;
    border-radius: 6px;
    border: 1px solid #015AA2;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 24px;
    gap: 8px;
    text-align: left;
    font-size: 16px;
    color: #015AA2;
    font-family: Poppins;
    cursor: pointer;
    width: 248px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    margin-bottom: 24px;;
} 
.package-peronalization-hub {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.billed-monthly {
  font-weight: 600;
}   

.billing-switch {
  width: 320px;
}
.contact-us {
  position: relative;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  font-family: Poppins;
  color: #1f344f;
  text-align: left;
  }
  .frame-group {
       flex-direction: column;  
  }
  .frame-parent {
  text-align: left;
  }
  .title .div {
    width: auto;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    font-family: Poppins;
    color: #1f344f;
  }
  .title .per-month {
    font-size: 16px;
    line-height: 24px;
    font-family: Poppins;
    color: #1f344f;
    text-align: left;
}
.ico16check-wrapper {
  justify-content: center;
}  
.wrapper {
  justify-content: flex-end;
}

.faq9, .features8 {
  padding-right: 56px;
}

.starters .faq9,
.starters .features8 {
  padding-right: 16px;
}
.starters .features17,
.starters .features18 {
  padding-right: 16px;
}

.features17 .container,
.features18 .container,
.features33 .container  {
  justify-content: flex-end;
  padding: 0;
}

.features40 .wrapper,
.features41 .wrapper {
  justify-content: center; 
  padding-right: 0;

}

.gb-parent {
  padding: 0;
}

.features10 .wrapper {
  justify-content: flex-end;
}

.frame-parent4 {
  padding: 0;
}

.features24 .wrapper,
.features35 .wrapper{
  justify-content: center;
  padding: 0;
}

.tier-0s {
  width: 184px;
}
.frame-parent7 {
  padding: 0;
}
.faq8.enterprise  .faq9 {
  padding: 16px;
}
.faq8.enterprise .features8 {
  padding-right: 16px;
}
.faq8.enterprise .features17,
.faq8.enterprise .features18,
.faq8.enterprise .features24,
.faq8.enterprise .features25,
.faq8.enterprise .features35,
.faq8.enterprise .features33,
.faq8.enterprise .features39{
  padding-right: 16px;
}

.faq8.enterprise .features24 .div {
  width: 184px;
}

.faq8.enterprise .compare-our-plans-parent {
  padding-right: 56px;;
}


.faq8.enterprise  .gb-parent {
  padding-right: 0px;
}

.features17.faq-footer .frame-parent30{
  display: flex;
  gap: 16px;
}

.faq8.enterprise-personalization  .faq9 {
  padding-right: 16px;
}

.faq8 .saas {
  width: 184px;
  display: flex;
  justify-content: center;
  padding-right: 64px;
}
.faq8.starters .saas {
  padding-right: 0;
}
.faq8.smb .saas {
  padding-right: 0;
}

.faq7.starters,
.faq8.starters .features24,
.faq8.starters .features33,
.faq8.starters .features35,
.faq8.starters .features39 {
  padding-right: 16px;
}

.faq8.starters .features27 .wrapper,
.faq8.starters .features28 .wrapper {
  padding-right: 40px;
  display: flex;
}

.faq8  .div {
  width: 184px;
}

.features24 .features-child {
  display: none;
}
/*
.faq8, .features33 {
  font-size: 14px;
}*/

.starters-site-plans {
  font-weight: 600;
}

.starters .tab-content {
  width: 50%;
}
.tab-content.enterprise {
  width: 65%;
}
.faq8.enterprise  .features2 {
  padding: 16px;
}
.faq8.enterprise .tier-0s {
  justify-content: center;
  display: flex;
}

.faq8.enterprise .frame-parent5 {
  padding-right: 40px;
}  

.faq7.enterprise .tier-0s {
  	width: 184px;
  	justify-content: center;
  	display: flex;
}
.faq8.enterprise .cloudon-prem-wrapper, .faq8.enterprise .features-inner, .faq8.enterprise .frame-parent9 {
	padding: 0px 0px 0px 0px;
}
.faq8.enterprise .features4, .faq8.enterprise .features11, .faq8.enterprise .features28, .faq8.enterprise .features19, .faq8.enterprise .features20 {
	padding: 16px 16px 16px 16px;
}
.faq8.enterprise .cloudon-prem {
	justify-content: center;
	display: flex;
}

.faq8.enterprise .contact-us-container {
	padding: 0;
}    
.faq7.enterprise, .faq7.starters {
	padding: 0px 16px 0px 0px;
}

.faq8.enterprise .gb {
	width: 184px;
}    

.cta1 {
    background-color: #015AA2;
}
.cta1:hover {
    background-color: #032d60;
}
.cta5, .cta4, .cta3 {
     background-color: #015AA2;
}

.cta5:hover, .cta4:hover, .cta3:hover {
     background-color: #032d60;
     color: #fff;
}

.faq8.smb .faq9  {
    padding-right: 16px !important;
}

.faq8.smb .features17,
.faq8.smb .features18,
.faq8.smb .features2,
.faq8.smb .features33,
.faq8.smb .features35,
.faq8.smb .features39,
.faq8.smb .features24 {
    padding-right: 16px !important;
}

.faq8.smb .features1 {
	background-color: transparent;
}

.faq7.smb { 
	padding: 16px 16px 16px 16px;
}

.one-btn {
	margin-right: 40px;
}    

.faq8.enterprise .features17.faq-footer .frame-parent30 {
   width: 585px;
} 

.faq8.enterprise .one-btn {
	margin-right: 0px;
}    

@media (min-width: 920px) {
	#v-pills-tabContent {
		width: 65%;
	}
    .one-btn {
	margin-right: 40px;
	}
    .faq8.enterprise .one-btn {
	margin-right: 0px;
	}   
}

@media (min-width: 992px) and (max-width: 1280px) {
	.tier-0s {
  		width: 92px;
	}
	.ico16check-wrapper {
   		width: 92px;
	}
	.ico16remove-wrapper {
  		width: 92px;
	}
    .contact-us9 {
  		width: 292px;
	}
    .faq8.enterprise .features24 .div {
  		width: 92px;
	}
    #v-pills-customer-hub .faq8 .div{
  		width: 92px;
	}
    .saasmanaged {
  		width: 92px;
    }    
    .faq8.enterprise .gb {
      	width: 92px;
    }
    
    .faq8 .saas {
 		width: 92px;
    }
    
    .cta1 .content {
		font-size: 12px;
	}

	#v-pills-channels .starts-from-parent .per-month {
    	font-size: 12px;
	}
	#v-pills-channels .starts-from-parent .parent {
  		font-size: 12px;
	}
    .cta1 {
  		font-size: 12px;
	}
    #v-pills-channels .cta1 {
    	padding: 12px 12px;
    }
    .contact-us {
        font-size: 24px;
    }
}

@media only screen and (max-width: 991px) {

	#v-pills-customer-hub-tab {
    	font-size: 16px;
    }    
 
    #price .content {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .package-parent {
        display: flex;
          flex-flow: column;
    }
    
    .tab-content {
      width: 100%;
      order: 1;
    }
    .tab-content.enterprise {
  		width: 100%;
  		order: 1;
    }
    .vertical-tabs {
        width: 100%;
        order: 2;
    }
    .faq7 {
      font-size: 16px;
    }
    .content, .content1 {
      font-size: 14px;
    }
    .customer-hub, .marketing-hub, .personalization-hub {
      line-height: 18px;
    }
    .features17 {
      
      padding-right: 0;
    }

    .starters .features17 {
      padding-left: 16px;
    }  

    .ico16check-wrapper, .ico16check-frame, .ico16check-container {
      width: auto;
    }
    .frame-parent2, .frame-container {
      text-align: center;
      font-size: 14px;
    }
    .marketing-hub {
      width: auto;
      margin-left: 0px;

    }

    .cta5, .cta4 {
      padding: 12px 12px;
    }

    .features2 > .marketing-hub,
    .faq9 > .marketing-hub,
    .features8 > .marketing-hub{
      margin-left: 0px; 
    } 
    
    .features24 .marketing-hub,
    .features35 .marketing-hub{
      width: 150%;
      padding-left: 0;
    }
    
    .faq8.enterprise .features24 .div {
  		width: auto;
	}
    
    .faq8.smb .features8 {
  		padding-right: 16px;
	}
    .faq8.smb .features17 .container,
    .faq8.smb .features18 .container{
  		gap: 40px;
	}
    /*
    .faq8.starters .features18 .frame-parent19 .saas,
    .faq8.starters .features33 .frame-parent19 .saas{
		font-size: 10px;
	}
       
    .faq8.enterprise .features18 .parent .marketing-hub {
		font-size: 10px;
	}
    .faq8.enterprise .features24 .parent .div {
		font-size: 10px;
	}
    .faq8.enterprise .features25 .parent .div {
		font-size: 10px;
	}
    
    .faq8.enterprise .features17 .parent .saasmanaged {
		font-size: 10px;
	}
    */
    .faq8.enterprise .saasmanaged {
    	width: auto;
     }
     
     .faq8.enterprise .cta-container {
  		width: auto;
	}
    .faq8 .saas {
      width: auto;
    }
    
    .faq8.smb .wrapper {
    	width: auto;
    }
    
    .faq8 .contact-us9 {
  		width: auto;
    }
    .faq8.smb .saas-wrapper .saas {
      padding-right: 0;
    }

    .features24,
    .features35 {
    padding: 16px 0px 16px 16px;
    } 
    .frame-parent3 {
      font-size: 12px;
      gap: 15px;
    }
    .cta4 .calculate-your-price,
    .cta5 .calculate-your-price{
      font-size: 12px;
    }

    .starter-wrapper {
      width: auto;
    }
    .tier-0s {
      width: auto;
    }
    .starter3 {
      width: auto;
    }   
    .faq7 {
      padding: 0px 20px 0px 0px;
    }
    .frame-parent19 {
      padding: 0px 10px 0px 0px;
      gap: 40px;
    }  

    .features33 .frame-parent19 {
      padding: 0
    }  

    .features18 {
      padding: 16px 0px 16px 16px;
    }
    .frame-parent4 {
    gap: 40px;
    }
    .frame-parent4, .features-inner {
      padding: 0px 10px 0px 0px;
    
    } 
    .starters-site-plans {
      padding-left: 5px;
    }
    .features33, .features39 {
      font-size: 14px;
    } 
    .features27 > .customer-hub,
    .features28 > .customer-hub,
    .features40 > .customer-hub,
    .features41 > .customer-hub {
      width: 150%;
    }
    .gb {
      width: auto;
    } 
    .package-peronalization-hub {
      max-width: none;
      margin-left: 0;
      margin-right: 0;
    }
    .features18 .marketing-hub {
      margin-left: 0;
    }
    .faq7.smb {
  		padding: 16px 16px 16px 16px;
	}
	.faq8.smb .faq9 {
  		padding-right: 16px;
	}
    .faq8.smb .features2,
    .faq8.smb .features17,
    .faq8.smb .features18,
    .faq8.smb .features33,
    .faq8.smb .features24,
    .faq8.smb .features35 {
  		padding: 16px 16px 16px 16px;
	}
    .tab-content.enterprise {
    	width: 100$;
	}
}