/*
Theme Name: Forms Made Easy
Theme URI: https://formsmadeasy.com/frommedesy
Author: Forms Made Easy
Author URI: https://formsmadeasy.com
Description: Forms Made Easy empowers businesses to build dynamic, no-code forms in Salesforce. This powerful Salesforce form builder helps teams work 10x faster with enterprise-grade compliance.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: formsmadeasy.com
Tags: responsive, bootstrap, custom-theme
*/


:root {
  --primary-font: 'Archivo', sans-serif;
  --primary:#2F82ED;
  --secondary:#562FED;
  --secondaryOcean:#562FED;
  --secondaryYellow:#FFB131;
}
html{
	overflow-x: hidden;
}

body {
  font-family: var(--primary-font) !important;
}

/********** Global CSS Start **********/
/* Btn CSS Start */
.text-primary1{
	color:var(--primary);
}
.text-secondary1{
	color:var(--secondary);
}
.bg-secondary1{
	background-color:var(--secondary);
}
.btn1{
	text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;	
	font-size:1.1rem;
	font-weight:400;
	display: inline-block;
	transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out, box-shadow .5s ease-in-out;
}
.btn-primary1{
	color:#fff;
	background-color:var(--primary);
	border:2px solid;
	border-color:var(--primary);
}
.btn-primary1:hover{
	color:var(--primary);
	background-color:#fff;
	border:2px solid;
	border-color:var(--primary);
}
.btn-secondary1{
	color:#fff;
	background-color:var(--secondary);
	border:2px solid;
	border-color:var(--secondary);
}
.btn-secondary1:hover{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:var(--secondary);
}
.btn-light1{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:#fff;
}
.btn-light1:hover{
	color:#fff;
	background-color:var(--primary);
	border:2px solid;
	border-color:var(--primary);
}
.btn-primary-bg-light{
	color:var(--secondary);
	background-color:#fff;
	border:2px solid;
	border-color:#fff;
}
.btn-primary-bg-light:hover{
	color:#fff;
	background-color:var(--secondary);
	border:2px solid;
	border-color:var(--secondary);
}
/* Btn CSS End */

.text-line-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-line-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text-line-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*** Spinner Start ***/
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*** Spinner End ***/
/********** Global CSS End **********/

/********** Mithun CSS Start **********/

/********** Home Page CSS Start **********/

