/* 03 Sept 2025 */
/*-- FAQ page css starts --*/
html {
  scroll-behavior: auto!important;
}
.section-faqs .faq-inner .e-n-accordion-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.section-faqs .faq-inner .e-n-accordion-item:last-child {
    margin-bottom: 0 !important;
}

.section-faqs .faq-inner .e-n-accordion-item::before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 12px;
    z-index: -1;
    background-color: transparent;
}

.section-faqs .faq-inner .e-n-accordion-item .elementor-tab-title {
    background-color: transparent !important;
}

.section-faqs .faq-inner .e-n-accordion-item .elementor-tab-title:focus {
    outline: none;
    box-shadow: none;
}

.section-faqs .faq-inner .e-n-accordion-item-title {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    background-color: transparent !important;
    outline: none !important;
}

.section-faqs .faq-inner .e-n-accordion-item-title:focus,
.section-faqs .faq-inner .e-n-accordion-item-title:active {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.section-faqs .faq-inner .e-n-accordion-item-title::before,
.section-faqs .faq-inner .e-n-accordion-item-title::after {
    content: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.section-faqs .faq-inner .e-n-accordion-item[open] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.section-faqs .faq-inner p a {
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.5s ease;
    color: #0d6efd;
}

.section-faqs .faq-inner p a:hover {
    color: #0a58ca;
}

.section-faqs .faq-inner .faq-new .e-n-accordion-item {
    border: 1px solid #E5E7EB;
    margin-bottom: 10px !important;
    border-radius: 12px;
}

#sec-faq-banner h1 span.ban-title-span{
    font-weight: 600;
}

.section-faqs .faq-search-box {
  width: 100%;
  text-align: end;
  margin-bottom: 40px;
}

.section-faqs .faq-search-box input,
.section-faqs .faq-search-box input:focus{
  width: 400px;
  font-family: "Inter";
  line-height: 26px;
  font-weight: 400;
  padding: 12px 12px 12px 35px;
  border: 1px solid rgba(229, 231, 235, 1);
  border-radius: 12px;
  font-size: 16px;
  background: #f5f7fa url('../svg/Icon.svg') no-repeat 10px center;
  background-size: 16px 16px; /* adjust icon size */
  color: rgba(17, 17, 17, 0.50);
  outline: none;
}

.section-faqs .faq-search-box input::placeholder {
  color: #9ca3af;
}

.section-faqs {
  display: flex; /* ensures nav + faq content are side by side */
  align-items: flex-start;
}
#faqs-tab-listing {
  position: sticky;
  top: 100px; /* adjust based on your header height */
  align-self: flex-start;
  max-height: calc(100vh - 120px); /* optional: keeps nav from overflowing viewport */
  overflow-y: auto; /* scroll inside if nav is too tall */
}
#faqs-tab-listing a,
.faq-sidebar a,
.faq-sidebar a:hover{
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  transition: all 0.3s ease;
  color: rgba(17, 17, 17, 0.70);
}
#faqs-tab-listing ul li,
.faq-sidebar ul li{
  border-bottom: 1px solid rgba(229, 231, 235, 1);
  padding: 15px 0;
}
#faqs-tab-listing a.active,
.faq-sidebar a.active {
    color: rgba(104, 91, 199, 1); /* blue highlight */
}
@media screen and (max-width: 768px) {
    .faq-search-box {
        width: 100%!important; /* stack nav and faq content on mobile */
    }
    .section-faqs .faq-search-wrapper{
        width: 100%;
    }
    .faq-no-results{
        margin-top: 20px;
        text-align: center;
    }
}


/*Sept 05 2025*/
#comparison { 
  width: 1280px;
  height: 791px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  border-radius: 30px;
}

/* After image: base layer (always visible) */
#comparison #afterLayer { 
  background: url('../img/brunette-woman-sitting-desk-surrounded-with-gadgets-papers.webp') no-repeat center center; 
  background-size: cover;
  position: absolute;
  inset: 0;
  clip-path: inset(0 0 0 5%); /* start at 5% */
}

