﻿body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    font-style: normal;
}
h2, .entry-content :where(h2) {line-height:1.2em;}
h3{ font-size:40px;}h4{ font-size:32px;}h5{ font-size:24px;}
p, ul, li{ font-size:16px; color: #000000;}
.list-style-type-disc{list-style-type: disc !important;}
.w-15{width: 15% !important;}
.w-60{width: 60% !important;}
.fs-7 {
    font-size: 0.75rem !important;
}
.hero-banner .hero-cont {
    display: flex;
    padding: 30px 40px;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.hero-banner .hero-btn p{
    display: block;
    width: auto;
    margin: 10px 0px 0px;
    text-align: center;
    font-size: 14px;
}
a{color:#7776ec;}
.text-primary{color:#7776ec !important;}
.fill-primary{fill: #7776ec !important;}
.link-primary{color:#7776ec !important; text-decoration-color: #7776ec !important;}
.hero-gradient{ background:linear-gradient(90deg, #F9EFF4 0%, #CED5F6 43.75%, #F8DEE3 69.71%, #F4F4FB 100%) !important;}
.link-primary:hover, .link-primary:focus {color: #4443c0 !important;text-decoration-color: #4443c0 !important;}
a.text-primary-hover:hover, button.text-primary-hover:hover{color:#7776ec;}
.main-header-menu .menu-item{ font-size:16px;}
.inner-container-medium { max-width: 1000px; margin-right: auto; margin-left: auto;}
.icon-sm-medium { width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 85%;}
.site-header-primary-section-right a{color:#000000;}
/*.navbar-brand{ background: #ffffff;}*/
.nav-link{color: #000000;}
.nav-link:hover, .nav-link:focus{color:#7776ec; outline-color:#ffffff;}
.back-top{ background: #000000;}
.back-top:hover{ background: #333333;}
.btn:hover, .btn:first-child:active{ background:#a0a0ec; border-color:#a0a0ec;}
h2{ font-size:2.6rem;}
.home-banner{padding-top: 0 !important}
.home-banner img{ width:100%;}
.nevermiss-block h2{ font-size:3rem;}
.counter-block h2{font-size:5rem; font-weight:600 !important;}
h2 span{ color: #7776ec}
.mb-n10 { margin-bottom: -16rem !important;}
.btn{border-color: transparent;}
.bg-primary {background-color: #7776ec !important;}
.bg-purple{background: #CCCCFF;}
.bg-b-pink{background: #f4f2f7;}
.bg-light-green{background: #E5FFE7 !important;}
.text-purple{ color:#7776ec;}
.btn.btn-outline-light{border-color: #96969a;}
.navbar-expand-xl .navbar-brand .navbar-brand-item { height: 60px; }
.collab-block .card {background: #fff7ff;border: 1px solid rgba(224, 225, 224, 1);}
.collab-block .card .bg-image { background: #fff; border: 1px solid rgba(224, 225, 224, 1); border-top-left-radius: 24px; padding: 20px 10px 0px 15px; border-right: transparent; border-bottom: transparent; border-bottom-right-radius: 24px;border-bottom-right-radius: 2rem;}
.collab-block .bg-image .inner { background-image: url(../../assets/images/collab-image2.png);background-repeat: no-repeat; background-size: contain; height: 180px; background-position: left;}
.collab-block .icon { background-color: rgba(119, 118, 236, 1); display: inline-block; width: 40px; height: 40px; border-radius: 100px; text-align: center; position: relative; background-repeat: no-repeat; background-size: auto; background-position: center;}
.collab-block .icon.gc { background-image: url(../../assets/images/group-calling.png);}
.collab-block .icon.wt { background-image: url(../../assets/images/icon-warm-transfer.png);}
.collab-block .icon.it { background-image: url(../../assets/images/internal-threats.png);}
.collab-block .icon.an { background-image: url(../../assets/images/team-analytics.png);}
.collab-block .icon.fl { background-image: url(../../assets/images/filter-conversations.png);}
.collab-block .icon.cl { background-image: url(../../assets/images/view-call-logs.png);}
.collab-block .ic { display: inline-block; width: 29px; height: 29px; text-align: center; position: relative; background-repeat: no-repeat; background-size: auto; background-position: center;}
.collab-block .an { background-image: url(../../assets/images/ico-collab1-green.png);}
.collab-block .fl { background-image: url(../../assets/images/ico-collab2-green.png);}
.collab-block .cl { background-image: url(../../assets/images/ico-collab3-green.png);}
.easycl-block .inner-container .card{ background: none !important;}
.easycl-block .card{background: linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%);}
.easycl-block .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before, .easycl-block .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:after, .accordion.accordion-icon .accordion-header .accordion-button:before, .accordion.accordion-icon .accordion-header .accordion-button:after{ display:none;}
.nav-pills-border-start .nav-link, .nav-pills-border-start .nav-link:hover, .nav-pills-border-start .nav-link:focus{ border:1px solid transparent;}
.nav-pills-border-start .nav-link.active{ border-left: 3px solid #7776ec;}
.call-feature-block .active:before { content: ""; background: #7776EC; height: 6px; width: 16px; position: absolute; top: 42%; left: -5px; border-radius: 3px; transform: rotate(90deg);}
.testimonial-block .card{border: 4px solid #C5DDFF; background: #FFFFFF;}
.testimonial-block .card .card-body{background-color: #C5DDFF;background-image: url(../../assets/images/test-nike.png); background-repeat: no-repeat; background-position: bottom right; background-size: 28%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-radius: 24px;}
.testimonial-block .btn.swiper-button-disabled, .profile-block .btn.swiper-button-disabled{background: #ccc; color: #00000080;}
.testimonial-block .percnt-num{font-size: 3.4rem; font-weight: 300; line-height:60px;}
.pipeline-block .boxx{height: 130px;width: 130px;}
.pipeline-block .nav-pills-border-start .nav-link{ padding-left:0; padding-right:0;padding-bottom: 1.5rem;padding-top: 1.5rem; border-radius:0;background:none; border:0;margin-bottom: 0 !important;}
.pipeline-block .nav-pills-border-start .nav-link.active, .pipeline-block .nav-pills-border-start .nav-link:focus{  border-bottom:1px solid #cccccc;} 
.mainfooter-block .bg-white.rounded{box-shadow: 0px 4px 20px 10px #7c7c7c0f; border-top-left-radius:50px !important; border-top-right-radius:50px !important;}
.profile-block .swiper-outside-end-n20 { margin-right: -60vw;}
.profile-block h2{font-size:2.6rem;}
.profile-block .rounded-5{ background: #f6f5f7 !important; padding: 2rem !important;}
.profile-block .rounded-5.card .overlay {top:0; left: 0px; width: 100%; bottom: 30%;position: absolute;background: linear-gradient(180deg, rgba(246, 245, 247, 0) 0%, #F6F5F7 50%);height: 100%; border-radius:33px;}
.profile-block .rounded-5.card .card-footer{ z-index:0; padding-top:1rem;}
.profile-block .card.card-img-scale img{width:100%;}
.profile-block .card.card-img-scale div:nth-child(2){overflow:hidden;}
.profile-block .card.card-img-scale div:nth-child(2) oimg{object-fit:cover; object-position:top;}
.testimonial-block .swiper-outside-end-n20 { margin-right: -140vw;}

.easycl-block .nav-pills-border-start .nav-link{ width:31%; margin-left:0.5rem; margin-right:0.5rem;background: #ffffff; border: 1px solid #cccccc;}
.easycl-block .nav-pills-border-start .nav-link .d-flex{ justify-content:center; font-size:14px;}
.easycl-block .nav-pills-border-start .nav-link.active{ background: #ccccff !important;}
.mainfooter-block ul{ margin-left:0;}

.hero-badge > div{background: linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%); font-size:14px;}
.ipage .hero-banner .hero-cont{ padding:0 60px;}
.ipage .cols.left .hero-desc{margin: 0px 0px 30px;}
.ipage .cb-inner .rounded-5 .rounded-5{border-radius: 1.6rem !important;}
.ipage .cb-inner.collab-block .card{box-shadow: 0px 10px 20px rgba(29, 58, 83, 0.15);}
.ipage .cb-inner.collab-block .icn{ font-size:1.75rem;}

.plans-block .card.rounded-5{border-radius: 1.6rem !important;}
.plans-block .card.rounded-5 .rounded-5{border-radius: 1.6rem 1.6rem 0 0 !important;}
.plans-block .table > tbody > tr:nth-of-type(even) > * { background-color:#F8F8F8;}
.plans-block .table > tbody > tr:nth-of-type(odd) > * { background-color: #ffffff;}

.plans-block table th:first-child, .plans-block table td:first-child{ padding-left:1.5rem;}
.plans-block table th{ border-bottom:1px solid #E0E1E0; font-family:"Nunito", sans-serif !important; color:#000000; font-size: 1.125rem; font-weight: 700 !important;}
.plans-block table td{ border-color: #E0E1E0;background-color:#F8F8F8;color:#000000;}
.plans-block table tr:last-child td{ border-bottom:1px solid #ffffff;}
.ipage .easycl-block .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before, .easycl-block .accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:after, .accordion.accordion-icon .accordion-header .accordion-button:before, .accordion.accordion-icon .accordion-header .accordion-button:after{ display:block;}
.v-m-block .icn{ font-size:11rem; line-height:10rem;}
.accordion.accordion-border-bottom .accordion-body {color: #000000;}
.ipage{ width:100%;}
.ipage .nevermiss-block li{ font-size:0.75rem;}
.ipage .miscl-agent-block h2{ font-size:2.5rem;}
.miscl-agent-block #featuree-tabContent img{ width:100%;}
.about-page .miscl-agent-block img{ width:100%;}
.flare-block .fcl{ color: #eb2d3f}
.flare-block .lcl{ color: #fab001}
.flare-block .acl{ color: #3393e0}
.flare-block .rcl{ color: #4db617}
.flare-block .ecl{ color: #cf2163}
.flare-block .row [class^=col] { padding-top: .75rem; padding-bottom: .75rem; border: 1px solid #f3f4f3; border-top:none; border-bottom:0;}
.flare-block .row [class^=col]:first-child{ border-left:0;}
.flare-block .row [class^=col]:last-child{ border-right:0;}
.flare-block .row:first-child [class^=col] { padding:0.25rem; border: 0;}
.flare-block .row:first-child .col.fcl{background-color: #eb2d3f; margin-left: 15px; margin-right: -15px;}
.flare-block .row:first-child .col.lcl{background-color: #fab001}
.flare-block .row:first-child .col.acl{background-color: #3393e0}
.flare-block .row:first-child .col.rcl{background-color: #4db617}
.flare-block .row:first-child .col.ecl{background-color: #cf2163; margin-right: 15px; margin-left: -15px;}
.plans-block table thead th{ border:0;}
.rounded-top-start-5 {border-top-left-radius: var(--bs-border-radius-xxl) !important;}
.rounded-top-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important;}
.rounded-bottom-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important;}
.rounded-bottom-end-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important;}

.home-page .profile-block ul{ margin:0;}
.home-page .with-without-block .card .d-flex{/*background: #fbf8ff !important;*/ padding: 1.5rem 2rem 0.5rem !important; min-height:80%;}
.home-page .built-respons-block .swiper-slide{ padding-bottom:1.5rem;}
.home-page .built-respons-block .card .card-body{ min-height:450px;}
.home-page .step-process > *::before{z-index:0;}
.with-without-block .plans-block table td { text-wrap: auto; padding: 12px 27px;}
.home-page .with-without-block .card .plans-block .d-flex{ padding:10px 0 !important; background-color: transparent !important;}
.home-page .with-without-block .card .plans-block .d-flex .bi{ font-size:23px; line-height:23px;}
.home-page .with-without-block .text-danger {color:#ff0000; font-size:22px;}
.home-page .with-without-block .text-success {font-size: 24px; line-height: 28px;}
.home-page .with-without-block .row .col-md-5:first-child{ margin-right: -4rem;}
.home-page .with-without-block .row .col-md-5:first-child .card .d-flex{ padding-right: 4rem !important;}
.arrow-btn {display: inline-flex; align-items: center; gap: 8px;}
.arrow { display: inline-block; transition: transform 0.35s cubic-bezier(.4,0,.2,1);}
.arrow-btn:hover .arrow { transform: translateY(6px);}
.arrow-btn:active .arrow {transform: translateY(2px);}
.strp-txt{ background-color:#F9E834;}
.main-header-menu #menu-item-1751 .sub-menu{ width:430px;}
.main-header-menu #menu-item-1751 .sub-menu a div{ color:#000000; pointer-events:none;}
.card-shadow{box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);}
.pricing-page .easycl-block .nav{border:1px solid #cccccc;}
.pricing-page .easycl-block .nav-pills-border-start .nav-link{width: 50%; margin-left: 0; margin-right: 0;}
.pricing-page .easycl-block .nav-pills-border-start .nav-link{ background: none; border:none;}
.pricing-page .easycl-block .nav-pills-border-start .nav-link.active{ border:1px solid #cccccc;}
.pricing-page .easycl-block .pop{margin-top: -45px; position:absolute;}
.pricing-page .easycl-block .g-plan{margin-left: -26px;}
.pricing-page .easycl-block .fre-plan{ margin-left:-26px;}
.pricing-page .tab-block .nav-pills .nav-link {padding: 0.5rem 0.75rem;}
.pricing-page .link-opacity-75-hover:hover{ color:#0a257c !important;}
.pricing-page .link-opacity-75-hover .collapsed{position:relative;}
.pricing-page .link-opacity-75-hover .collapsed:after {content: '+';margin-left: 10px; font-size: 22px;}
.pricing-page .link-opacity-75-hover .expanded{position:relative;}
.pricing-page .link-opacity-75-hover .expanded:after {content: '-';margin-left: 10px; font-size: 22px;}
.pricing-page [aria-expanded="false"] > .expanded,[aria-expanded="true"] > .collapsed {display: none;}
.pricing-page .pricing-sec .bg-success.rounded-end-pill, .pricing-page .pricing-sec .bg-success.rounded-pill{ background-color:#0F9B0F !important;}
.pricing-page .pricing-sec span.text-success{ color:#0F9B0F !important;}
.pricing-page .pricing-sec .pricing-sec-rgt p, .pricing-page .pricing-sec .pricing-sec-rgt li{ font-size:14px;} 
.pricing-page.approval-card .easycl-block .nav-pills-border-start .nav-link{width:auto; color:#000000;border: 1px solid transparent;}
.pricing-page.approval-card .copy-btn{padding:0.5rem 1.5rem !important;}
.pricing-page.approval-card .btn.btn-success{background-color: #0F9B0F !important; color: #ffffff !important;}
.text-success{ color:#0F9B0F !important;}
.text-danger{ color:#ff0000 !important;}
.about-page .easycl-block img{ width:100%;}

.bg-warning{ background-color:#F1C232 !important}
.tnc-page.ipage .hero-banner .hero-cont{ min-height:250px; padding: 30px 60px; align-items: inherit;}
.tnc-page ul{ margin-left:0; padding-left:20px;}
.tnc-page ul li{ padding-bottom:5px;}
.tnc-page h6{ margin-top:2rem;}
.flip-horizontal{transform:scaleX(-1)}
.pagination-primary-soft .page-item.page-item.active .page-link{ background-color:#ccccff !important; color:#fff;}
/*.g-plan-b p, .g-plan-b ul li{ font-size:12px;}*/
.form-control, input.form-control, button.btn.btn-primary.btn-lg.active {font-size: 13px !important}
#requestDemoForm-menu-form h5 {color: #fff !important}
.btn-primary, .ast-custom-button{background-color: #000000 !important; color: #ffffff !important;padding-top: 12px !important; padding-right: 24px !important; padding-bottom: 12px !important; padding-left: 24px !important;}
.hero-btn .btn-primary{padding-top: 18px !important; padding-right: 32px !important; padding-bottom: 18px !important; padding-left: 32px !important; box-shadow:0px 5px 12px -1px #8356ff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{background-color: #7776ec; color: #ffffff;}
.btn-outline-primary{ border:1px solid #7776ec; color:#7776ec;padding-top: 12px !important; padding-right: 24px !important; padding-bottom: 12px !important; padding-left: 24px !important;}
.bg-gradient-hr{background-image: linear-gradient(86deg, rgb(240, 240, 255), rgb(255, 242, 235));}

.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu{transform: translate3d(0px, 0rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; opacity: 1; border-radius:1rem;box-shadow: 0 0 8px #0000001a;}
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#7776ec !important;}
.dropdown-item:hover .icon-md.bg-gradient-hr, .dropdown-item:focus .icon-md.bg-gradient-hr{background: linear-gradient(86deg, var(--color-purple-500, #5754FF) 0%, var(--color-purple-300, #9B99FF) 100%);}
.dropdown-item:hover .icon-md.bg-gradient-hr .bi, .dropdown-item:focus .icon-md.bg-gradient-hr .bi{ color: #ffffff !important;}

.dropdown-item.p-2{padding:0 !important;}
.dropdown-item:hover, .dropdown-item:focus{ background-color:transparent !important;}
.dropdown-menu .bg-purple.rounded-end-5{border-bottom-right-radius:1rem !important; border-top-right-radius:1rem !important;}
.stretched-link::after{display:none;}
.card-title a:hover{ text-decoration:underline;}
.blog-bg{background-color: #f8f9ff; background-image: 
        radial-gradient(at 0% 0%, hsla(253,16%,7%,0) 0, hsla(270, 50%, 95%, 1) 50%), 
        radial-gradient(at 50% 0%, hsla(225, 39%, 30%, 0) 0, hsla(210, 60%, 92%, 1) 50%), 
        radial-gradient(at 100% 0%, hsla(339, 49%, 30%, 0) 0, hsla(330, 70%, 94%, 1) 50%),
        radial-gradient(at 50% 100%, hsla(210, 100%, 98%, 1) 0, hsla(210, 100%, 98%, 0) 50%);
    background-size: cover;
    background-attachment: fixed;}
.swiper-wrapper .card.overflow-hidden{ border-radius:2rem;}
.post-content :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))) { font-size: 36px; font-weight: 600; letter-spacing: 0; line-height: 1.2; margin-bottom: 1.5rem; margin-top: 4rem; scroll-margin-top: 7rem;}
.post-content :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))) { font-size: 28px; font-weight: 600; letter-spacing: 0; line-height: 1.2; scroll-margin-top: 7rem;}
/*.widget .blog-page ul{list-style-type: initial;}*/
.page-id-2452 .mainfooter-block{diaplay:none;}
.page-id-2452 .page-wrapper{ padding-top:0;}
header .btn:focus, header .btn:active { box-shadow: none !important; outline: none !important;}
.navbar-nav .dropdown-menu .dropdown-item .bi-chevron-right {
    justify-content: center;
    align-items: center;
    width: .75rem;
    height: .75rem;
    display: flex;
}
.miscl-agent-block .g-0.rounded-5.border{background: linear-gradient(to right, white 50%, transparent 50%), linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%);}
.navbar-nav .dropdown-menu .dropdown-item .bi-chevron-right, .bg-gradient-hr.dropdown-header .bi-chevron-right { display:none; width:0; transition: width .2s;}
.navbar-nav .dropdown-menu .dropdown-item, .bg-gradient-hr.dropdown-header {cursor: pointer;}
    .navbar-nav .dropdown-menu .dropdown-item:hover .bi-chevron-right, .bg-gradient-hr.dropdown-header:hover  .bi-chevron-right{ width: 0.75rem; display:inline-block;}
/* Remove nav-pills background & active styles */
#agentTabs button > span:nth-child(2){ font-size: 1.5rem; line-height: 1.2em; margin-bottom: 0.5rem;}
#agentTabs button > span:last-child{ font-size: 16px; }
#agentTabs .nav-link {background: transparent;border: 0;padding-left: 0;padding-right: 0; color: #000; white-space: normal !important;}
#agentTabs .nav-link.active, #agentTabs .nav-link:focus, #agentTabs .nav-link:hover {background: transparent !important; box-shadow: none !important;}
#agentTabs .nav-link.active > span:nth-child(2), #agentTabs .nav-link:focus > span:nth-child(2), #agentTabs .nav-link:hover > span:nth-child(2) {color: #7776ec !important;}
.progress-line{position:relative;display:block;width:100%;height:3px;background:#e9ecef;overflow:hidden;margin-bottom:1.5rem;}
.progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#7776ec;}
header.header-sticky-on{position:fixed;z-index:1040;top:0;left:0;right:0;background-color:var(--bs-body-bg);-webkit-animation:fadeInDown .1s;animation:fadeInDown .1s;width:100%;border-bottom:1px solid var(--bs-gray-200);}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}
.form-control,.form-control-lg,.form-floating textarea,textarea.form-control{text-align:left;padding-top:.75rem;padding-bottom:.75rem;line-height:1.4;}
.form-label{text-align:left;display:block;}
.hl{position:relative;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;contain:layout style;}
.hl::before{content:'';position:absolute;inset:-4px -10px;background:#f9e84b;border-radius:10px;z-index:-1;transform:rotate(-0.3deg) skewX(-1deg);filter:url(#hl-rough);}
.hl::after{content:'';position:absolute;top:2px;bottom:-3px;right:-3px;width:20%;z-index:0;pointer-events:none;}

.fs-16{ font-size:16px !important;}
.navbar .dropdown-item-lst{grid-column-gap: .5rem; grid-row-gap: .5rem;}
.pro-hl{ background: #7776ec !important; color: #ffff; padding: 3px 11px 4px;  border-radius: 50px; font-weight:bold;}
.hidden { display:none !important;}
.tab-pane{ transition: opacity 0.2s ease;}
:root {
      --pastel-1: #ffd6e0; /* rose */
      --pastel-2: #ffecd2; /* peach */
      --pastel-3: #d4f1f4; /* sky */
      --pastel-4: #dfe7fd; /* lavender */
      --pastel-5: #d5f5e3; /* mint */
      --pastel-6: #fef9c3; /* lemon */
      --pastel-7: #ede0f9; /* lilac */
      --pastel-8: #fce4ec; /* blush */
      --pastel-9: #e0f7fa; /* aqua */
      --pastel-10: #fff3e0; /* cream */
      --pastel-11: #e8f5e9; /* sage */
      --pastel-12: #fce8d5; /* apricot */
      --ink: #1a1a2e;
      --muted: #5a5a7a;
    }

    .industry-table{border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;box-shadow:0 4px 32px rgba(80,60,120,0.08);width:100%;border:1.5px solid #e4dff5;background:#fff;}
    .industry-table td{padding:1.15rem 1.2rem;font-weight:600;font-size:0.97rem;color:var(--ink);text-align:center;border:1px solid #ece8f8;transition:transform .18s ease,box-shadow .18s ease;cursor:default;position:relative;}
    .industry-table td:hover{transform:scale(1.045);z-index:2;box-shadow:0 4px 18px rgba(80,60,120,0.13);}


    /* Pastel color map per cell */
    .c1  { background: var(--pastel-1); }
    .c2  { background: var(--pastel-2); }
    .c3  { background: var(--pastel-3); }
    .c4  { background: var(--pastel-4); }
    .c5  { background: var(--pastel-5); }
    .c6  { background: var(--pastel-6); }
    .c7  { background: var(--pastel-7); }
    .c8  { background: var(--pastel-8); }
    .c9  { background: var(--pastel-9); }
    .c10 { background: var(--pastel-10); }
    .c11 { background: var(--pastel-11); }
    .c12 { background: var(--pastel-12); }

    /* Pill label inside cell */
    .industry-table td span {
      display: inline-block;
    }

    /* Rounded corners on table corners */
    .industry-table tr:first-child td:first-child { border-top-left-radius: 17px; }
    .industry-table tr:first-child td:last-child  { border-top-right-radius: 17px; }
    .industry-table tr:last-child  td:first-child { border-bottom-left-radius: 17px; }
    .industry-table tr:last-child  td:last-child  { border-bottom-right-radius: 17px; }

    /* Responsive: stack to 2 cols on small screens */
    @media (max-width: 576px) {
      .industry-table td {
        font-size: 0.85rem;
        padding: 0.85rem 0.5rem;
      }
    }

    .pers-pill{ position:absolute; top:18px; right:20px;}

    :root{
    --accent:#7c5af6;
    --dur:4800ms;
    --border:#e8e8f0;
    }

    .left-panel{background:none;overflow:hidden;}
    .acc-item{position:relative;cursor:pointer;border-bottom:1px solid var(--border); padding:20px 0 25px;}
    .acc-item:last-child{border-bottom:none;}
    .acc-content{max-height:0;overflow:hidden;transition:max-height .45s ease,opacity .4s ease;opacity:0;}
    .acc-item.active .acc-content{max-height:200px;opacity:1;}
    .prog{position:absolute;top:0;left:0;height:1px;width:100%;background:#eee;}
    .prog-fill{height:100%;width:0%;background:#8356ff;}
    .acc-item.active .prog-fill{animation:progress var(--dur) linear forwards;}
    @keyframes progress{to{width:100%}}
    .pagination-dots{display:flex;justify-content:center;gap:8px;margin-top:14px;}
    .dot{width:8px;height:8px;background:#cfcfe8;border-radius:50%;cursor:pointer;transition:all .3s;}
    .dot.active{background:var(--accent);transform:scale(1.4);}
    .panel-card{background:transparent;border-radius:16px;overflow:hidden;position:relative;min-height:340px;}
    .slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease;}
    .slide.on{opacity:1;position:relative;animation:fadeIn 1s ease;}
    .slide img{max-width:100%;height:auto;display:block;}
    @keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

    /* =========================
   ACCORDION TOGGLE ICON
========================= */
.acc-toggle{
    position:relative;
    width:18px;
    height:18px;
    display:inline-block;
    transition:transform .35s ease;
}

.acc-toggle::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:10px;
    height:2px;
    background:currentColor;
    transform:translate(-50%,-50%);
}

.acc-toggle::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:2px;
    height:10px;
    background:currentColor;
    transform:translate(-50%,-50%);
    transition:transform .35s ease, opacity .25s ease;
}

.acc-item.active .acc-toggle::after{
    transform:translate(-50%,-50%) rotate(90deg) scaleY(0);
    opacity:0;
}

.acc-item.active .acc-toggle{
    transform:rotate(180deg);
}

:root {
  --header-height: 72px; /* change based on your header */
}
/* =========================
   RESET WP ADMIN BAR BEHAVIOR
========================= */

/* Remove WordPress default push */
html {
    margin-top: 0 !important;
}

/* Admin bar always fixed */
#wpadminbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

/* =========================
   HEADER BASE
========================= */

.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    transition: all 0.3s ease;
}

/* Sticky shadow */
.header-sticky.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* Banner should always account for header */
.home-banner {
  padding-top: var(--header-height);
}


/* Logo animation */
.navbar-brand {
    padding: 5px 0;
}

.navbar-brand img {
    transition: all 0.3s ease;
    transform-origin: left center;
}

.header-sticky.scrolled .navbar-brand img {
    transform: scale(0.9);
}

/* =========================
   ADMIN BAR OFFSET (KEY FIX)
========================= */

/* Desktop admin bar */
body.admin-bar .header-sticky {
    top: 32px;
}
body.admin-bar .home-banner {
  padding-top: calc(var(--header-height) + 32px);
}

/* Mobile admin bar */
@media screen and (max-width: 782px) {
    body.admin-bar .header-sticky {
        top: 46px;
    }
    body.admin-bar .home-banner {
    padding-top: calc(var(--header-height) + 46px);
  }
}

/* =========================
   BODY / CONTENT SPACING
========================= */

/* Default (logged out) */
body {
    padding-top: 80px;
}

/* Logged-in desktop */
body.admin-bar {
    padding-top: 100px; /* 80 + 32 */
}

/* Logged-in mobile */
@media screen and (max-width: 782px) {
    body.admin-bar {
        padding-top: 126px; /* 80 + 46 */
    }
}

/* =========================
   NAVBAR ALIGNMENT (DESKTOP)
========================= */
@media (min-width: 1200px) {

    .navbar {
        position: relative;
    }

    .navbar-collapse {
        display: flex !important;
        justify-content: center;
    }

    .navbar-nav.mx-auto {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
    }

    .nav.align-items-center {
        margin-left: auto;
    }
}

/* =========================
   MOBILE NAV FIX
========================= */
@media (max-width: 1199px) {
    .navbar-nav.mx-auto {
        position: static;
        transform: none;
    }
}

/* =========================
   DROPDOWN FIX
========================= */
.dropdown-menu {
    z-index: 99999;
}

/* =========================
   CARD HOVER
========================= */
.profile-block .card-hover-shadow:hover {
    background-color: #ffffff !important;
}

/* =========================
   SMOOTH TRANSITIONS
========================= */
.header-sticky,
.navbar,
.navbar-brand img {
    transition: all 0.3s ease;
}

/* =========================
   EXTRA STABILITY
========================= */

/* Prevent scroll jump */
html {
    scroll-padding-top: 120px;
}

/* Prevent horizontal scroll */
body {
    overflow-x: hidden;
}
section{
    padding-top:4.5rem;
    padding-bottom:4.5rem;
}

.dropdown-toggle::after {
  display: none !important;
}
.back-to-top::before {
  display: none !important;
  content: none !important;
}
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  font-size: 24px;
  z-index: 999;
}

.back-to-top:hover {
  background: #333;
}
/* Smooth animation */
.dropdown-icon {
  transition: transform 0.3s ease;
}

/* Rotate on hover */
.navbar-nav .nav-item.dropdown .nav-link:hover .dropdown-icon {
  transform: rotate(180deg);
}

/* Optional: keep it smooth when leaving */
.navbar-nav .nav-item.dropdown .nav-link .dropdown-icon {
  transform: rotate(0deg);
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 90%;}
    .inner-container { max-width: 85%;}
}
@media (min-width: 1200px) {
        header.header-sticky-on .navbar-brand .navbar-brand-item {
        height: 55px;
    }
    header.header-sticky-on .navbar-brand { padding: 5px 0;}
    header.site-header{ border:0 !important;}
    .ast-primary-header-bar{        border-bottom-style: none;}
    .ast-container{ max-width: 90%;}
    .navbar{ background:#fff;}
    .hero-banner .cols.left { flex: 0 0 60%; text-align: left;}
    .hero-banner .cols.right { flex: 0 0 auto; text-align: left; }
    .inner-page .hero-banner .cols.left { flex: 0 0 68%; text-align: left;}
    .hero-banner h1 { font-size: 3.5rem; line-height: 1.1em; font-weight: 500 !important; width: 85%;}
    .ai-customer-support-page .hero-banner h1 { width:100%;}
    .cols.left .hero-desc { margin: 30px 0px; font-weight: 400; font-size:1.125rem;}
    .h-xl-800px { height: 800px !important;}
    .mt-n8 { margin-top: -27rem !important;}
    .home-banner .card.card-body.rounded-5 { box-shadow: 0px 4px 20px 10px #0000000F;}
    .counter-block h4{font-size: 2.5rem; font-weight: 700; line-height: 45px; }
    
    .easycl-block .btns-block .card{ background: none;}
    .counter-block{position:relative;}
    .call-feature-block h6{ font-size:1rem;}
    .call-feature-block .nav-link{ position:relative;}
    .easycl-block .position-absolute{height: 100%; width:100%;}
    .dummy-child { height: 100%; }
    .dummy-child, .valign { display: inline-block; vertical-align: middle;}
    .mainfooter-block .navbar-brand img{ height:50px;}
    .line-1{ width:1px; background-color:transparent; border-left:1px dashed #b9b9b9; height:100%; left: 20%; z-index:-1; display:none;}
    .line-2{ width:1px; background-color:transparent; border-left:1px dashed #b9b9b9; height:100%; right: 20%; z-index:-1; display:none;}

    header .ast-custom-button-link .ast-custom-button{ background-color: #000000; color: #ffffff; border-radius: var(--bs-border-radius-pill) !important}
    header .ast-custom-button-link .ast-custom-button:hover{ background-color: #7776ec; color: #ffffff;}
    .site-header-primary-section-left img{ width:230px;}
    header.site-header { position: fixed; z-index: 1040; top: 0; left: 0; right: 0; background-color: var(--bs-body-bg); -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s;        width: 100%; border-bottom: 1px solid var(--bs-gray-200); }
    .ai-sales-concierge-page .mt-n8 { margin-top: -30rem !important;}
    .ai-customer-support-page .mt-n8 { margin-top: -29rem !important;}
    .accordion.accordion-icon .accordion-header .accordion-button{font-size: 20px;font-weight: 500 !important;}
    .inner-page .miscl-agent-block .g-0.rounded-5.border{background: linear-gradient(to left, white 50%, transparent 50%), linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%);}
}

@media (max-width: 768px) {
    .line-1, .line-2{ display:none;}
    .navbar-expand-xl .navbar-brand .navbar-brand-item { height: auto; width: 160px;}
    .home-banner { padding-top: 0 !important; margin-top: 0 !important;}
     section { padding-top: 3rem; }
     h2, .h2 { font-size: calc(1.4rem + 1.8vw) !important;}
	.swiper-outside-end-n20{ margin-right: 0;}
    .home-banner .col-12.mt-5{ margin-top:0 !important;}
    .home-banner .container.pt-4{ padding-top:0 !important;}
    .hero-banner .hero-cont{ padding:10px !important;text-align: center;}
    .hero-banner .hero-cont{ text-align:left;}
    .home-banner .col-12.mt-6{ width:90%; margin: 0 auto;}
    h1, .entry-content :where(h1) {font-size: 35px;}
    h2, .entry-content :where(h2){font-size: 24px !important; margin-bottom:1rem !important;}
    .counter-block h2 { font-size: 4rem !important;}
    .ipage .home-banner .col-12.mt-6{ width:100%; margin: 0 auto;}
    .home-banner .card.h-300px{ height: auto !important;}
    .home-banner .card .cols.right{ margin: 0 auto;}
    .home-banner .card .cols.left{ margin: 0 auto;flex: inherit !important;}
    .home-banner .card .cols.left h1{ text-align:center;}
    .home-banner .card .cols.left h1 br{ display:none;}
    .home-banner .card.h-300px .card-body{ padding-bottom:90px;}
    .counter-block .g-4.mt-7{ margin-top:0 !important;}
    .counter-block .quoteBy{ margin-bottom:1.5rem;}
    .miscl-agent-block .text-center{ text-align:left !important;}
    .easycl-block .col-md-4.mb-4{ margin-bottom:1rem !important;}
    .easycl-block .card.card-body.px-5{ padding:0 !important;}
    .collab-block h5.mb-3{ margin-bottom:0.5rem !important; font-size: 1.2rem;}
    .testimonial-block .card{ margin-top:1.5rem;}
    .testimonial-block .card .card-body{ padding:1.5rem !important;}
    .testimonial-block p{ margin-bottom:0;}
    .testimonial-block .percnt-num{ margin-top: 1.5rem;}
    .call-feature-block .col-lg-3.me-auto{ margin-bottom:0 !important;}
    .call-feature-block .tab-content .col-md-4.mb-4 .card p{ margin-bottom:0 !important;}
    .nevermiss-block .pt-4{ padding-top:0 !important;}
    .nevermiss-block .g-4.mt-7{ margin-top:0 !important;}
    .nevermiss-block .col-md-6{ margin-bottom:1.5rem;}
    .workflow-block .easycl-block .card{ min-height:200px;}
    .workflow-block .easycl-block .card img{ opacity:0.5; margin:51px 0 0 0;}
    .workflow-block .easycl-block .card .position-absolute{position: static !important; margin: -111px 0 0 0;}
    .pipeline-block .tab-content .boxx{ margin-bottom:1.5rem;} 
    .pipelinebtm-block{ padding-top:1.5rem !important;}
    .pipelinebtm-block .position-absolute{bottom: 0 !important; top: inherit !important; margin: 0 !important;left: 34%;}
    .pipelinebtm-block .position-absolute img{ height: auto !important;width: 50%;}
    .pipelinebtm-block .g-4.py-6{ padding-top:0 !important;}
    .pipelinebtm-block .bg-purple.rounded-5{ padding:2rem 2rem 5rem 2rem !important;}
    .mainfooter-block .bg-white.rounded{ padding: 1.5rem !important;}
    /*.mainfooter-block .navbar-brand img{ width: 250px;}*/
    .easycl-block .nav-pills-border-start .nav-link{width: 96%;}
    .ipage .hero-banner .hero-cont { padding: 0;}
    h2 br{ display:none;}
    .flare-block .row:last-child [class^=col]{flex: 1 0 100%;}
    h6, .entry-content :where(h6) { font-size: 1.2rem;}
    .rounded-5, .ipage .cb-inner .rounded-5 .rounded-5 { border-radius: var(--bs-border-radius-xl) !important;}
    .mainfooter-block .bg-white.rounded{border-top-left-radius: 0.6rem !important; border-top-right-radius: 0.6rem !important;}
    .ipage .nevermiss-block .col-lg-6 > .card{ margin-bottom: 1.5rem;}
    .v-m-block .icn { font-size: 8rem;}
    .ast-logo-title-inline .site-logo-img { width: 200px; height: 30px; overflow: hidden;}
    .ast-logo-title-inline .site-logo-img img{ width: 200px; max-width:200px !important;}
    .mid-ar-pic img{ width:300px; margin:1.5rem auto 0;}
    .cb-inner .col-md-12 .d-flex{ flex-direction:column;}
    .profile-block .swiper-outside-end-n20 { margin-right: 0;}
    .testimonial-block .card .card-body{ background-size:50%;}
    .testimonial-block .swiper-outside-end-n20 { margin-right: 0;}
    .testimonial-block .swiper .card .d-flex{ padding-top:2rem !important;}
    .testimonial-block .swiper .card .d-flex h5{ margin-bottom:0.5rem !important;}
    .testimonial-block .card .card-body{border-radius: var(--bs-border-radius-xl) !important;}
    .rounded-top-start-5 {border-top-left-radius: var(--bs-border-radius-xl) !important;}
    .rounded-top-end-5 { border-top-right-radius: var(--bs-border-radius-xl) !important;}
    .rounded-bottom-start-5 { border-bottom-left-radius: var(--bs-border-radius-xl) !important;}
    .rounded-bottom-end-5 { border-bottom-right-radius: var(--bs-border-radius-xl) !important;}
    .plans-block .p-5 { padding: 1.5rem !important;}

    .home-page .with-without-block .container .container{ padding-right:0 !important; padding-left:0 !important;}
    .home-page .with-without-block .row .col-sm-5:first-child{ margin-bottom:3rem; }
    .home-page .with-without-block .text-center{ text-align:left !important;border-top-right-radius: 10px !important;border-top-left-radius: 10px !important;}
    .home-page .with-without-block .text-center.mt-5{ text-align:center !important;}
    .home-page .with-without-block .row .col-md-5:first-child { margin: 0 auto 20px;}
    .home-page .with-without-block .card .d-flex { padding: 1.5rem 1rem 0.5rem !important;}
    .home-page .with-without-block .row .col-md-5:first-child .card .d-flex{padding-right: 1rem !important;}
    .home-page .pre-built-block .row .col-lg-6:first-child{ margin-bottom:3rem; }
    .home-page .rounded-bottom-5{border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important;}
    .home-page .built-respons-block .card .card-body{min-height:inherit !important;}
    .ast-hfb-header.ast-header-break-point .main-header-bar-navigation{ position:absolute;}
    .ast-header-break-point .ast-primary-header-bar{ border-bottom:none !important;}
    .miscl-agent-block .px-5{ padding:0 1rem 1rem !important;}
    .miscl-agent-block .px-5 .card .d-flex{ flex-direction: column;}
    .miscl-agent-block .px-5 .card .d-flex .icon-lg{ margin-bottom:1rem;}
    .miscl-agent-block .px-5 .card .d-flex .ms-4{ margin-left:0 !important; text-align:center;}
    .miscl-agent-block figure{ display:none;}
    .miscl-agent-block .row.g-0 .col-lg-6{ margin-bottom:0 !important}
    .miscl-agent-block .row.g-0 .col-lg-6 .p-4{ padding: 1.5rem !important}
    .miscl-agent-block .row.g-0 .col-lg-6.ps-6{ padding:0 !important;}
    .miscl-agent-block .row.g-0 .col-lg-6.ps-6 .rounded-5{background: linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%); padding:1.5rem !important;}
    .miscl-agent-block .row.g-0 .col-lg-6.ps-6 .rounded-5 h4{ margin-top:0 !important;}
    .miscl-agent-block .nav-pills-border-start .nav-link .ms-3{ margin-left:0 !important;}
    .site-header .menu-link *{ line-height:normal !important;}
    .pricing-page .easycl-block ul{ margin-bottom:1.5rem !important;}
    .pricing-page .easycl-block .p-4.rounded-5.bg-white{ margin-bottom:1.5rem;}
    .pricing-page .easycl-block .p-4.rounded-5.bg-white ul{ margin-bottom:0 !important;}
    .pricing-page .easycl-block .card { padding:1.3rem !important;}
    .pricing-page .easycl-block .card-body{ padding:0 !important;}
    .pricing-page .easycl-block .tab-block{ margin-top:1.5rem;}
    .pricing-page .nevermiss-block .p-5, .pricing-page .rounded-5.p-3{ padding:1.5rem !important;}
    .pricing-page .nevermiss-block .card{ margin-top:1.5rem;}
    .pricing-page .accordion-header.rounded-5{border-radius: var(--bs-border-radius-xl) !important;}
    .pricing-page.approval-card .easycl-block .nav-pills-border-start.rounded-pill{ border-radius:1rem !important;}
    
    .w-15{width: 100% !important;}
    .w-60{width: 100% !important;}

    .tnc-page.ipage .hero-banner .hero-cont{ min-height:inherit;padding: 0 !important; text-align: left;}
    .tnc-page.ipage .hero-banner .hero-cont .text-secondary{ margin-bottom:0 !important;}
    .tnc-page .w-75{ width:100% !important;}

    .bg-b-pink .p-7{padding: 1.6rem !important;}
    .profile-block .rounded-5 {  padding: 1.2rem !important;}
    .back-top { display: block;}
    .nav button:hover, .nav button:focus{ background-color: #fff !important; border-color: #fff !important;}
    .dropdown-menu .bg-purple.rounded-end-5{border-bottom-right-radius: 1rem !important; border-top-right-radius: 0 !important;border-bottom-left-radius: 1rem !important; }
    .navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu{ box-shadow:none; margin-bottom:1rem;}
    .blog-page .position-sticky{ display:none;}
    .page-id-2452 #page{ padding-top:0;}
    .page-id-2452  > div:first-child { margin-top: -8px;}
    .pricing-page .easycl-block .nav{ margin-bottom:1rem;}
    .pricing-page.approval-card .easycl-block .nav-pills-border-start .nav-link{ border: 1px solid #cccccc;}
    .miscl-agent-block .g-0.rounded-5.border{ background: linear-gradient(179.73deg, #E7EFFF 0%, #F6EAEA 100%) !important;}
    .navbar-expand-xl .navbar-brand { padding: 5px 0; }
    .navbar .btn-primary, .ast-custom-button, .navbar  .btn-outline-primary { padding: 7px 18px !important;}
    .hero-banner h1 br, .hero-banner p br{display:none;}
    .mainfooter-block .navbar-brand{ padding:0}
    .mainfooter-block .navbar-brand img{ height:60px;}
}