/*** Header Section CSS Start ***/
.navbar-brand img{
	width:100%;
	max-width:250px;
}
@media (max-width:575.92px){
 .navbar-brand img{
	max-width:200px;
 }
}
.navbar{
	background-color:#fff;
}
.navbar ul li a{
	line-height: 35px;
    color: #000000;
    transition: 0.5s;
    text-decoration: none;
    white-space: nowrap;
	margin-right: 30px;
}
.navbar ul li a:hover{
    color: var(--primary);
}
.navbar ul li.current_page_item a{
    color: var(--primary) !important;
} 
@media (max-width:991.92px){
.navbar .navbar-collapse{
    position: absolute;
    top: 60px;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
    padding: 25px 0px 25px 35px;
	z-index:9999 !important;
   }
}
/*** Header Section CSS End ***/
/*** Home Banner Section Start ***/
.home-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
	padding: 80px 30px;
}
.home-banner-section .blob {
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.home-banner-section .blob.pink {
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.home-banner-section .blob.purple {
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
.home-banner-section .ai-starts{
  color:#D17DFE;
  position:relative;
}
.home-banner-section .ai-starts img{
	position: absolute;
    right: -7px;
    top: 0px;
}
.trusted-brands .items{
    max-width: 225px;
/*     box-shadow: 0px 0px 22px 2px rgba(0, 0, 0, 0.1); */
    display: flex;
    align-items: center;
    justify-content: center;
/*     padding: 5px 30px; */
	padding: 0px 30px;
    min-height: 100px;
    max-height: 100px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
/* 	background: #fff; */
	transition: background 0.5s, color 0.5s;
}
.trusted-brands .items img{
    max-width: 100%;
	filter: grayscale(100%);
/*     overflow: hidden; */
    transition: ease-in-out 0.5s;
}
.trusted-brands .items:hover img{
	filter: grayscale(0%);
    transform: scale(1.1);
}

.trusted-brands .line-banner{
	display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    position: relative;
	max-width: 900px;
}
.trusted-brands .line {
   flex-grow: 1;
   height: 1px;
   background-color:#212529;
   position: relative;
}
/*** Home Banner Section End ***/

/*** Home Compliance Section Start ***/
.home-compliance-section{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home-compliance-section .items{
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.home-compliance-section .items img{
	width:100%;
	max-width:180px;
}
/*** Home Compliance Section End ***/

/*** Home Features Section Start ***/
.home-features-section .blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
	background: rgb(217 223 254 / 100%);
}
.home-features-section .blob.purple-1{
  width: 20vw;
  height: 15vw;
  bottom:15%;
  left: 5%;
}
.home-features-section .blob.purple-2{
  bottom:10%;
  right: 15%;
  width: 6vw;
  height: 15vw;
}
/*** Home Features Section End ***/

/*** Home Use Cases Section Start ***/
.home-use-cases-section{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
.use-cases-slider .icon-box img{
	width: 100%;
    max-width: 55px;
}
.home-use-cases-section .arrows-box button{
	width: 40px;
    border-radius: 50%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid;
    border-color: var(--secondary);
	color:var(--secondary);
}
.home-use-cases-section .arrows-box{
	bottom: 40px;
    position: absolute;
}
.home-use-cases-section .arrows-box button:hover{
	color:#fff;
	background-color: var(--secondary);
    border-color: var(--secondary);
}
@media(max-width:991.92px){
  .home-use-cases-section .arrows-box{
	bottom: -30px;
  }
}
@media(max-width:767.92px){
  .home-use-cases-section .arrows-box{
	bottom: -30px;
  }
}
/*** Home Use Cases Section End ***/


/*** Home Footer CTA Section Start ***/
.home-footer-cta-section .container{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	border-radius: 19px;
}
/*** Home Footer CTA Section End ***/

/*** Footer Section Start ***/
.footer, .copyright{
    background-color: #0F0A2E;
}
.footer .footer-item a{
    line-height: 35px;
    color: rgb(255 255 255 / 50%);
    transition: 0.5s;
    text-decoration: none;
    white-space: nowrap;
}
.footer .social-links a{
	color:rgb(255 255 255 / 50%);
    width: 30px;
    height: 37px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
	background: transparent;
    border: none;
	text-decoration: none;
}
.footer .footer-item a:hover, .footer .social-links a:hover{
    color: rgb(255 255 255 / 100%);
}

/*** copyright Start ***/
.copyright .right-links a{
    font-size: 14px;
    color: rgb(255 255 255 / 50%);
	text-decoration: none;
    white-space: nowrap;
    transition: 0.5s;
}
.copyright .right-links a, .copyright .footer-item a{
	margin: 10px;
    font-size: 14px;
    color: rgb(255 255 255 / 50%);
	text-decoration: none;
    white-space: nowrap;
    transition: 0.5s;
}

.copyright .right-links a:hover, .copyright .footer-item a:hover{
    color: rgb(255 255 255 / 100%);
} 

/* .footer {
    background: #F1F0FB;
}

.footer .footer-item a{
    line-height: 35px;
    color: #000000;
    transition: 0.5s;
    text-decoration: none;
    white-space: nowrap;
}

.footer .footer-item p {
    line-height: 35px;
}

.footer .footer-item a:hover {
    color: var(--primary);
}

.social-links a {
	color:#fff;
    width: 37px;
    height: 37px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
	background: transparent;
    border: none;
	text-decoration: none;
}
.social-links a:hover{
	background: transparent;
    color:var(--primary);
}
.social-links a svg {
    fill: #fff;
}
@media (min-width: 1200px) {
    .footer .footer-item {
        margin-left: auto;
    }
}*/
/*** copyright Start ***/
/* .copyright {
    background:#4C00FF;
}

.copyright .right-links a {
    font-size: 14px;
    color: #fff;
    transition: 0.5s;
}

.copyright .right-links a:hover {
    color: var(--primary);
    letter-spacing: 0.2px;
}  */
/*** Footer Section End ***/
/********** Home Page CSS End **********/

/********** Blog Page CSS End **********/
/*** 
 * Blog Banner Section Start ***/
.blog-banner-section{
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
    background-size: cover;
	padding: 80px 0px;
}
.all-blogs-section .blog-card .card-header{
	height: 200px;
}
.all-blogs-section .blog-card img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.all-blogs-section .blog-card .link-text{
	text-transform:capitalize;
	font-weight:400;
	color:#000;
}
.all-blogs-section .blog-card .link-text:hover{
	color:var(--primary);
}
.all-blogs-section .blog-card .title-link, .all-blogs-section .blog-card p{
	text-decoration: none;
    color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-blogs-section .blog-card .title-link:hover{
	color:var(--primary);
}
.blog-pagination a{
    text-decoration: none;
}
.blog-pagination a, .blog-pagination span {
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #fff;
    color: #212529;
    margin: 0px;
    border-radius: 8px;
    font-weight: 500;
    transition: .2s ease-in;
    border: 2px solid;
    border-color: #6c757d;
}
.blog-pagination a:hover, .blog-pagination span.active, .blog-pagination .page-btn{
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
/*** Blog Banner Section End ***/

/*** View Blog Banner Section Start ***/
.view-blog-banner-section{
	min-height:200px;
	max-height: 300px;
}
.view-blog-banner-section img{
	min-height:200px;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.view-blog-content-section .social-share-icons a{
	background: var(--primary);
    border: 1px solid var(--primary) !important;
	color: #fff;
    width: 37px;
    height: 37px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    text-decoration: none;
}
.view-blog-content-section .social-share-icons a:hover{
	background: #fff;
	color: var(--primary);
}
/*** View Blog Banner Section End ***/

/********** Blog Page CSS End **********/


/*Afzal Ahmed Start Css  */

/* Brand Guide Start */
/*  .brand-hero {
      height: 220px;
      background-color: #2870ff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
    }

    .brand-hero::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('https://stagingweb.formsmadeasy.com/wp-content/uploads/2025/07/Banner-Brand-Guide.webp');
      background-repeat: repeat-x;
      background-position: center;
      opacity: 0.15;
      z-index: 0;
    }
 */
.margin-top-190{
margin-top: 190px !important;
}
.extra-bold-font {
    font-size: 185px;
    font-weight: 700;
}
.bold-font {
    font-size: 1.2rem;
    font-weight: 900;
    word-break: break-all;
}
.semi-bold-font {
    font-size: 1.2rem;
    font-weight: 700;
    word-break: break-all;
}
.bold-600-font {
    font-size: 1.2rem;
    font-weight: 600;
    word-break: break-all;
}

.medium-font {
    font-size: 1.2rem;
    font-weight: 400;
    word-break: break-all;
}

.inter-font{
font-family: "Inter", sans-serif;
}


.guidelines-section .brand-logo-img {
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.22);
}

.secondary-pallete-section{
display: grid;
gap: 30px;
}

.color-palette-card{
width: 100%;
height: 200px
}


@media screen and (min-width: 480px) {
 .secondary-pallete-section{
display: flex;
gap: 30px;
}

.color-palette-card{
width: 33%; 
height: 200px;
}
}

/* Brand Guide End */

.addBgElement {
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: bottom;
  position: relative;
  z-index: 0;
}
/* Brand Guide End */

/* Blog FAQ Css Start*/
.blog-faqs-section .accordion-item {
  margin-bottom: 20px;
  border-radius: 8px !important;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #fbfbfe;
  box-shadow: 0 1px 4px 0 rgba(25, 33, 61, 0.06);
}
.blog-faqs-section .accordion-item.active {
  background-color: #eae8ff;
}
.blog-faqs-section .accordion-item .accordion-body {
  padding-top: 0px;
}
.blog-faqs-section .accordion-item button {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.15s ease-in-out;
}

.blog-faqs-section .accordion-button::after {
  display: none;
}

.blog-faqs-section .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-color: #fff;
}

.blog-faqs-section .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.blog-faqs-section .accordion-header {
  box-shadow: none;
  border: none;
  border-color: #fff;
  width: 100%;
}
.blog-faqs-section .accordion-item .accordion-button {
  border-radius: 8px !important;
}
.blog-faqs-section .accordion-item .accordion-button i {
  background-color: var(--secondary);
  color: #fff;
  border-radius: 7px;
  padding: 4px;
}
.blog-faqs-section .accordion-item .accordion-button .fa-plus {
  display: inline-block;
}
.blog-faqs-section .accordion-item .accordion-button .fa-minus {
  display: none;
}
.blog-faqs-section
  .accordion-item
  .accordion-button:not(.collapsed)
  .fa-plus {
  display: none;
}
.blog-faqs-section
  .accordion-item
  .accordion-button:not(.collapsed)
  .fa-minus {
  display: inline-block;
}
/* .blog-faqs-section .accordion-item .accordion-button:not(.collapsed) i{
	transform: rotate(-45deg);
} */
@media (min-width: 768px) {
  .blog-faqs-section .accordion-button {
    font-size: 22px;
    font-weight: 500;
  }
}
.view-blog-banner-section table td{
	border:1px solid #FFF !important; 
}

/* Blog FAQ Css End*/

/********** Industry Page CSS Start **********/

/*** Main Industries Section CSS Start ***/
.industries-section .item{
	padding:20px;
	border: 1px solid #E3E3E3;
    border-radius: 12px;
    background: #FAFAFA;
	height:100%;
    transition: all 0.3s ease;
}
.industries-section .item .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: var(--secondary);
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
/*** Main Industries Section CSS End ***/

/*** Banner Section CSS Start ***/
.industry-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
}
.industry-banner-section .blob{
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.industry-banner-section .blob.pink{
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.industry-banner-section .blob.purple{
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
/*** Banner Section CSS End ***/

/*** Swimlane View Section CSS Start ***/
.swimlane-view-section .nav{
	padding: 10px 15px;
    background-color: rgb(86 47 237 / 10%);
	display: inline-flex;
    justify-content: center;
    flex-wrap: nowrap;;
    align-items: center;
	border-radius: 50rem;
}
.swimlane-view-section .nav .nav-link{
	white-space: nowrap;
	padding: 2px 10px;
    font-size: 14px;
/* 	margin: 5px; */
	display: inline-block;
	color:rgb(86 47 237 / 100%);
/*     background-color: rgb(86 47 237 / 10%);
    border: 2px solid;
	border-color: rgb(86 47 237 / 20%); */
    border-radius: 50rem;
	transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out;
}
.swimlane-view-section .nav .nav-link.active{
	color:#fff;
    background-color: #2F82ED;
}
.swimlane-view-section .nav .nav-link:hover{
	color:rgb(86 47 237 / 100%);
    background-color: rgb(47 130 237 / 10%);
}
/* .swimlane-view-section .template-box{
	background-color: #E5E7EB;
    padding: 30px 30px;
    border-radius: 39px;
    overflow: hidden;
} */

/* .swimlane-view-section .template-box{
	border-top:1px solid rgb(98 116 142 / 50%);
	padding: 30px 0px;
	overflow: hidden;
} */
.swimlane-view-section .template-card{
	position:relative;
	padding:20px;
	border: 2px solid;
/* 	border-color:#E5E7EB; */
    border-radius: 12px;
    background: #fff;
	height:100%;
    transition: all 0.3s ease;
}
.swimlane-view-section .template-card .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
	transition: all 0.3s ease;
}
.swimlane-view-section .template-card .card-header .tags{
	padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
	border-radius: 50rem;
	color: rgb(86 47 237 / 100%);
	background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 18%);
/*     background-color: rgb(86 47 237 / 10%); */
}
.primary-light-bg{
	background-color: rgb(47 130 237 / 10%);
}
.primary-light-border{
	border-color: rgb(47 130 237 / 20%) !important;
}
.primary-dark-border{
	border-color: rgb(47 130 237 / 100%) !important;
}
.text-sky{
	color: rgb(47 190 237 / 100%);
}
.sky-light-bg{
	background-color: rgb(47 190 237 / 10%);
}
.sky-light-border{
	border-color: rgb(47 190 237 / 20%) !important;
}
.sky-dark-border{
	border-color: rgb(47 190 237 / 100%) !important;
}
.text-blue{
	color: rgb(21 93 252 / 100%);
}
.blue-light-bg{
	background-color: rgb(21 93 252 / 10%);
}
.blue-light-border{
	border-color: rgb(21 93 252 / 20%) !important;
}
.blue-dark-border{
	border-color: rgb(21 93 252 / 100%) !important;
}
.text-green{
	color: rgb(0 190 126 / 100%);
}
.green-light-bg{
	background-color: rgb(0 190 126 / 10%);
}
.green-light-border{
	border-color: rgb(0 190 126 / 20%) !important;
}
.green-dark-border{
	border-color: rgb(0 190 126 / 100%) !important;
}
.text-purple{
	color: rgb(153 14 252 / 100%);
}
.purple-light-bg{
	background-color: rgb(153 14 252 / 10%);
}
.purple-light-border{
	border-color: rgb(153 14 252 / 20%) !important;
}
.purple-dark-border{
	border-color: rgb(153 14 252 / 100%) !important;
}
.text-orange{
	color: rgb(245 74 0 / 100%);
}
.orange-light-bg{
	background-color: rgb(245 74 0 / 10%);
}
.orange-light-border{
	border-color: rgb(245 74 0 / 20%) !important;
}
.orange-dark-border{
	border-color: rgb(245 74 0 / 100%) !important;
}
.text-dark-green{
	color: rgb(0 150 137 / 100%);
}
.dark-green-light-bg{
	background-color: rgb(0 150 137 / 10%);
}
.dark-green-light-border{
	border-color: rgb(0 150 137 / 20%) !important;
}
.dark-green-dark-border{
	border-color: rgb(0 150 137 / 100%) !important;
}

/* .swimlane-view-section .template-card:hover{
    border-color:var(--secondary);
}
.swimlane-view-section .template-card .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: #F3F4F6;
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #4A5565;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
	transition: all 0.3s ease;
}
.swimlane-view-section .template-card:hover .card-header .icon-box{
	color: #fff;
    background-color: var(--secondary);
} */
.swimlane-view-section .template-card .item-body{
/*     background-color: #F1F0FB; */
    border-radius: 12px;
    padding: 15px;
}
.swimlane-view-section .template-card .item-body h4{
    font-size:16px;
	font-weight:400;
}
.swimlane-view-section .template-card .item-body ul li{
	font-size: 14px;
}
/* .swimlane-view-section .template-card .item-body ul li i{
    color: var(--secondary);
} */
/* .swimlane-view-section .template-card:hover h5{
	color: var(--secondary);
} */
@media (min-width:1400px){
  .swimlane-view-section .container-fluid{
	max-width: 1320px;
  }
}
/*** Swimlane View Section CSS End ***/

/*** Forms Types Section CSS Start ***/
.forms-types-section{
    background-color: #F9F8FF;
}
.forms-types-section .accordion-button::after {
    display: none;
}
.forms-types-section .accordion-item:first-child{
	border-top:1px solid;
	border-color:#D5D0E8;
}
.forms-types-section .accordion-item:last-child{
	border-bottom:1px solid;
	border-color:#D5D0E8;
}
.forms-types-section .accordion-item{
	display: flex;
	position: relative;
    overflow: hidden;
	background-color:transparent;
	border-right:none;
	border-top:1px solid;
	border-bottom:none;
	border-left:none;
/* 	border-color:var(--primary) !important; */
	border-color:#D5D0E8;
}
.forms-types-section .accordion-item .dot-icon{
	font-size: 14px;
    color: rgb(86 47 237 / 30%);
	margin-right: 10px;
	margin-top: 2px;
}
.forms-types-section .accordion-item.active .dot-icon{
    color: rgb(86 47 237 / 100%);
}
.forms-types-section .accordion-item.active{
	border-top:1px solid;
	border-color:#D5D0E8;
}
/* Left border container */
.forms-types-section .accordion-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 2px;
    background: var(--secondary); /* border color */
    transition: none;
}

/* Active animation */
.forms-types-section .accordion-item.active::before {
    animation: borderProgress 8s linear forwards;
}
/* Remove animation */
.forms-types-section .accordion-item.hide-animation::before {
    animation: none !important;
}

/* Animation */
@keyframes borderProgress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
.forms-types-section .forms-card{
	border-radius:19px;
}
.forms-types-section .forms-card .card-header img{
	width:100%;
	border-top-left-radius:19px;
	border-top-right-radius:19px;
}
.forms-types-section .accordion-item .card-body{
	padding-top: 10px;
}
.forms-types-section .accordion-item button{
    padding-left: 0px;
    padding-right: 0px;
	background:transparent;
}

.forms-types-section .accordion-item button:hover{
    color:var(--primary);
}
.forms-types-section .accordion-item .card-body{
    padding-left: 33px;
}
.forms-types-section .accordion-item .card-body .point-text{
	    line-height: normal;
}
.forms-types-section .accordion-item .card-body .point-text span{
	    font-weight: 400;
}
.forms-types-section .accordion-item button span{
    margin-left: -32px;
    padding-left: 32px;
	position:relative;
	z-index:99;
}
.forms-types-section .accordion-button:not(.collapsed)::before {
	display:none;
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='4ACBFF' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.forms-types-section .accordion-button::before {
	display:none;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: 0px;
    margin-right: 15px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
}

.forms-types-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-color: var(--bs-white);
    color: var(--secondary);
}

.forms-types-section .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.forms-types-section .accordion-header {
    box-shadow: none;
    border: none;
    border-color: var(--bs-white);
}
.forms-types-section .desktop-forms .forms-card{
    display: none;
}
.forms-types-section .accordion-button {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .forms-types-section .accordion-button {
        font-size: 22px;
        font-weight: 500;
    }
}
/*** Forms Types Section CSS End ***/

/*** Security & Compliance Section CSS Start ***/
.security-and-compliance-section .items{
	background-color: #fff;
    display: flex;
    padding: 20px;
    border-radius: 19px;
    border: 1px solid;
	border-color:#D9D9D9;
}
.security-and-compliance-section .items:hover{
	background-color: #ECEAFE;
    border-color: #D8D2FC;
}
.security-and-compliance-section .items p{
	font-size:14px;
}
.security-and-compliance-section .items .security-icon{
	font-size: 24px;
	height: 50px;
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
}
.secondary-icon{
	background-color: #DDD8F9;
	color: var(--secondary);
}
.primary-icon{
	background-color: #EBF5FF;
	color: var(--primary);
}
.green-icon{
	background-color: #EDFBF6;
	color: #58B704;
}
.yellow-icon{
	background-color: #FEF7EC;
	color: #F4B142;
}
.security-and-compliance-section .right-items{
	background-color:#EFEDFC;
	border-radius: 19px;
	height:100%;
	padding:30px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.security-and-compliance-section .right-items .img-card{
	background-color: #fff;
    padding: 20px;
    border-radius: 19px;
	display: flex;
    justify-content: center;
	align-items:center;
	height: 100%;
}
.security-and-compliance-section .right-items .img-card img{
	width:100%;
	max-width: 160px;
}
/* .security-and-compliance-section .security-image{
    background:#F1F0F9;
    border-radius:20px;
    padding: 40px 40px;
    display:flex;
    align-items:center;
    height:100%;
}
@media (min-width: 1400px) {
    .security-and-compliance-section .security-image{
		padding: 50px 75px;
    }
}

.security-and-compliance-section .security-image img{
	max-width:180px;
	width: 100%;
}
.security-and-compliance-section .desktop-images img{
	display:none;
}
@media (max-width: 767.92px) {
    .security-and-compliance-section .security-image img{
	    max-width:100px;
    }
}

.security-and-compliance-section .security-accordion{
	position: relative;
    left: -60px;
    margin-right: -60px;
}
@media (max-width: 575.92px) {
    .security-and-compliance-section .security-image{
		padding: 70px 20px;
		justify-content:center;
    }
	.security-and-compliance-section .security-accordion{
        left: 0;
        margin-right:0px;
    }
	.security-and-compliance-section .security-image img{
	    max-width:200px;
    }
}

.security-and-compliance-section .security-accordion .accordion-item{
    border:none;
    margin-bottom:16px;
    border-radius:14px !important;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,0.05);
}

.security-and-compliance-section .security-accordion .accordion-button{
    font-weight:600;
    font-size:18px;
    padding:18px 22px;
    background:#ffffff;
    border-radius:14px !important;
}

.security-and-compliance-section .security-accordion .accordion-button:not(.collapsed){
    background:#ffffff;
    box-shadow:none;
}

.security-and-compliance-section .security-accordion .accordion-button::after{
    display:none;
}

.security-and-compliance-section .accordion-icon{
    margin-left:auto;
    font-size:18px;
    transition:0.3s;
}

.security-and-compliance-section .accordion-button:not(.collapsed) .accordion-icon{
    transform:rotate(180deg);
}

.security-and-compliance-section .accordion-body{
    color:#6c757d;
    padding-top:0;
    padding-bottom:20px;
} */
/*** Security & Compliance Section CSS End ***/

/*** Industry Features Section CSS Start ***/
.industry-features-section .item{
	padding:20px;
	border: 1px solid #E3E3E3;
    border-radius: 12px;
    background: #FAFAFA;
	height:100%;
    transition: all 0.3s ease;
}
.industry-features-section .item .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: var(--secondary);
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
/*** Industry Features Section CSS End ***/

/*** Industry FAQs Section CSS Start ***/
.industry-faqs-section{
	background-repeat: no-repeat;
	background-position-y: center;
}
.industry-faqs-section .accordion-item{
	background-color: transparent;
	border:none;
}
.industry-faqs-section .accordion-item .accordion-button{
	font-size: 20px;
	border: 1px solid;
	border-color:#eaeaea;
    border-radius: 10px;
    background: #fff;
    transition: all 0.3s ease;
    overflow: hidden;
	box-shadow: none;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.industry-faqs-section .accordion-item .accordion-button .fa-minus-square{
	display:none;
}
.industry-faqs-section .accordion-item .accordion-button .fa-plus-square{
	display:inline-block;
}
.industry-faqs-section .accordion-item .accordion-button:not(.collapsed) .fa-minus-square{
	display:inline-block;
}
.industry-faqs-section .accordion-item .accordion-button:not(.collapsed) .fa-plus-square{
	display:none;
}
.industry-faqs-section .accordion-item .accordion-button::after{
	display:none;
}
.industry-faqs-section .accordion-item .accordion-button:not(.collapsed){
	background-color: #EAE8FF;
	color: var(--secondary);
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.industry-faqs-section .accordion-item .accordion-body{
	background-color: #EAE8FF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
/*** Industry FAQs Section CSS End ***/

/********** Industry Page CSS End **********/

/********** No-code Feature Page CSS Start **********/

/*** Banner Section CSS Start ***/
.feature-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
	background-repeat: no-repeat;
    background-position-y: center;
}
.feature-banner-section .blob{
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.feature-banner-section .blob.pink{
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.feature-banner-section .blob.purple{
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
@media (max-width:1199.92px){
   .feature-banner-section{
	   background-image: none !important;
    }
}
/*** Banner Section CSS End ***/

/*** Features Section CSS Start ***/
.features-section .item{
	padding:30px;
	border: 2px solid #E5E7EB;
    border-radius: 12px;
    background: #fff;
	height:100%;
    transition: all 0.3s ease;
}
.features-section .item:hover{
    background: #FAFAFA;
}
.features-section .item .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: var(--secondary);
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
/*** Features Section CSS End ***/

/*** Built Natively on Salesforce Section CSS Start ***/
.built-native-salesforce-section{
	background-color:#F9FAFB;
}
.built-native-salesforce-section .container{
	overflow:hidden;
	border-radius: 39px;
	background-color: #fff;
/* 	border:1px solid #E5E7EB; */
/*     box-shadow: 0px 0px 10px 0px rgb(195 191 182 / 50%); */
    box-shadow: 0px 25px 50px -12px rgb(0 0 0 / 25%);
}
.built-native-salesforce-section .light-item{
	border-top-left-radius: 39px;
	border-bottom-left-radius: 39px;
	border:1px solid #E5E7EB;
}
.built-native-salesforce-section .dark-item{
	border:1px solid var(--secondary);
}
.built-native-salesforce-section .item .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: rgb(255 255 255 / 15%);
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
@media (max-width:991.92px){
   .built-native-salesforce-section .light-item{
	   border-top-right-radius: 39px;
	   border-bottom-left-radius: unset;
    }
}
/*** Built Natively on Salesforce Section CSS End ***/

/*** Create No-Code Form Steps Section CSS Start ***/
.create-form-steps-section .item{
	position:relative;
	padding:20px;
	border: 2px solid;
	border-color:#E5E7EB;
    border-radius: 12px;
    background: #fff;
	height:100%;
    transition: all 0.3s ease;
}
.create-form-steps-section .item:hover{
    border-color:var(--secondary);
}
.create-form-steps-section .item .step-number{
	color: #fff;
    background-color: var(--secondary);
	position: absolute;
    right: -10px;
    top: -10px;
    min-width: 35px;
    border-radius: 50%;
    min-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
	box-shadow: 0px 4px 10px rgb(0 0 0 / 30%);
}
.create-form-steps-section .item .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
    background-color: #F3F4F6;
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
    color: #4A5565;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
	transition: all 0.3s ease;
}
.create-form-steps-section .item:hover .card-header .icon-box{
	color: #fff;
    background-color: var(--secondary);
}
.create-form-steps-section .item:hover .card-header h5{
	color: var(--secondary);
}
/*** Create No-Code Form Steps Section CSS End ***/

/********** No-code Feature Page CSS End **********/

/********** Templates Page CSS Start **********/

/*** Banner Section CSS Start ***/
.templates-banner-section{
	height: 100%;
    width: 100%;
    overflow: hidden;
    background: #f9f9ff;
    position: relative;
}
.templates-banner-section .blob{
    position: absolute;
    width: 32vw;
    height: 32vw;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: 0;
}

.templates-banner-section .blob.pink{
  top: 10%;
  right: 20%;
  background: rgb(255 214 240 / 50%);
}

.templates-banner-section .blob.purple{
  bottom:0%;
  left: 10%;
  background: rgb(201 214 255 / 60%);
}
/*** Banner Section CSS End ***/

/*** Templates Post Section CSS Start ***/
.tempate-nav-filter{
	position: sticky;
    top: 100px;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0px 8px 10px rgb(211 211 211 / 50%);
}
.tempate-nav-filter .search-container input{
	border: 1px solid #CAD5E2;
    background-color: #F8FAFC;
    border-radius: 8px;
    padding: 8px 10px;
}
.tempate-nav-filter .dropdown .dropdown-btn{
	width:100%;
	border: 1px solid #CAD5E2;
    background-color: #F8FAFC;
    border-radius: 8px;
    padding: 8px 10px;
	display: flex;
    justify-content: space-between;
	align-items:center;
}
.tempate-nav-filter .dropdown .dropdown-btn i{
	transform: rotate(0deg);
}
.tempate-nav-filter .dropdown .dropdown-btn.show i{
	transform: rotate(180deg);
}
.tempate-nav-filter .dropdown .dropdown-btn::after{
	display:none;
}
.tempate-nav-filter .dropdown .dropdown-menu{
	width:100%;
	padding: 10px;
}
.tempate-nav-filter .dropdown .dropdown-menu li a{
	display: flex;
    align-items: center;
    justify-content: space-between;
	border-radius:8px;
}
.tempate-nav-filter .dropdown .dropdown-menu li a:hover{
	background-color: #F1F0FB;
}
.tempate-nav-filter .dropdown .dropdown-menu .badge{
	background-color: #F1F0FB;
    color: #000;
}
.all-templates-section .items:last-child{
    border-right: none;
}
.all-templates-section .items .card-header{
	border: 1px solid;
    border-color: rgb(86 47 237 / 50%);
    padding: 0px 30px 0px 30px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, #EAE8FF, #F1F0FB);
    border-radius: 19px;
}
.all-templates-section .items .card-header img{
	width:100%;
	border-radius: 12px;
	transform: translateY(50px);
	transition: transform .5s ease-in-out;
}
.all-templates-section .items:hover .card-header img{
	transform: translateY(30px);
}
.all-templates-section .items .card-header .btn-preview{
	display:none;
	position: absolute;
    top: 60%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	transition: transform .5s ease-in-out;
}
.all-templates-section  .items:hover .card-header .btn-preview{
    display:flex;
}
/*** Templates Post Section CSS End ***/

/*** Templates Preview Section CSS Start ***/
.template-preview-model{
	background-color: rgb(47 130 237 / 60%);
}
.template-preview-model iframe{
	width:100%;
	min-height: 575px;
/* 	min-height:767px; */
}
.template-preview-model .object-box{
	background-color: #EFF6FF;
	border-radius:12px;
	border:1px solid #DBEAFE;
	padding: 15px;
}
.template-preview-model .object-box .object-icon{
	background: #DBEAFE;
    color: #155DFC;
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: none;
}
.template-preview-model .object-box ul li i{
	color:#00983D;
}
.template-preview-model .preview-template-btn{
	text-decoration: none;
	color:#000;
}
.template-preview-model .preview-template-btn:hover{
	text-decoration: none;
	color:#2F82ED;
}
/*** Templates Preview Section CSS End ***/

/********** Templates Page CSS End **********/


/********** Solutions Page CSS Start **********/

/***  Solutions Feature  Section CSS End ***/
.solutions-features-section .nav-pills{
	padding: 15px;
	background-color:#fff;
	border: 2px solid #E8E5F7;
	border-radius:19px;
	height: 100%;
}
.solutions-features-section .nav-pills .nav-link{
	color:#4B4771;
	background: #fff;
	position: relative;
    text-align: left;
	display:flex;
	align-items:center;
	border-radius:9px;
	border-left:2px solid;
	border-color:#fff;
}
.solutions-features-section .nav-pills .nav-link:hover{
	background: #E8E5F7;
}
.solutions-features-section .nav-pills .nav-link.active{
	color:var(--secondary);
	background: #EAE6FD;
	border-color:var(--secondary);
}
.solutions-features-section .nav-pills .nav-link lable{
	font-size: 18px;
}
.solutions-features-section .nav-pills .nav-link span i.fa-angle-right{
	color:#E8E5F7;
}
.solutions-features-section .nav-pills .nav-link.active span i.fa-angle-right{
	color:var(--secondary);
}
.solutions-features-section .tab-content{
	height: 100%;
}
.solutions-features-section .tab-content .tab-pane{
	background-color:#fff;
	border: 2px solid #E8E5F7;
	border-radius:19px;
	position: sticky;
    top: 100px;
}
.solutions-features-section .tab-content .tab-pane .items{
	height: 100%;
}
.solutions-features-section .tab-content .tab-pane .left-item .point-box{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 20px 20px;
}
.solutions-features-section .tab-content .tab-pane .left-item .point-box li span{
	color:#1db97a;
	width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color:rgb(29 185 122 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
	margin-right: 7px;
}
.solutions-features-section .tab-content .tab-pane .right-item{
	background-color:#E8E3FD;
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
}
.solutions-features-section .tab-content .tab-pane .left-item .btn-box .btn-secondary1{
	transition: all 0.2s;
	transform: translateY(0px);
}
.solutions-features-section .tab-content .tab-pane .left-item .btn-box .btn-secondary1:hover{
	background-color: var(--secondary);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0px 5px 30px rgb(86 47 237 / 50%);
}
.solutions-features-section .tab-content .tab-pane .left-item .btn-box .text-secondary1 i{
	transform: translateX(0px);
	transition: all 0.2s;
}
.solutions-features-section .tab-content .tab-pane .left-item .btn-box .text-secondary1:hover i{
	transform: translateX(8px);
}
@media (min-width: 1400px) {
	.solutions-features-section .tab-content .tab-pane{
		height: 100%;
	}
}
.solutions-features-section .feature-icon{
    width: 40px;
    height: 40px;
	min-width: 40px;
    min-height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
	border: none;
}
.secondary-icon{
	background-color: rgb(91 63 222 / 15%);
    color: rgb(91 63 222 / 100%);
}
.green-icon{
	background-color: rgb(26 158 90 / 15%);
    color: rgb(26 158 90 / 100%);
}
.blue-icon{
	background-color: rgb(26 126 200 / 15%);
    color: rgb(26 126 200 / 100%);
}
.purple-icon{
	background-color: rgb(152 16 250 / 10%);
    color: rgb(152 16 250 / 100%);
}
.orange-icon{
	background-color: rgb(196 48 122 / 15%);
    color: rgb(196 48 122 / 100%);
}
.yellow-icon{
	background-color: rgb(196 112 16 / 15%);
    color: rgb(196 112 16 / 100%);
}
@media (max-width:1199.92px){
	.solutions-features-section .tab-content .tab-pane .left-item .point-box{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:991.92px){
	.solutions-features-section .tab-content .tab-pane{
		display:block !important;
		opacity:1 !important;
		margin-bottom:20px;
		position: unset;
		top: unset;
		top: auto;
	}
	.solutions-features-section .tab-content{
	  height: auto;
    }
}
@media (max-width:425px){
	.solutions-features-section .tab-content .tab-pane .left-item .point-box{
        grid-template-columns: repeat(1, 1fr);
    }
}
/***  Solutions Feature  Section CSS End ***/

/*** Solutions Industry Section CSS Start ***/
.solution-industry-section .item{
	padding:20px;
	border: 1px solid #E8E5F7;
    border-radius: 12px;
	height:100%;
    transition: all 0.3s ease;
}
.solution-industry-section .item:hover{
	box-shadow: 0px 4px 30px 0px rgb(86 47 237 / 15%);
}
.solution-industry-section .item .card-header .icon-box{
	font-size: 25px;
	line-height: 0;
/*     background-color: var(--secondary); */
    width: 50px;
    height: 50px;
	min-width: 50px;
    min-height: 50px;
/*     color: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}
.solution-industry-section .item .pill {
    color: var(--secondary);
    text-align: center;
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 999px;
    background: rgb(91 63 222 / 5%);
    border: 1px solid;
    border-color: rgb(91 63 222 / 20%);
    margin-right: 6px;
    margin-top: 6px;
}
.solution-industry-section .item .btn-box{
	margin-top:20px;
	padding-top:15px;
	text-align:right;
	border-top:2px solid #E8E5F7;
}
.solution-industry-section .item .btn-box .btn1{
	color: var(--secondary);
}
.solution-industry-section .item .btn-box .btn1:hover{
	color: var(--primary);
}

.solution-industry-section .item .btn-box .btn1{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease;
}

/* Arrow animation */
.solution-industry-section .item .btn-box .btn1 i{
	transition: transform 0.3s ease;
}

/* Hover effect */
.solution-industry-section .item .btn-box .btn1:hover i{
	transform: translateX(6px);
}

/*** Solutions Industry Section CSS End ***/

/********** Solutions Page CSS End **********/


/********** Comparison Page CSS Start **********/

/*** Comparison Features Section CSS Start ***/

.comparison-features-section table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 22px 2px rgba(0, 0, 0, 0.1);
    border-radius: 19px;
  }
.comparison-features-section table thead{
	position: sticky;
	top: 96px;
}

  .comparison-features-section th{
    padding-top: 30px !important;
	  background-color:#EFEBFF;
  }
  .comparison-features-section td, .comparison-features-section th {
    /* border: 1px solid #dddddd; */
    text-align: center;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    max-width: 390px;
  }
.comparison-features-section table tbody td:first-child{
	display:flex;
	align-items:center;
}
.comparison-features-section table tbody td .feature-icon{
	background-color: rgb(91 63 222 / 15%);
    color: rgb(91 63 222 / 100%);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border: none;
}
.comparison-features-section th img{
	width: 100%;
    max-width: 146px;
    margin-right: 10px;
}
  .comparison-features-section tr:nth-child(odd) {
    border-top: 1px solid #F3F4F6;
    border-bottom: 1px solid #F3F4F6;
    background-color: #FCFCFE;
  }
@media (max-width:767px) {
    .comparison-features-section .table-container{
        overflow-x: scroll;
    }
    .comparison-features-section table{
        min-width: 778px;
        overflow-x: scroll;
    }
}

.comparison-features-section .select-container .form-select{
    width: 100%;
    padding: 10px;
    border: 2px solid;
	border-color: #ccc;
    border-radius: 5px;
    font-size: 16px;
}
.comparison-features-section .select-container .form-select:focus{
    border-color: #ccc;
    box-shadow: none;
}

/* .comparison-features-section #search-bar {
    width: 100%;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}
.comparison-features-section .search-container button{
    position: absolute;
	right: 5px;
	border: none;
    border-radius: 5px;
	display:none;
}

.comparison-features-section .suggestions-list {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    border: 2px solid #ccc;
    border-top: none;
    overflow-y: auto;
    background-color: white;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 10;
	position: absolute;
    right:0;
    background: #fff;
    width: 100%;
    box-shadow: 0px 0px 22px 2px rgba(0, 0, 0, 0.1);
}

.comparison-features-section .suggestions-list li {
    padding: 10px;
    cursor: pointer;
	display: flex;
    align-items: center;
}

.comparison-features-section .suggestions-list li:hover {
    background-color: #f0f0f0;
}
.comparison-features-section .suggestions-list li img{
    width: 100%;
    max-width: 35px;
    margin-right: 6px;
} */
@media (max-width:991.92px) {
	.comparison-features-section table thead{
	    position: relative;
	    top: 0;
    }
}
/*** Comparison Features Section CSS End ***/

/*** Benefits Section CSS Start ***/
.benefits-section{
    background-color: #F9F8FF;
}
.benefits-section .accordion-button::after {
    display: none;
}
.benefits-section .accordion-item:first-child{
	border-top:1px solid;
	border-color:#D5D0E8;
}
.benefits-section .accordion-item:last-child{
	border-bottom:1px solid;
	border-color:#D5D0E8;
}
.benefits-section .accordion-item{
	display: flex;
	position: relative;
    overflow: hidden;
	background-color:transparent;
	border-right:none;
	border-top:1px solid;
	border-bottom:none;
	border-left:none;
/* 	border-color:var(--primary) !important; */
	border-color:#D5D0E8;
}
.benefits-section .accordion-item .dot-icon{
	font-size: 14px;
    color: rgb(86 47 237 / 30%);
	margin-right: 10px;
	margin-top: 2px;
	padding-left: 1px;
}
.benefits-section .accordion-item.active .dot-icon{
    color: rgb(86 47 237 / 100%);
}
.benefits-section .accordion-item.active{
	border-top:1px solid;
	border-color:#D5D0E8;
}
/* Left border container */
.benefits-section .accordion-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 2px;
    background: var(--secondary); /* border color */
    transition: none;
}

/* Active animation */
/* .benefits-section .accordion-item.active::before {
    animation: benefitBorderProgress 8s linear forwards;
} */
/* Remove animation */
.benefits-section .accordion-item.hide-animation::before {
    animation: none !important;
}

/* Animation */
@keyframes benefitBorderProgress{
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
.benefits-section .forms-card{
	border-radius:19px;
}
.benefits-section .forms-card .card-header img{
	width:100%;
	border-top-left-radius:19px;
	border-top-right-radius:19px;
}
.benefits-section .accordion-item .card-body{
	padding-top: 10px;
}
.benefits-section .accordion-item button{
    padding-left: 0px;
    padding-right: 0px;
	background:transparent;
}

.benefits-section .accordion-item button:hover{
    color:var(--primary);
}
.benefits-section .accordion-item .card-body{
    padding-left: 33px;
}
.benefits-section .accordion-item .card-body .point-text{
	    line-height: normal;
}
.benefits-section .accordion-item .card-body .point-text span{
	    font-weight: 400;
}
.benefits-section .accordion-item button span{
    margin-left: -32px;
    padding-left: 32px;
	position:relative;
	z-index:99;
}
.benefits-section .accordion-button:not(.collapsed)::before {
	display:none;
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='4ACBFF' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.benefits-section .accordion-button::before {
	display:none;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: 0px;
    margin-right: 15px;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
}

.benefits-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-color: var(--bs-white);
    color: var(--secondary);
}

.benefits-section .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.benefits-section .accordion-header {
    box-shadow: none;
    border: none;
    border-color: var(--bs-white);
}
.benefits-section .desktop-forms .forms-card{
    display: none;
}
.benefits-section .accordion-button {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .benefits-section .accordion-button {
        font-size: 22px;
        font-weight: 500;
    }
}
/*** Benefits Section CSS End ***/

/********** Comparison Page CSS End **********/


/*************************/
/** FAQs Page CSS Start **/
/*************************/

/*** FAQs Banner Section End ***/

.faqs-banner-section .search-wrap {
      max-width: 520px;
      margin: 0 auto;
      position: relative;
      animation: fadeUp .7s .3s ease both;
    }

.faqs-banner-section .search-wrap input {
      width: 100%;
      padding: 16px 56px 16px 22px;
      border: 2px solid rgba(11, 11, 11, 0.567);
      background: rgba(255, 255, 255, .1);
      border-radius: 12px;
      color: black;
      font-size: 1rem;
      outline: none;
      transition: border-color 0.3s cubic-bezier(.4, 0, .2, 1), background 0.3s cubic-bezier(.4, 0, .2, 1);
      backdrop-filter: blur(4px);
    }

.faqs-banner-section .search-wrap input::placeholder {
      color: rgba(27, 24, 24, 0.496);
    }

.faqs-banner-section .search-wrap input:focus {
      border-color: var(--accent-cyan);
      background: rgba(255, 255, 255, .15);
    }

.faqs-banner-section .search-wrap .search-icon {
      position: absolute;
      right: 18px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(27, 24, 24, 0.496);
      pointer-events: none;
    }
/*** FAQs Banner Section End ***/

/*** FAQs Main Section Start ***/
/* ── SIDEBAR ── */
.main-faq-section .sidebar {
      position: sticky;
      top: 90px;
      animation: fadeLeft .6s .4s ease both;
    }

.main-faq-section .sidebar-title {
      font-size: .75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: #6B7A99;
      margin-bottom: 12px;
    }

.main-faq-section .sidebar-nav {
      list-style: none;
    }

.main-faq-section .sidebar-nav li {
      margin-bottom: 4px;
    }

.main-faq-section .sidebar-nav a {
      display: block;
      padding: 9px 14px;
      border-radius: 8px;
      color: #2D3A55;
      text-decoration: none;
      font-size: .88rem;
      font-weight: 500;
      transition: background 0.3s cubic-bezier(.4, 0, .2, 1), color 0.3s cubic-bezier(.4, 0, .2, 1), padding-left 0.3s cubic-bezier(.4, 0, .2, 1);
      position: relative;
    }

.main-faq-section .sidebar-nav a::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      height: 0;
      background: var(--primary);
      border-radius: 3px;
      transition: height 0.3s cubic-bezier(.4, 0, .2, 1);
    }

.main-faq-section .sidebar-nav a:hover,
    .sidebar-nav a.active {
      background: #E8F0FE;
      color: var(--primary);
      padding-left: 20px;
    }

.main-faq-section .sidebar-nav a:hover::before, .main-faq-section .sidebar-nav a.active::before {
      height: 60%;
    }

.main-faq-section .sidebar-support {
      margin-top: 32px;
      background: linear-gradient(135deg, var(--primary), #0047D4);
      border-radius: 14px;
      padding: 24px;
      color: white;
      text-align: center;
    }

.main-faq-section  .sidebar-support h4 {
      font-size: .95rem;
      margin-bottom: 8px;
    }

.main-faq-section .sidebar-support p {
      font-size: .82rem;
      opacity: .85;
      margin-bottom: 16px;
    }

.main-faq-section .sidebar-support a {
      display: inline-block;
      background: white;
      color: var(--primary);
      padding: 8px 18px;
      border-radius: 8px;
      font-size: .82rem;
      font-weight: 700;
      text-decoration: none;
      transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
    }

.main-faq-section .sidebar-support a:hover {
      transform: translateY(-2px);
    }
/* ── ANIMATIONS ── */
    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(24px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeLeft {
      from {
        opacity: 0;
        transform: translateX(-20px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes fadeRight {
      from {
        opacity: 0;
        transform: translateX(20px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* accordion */
.main-faq-section .accordion-item {
      border: 1.5px solid !important;
	  border-color: #EEF1F7 !important;
      border-radius: 14px !important;
      margin-bottom: 10px;
      overflow: hidden;
      transition: border-color 0.3s cubic-bezier(.4, 0, .2, 1), box-shadow 0.3s cubic-bezier(.4, 0, .2, 1);
      background: white;
    }
/* .main-faq-section .accordion-item:not(:first-of-type){
	border-top: 1.5px solid;
}
.main-faq-section .accordion-item:last-of-type{
	border-top: 1.5px solid;
} */

.main-faq-section .accordion-item:hover {
      border-color: var(--primary) !important;
      box-shadow: 0 2px 8px rgba(0, 87, 255, .08);
    }

.main-faq-section .accordion-item.open {
      border-color: var(--primary) !important;
      box-shadow: 0 8px 32px rgba(0, 87, 255, .13);
    }

.main-faq-section .accordion-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 20px 22px;
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      transition: background 0.3s cubic-bezier(.4, 0, .2, 1);
    }

.main-faq-section .accordion-trigger:hover {
      background: #F7F9FC;
    }

.main-faq-section .accordion-item.open .accordion-trigger {
      background: #E8F0FE;
    }

.main-faq-section .accordion-question {
      font-size: .97rem;
      font-weight: 600;
      color: #0A1628;
      line-height: 1.45;
    }

.main-faq-section .accordion-item.open .accordion-question {
      color: var(--primary);
    }

.main-faq-section .accordion-chevron {
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      border-radius: 50%;
      background: #EEF1F7;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s cubic-bezier(.4, 0, .2, 1), transform 0.3s cubic-bezier(.4, 0, .2, 1);
    }

.main-faq-section .accordion-item.open .accordion-chevron {
      background: var(--primary);
      transform: rotate(180deg);
    }

.main-faq-section .accordion-chevron svg {
      width: 14px;
      height: 14px;
    }

.main-faq-section .accordion-chevron svg path {
      stroke: #6B7A99;
    }

.main-faq-section .accordion-item.open .accordion-chevron svg path {
      stroke: white;
    }

.main-faq-section .accordion-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s cubic-bezier(.4, 0, .2, 1), padding 0.3s ease;
    }

.main-faq-section .accordion-item.open .accordion-body {
      max-height: 600px;
    }

.main-faq-section .accordion-body-inner {
      padding: 0 22px 22px;
      font-size: .93rem;
      color: #2D3A55;
      line-height: 1.8;
      border-top: 1px solid #E8F0FE;
      padding-top: 18px;
    }

.main-faq-section .accordion-body-inner a {
      color: var(--primary);
      font-weight: 500;
    }

.main-faq-section .accordion-body-inner strong {
      color: #0A1628;
    }

    /* tag chips */
.main-faq-section .tag-chip {
      display: inline-block;
      background: #E8F0FE;
      color: var(--primary1);
      font-size: .72rem;
      font-weight: 700;
      padding: 3px 9px;
      border-radius: 20px;
      margin-left: 8px;
      vertical-align: middle;
      letter-spacing: .04em;
    }

    /* ── NO RESULTS ── */
.main-faq-section .no-results {
      display: none;
      text-align: center;
      padding: 60px 20px;
      color: #6B7A99;
    }

.main-faq-section .no-results.show {
      display: block;
    }

.main-faq-section .no-results svg {
      width: 48px;
      height: 48px;
      opacity: .35;
      margin-bottom: 12px;
    }

.main-faq-section .no-results p {
      font-size: 1rem;
    }
.main-faq-section .faq-section-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 2px solid #EEF1F7;
    }

.main-faq-section .faq-section-header h2 {
      font-size: 1.3rem;
      font-weight: 700;
      color: #0A1628;
    }
.main-faq-section .faq-category-section{
	margin-bottom: 56px;
}
/*** FAQs Main Section End ***/

/***********************/
/** FAQs Page CSS End **/
/***********************/