/* Before image: overlay (clipped by slider) */
#comparison #beforeLayer { 
  background: url('../img/brunette-woman-sitting-desk-surrounded-without-gadgets-papers.webp') no-repeat center center;
  background-size: cover;
  position: absolute;
  inset: 0;
  clip-path: inset(0 3% 0 0); /* start almost hidden */
}

/* Slider styling */
#comparison input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 64px;
  background: transparent;
  position: absolute;
  bottom: 20px;
  left: 0;
  cursor: pointer;
  z-index: 10;
}

input[type=range]:focus { 
  outline: none; 
}

/* Webkit (Chrome, Edge, Safari) */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 64px;
  height: 64px;
  background: url('../img/slider-icon.svg') no-repeat center center / contain;
  border: none;
  margin-top: 0; /* ensures it's not cut */
  cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 64px; /* match thumb height */
  background: transparent;
}

/* Firefox */
input[type=range]::-moz-range-thumb {
  width: 64px;
  height: 64px;
  background: url('../img/slider-icon.svg') no-repeat center center / contain;
  border: none;
  cursor: pointer;
}
input[type=range]::-moz-range-track {
  height: 64px;
  background: transparent;
}

/* Track */
input[type=range]::-moz-range-track { 
  -moz-appearance:none;
  height:15px;
  width: 98%;
  background-color: rgba(255,255,255,0.1); 
  position: relative;
  outline: none;    
}
input[type=range]::active { 
  border: none; 
  outline: none;
}

/* Thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  width: 94px;
  height: 94px; 
  background: url('../img/slider-icon.svg') no-repeat center center;
  border-radius: 0;
}
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 94px;
  height: 94px;
  background: url('../img/slider-icon.svg') no-repeat center center;
  border-radius: 0;
}   
input[type=range]:focus::-webkit-slider-thumb,
input[type=range]:focus::-moz-range-thumb {
  background: url('../img/slider-icon.svg') no-repeat center center;
}
/* sept 08 */

 :root { --blocks-visible: 2.5; } /* how many blocks should be visible inside pinned area */
 .people-management-pg.scroll-section{
  width: 100%;
  position: relative;
  background: transparent;
  max-width: 1280px;
  margin: 0 auto;
 }
 /* The pinned container stays viewport-height while the section scrolls */
  .people-management-pg.scroll-section .pinned {

    display: flex;
    align-items: flex-start;
  }

  .people-management-pg.scroll-section .right.why-collabcrm{
    position: sticky;
    top: 100px;
  }

  @media screen and (max-width: 767px) {
    .people-management-pg.scroll-section .right.why-collabcrm{
      position: relative;
      top: 0;
    }
  }
  /* Left column */
  .people-management-pg.scroll-section .left {
      position: relative;
    /* set how many blocks visible inside pinned area; can be overridden */
    --blocks-visible: var(--blocks-visible, 2.5);
  }

  /* Blocks container that we will translateY */
  .people-management-pg.scroll-section .blocks {
    height: 100%;
    width: 100%;
    will-change: transform;
}

  /* Single block height: 40vh -> makes 2.5 visible in 100vh viewport */
  .people-management-pg.scroll-section .block {
    height: calc(100% / var(--blocks-visible));
}
  .people-management-pg.scroll-section .right img {
    max-height: 100%;
    max-width: 100%;
  }

  /* Next content so you can continue scrolling after the pinned animation */
  /* .people-management-pg.scroll-section .have-command.home-section-teams.lighting-animation{
    height: 100vh;
    background: tomato;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
  } */
.home-section-teams.lighting-animation .have-command-card{
  background-image: none!important;
}
.home-section-teams.lighting-animation .have-command-card:hover {
  cursor: pointer;
  transition: all 0.3s ease;
}
/* parent wrapper */
.have-command-card:before, .have-command-card:hover{
    border: none !important;
 }
.have-command-card {
  position: relative;
  border-radius: 20px;
  box-sizing: border-box;
  border: 1px solid #FFFFFF26;
  background: transparent;
  transition: all 0.3s ease;
}

