﻿.heading-gap {margin-bottom: clamp(2rem, 4vw, 3.75rem);}
.section--pricing-hero{background: #F7F9FF;}
.section--pricing-hero .container{max-width: 900px;}
.pricing-hero-caption{row-gap: 30px;}
.pricing-hero-caption h1{color: #1241FF;font-size: clamp(32px, 5vw, 55px);}
.pricing-hero-caption h2{font-size: 27px;}

.section-pricing-block{background: linear-gradient(180deg, #F7F9FF 0%, #FFFFFF 100%);}

.pricing-card-Swiper .card{padding: clamp(16px, 3vw, 30px); background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); border-color:#A6B8FF; border-radius: calc(var(--BorderRadius) + 10px); row-gap: 40px; transition:all 0.5s ease;}
.pricing-card-Swiper .card:hover, .pricing-card-Swiper .card.active{border-color:#4785FF!important; box-shadow: 0px 4px 17.7px rgba(0, 0, 232, 0.17);}


.card-header-price h2{font-size: clamp(22px, 3.5vw, 35px);}
.card-header-price p, .custom-pricing p{font-size: 13px; color: #14141E; line-height: 160%; letter-spacing: 2%;}
.custom-pricing h3{font-size: clamp(20px, 3vw, 30px);}

.price-card-body ul li{padding-left:30px; font-size: 14px; line-height: 160%;}
.price-card-body ul li:before{content: '';position: absolute;top:2px;left: 0px;--size: 18px;width:var(--size);height: var(--size);border-radius:100%;background: #58B471;}
.price-card-body ul li:after{content: '';position: absolute;top: 7px;left: 4px;width: 9px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform: rotate(-49deg);}

.pricing-btn-startupr{background: #5454FF;}
.pricing-btn-pro{background: #0000E8;}
.pricing-btn-enterprise{background:#00006E;}

.section--price-cta{background:#F8FAFF}
.price-cta-inner{background: url('../images/price/price-cta-bg.webp') no-repeat center; background-size: cover; border-radius: calc(var(--BorderRadius) + 10px);}

.section--support{background: linear-gradient(180deg, #F7F9FF 0%, #FFFFFF 100%);}
.support-card{padding: clamp(20px, 2.5vw, 30px);}
.support-card h3{font-size: 20px; letter-spacing: 1px;}

.support-card {background: #4F46E5; transition: transform .3s ease;}
.support-card-dark {background: #2C2EDB;}
.support-card-darker {background: #1E1B9E;}
.support-card:hover {transform: translateY(-5px);}
.icon-wrap svg {color: #fff;}


.section--pricing-compare{}

.features-header{border-bottom: solid 1px #8E8E8E;}
.features-list{grid-template-columns:40% 1fr 1fr 1fr; column-gap: 2rem;}
.features-list div{width: 40%;}
.features-list div + div {width: 20%;}

.features-header-title{font-size: clamp(18px, 3vw, 35px);}
.plan-name{font-size: clamp(16px, 3vw, 27px);}

.enterprise{color: #00006E;}
.startup{color: #5454FF;}
.plus{color: #0000E8;}

.cs-btn{background: #EBEBFE80; color: #1D1D1D; font-size: var(--Bodytext); padding: 0.4rem 1rem 0.5rem 1rem;}
.cs-btn:hover{background:var(--PrimaryClr); color: var(--WhiteClr);}

.plan-list .accordion-header .accordion-button{font-size: 20px; border-bottom:solid 1px #8E8E8E ;}
.feature-text{color: #14141E;}
.accordion-body .features-list{border-bottom: solid 1px #CFCFCF; padding:0.781rem 0px;}


@media (min-width:1200px) {
	.pricing-hero-caption p{font-size: 18px; max-width: 59ch;}
	.plan-list .accordion-header{pointer-events: none;}
	.plan-list .accordion-header .accordion-button:after{display: none;}
}	

@media (max-width: 960px) {
	.pricing-hero-caption h2{font-size: 20px; line-height: 30px;}
	.pricing-hero-caption {row-gap: 20px;}
	.pricing-card-Swiper .card{row-gap: 20px;}
	.pricing-outer-wap{overflow-x: auto;}
	
	.features-list{grid-template-columns:35% 1fr 1fr 1fr; column-gap:1rem;}
	.cs-btn{font-size:12px; font-weight: 500!important;}
	.accordion-body .features-list{font-size:12px;}

	/* .plan-compare-main .accordion {width: 161%;} */

	.features-list div{width:150px;}
	.features-header-title  br{display: none;}
	.features-list div + div {width:130px;}
	.features-header-title{line-height: normal!important;}
	.plan-list .accordion-header .accordion-button{font-size:16px;}

}