/* pseudo-element will render gradient border */
.have-command-card:hover::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px; /* border thickness */
  background: linear-gradient(
    180deg,
    #0042F9 0%,
    #00B5E2 25%,
    #A8E665 50%,
    #EC5AFE 75%,
    #FFB81C 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0; /* hidden by default */
  transition: opacity 0.3s ease;
}

/* show gradient border on hover */
.have-command-card:hover::before {
  opacity: 1;
  /* border: none; */
}
.have-command-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid #ffffff26; /* Default border */
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1;
}
/* Then hide it on hover: */
.have-command-card:hover::after {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .have-command-card .elementor-icon-box-content{
    align-content: center;
  }
}
.collabCrm-people-mobile .section-download-app .circle-animation-body .arc-two,
.collabCrm-people-mobile .section-download-app .circle-animation-body .arc-one{
  background: unset!important;
}
.collabCrm-people-mobile .section-download-app{
  padding-top: 30px;
}
.collabCrm-people-mobile .section-download-app .download-app-container .app-icons .icon-item{
  width: 48px;
}
.collabCrm-people-mobile .section-download-app .download-app-container .icon-grid{
  width: 258px;
  margin: 0 15px;
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body{
  width: 1056px;
  height: 685px;
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-animation-main{
  width: 1056px;
  height: 1056px;
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-1056{
  width: 1056px;
  height: 1056px;
  border-color: rgba(17, 17, 17, 0.1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-894{
  width: 894px;
  height: 894px;
  border-color: rgba(17, 17, 17, 0.1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-740{
  width: 740px;
  height: 740px;
  border-color: rgba(17, 17, 17, 0.1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-inner.wid-560{
    width: 560px;
  height: 560px;
  border-color: rgba(17, 17, 17, 0.1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .arc-one .dot,
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .arc-inner-one .dot {
 fill: #EC5AFE;
}

/* Each circle gets its own timing */
.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-894 .circle-2 {
  animation: circle-rotateCCW 20s linear infinite;
}

.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-740 .circle-3 {
  animation: circle-rotateCW 15s linear infinite;
}
.people-mobile-app-cards .download-app-container .icon-item span{
  letter-spacing: 0;
}
/* .people-management-cta .section-cta-main .cta-right{
  background-image: url("../img/people-management-cta-ellipse.webp");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
} */

/*11 Sept 25*/
@media screen and (max-width: 767px) {
  .my-swiper-container {
    width: 100%;
    max-width: 400px;
    margin: auto;
  }
  .collabcrm-slider .swiper-slide {
    padding-top: 20px; /* extra breathing room inside each slide */
    box-sizing: border-box;
    flex: 1 0 auto;
    display: flex;
  }
  .collabcrm-slider .card-box {
    position: relative;
    text-align: left;
    overflow: visible; /* make sure label isn’t clipped */
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
  }

  .collabcrm-slider .card-header {
    position: absolute;
    top: -16px; /* float above card border */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 181, 226, 1);
    color: rgba(255, 255, 255, 1);
    padding: 10px 16px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    border: 1px solid rgba(0, 181, 226, 0.1);
    width: max-content;
  }
  .collabcrm-slider .card-img img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
  }

  .collabcrm-slider .card-list{
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .collabcrm-slider .card-list li {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }


  .collabcrm-slider .card-box.before-gadgets { background: rgba(0, 181, 226, 0.1); border: 1px solid rgba(0, 181, 226, 1); border-radius:20px; padding:16px; }
  .collabcrm-slider .card-header.success { background-color: rgba(104, 91, 199, 1); /* purple */ }
  .collabcrm-slider .card-img img { width:100%; border-radius:10px; margin-bottom:12px; display:block; }
  .collabcrm-slider .card-list li { position:relative; padding-left:35px; line-height: 18px; font-size:14px; font-weight: 600; color: rgba(17, 17, 17, 1); margin: 9px 0; }
  .collabcrm-slider .after-gadgets .card-box{ background: rgba(104, 91, 199, 0.10); border: 1px solid rgba(104, 91, 199, 1); border-radius:20px; padding:16px; }
  .collabcrm-slider .card-list.before-gadgets li::before,
  .collabcrm-slider .card-list:not(.before-gadgets) li::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 24px;
    height: 24px;
    background-size: 14px 14px; /* adjust icon size */
    border-radius: 50%;
  }
  .collabcrm-slider .card-list.before-gadgets li::before{
    background: url("../img/cross-icon.svg") no-repeat center center;
    background-color: rgba(255, 0, 0, 1); /* red */
  }
  .collabcrm-slider .card-list:not(.before-gadgets) li::before{
    background: url("../img/checked-icon.svg") no-repeat center center;
    background-color: rgba(104, 91, 199, 1); /* purple */
  }
  .collabcrm-slider .swiper-pagination { text-align:center; margin-top:12px; }
  /* pagination center */
  .custom-before-after-mobile .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -30px; }
  .custom-before-after-mobile .swiper-pagination-bullet-active{
    background-color: rgba(0, 0, 0, 0.25);
  }
  .collabCrm-people-mobile .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: rgba(0, 0, 0, 0.20);
  }
  .collabcrm-faq-container .faq-sidebar{
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1440px){
  .collabCrm-people-mobile .section-download-app .download-app-container .app-frame{
    width: 320px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .app-icons .icon-item{
    width: 30px;
  }
  .collabCrm-people-mobile .download-app-container .close-icon{
    width: 12px;
    height: 30px;
  }
  .collabCrm-people-mobile .download-app-container .app-icons{
    margin-left: 60px;
  }
  .collabCrm-people-mobile .download-app-container .icon-grid{
    gap: 10px;
    width: 180px!important;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-inner.wid-560 {
    width: 350px;
    height: 350px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-740{
    width: 490px;
    height: 490px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-894{
    width: 630px;
    height: 630px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-1056{
    width: 750px;
    height: 750px;
  }
  .collabCrm-people-mobile .download-app-container{
    max-width: 390px;
  }
}
.home-section-teams.people-management-pg .team-custom-tabinations .custom-tabs-body-main .custom-tabs-body{
  min-height: 520px!important;
}
.font-300{
  font-weight: 300!important;
}
/* @media (min-width: 768px) and (max-width: 1280px){
  .slider-container{
    height: 100vh!important;
  } */

  /*.collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body,
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-animation-main{
    width: 768px;
    height: 768px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .app-frame{
    width: 255px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .app-icons .icon-item{
    width: 30px;
  }
  .collabCrm-people-mobile .download-app-container .close-icon{
    width: 12px;
    height: 40px;
  }
  .collabCrm-people-mobile .download-app-container .app-icons{
    margin-left: 60px;
  }
  .collabCrm-people-mobile .download-app-container .icon-grid{
    gap: 10px;
    width: 180px!important;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-inner.wid-560 {
    width: 350px;
    height: 350px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-740{
    width: 450px;
    height: 450px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-894{
    width: 590px;
    height: 590px;
  }
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body .circle-main.wid-1056{
    width: 690px;
    height: 690px;
  }
  .collabCrm-people-mobile .download-app-container{
    max-width: 390px;
  }
} */
/* @media (min-width: 768px) and (max-width: 991px){
  .collabCrm-people-mobile .section-download-app .download-app-container .app-frame,
  .collabCrm-people-mobile .section-download-app .download-app-container .circle-animation-body{
    display: none;
  }
  .collabCrm-people-mobile .collab-people-container-wrapper .people-mobile-app-cards{
    row-gap: 30px!important;
    justify-content: unset;
  }
  .table-view-people-mobile-app,
  .table-view-people-mobile-app .table-view-people-mobile-app-cards{
    display: block !important;
  }
  .desktop-people-mobile-app{
    display: none !important;
  }
} */

.contact-us-newsletter #collab-subscribe-form input[type="email"]{
  padding: 16px 16px 16px 50px;
  height: 50px;
}
.contact-us-newsletter #collab-subscribe-form .gjs-row:nth-child(2)::before{
  width: 24px;
  height: 24px;
}
.contact-us-newsletter #collab-subscribe-form{
  width: 486px;
  height: auto;
  flex-direction: row;
}
.contact-us-newsletter #collab-subscribe-form input[type="submit"]{
  height: 50px;
  margin-left: 0;
}
.contact-us-newsletter #collab-subscribe-form .gjs-row:nth-child(2){
  width: 350px;
  margin-right: 16px;
}
.contact-us-newsletter .inner-banner{
  padding-top: 0!important;
}
/*Contact Us Form Css*/
#collabcrm-contact-form input,
#collabcrm-contact-form select,
#collabcrm-contact-form textarea{
    width: 100%;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(202, 208, 217, 1);
    background-color: rgba(242, 244, 247, 1);
    font-size: 14px;
    font-weight: 500;
}
#collabcrm-contact-form .phone-row{
    display: flex;
    gap: 10px;
}
.collabcrm-form .blue-btn button.collabcrm-cf-submit{
  width: 100%;
  padding: 13px 20px;
  background: linear-gradient(to bottom, #6094FB, #1048BA);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  font-weight: 400 !important;
  transition: all 0.3sease;
  font-family: 'Inter' !important;
  margin-top: 20px;
}
.blue-btn button.collabcrm-cf-submit:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
}
.form-response {
  margin-top: 10px;
}
#collabcrm-contact-form select#cf_country_code{
  width: 100px;
}
/* Placeholder text color */
.collabcrm-form ::placeholder {
    color:  grey;     /* default placeholder color */
    opacity: 1;
    text-transform: capitalize;
}

/* Input focus styles */
.collabcrm-form input:focus,
.collabcrm-form select:focus,
.collabcrm-form textarea:focus {
    border: none;   /* blue border when focused */
    outline: none;           /* remove default outline */
}

/* Optional: change placeholder color on focus */
.collabcrm-form input:focus::placeholder,
.collabcrm-form textarea:focus::placeholder {
    color: rgba(202, 208, 217, 1);  /* lighter placeholder when typing */
}
/* Textarea base */
.collabcrm-form textarea {
    resize: vertical;
    min-height: 100px;
    max-height: 250px;
    overflow-y: auto;
    line-height: 1.5;                /* Firefox */
    scrollbar-color: rgba(202, 208, 217, 1);
}

/* WebKit browsers (Chrome, Edge, Safari) */
.collabcrm-form textarea::-webkit-scrollbar {
    width: 6px;       /* slim scrollbar */
}

/* Track */
.collabcrm-form textarea::-webkit-scrollbar-track {
    background: transparent;
}

/* Thumb */
.collabcrm-form textarea::-webkit-scrollbar-thumb {
    background: rgba(202, 208, 217, 1);
    border-radius: 3px;
}

/* Completely hide scrollbar buttons (up/down arrows) */
.collabcrm-form textarea::-webkit-scrollbar-button {
    display: none;
}
#collabcrm-contact-form .form-group .half select#cf_country_iso_code,
#collabcrm-contact-form .form-group select#cf_country_code{
	  background-image: url("../../img/select-arrow.svg")!important;
    border: 1px solid #CAD0D9;
    background-repeat: no-repeat;
    background-position: calc(100% - 15.5px) center;
    appearance: none;          /* Most modern browsers */
    -webkit-appearance: none;  /* Safari and Chrome */
    -moz-appearance: none;
}
.contact-page-icon-box .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title{
  padding-bottom: 8px!important;
}
#collabcrm-contact-form div.error{
  color: red;
  font-family: "Inter";
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 3px;
  line-height: normal;
}
#collabcrm-contact-form .form-group.phone-group input {
    width: calc(100% - 110px);
}
#collabcrm-contact-form .form-group.phone-group{
  display: flex;
  gap: 0 10px;
  flex-wrap: wrap;
} 
@media (min-width: 516px) and (max-width: 767px){ /* to do::: */
  .interested-incollab .test-multi img{
    width: 120px;
  }
  .contact-us-newsletter #collab-subscribe-form{
    width: 100%;
    flex-direction: row; 
    gap: 15px 0; /* to do::: */
  }
}
@media (min-width: 768px) and (max-width: 1366px){
  .contact-us-newsletter #collab-subscribe-form{
    width: 100%;
  }
}
@media screen and (max-width: 515px){ /* to do::: */
  .contact-us-newsletter #collab-subscribe-form{
    width: 100%;
    flex-direction: column!important;
    gap: 15px 0;
  }
  .contact-us-newsletter #collab-subscribe-form .gjs-row:nth-child(2){
    width: 100%;
    flex-direction: column!important;
    gap: 15px 0;
  }
}
@media (min-width: 768px) and (max-width: 815px){ /* to do::: */
  /* .contact-us-newsletter #collab-subscribe-form{
    width: 100%;
    flex-direction: column!important;
    gap: 15px 0;
  }
  .contact-us-newsletter #collab-subscribe-form .gjs-row:nth-child(2){
    width: 100%;
    flex-direction: column!important;
    gap: 15px 0;
  } */
   .contact-us-newsletter #newsletter-section .e-con-inner{
    flex-direction: column;
    gap: 50px;
   }
   .contact-us-newsletter #newsletter-section .newsletter-wrapper .e-con{
    align-items: center;
   }
}

/* Sept 22 2025 */
#collabcrm-contact-form .row-group div.half,
#collabcrm-contact-form .phone-group,
#collabcrm-contact-form .wid-100{
  margin-bottom: 10px;
}
@media screen and (max-width: 640px){
  #collabcrm-contact-form .row-group{
    display: block;
  }
} 
 #collabcrm-contact-form .cf-message #cf_message-error{
  margin-top: 0;
 }
/* Target only Icon Boxes that already have a link */
.contact-page-icon-box a:after{
  content: "";
  display: block!important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/*End*/
/* Custom FAQ accordion style*/
.collabcrm-faq-accordion{
  margin-top: 20px;
}
.collabcrm-faq-accordion .faq-item {
  margin-bottom: 12px;
  border: 1px solid rgba(229, 231, 235, 1);
  border-radius: 12px;
  padding: 12px 20px;
}
.faq-question {
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  border: none;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.3s ease;
  color: rgba(17, 17, 17, 1);
  padding: 0;
}
.faq-question h3 {
  line-height: 26px;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 16px;
  font-family: Inter;
}
.faq-question:hover { background-color: transparent; color: rgba(17, 17, 17, 1); }
.faq-answer {
  overflow: hidden;
  height: 0; /* start collapsed */
  box-sizing: border-box;
}
.faq-answer p {
  margin-top: 12px!important;
  font-weight: 400;
  color: rgba(17, 17, 17, 0.70);
  font-family: Inter;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0px;
  word-break: break-word;
}
/* Unordered List */
.faq-answer ul {
  margin: 12px 0 12px 20px; /* spacing + indent */
  padding: 0;
  list-style-type: disc;
}

.faq-answer ul li {
  margin: 6px 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 26px;
  color: rgba(17, 17, 17, 0.70);
}

/* Ordered List */
.faq-answer ol {
  margin: 12px 0 12px 20px;
  padding: 0;
  list-style-type: decimal;
}

.faq-answer ol li {
  margin: 6px 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 26px;
  color: rgba(17, 17, 17, 0.70);
}

/* Inline formatting */
.faq-answer em {
  font-style: italic;
}

.faq-answer strong {
  font-weight: 600;
}

.faq-answer a {
  color: #1e5bc3!important; /* WP blue */
}

.faq-answer a:hover {
  color: #005177;
}

/* Remove empty last paragraph spacing */
.faq-answer p:empty {
  display: none;
}
.faq-question img { width: 20px; height: 20px!important; transition: transform 0.3s ease; }
/*End*/

/*Tabbed FAq css*/
.collabcrm-faq-container {
  display: flex;
  gap: 70px;
}

.faq-sidebar {
  width: 250px;
  position: sticky;
  top: 100px; /* adjust for your header */
  align-self: flex-start;
}

.faq-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-content {
  flex: 1;
  width: 960px;
}

.faq-category {
  margin-bottom: 40px;
}
.faq-content .faq-category h2{
    font-family: "Inter";
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -1px;
    word-spacing: 0px;
    color: rgba(17, 17, 17, 1);
}
@media (min-width: 768px) and (max-width: 1366px) {
  .collabcrm-faq-container{
    gap: 40px;
  }
}
/*End*/