/* header css */


#nav_one .dropdown-item:hover {
    background-color: transparent !important;

}



/* #nav_one .nav-item.dropdown.position-static .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    z-index: 99999;
}  khushboo 19-01-26 */



.x_btnbox {
    background: var(--salestrackerbackground);
    /* padding: 5px 16px;
    color: var(--contrast-color);
    display: flex;
    align-items: center;
    border-radius: 50px;
    gap: 2px;
    width: 100px; khushboo 19-01-26 */
} 

#nav_one .btn-close {
    padding-right: 5px !important;
    margin-left: 0px !important;
}

/* Card */
/* .mega-menu .menu-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 12px;
    cursor: pointer;
    background: #fff;
    border: 1px solid transparent;
    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,

        transform 0.3s ease;
} khushboo 19-01-26 */

.btn_green {


    width: 101;
    height: 44;
    color: #ffffff;
    background-color: var(--salestrackerbackground);
    opacity: 1;
    gap: 10px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

    border-radius: 100px;
    padding-top: 10px;
    padding-right: 28px;
    padding-bottom: 10px;
    padding-left: 28px;


}

 #nav_one .nav-item.dropdown.position-static .dropdown-menu {
    z-index: 9999;
} /*khushboo 19-01-26 */

/* #langDropdownMenu {
    z-index: 9999;
}  khushboo 20-01-26  */

.mega-menu .task:hover,
.mega-menu .task.active {
    background: #fff5f3;
    border-color: #E9628C;

    /* little lift = big personality */
    transform: translateY(-3px);

    /* soft focus glow */

}

.mega-menu .sales:hover,
.mega-menu .sales.active {
    background: #EEF9F8;
    border-color: #56C0BD;

    /* little lift = big personality */
    transform: translateY(-3px);

    /* soft focus glow */

}

.mega-menu .stack:hover,
.mega-menu .stack.active {
    background: #FEF2E9;
    border-color: #F48026;

    /* little lift = big personality */
    transform: translateY(-3px);

    /* soft focus glow */

}


/* Text */
/* .mega-menu h6 {
    font-size: 16px;
    margin-bottom: 0px;
    color: #111;
} khushboo 19-01-26 */

/* .mega-menu p {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    color: #0F3267;
} khushboo 19-01-26 */

/* .navtask_management {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #091C39 !important;
    font-weight: 400 !important;
} khushboo 19-01-26  */

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    /* .dropdown-menu.mega-menu {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        border-radius: 0 0 16px 16px;
    }khushboo 19-01-26 */

    /* .mega-menu .menu-card {
        width: 100%;
    } khushboo 19-01-26 */
}


/* #nav_one .container-fluid {
    max-width: 1400px;
} khushboo 19-01-26 */

#nav_one .dropdown-box:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
}

#nav_one .dropdown-box i {
    font-size: 28px;
    color: var(--salestrackerbackground);
}

/* #nav_one .get {
    padding: 10px 28px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 50px;
    color: var(--accent-color);
    border: solid 1px var(--accent-color);
} khushboo 19-01-26 */



#nav_one .get:hover {
    background-color: #ffffff;
    border-radius: 50px;
    color: var(--accent-color);
    border: solid 1px var(--accent-color);
}




#nav_one .navbar-toggler:focus,
.btn-close:focus {
    box-shadow: none;
    outline: none;
}

/* #nav_one .nav-link {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    color: rgba(35, 35, 35, 1);
} khushboo 19-01-26 */

/* #nav_one .nav-link.active {
  color: var(--salestrackerbackground) !important;
  font-weight: 700;
} */

/* #nav_one {
    border-bottom: solid 1px #8591BF;
    box-shadow: 0px 1px 19px 1px rgba(0, 0, 0, 0.15);
    padding: 23px 80px;
} khushboo 19-01-26 */

/* #nav_one .nav-link:hover {
  color: var(--salestrackerbackground);
} */

/* #nav_one .nav-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 3px;
  transition: all 0.3s ease;
  background-color: var(--salestrackerbackground);
  border-radius: 2px;
  visibility: hidden;
  transform: translateX(-50%);
} */


@media (max-width: 991px) {

    #nav_one .nav-link::before {
        display: none;
    }

    #nav_one .navbar-toggler {
        /* border: none;
        border-radius: 50px !important;
        font-size: 18px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center; khushboo 20-01-26 */
        background-color: var(--salestrackerbackground);
    } 

     #task_header .navbar-toggler {
        border: none;
        border-radius: 50px !important;
        font-size: 18px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #56C0BC;
    } /* khushboo 21-01-26 */

    #nav_one .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* #nav_one .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    } khushboo 20-01-26 */

    /* #nav_one .nav-link {
        display: flex;
        justify-content: space-between;
    } khushboo 20-01-26 */

    /* #nav_one .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    } khushboo 20-01-26 */

    /* #nav_one .container-fluid {
        max-width: 1400px;
        padding: 10px 5px;
    } khushboo 20-01-26 */
}


#nav_one .nav-link:hover::before,
.nav-link.active::before {
    width: 100%;
    visibility: visible;
}

@media (min-width: 992px) {
    #nav_one .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        top: 118%;
    }
}

@media only screen and (min-width:350px) and (max-width:759px) {

    #nav_one .navbar-toggler {
        /* border: none;
        border-radius: 50px !important;
        font-size: 18px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center; khushboo 20-01-26 */
        background-color: var(--salestrackerbackground);
    } 

    #nav_one .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

}

/* end header css */

#nav_one .dropdown-toggle::after {
    display: none;
}

/* ===== Trigger Button ===== */
/* #langTrigger {
    border: none;
    background: transparent;
    cursor: pointer;
} khushboo 20-01-26 */



/* ===== Dropdown Wrapper ===== */
/* .dropdown {
    position: relative;
    display: inline-block;
} khushboo 19-01-26 */

/* ===== Dropdown Panel ===== */
/* #langDropdownMenu {
    position: absolute;
    top: 171%;
    left: -270%;
    padding: 10px 14px;
    border-radius: 16px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    background: #fff;
}  khushboo 20-01-26  */

/* Header (Optional) */
.lang-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.lang-header span {
    font-weight: 600;
    font-size: 14px;
}

/* Language Grid */
/* .lang-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 30px;
} khushboo 20-01-26 */

/* Language Item */
/* .lang-item {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-main);
    padding: 6px 0;
    padding: 5px 10px;
} khushboo 20-01-26 */

/* .lang-item:hover {
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    border-radius: 50px;
} khushboo 20-01-26 */

/* .lang-item.active {
    font-weight: 500;
    border-radius: 50px;
    color: var(--contrast-color);
    background-color: var(--accent-color);
} khushboo 20-01-26 */

/* Dropdown menu styling */
/* .nav-item.dropdown.position-static .dropdown-menu {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 1000px;
} khushboo 20-01-26 */

.product-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    transition: all 0.3s;
}

.product-card:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.product-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.btn-getstarted.request {
    border: 1px solid var(--salestrackerbackground);
    color: var(--salestrackerbackground);
    background: #fff;
    padding: 8px 24px;
    border-radius: 76px;
    text-decoration: none;
    display: inline-block;

}





.product-icon.me-3.product-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;


}

.dropitemimgbox {
    width: 170px;
}

/* Responsive adjustments */
@media (max-width: 992px) {

    /* .footer_in {
        display: block;
    } khushboo 23-01-26 */

    .product-card {
        margin-bottom: 1rem;
    }

    .incresewidth {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .incresewidth {
        width: 100% !important;
    }
}

@media only screen and (min-width:350px) and (max-width:576px) {
    .increasewidth {
        width: 100% !important;
    }
}

.hover-shadow {
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.hover-shadow:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-5px);
}

/* mobile_footer css start */


/* .footer_in {
    background: var(--footer-background);
    color: #a8b0c8;
    padding: 40px 24px 24px;
    font-size: 15px;
    line-height: 1.6;
    display: none;
} khushboo 23-01-26 */

/* .footer .dropdown-item.active,
.dropdown-item:active {
    background-color: var(--salestrackerbackground) !important;
} khushboo 23-01-26 */

/* rows */
/* .footer-row_in {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 35px;
} khushboo 23-01-26 */

/* .footer-column_in {
    display: flex;
    flex-direction: column;
} khushboo 23-01-26 */

/* .footer-title_in {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
} khushboo 23-01-26 */

/* .footer-links_in {
    list-style: none;
    padding: 0;
    margin: 0;
} khushboo 23-01-26 */

/* .footer-links_in li {
    margin-bottom: 14px;
} khushboo 23-01-26 */

/* .footer-links_in a {
    color: var(--grey);
    text-decoration: none;
    font-size: 18px;
} khushboo 23-01-26 */

/* .footer-links_in a:hover {
    color: #fff;
} khushboo 23-01-26 */

/* contact */
/* .contact-item_in {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    flex-direction: column;
    gap: 27px;
} khushboo 23-01-26 */

/* .footer_in .dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--salestrackerbackground);
} khushboo 23-01-26 */

/* .contact-item_in i {
    margin-right: 12px;
    margin-top: 3px;
} khushboo 23-01-26 */

/* .contact-item_in a {
    color: #a8b0c8;
    text-decoration: none;
} khushboo 23-01-26 */

/* locations */
/* .location-section_in {
    margin-bottom: 30px;
} khushboo 23-01-26 */

.location-header_in {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.location-header_in i {
    font-size: 10px;
    margin-right: 10px;
    color: #fff;
}

.location-name_in {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.location-details_in {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.location-item_in {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
}

.location-item_in i {
    margin-right: 12px;
    margin-top: 2px;
}

/* partners */
/* .partner-logos_in {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 35px 0;
} khushboo 23-01-26 */

.logo-item_in {
    display: flex;
    align-items: center;
}

.logo-stripe_in {
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    color: #fff;
}

.logo-aws_in,
.logo-razorpay_in {
    height: 20px;
    filter: brightness(0) invert(1);
    opacity: .9;
}

/* socials */
.social-links_in {
    display: flex;
    gap: 18px;
    margin-bottom: 28px;
}

.social-links_in a {
    color: #a8b0c8;
    font-size: 18px;
}

.social-links_in a:hover {
    color: #fff;
}

/* bottom */
.footer-bottom_in {
    padding-top: 24px;
    /* border-top: 1px solid rgba(168, 176, 200, .15);.partner-logos_in */
}

.footer-bottom-links_in {
    margin-bottom: 16px;
    font-size: 14px;
}

.footer-bottom-links_in a {
    color: #a8b0c8;
    text-decoration: none;
}

.separator_in {
    margin: 0 8px;
}

.copyright_in {
    font-size: 13px;
    line-height: 1.7;
}













/* mobile_footer css end */
/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
/* .footer {
    color: var(--default-color);
    background-color: var(--footer-background);
    font-size: 14px;
    padding-bottom: 20px;
    position: relative;
} khushboo 23-01-26 */

/* .footer .footer-top {
    padding-top: 50px;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
} khushboo 23-01-26 */

/* .footer .footer-about .logo {
    line-height: 1;
    margin-bottom: 25px;
} khushboo 23-01-26 */

/* .footer .footer-about .logo img {
  max-height: 40px;
  margin-right: 6px;
}khushboo 23-01-26  */

.footer .footer-about .logo span {
    color: var(--heading-color);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: var(--heading-font);
}

/* .footer .footer-about p {
    font-size: 18px;
    font-style: var(--font-dm-sans);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
}khushboo 23-01-26  */

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%);
    font-size: 16px;
    color: color-mix(in srgb, var(--default-color), transparent 50%);
    margin-right: 10px;
    transition: 0.3s;
}

.footer .social-links a:hover {
    color: var(--salestrackerbackground);
    border-color: var(--salestrackerbackground);
}

/* .footer h4 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
    color: var(--contrast-color);
} khushboo 23-01-26 */

/* .footer .footer-links {
    margin-bottom: 30px;
} khushboo 23-01-26 */

/* .footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}  khushboo 23-01-26 */

/* .footer .footer-links ul i {
    padding-right: 2px;
    font-size: 12px;
    line-height: 0;
}  khushboo 23-01-26 */

/* .footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    line-height: 20px;
}  khushboo 23-01-26 */

/* .footer .footer-links ul li:first-child {
    padding-top: 0;
}  khushboo 23-01-26 */

/* .footer .footer-links ul a {
    color: rgba(178, 178, 178, 1);
    display: inline-block;
    line-height: 1;
    font-style: var(--font-dm-sans);
}  khushboo 23-01-26 */

/* 
.footer .footer-links ul a:hover {
  color: var(--salestrackerbackground);
} */

/* .footer .footer-contact p {
    margin-bottom: 5px;
    font-style: var(--font-open-sans);
}  khushboo 23-01-26 */

/* .footer .copyright {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: color-mix(in srgb, var(--default-color), transparent 95%);
} */

.footer .copyright p {
    margin-bottom: 0;
}

.footer .credits {
    margin-top: 6px;
    font-size: 13px;
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 30px;
    z-index: 99999;
    background-color: var(--salestrackerbackground);
    width: 44px;
    height: 44px;
    border-radius: 50px;
    transition: all 0.4s;
}

.scroll-top i {
    font-size: 24px;
    color: var(--contrast-color);
    line-height: 0;
}

.scroll-top:hover {
    background-color: color-mix(in srgb, var(--salestrackerbackground), transparent 20%);
    color: var(--contrast-color);
}

.scroll-top.active {
    visibility: visible;
    opacity: 1;
    bottom: 15px;
}


/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
/* section,
.section {
    padding: 62px 0;
    scroll-margin-top: 90px;
    overflow: clip;
} khushboo 21-01-26 */

/* @media (max-width: 1199px) {

    section,
    .section {
        scroll-margin-top: 66px;
    }
}  khushboo 21-01-26 */

/*--------------------------------------------------------------
# Global Section Titles
--------------------------------------------------------------*/
.section-title {
    text-align: center;


    position: relative;
}

.section-title h2 {
    font-size: 48px;
    font-weight: 600;
    text-transform: capitalize;

    padding-bottom: 0;
    position: relative;
    color: var(--surface-color);
    z-index: 2;
}

.section-title span {
    position: absolute;
    top: 4px;
    color: color-mix(in srgb, var(--heading-color), transparent 95%);
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
    line-height: 1;
}

/* .integration {
    font-weight: 500;
    font-family: Figtree;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
} khushboo 23-01-26 */

/* .fully {
    font-size: 48px;
    font-family: Figtree;
    font-weight: 600;
    color: var(--heading-main);
    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;
} khushboo 23-01-26  */

.section-title p {
    margin-bottom: 0;
    position: relative;
    color: rgba(255, 255, 255, 0.6);
    z-index: 2;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.2em;
}

@media (max-width: 575px) {
    .section-title h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .section-title span {
        font-size: 38px;
    }
}

/*--------------------------------------------------------------
# Hero Section
-------

-------------------------------------------------------*/
/* .logo-fade-wrapper {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 20px 0;
} khushboo 21-01-26 */


/* .logo-fade-wrapper::before,
.logo-fade-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
} khushboo 21-01-26 */

/* .logo-fade-wrapper::before {
    left: 0;
    background: linear-gradient(to right,
            #ffffff 0%,
            rgba(255, 255, 255, 0) 100%);
} khushboo 21-01-26 */


/* .logo-fade-wrapper::after {
    right: 0;
    background: linear-gradient(to left,
            #ffffff 0%,
            rgba(255, 255, 255, 0) 100%);
} khushboo 21-01-26 */

.video-card {
    /* max-width: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    min-height: 566px; khushboo 21-01-26 */
    border: solid 1px var(--salestrackerbackground);
}

/* .thumbnail {
    position: relative;
    height: 566px;
    width: 1008px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
} khushboo 21-01-26  */



/* Hide play button while video is playing */
video.playing + .play-button {
    display: none;
}

/* .thumbnail video {
    width: 100%;
} khushboo 21-01-26 */

.play-button {
    position: absolute;
    width: 88px;
    height: 88px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.play-button::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 24px solid #1e40af;
    border-top: 16px transparent solid;
    border-bottom: 16px transparent solid;
    margin-left: 8px;
}

.introducing-text {
    font-size: 72px;
    font-weight: 800;
    letter-spacing: -2px;
    opacity: 0.95;
    position: absolute;
    z-index: 1;
}

.top-banner {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.banner-text {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
}

.demo-button {
    background: white;
    color: var(--salestrackerbackground);
    border: none;
    padding: 8px 16px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.bottom-stats {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--border-color);
    font-size: 14px;
    font-weight: 500;
}

.bottom-stats span {
    margin: 0 12px;
}

.views {
    color: #60a5fa;
}

.hero {
    background-image: url("../img/salestrackerimg/salesbg.webp");
    /* padding: 0px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%; khushboo 21-01-26 */
}


/* .hero .hero-content {
    padding: 55px 0;
} khushboo 21-01-26 */

/* .staticsec {
    padding: 23px 0px 0px 0px;
} khushboo 21-01-26 */

/* .hero .hero-content .hero-title {
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 32px;
    color: var(--heading-main);
} khushboo 21-01-26 */



/* .hero .hero-content .hero-description {
    font-size: 20px;
    color: #2D3643;
    margin-bottom: 43px;
    font-weight: 400;
    line-height: 30px;
} khushboo 21-01-26 */



/* .hero .hero-content .hero-actions {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 64px;
} khushboo 21-01-26  */

/* @media (max-width: 576px) {
    .hero .hero-content .hero-actions {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 48px;
    }
} khushboo 21-01-26  */

.hero .hero-content .hero-actions .btn-primary {
    background: var(--salestrackerbackground);
    color: var(--contrast-color);
    border: 1px solid var(--salestrackerbackground);
    /* width: 202px;
    height: 44px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center; khushboo 21-01-26 */
}

/* Second button – outline style */
.hero .hero-content .hero-actions .btn-primary.request {
    background-color: var(--background-color) !important;
    color: var(--heading-main) !important;
    border: solid 1px var(--heading-main);
    /* display: flex;
    justify-content: center;
    align-items: center;
    width: 173px;
    height: 44px;  khushboo 21-01-26 */
}




.hero .hero-content .hero-actions .btn-secondary {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--heading-color);
    text-decoration: none;
    font-weight: 400;
    transition: all 0.3s ease;
}

.hero .hero-content .hero-actions .btn-secondary i {
    font-size: 1.5rem;
    color: var(--salestrackerbackground);
}

.hero .hero-content .hero-actions .btn-secondary:hover {
    color: var(--salestrackerbackground);
    transform: translateX(4px);
}

.hero .hero-content .hero-stats {
    display: flex;
    gap: 48px;
}

@media (max-width: 768px) {
    .hero .hero-content .hero-stats {
        gap: 32px;
    }
}

@media (max-width: 576px) {
    .hero .hero-content .hero-stats {
        flex-direction: column;
        gap: 24px;
    }
}

.hero .hero-content .hero-stats .stat-item {
    text-align: left;
}

.hero .hero-content .hero-stats .stat-item .stat-number {
    display: block;
    font-size: 2rem;
    font-weight: 300;
    color: var(--salestrackerbackground);
    margin-bottom: 4px;
}

.hero .hero-content .hero-stats .stat-item .stat-label {
    font-size: 17px;
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    font-weight: 400;
}

.hero .hero-visual {
    position: relative;
}

.hero .hero-visual .hero-image-wrapper {
    position: relative;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.hero .hero-visual .hero-image-wrapper .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero .hero-visual .floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.hero .hero-visual .floating-elements .floating-card {
    position: absolute;
    background: var(--surface-color);
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 8px 32px color-mix(in srgb, var(--default-color), transparent 85%);
    display: flex;
    align-items: center;
    gap: 12px;
    animation: floating 3s ease-in-out infinite;
}

.hero .hero-visual .floating-elements .floating-card i {
    font-size: 1.125rem;
    color: var(--salestrackerbackground);
}

.hero .hero-visual .floating-elements .floating-card span {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--heading-color);
    white-space: nowrap;
}

.hero .hero-visual .floating-elements .floating-card.card-1 {
    top: 10px;
    left: 40%;
    animation-delay: 0s;
}

.hero .hero-visual .floating-elements .floating-card.card-2 {
    top: 50%;
    right: 15px;
    animation-delay: -1s;
}

.hero .hero-visual .floating-elements .floating-card.card-3 {
    bottom: 25%;
    left: 15px;
    animation-delay: -2s;
}

@media (max-width: 768px) {
    .hero .hero-visual .floating-elements .floating-card {
        padding: 12px 16px;
    }

    .hero .hero-visual .floating-elements .floating-card span {
        font-size: 0.75rem;
    }

    .hero .hero-visual .floating-elements .floating-card.card-1 {
        left: 5px;
    }

    .hero .hero-visual .floating-elements .floating-card.card-2 {
        right: 5px;
    }

    .hero .hero-visual .floating-elements .floating-card.card-3 {
        left: 10px;
    }
}

@keyframes floating {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* @media (max-width: 992px) {
    .hero {
        padding: 80px 0;
    } 
} khushboo 21-01-26 */

/* @media (max-width: 768px) {
    .hero {
        padding: 32px 0;
    }
} khushboo 21-01-26 */

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .content-wrapper {
    padding-right: 2rem;
}

/* .logo-box {
    padding: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: all 0.3s ease;
} khushboo 21-01-26 */

/* .logo-box img {
    max-width: 158px;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.8;
} khushboo 21-01-26 */



/* .logo-box:hover img {
    filter: grayscale(0%);
    opacity: 1;
} khushboo 21-01-26 */

@media (max-width: 992px) {
    .about .content-wrapper {
        padding-right: 0;
        margin-bottom: 3rem;
    }
}

.about .section-header {
    margin-bottom: 2rem;
}

.about .section-header h2 {
    font-size: 2.25rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
}

@media (max-width: 768px) {
    .about .section-header h2 {
        font-size: 1.875rem;
    }
}

.about .section-badge {
    display: inline-block;
    background-color: color-mix(in srgb, var(--salestrackerbackground), transparent 90%);
    color: var(--salestrackerbackground);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1rem;
    letter-spacing: 0.5px;
}

/* .lead {
    font-size: 20px;
    font-weight: 400;
    font-family: Figtree;
    color: #2D3643 !important;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
} khushboo 23-01-26 */

.about .lead-text {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: var(--heading-color);
    font-weight: 500;
}

/* .smallheading {
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 18px;
} khushboo 21-01-26 */


.about .description-text {
    color: color-mix(in srgb, var(--default-color), transparent 25%);
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

.about .stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 576px) {
    .about .stats-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

.about .stat-item {
    text-align: center;
    padding: 1.5rem 1rem;
    background-color: var(--surface-color);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    transition: all 0.3s ease;
}

.about .stat-item:hover {
    border-color: var(--salestrackerbackground);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.about .stat-item .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--salestrackerbackground);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.about .stat-item .stat-label {
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--default-color), transparent 30%);
    margin: 0;
}




.about .main-image-container .overlay-card {
    position: absolute;
    bottom: -20px;
    left: -20px;
    background-color: var(--surface-color);
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    max-width: 280px;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}



.about .secondary-images .secondary-img:hover {
    transform: scale(1.05);
}

.about .features-section {
    padding: 3rem 0;
    background-color: color-mix(in srgb, var(--surface-color), var(--background-color) 50%);
    border-radius: 12px;
    margin-top: 2rem;
}

.about .feature-box {
    text-align: left;
    padding: 15px;
}

/* .icon-box {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: var(--background-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--salestrackerbackground);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
} */

.contentbox {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border-color);
    position: relative;
}

/* Target the MIDDLE feature-box (2nd) and style its contentbox */
.features-scroll .feature-box:last-child .contentbox {
    border-bottom: none !important;
}

.features-scroll .feature-box:nth-child(1) .contentbox::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right,
            var(--salestrackerbackground) 50%,
            var(--border-color) 50%);
}

/* .work {
    font-size: 18px;
    color: #3D4A5C !important;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
} khushboo 22-01-26 */

.features-scroll {
    max-height: 493px;

    overflow-y: scroll;

    padding-right: 10px;

    scroll-behavior: smooth;
}


.features-scroll::-webkit-scrollbar {
    display: none;
}

/* .testihead1 {
    font-family: var(--font-figtree);
    font-weight: 600;
    font-style: SemiBold;
    font-size: 48px;
    margin-bottom: 85px !important;
    line-height: 68px;
    color: var(--heading-main);
    letter-spacing: 0%;
    text-align: center;
} khushboo 22-01-26 */

.features-scroll {
    scrollbar-width: none;
}


.feature-box:last-child {
    border-bottom: none;
}

.about .feature-box .feature-icon {
    width: 70px;
    height: 70px;
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.about .feature-box .feature-icon:hover {
    transform: translateY(-5px);
}

/* 
.about .feature-box h5 {
  font-size: 1.25rem;
  margin-bottom: 18px;
  color: var(--heading-color);
  font-weight: 600;
} */

.features.section {
    /* height: 993px; */
    padding: 80px 120px;
    background-color: var(--pinkbackground);
}

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .tabs-wrapper {
    background-color: #ffffffdb;
    border-radius: 20px;
    padding: 20px 40px 30px 63px;
    box-shadow: 0 20px 60px color-mix(in srgb, var(--default-color), transparent 90%);
}

.content-wrapper p {
    color: var(--heading-main);
}

.features .nav-tabs {
    border: 0;

    margin-bottom: 20px;

}

@media (max-width: 992px) {
    /* .features .nav-tabs {
    flex-direction: column;
    gap: 15px;
  } */
}


.nav-tabs {
    align-items: stretch;
    /* makes all columns equal height */
}

.nav-tabs .nav-item {
    display: flex;
}

.features .nav-tabs .nav-link {
    width: 100%;
    height: 100%;
    min-height: 70px;
    /* adjust as needed */
    display: flex;

    justify-content: center;
    align-items: center;
    text-align: center;

    border-radius: 12px;
}


/* Optional: make images behave nicely */
.tab-icon img,
.tab-content-img img {
    max-width: 100%;
    height: auto;
}


.features .nav-link {
    background: #ffffffd4;

    border-radius: 15px;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 70px;
    cursor: pointer;
}


@media (max-width: 768px) {
    .features .nav-link {
        padding: 20px 15px;
        min-height: 70px;
    }
}

.features .nav-link .tab-icon {
    position: relative;

    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}




@media (max-width: 768px) {


    .features .nav-link .tab-icon i {
        font-size: 20px;
    }
}

.features .nav-link .tab-content {
    position: relative;
    z-index: 2;
    flex: 1;
}

.features .nav-link .tab-content h5 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color);
    transition: color 0.4s ease;
}

@media (max-width: 768px) {
    .features .nav-link .tab-content h5 {
        font-size: 14px;
    }
}

.features .nav-link .tab-content span {
    font-size: 13px;
    color: color-mix(in srgb, var(--default-color), transparent 30%);
    transition: color 0.4s ease;
}

@media (max-width: 768px) {
    .features .nav-link .tab-content span {
        font-size: 12px;
    }
}

/* .features .nav-link:hover {
  transform: translateY(-3px);
  border-color: transparent;
  box-shadow: 0 15px 40px color-mix(in srgb, var(--salestrackerbackground), transparent 70%);
} */
/* .features .nav-link:hover::before {
  opacity: 1;
}

.features .nav-link:hover .tab-icon {
  background: var(--contrast-color);
  box-shadow: 0 8px 25px color-mix(in srgb, var(--default-color), transparent 80%);
}

.features .nav-link:hover .tab-icon i {
  color: var(--salestrackerbackground);
}

.features .nav-link:hover .tab-content h5,
.features .nav-link:hover .tab-content span {
  color: var(--contrast-color);
} */



.features .nav-link.active::before {
    opacity: 1;
}

/* .features .nav-link.active .tab-icon {
  background: var(--salestrackerbackground);
}

.features .nav-link.active .tab-icon i {
  color: var(--salestrackerbackground);
} */

.features .nav-link.active .tab-content h5,
.features .nav-link.active .tab-content span {
    color: var(--contrast-color);
}





@media (max-width: 992px) {
    .features .content-wrapper {
        padding-right: 0;
        margin-bottom: 40px;
    }
}

.features .content-wrapper .icon-badge {
    /* width: 70px;
  height: 70px;
  background-color: var(--salestrackerbackground);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center; */
    margin-bottom: 25px;

}

/* .features .content-wrapper .icon-badge i {
  font-size: 30px;
  color: var(--contrast-color);
} */

.features .content-wrapper h3 {
    font-size: 32px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .features .content-wrapper h3 {
        font-size: 24px;
    }
}

.features .content-wrapper p {
    font-size: 18px;
    line-height: 150%;
    color: var(--heading-main) !important;
    margin-bottom: 30px;
}

.features .content-wrapper .feature-grid {
    display: grid;
    max-width: 500px;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 35px;
}

@media (max-width: 576px) {
    .features .content-wrapper .feature-grid {

        gap: 12px;
    }
}

.features .content-wrapper .feature-grid .feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.features .content-wrapper .feature-grid .feature-item i {
    font-size: 16px;
    color: var(--salestrackerbackground);
    flex-shrink: 0;
}

.features .content-wrapper .feature-grid .feature-item span {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    line-height: 1.4;
    font-weight: 400;
    font-family: var(--font-figtree);
}

.features .content-wrapper .stats-row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    background-color: var(--contrast-color);
    padding: 10px 20px;
    border-radius: 15px;
    margin-bottom: 35px;
    max-width: 510px;
}

/* #accordionImage {
    transition: opacity 0.4s ease, transform 0.4s ease;
    border-radius: 30px;
} khushboo 22-01-26 */

.set_image {


    display: flex;
    justify-content: center;
    align-items: start;


}

.set_image img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

/* .gif_box {
    width: 436px;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: start;
} khushboo 22-01-26 */

/* .gif_box img {
    width: 100%;
    height: 100%;
} khushboo 22-01-26 */

/* @media (max-width: 768px) {
    .gif_box {
        height: 280px;
    } 
} khushboo 22-01-26 */

/* #accordionImage.fade-out {
  opacity: 0;
  transform: translateX(40px);
}

#accordionImage.fade-in {
  opacity: 1;
  transform: translateX(0);
} */




.features .content-wrapper .stats-row .stat-item {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-direction: column;

}

.features .content-wrapper .stats-row .stat-item .stat-number {
    font-size: 20px;

    color: var(--heading-main);

}



.features .content-wrapper .stats-row .stat-item .stat-label {
    font-size: 16px;
    color: #797979;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: var(--font-figtree);
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 25px;
    margin-top: 20px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* .managementicons {
  background-color: var(--contrast-color);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #F8D0DD;
}

.managementicons img {
  width: 22px;
  height: 22px;
  object-fit: contain;
} */




.features .content-wrapper .btn-primary {
    background: var(--salestrackerbackground);
    color: var(--contrast-color);

    border-radius: 39px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 8px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: none;


}





.features .content-wrapper .btn-primary i {
    transition: transform 0.3s ease;
}


.main-image {
    max-height: 432px !important;
}

.features .visual-content .main-image img {
    width: 100%;
    height: auto;
    transition: transform 0.6s ease;
}





.features .visual-content .floating-card i {
    font-size: 28px;
    color: var(--salestrackerbackground);
}

@media (max-width: 576px) {
    .features .visual-content .floating-card i {
        font-size: 24px;
    }
}

.features .visual-content .floating-card .card-content span {
    display: block;
    font-size: 12px;
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.features .visual-content .floating-card .card-content strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--heading-color);
}

@media (max-width: 576px) {
    .features .visual-content .floating-card .card-content strong {
        font-size: 14px;
    }
}

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

/*--------------------------------------------------------------
# Features Cards Section
--------------------------------------------------------------*/
.features-cards .feature-card,
.features-cards .compliance-card {
    background-color: var(--surface-color);
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid transparent;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.features-cards .feature-card:hover,
.features-cards .compliance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--salestrackerbackground);
}

.features-cards .feature-card .icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background-color: color-mix(in srgb, var(--salestrackerbackground), transparent 90%);
    margin-bottom: 20px;
}

.features-cards .feature-card .icon-box i {
    font-size: 28px;
    color: var(--salestrackerbackground);
}

.features-cards .feature-card h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.features-cards .feature-card p {
    color: color-mix(in srgb, var(--default-color), transparent 20%);
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
}

.features-cards .feature-card .feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.features-cards .feature-card .feature-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 15px;
}

.features-cards .feature-card .feature-list li i {
    color: var(--salestrackerbackground);
    margin-right: 10px;
    font-size: 18px;
    flex-shrink: 0;
}

.features-cards .feature-card .read-more {
    display: inline-flex;
    align-items: center;
    color: var(--salestrackerbackground);
    font-weight: 400;
    font-size: 15px;
    transition: all 0.3s ease;
}

.features-cards .feature-card .read-more i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.features-cards .feature-card .read-more:hover {
    color: color-mix(in srgb, var(--salestrackerbackground), transparent 25%);
}

.features-cards .feature-card .read-more:hover i {
    transform: translateX(5px);
}

.features-cards .compliance-card {
    text-align: center;
    padding: 25px 20px;
}

.features-cards .compliance-card h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.features-cards .compliance-card .status {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.features-cards .compliance-card .status.in-progress {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}

.features-cards .compliance-card .status.compliant {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}

.features-cards .compliance-card .status.planned {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

@media (max-width: 992px) {
    .features-cards .feature-card {
        margin-bottom: 20px;
    }

    .features-cards .compliance-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .features-cards .feature-card .icon-box {
        width: 50px;
        height: 50px;
    }

    .features-cards .feature-card .icon-box i {
        font-size: 24px;
    }

    .features-cards .feature-card h3 {
        font-size: 20px;
    }

    .features-cards .compliance-card h4 {
        font-size: 16px;
    }
}



/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/

.call-to-actionss {
    background-image: url("../img/task/bigimg.webp");
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 85px 0px 85px 0; khushboo 23-01-26 */
}

.call-to-actionbox {
    /* padding: 0px 86px;
    border-radius: 24px; khushboo 23-01-26 */
    background: linear-gradient(180deg, var(--salestrackerbackground) 0%, #0B918E 100%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}


.main-btn {

    background: var(--salestrackerbackground);
    color: var(--contrast-color);
    width: 202px;
    height: 45px;

    border-radius: 100px;
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    border: 1px solid var(--salestrackerbackground);

}

.main-btnn {

    background: var(--salestrackerbackground);
    color: var(--contrast-color);
    padding: 10px 28px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    border: 1px solid var(--salestrackerbackground);

}

.request-btn {
    border-color: var(--salestrackerbackground);
    color: var(--salestrackerbackground);
    width: 202px;
    height: 45px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    border: 1px solid var(--salestrackerbackground);

}

.request-btnn {
    border: solid 1px #046A67;
    color: #046A67;
    /* padding: 10px 28px;
    border-radius: 100px;
    font-weight: 500;
    background-color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block; khushboo 23-01-26 */
}

/* security features
 */
.security-section {
    padding: 60px 20px;
    background-color: #f8f9fa;
    text-align: center;
}

.security-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.security-subtitle {
    font-size: 1.1rem;
    color: #6c757d;
    margin-bottom: 3rem;
}



.feature-title {
    color: var(--salestrackerbackground);
    /* font-size: 18px;
    font-weight: 500;
    margin: 0;
    text-align: left; khushboo 22-01-26 */
}


/* .readytogo {
    font-size: 48px;
} khushboo 22-01-26 */

/* .stats .main-headline {
    color: var(--heading-main);
    font-size: 48px;
    line-height: 68px;
    margin-bottom: 3.5rem;
} khushboo 22-01-26 */

.stats .main-description {
    color: color-mix(in srgb, var(--default-color), transparent 25%);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    /* margin-bottom: 2.5rem; */
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}





.stats .achievement-badge .achievement-icon {
    background: var(--contrast-color);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats .achievement-badge .achievement-icon i {
    color: var(--salestrackerbackground);
    font-size: 1.5rem;
}

.stats .achievement-badge .achievement-details {
    color: var(--contrast-color);
}

.stats .achievement-badge .achievement-title {
    font-size: 1.125rem;
    font-weight: 600;
    font-family: var(--heading-font);
    margin-bottom: 0.25rem;
}

.stats .achievement-badge .achievement-subtitle {
    font-size: 0.875rem;
    opacity: 0.9;
}

.stats .stats-grid {
    margin-top: 2rem;
}

.stats .stat-item {
    background: var(--surface-color);
    border-radius: 1.5rem;
    padding: 2rem 1.5rem;
    text-align: center;
    height: 100%;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 92%);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stats .stat-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--salestrackerbackground), color-mix(in srgb, var(--salestrackerbackground), #6366f1 40%));
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.stats .stat-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px color-mix(in srgb, var(--salestrackerbackground), transparent 85%);
    border-color: color-mix(in srgb, var(--salestrackerbackground), transparent 80%);
}

.stats .stat-item:hover::before {
    transform: scaleX(1);
}

.stats .stat-item.featured {
    background: linear-gradient(135deg, var(--salestrackerbackground), color-mix(in srgb, var(--salestrackerbackground), #6366f1 30%));
    color: var(--contrast-color);
    transform: scale(1.05);
}

.stats .stat-item.featured .stat-icon {
    background: var(--contrast-color);
}

.stats .stat-item.featured .stat-icon i {
    color: var(--salestrackerbackground);
}

.stats .stat-item.featured .stat-number {
    color: var(--contrast-color);
}

.stats .stat-item.featured .stat-label {
    color: color-mix(in srgb, var(--contrast-color), transparent 15%);
}

.stats .stat-item.featured .stat-growth {
    color: color-mix(in srgb, var(--contrast-color), transparent 20%);
}

.stats .stat-item.featured .stat-growth i {
    color: var(--contrast-color);
}

.stats .stat-item.featured:hover {
    transform: scale(1.08) translateY(-8px);
}

.stats .stat-icon {
    background: color-mix(in srgb, var(--salestrackerbackground), transparent 90%);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.stats .stat-icon i {
    color: var(--salestrackerbackground);
    font-size: 1.75rem;
}

.stats .stat-number {
    color: var(--salestrackerbackground);
    font-family: var(--heading-font);
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.75rem;
}

.stats .stat-number .purecounter {
    font-size: inherit;
    color: inherit;
}

.stats .stat-label {
    color: var(--heading-color);
    font-size: 1.125rem;
    font-weight: 600;
    font-family: var(--heading-font);
    margin-bottom: 1rem;
}

.stats .stat-growth {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: color-mix(in srgb, var(--default-color), transparent 40%);
    font-size: 0.875rem;
    font-weight: 500;
}

.stats .stat-growth i {
    color: #22c55e;
    font-size: 0.75rem;
}

@media (max-width: 1200px) {
    /* .stats .main-headline {
        font-size: 2.25rem;
    } khushboo 22-01-25 */

    .stats .stat-item {
        padding: 1.75rem 1.25rem;
    }

    .stats .stat-number {
        font-size: 2.25rem;
    }
}

@media (max-width: 992px) {
    /* .stats .main-headline {
        font-size: 2rem;
    } khushboo 22-01-26 */

    .stats .achievement-badge {
        padding: 1rem 1.5rem;
        margin-bottom: 2rem;
    }

    .stats .achievement-badge .achievement-content {
        gap: 0.75rem;
    }

    .stats .achievement-badge .achievement-icon {
        width: 40px;
        height: 40px;
    }

    .stats .achievement-badge .achievement-icon i {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    /* .stats .main-headline {
        font-size: 1.75rem;
    } khushboo 22-01-26 */

    .stats .main-description {
        font-size: 1rem;
    }

    .stats .achievement-badge .achievement-content {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .stats .stat-item {
        padding: 1.5rem 1rem;
    }

    .stats .stat-item.featured {
        transform: none;
    }

    .stats .stat-item.featured:hover {
        transform: translateY(-8px);
    }

    .stats .stat-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 1rem;
    }

    .stats .stat-icon i {
        font-size: 1.5rem;
    }

    .stats .stat-number {
        font-size: 2rem;
    }

    .stats .stat-label {
        font-size: 1rem;
    }
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
/* .slider_box {
    position: relative;
    overflow: hidden;
} khushboo 21-01-26 */

/* .section-subtitle-trust {
    color: var(--salestrackerbackground);
    text-align: center;
    font-size: 20px;
    font-weight: 500; 
}khushboo 21-01-26 */

/* .slide-track {
    display: flex;
    width: calc(250px * 14);
    animation: scroll-left 25s linear infinite;
} khushboo 21-01-26 */

/* bottom row will scroll in reverse */
/* .slider.reverse .slide-track {
    animation: scroll-right 25s linear infinite;
} khushboo 21-01-26 */

/* .slide-track:hover {
    animation-play-state: paused;
} khushboo 21-01-26 */

#slidersec {
    display: none;
}

/* .slide {
    width: 250px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.4;
    transition: all 0.3s ease;
} khushboo 21-01-26 */

/* .slide:hover {
    opacity: 1;
    transform: scale(2);
    filter: saturate(1.5);
} khushboo 21-01-26 */

/* .slide img {
    width: 150px;
    object-fit: contain;
} khushboo 21-01-26 */

/* Keyframes for directions */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(calc(-250px * 7));
    }

    100% {
        transform: translateX(0);
    }
}





.teamspan {
    color: var(--heading-main);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}




/* faqpage css */
.faq-box1 {
    background-color: var(--surface-color);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* .footer-contact h5 i {
    transition: transform 0.3s ease;
} khushboo 23-01-26 */

/* .support-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-left: 8px;
} khushboo 23-01-26 */

/* .support-text .icon {
    display: flex;
} khushboo 23-01-26 */

/* rotate icon when collapse is OPEN */
/* .footer-contact h5[aria-expanded="true"] .arrow {
    transform: rotate(-90deg);
} khushboo 23-01-26 */

/* .pay {
    border-right: solid 1px var(--contrast-color);
}khushboo 23-01-26 */

/* .phonenum {
    color: var(--grey);
    font-size: 16px;
    font-family: Figtree;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
} khushboo 23-01-26 */

.location-item {
    position: relative;
    padding-left: 24px;
}


.left-line {
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 1px;
}


.location-toggle {
    background: none;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;

    padding: 8px 0;
    font-size: 22px;
    font-weight: 500;
}


.chevron i {
    font-size: 22px;
    transition: transform 0.3s ease;
}

/* OPEN state */
.location-toggle.active .chevron i {
    transform: rotate(90deg);

}


.country {
    letter-spacing: 0.3px;
}


.btn-outline {
    border: 1px solid var(--heading-main);
    color: var(--heading-main);
    background: #fff;
    font-weight: 500;
    border-radius: 76px;
    text-decoration: none;
    padding: 8px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tasktrybtn {
    padding: 8px 24px !important;
    font-size: 16px;
}

.myCustomSwiper {
    width: 100%;
    padding: 40px 0;
}

.myCustomSwiper .swiper-slide {
    width: 100%;
}

.video-box {
    width: 100%;
    max-width: 450px;
}

.text-box {
    max-width: 500px;
}


/* .logo-boxmob {
    width: 100px;
    display: inline-block;
} khushboo 21-01-26 */

/* .logo_boxmobile {
    display: flex;
    justify-content: center;
    align-items: center;
} khushboo 21-01-26 */

/* .logo-boxmob img {
    width: 100%;
    height: auto;
} khushboo 21-01-26 */

/* .allrights {
    color: var(--grey);
    font-family: var(--font-figtree);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
} khushboo 21-01-26  */

/* .allrightss {
    color: var(--grey);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
} khushboo 21-01-26  */

.ttc {
    font-family: Figtree;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;

    line-height: 30px;
    letter-spacing: 0%;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: solid;

    text-decoration-thickness: 0%;

}

/* .footer-links li a {
    color: var(--grey) !important;
    font-size: 18px !important;
    font-weight: 400;
} khushboo 23-01-26 */

/* .footer-contact p {
    color: var(--grey);
    font-size: 18px;
} khushboo 23-01-26 */

.footer-contact i {
    color: var(--contrast-color);
}

/* .english {
    font-size: 16px;
    font-family: Figtree;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0%;
} khushboo 23-01-26 */

/* .footer-about p {
    color: var(--grey);
} khushboo 23-01-26 */

/* .iconbox {
    margin-left: 20px;
} khushboo 23-01-26 */

.footerpaymentbox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;

}

.footerlangenglish {
    width: 100%;
}

/* Extra small devices (phones < 576px) */
@media only screen and (max-width: 575.98px) {
    .iconbox {
        margin-left: 0 !important;
        /* or just margin-left: 0; */
    }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .iconbox {
        margin-left: 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .iconbox {
        margin-left: 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .iconbox {
        margin-left: 0;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    .iconbox {
        margin-left: 0;
    }
}

/* XXL devices (1400px and up) */
@media only screen and (min-width: 1400px) {
    .iconbox {
        margin-left: 0;
    }
}

/* Desktop: show righthead, hide rigthead */
@media (max-width: 991px) {
    .right-nav {
        position: absolute;
        right: 70px;
        top: 15px;
        z-index: 9999;
    }

    .right-nav .btn-getstarted {
        padding: 6px 14px;
        font-size: 14px;
    }

    .language-icon {
        font-size: 14px;
    }
}

/* .assign {
    font-size: 36px !important;
    color: var(--heading-main);
} khushboo 22-01-26 */

.righticon {
    color: var(--salestrackerbackground);
}

small {
    color: var(--salestrackerbackground);
}

/* .testihead {
    margin-bottom: 43px;
    font-family: var(--font-figtree);
    font-weight: 600;
    font-style: SemiBold;
    font-size: 48px;
    color: var(--heading-main);
    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;
} khushboo 21-01-26 */

.custom-box {
    width: 80%;
    margin: 50px auto;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.inner-box {
    width: 30%;
    padding: 30px 20px;
    background: #f7f7f7;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover Effect */
.inner-box:hover {
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

/* .security {
    border-color: var(--salestrackerbackground);
    padding: 18px 24px;
} khushboo 22-01-26 */

.salesblogpara {
    font-weight: 700;
    font-size: 18px;
    color: var(--heading-main);

}

.Startuppara {
    font-weight: 700;
    font-size: 35px;
    color: var(--heading-main);
}

.rapidlyparablog {
    font-size: 18px;
}

/* .icon-box_1 {
  width: 100px;
  height: 60px;

  border-radius: 12px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
} */

.predictable {

    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #3D4A5C !important;

}


/* .footeradd {
    border-left: solid 2px var(--border-color);
    padding-left: 8px;
} khushboo 23-01-26  */

/* .arrow {
    font-size: 16px;
} khushboo 23-01-26 */

/* @media only screen and (min-width:350px) and (max-width:576px) {
    .call-to-actionbox .row.align-items-lg-center .col-lg-6.mb-4.mb-lg-0 .d-flex.align-items-center.gap-3.mt-3 {
        flex-direction: column;
    }
} khushboo 23-01-26 */


.ocr-accordion-item {
    position: relative;
    margin-bottom: 20px;
    /* Space between accordion items */
}

/* QUESTION HEADER */
.ocr-accordion-item__header {
    width: 100%;
    border: none;
    text-align: left;
    padding: 15px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ddd;
    background: transparent !important;
    /* Remove header background */
}

.ocr-accordion-item__header h3 {
    margin: 0;
}

/* ACTIVE BORDER ON QUESTION ONLY */
.ocr-accordion-item .ocr-accordion-item__header.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, var(--salestrackerbackground) 50%, #ddd 50%);
}

/* ANSWER AREA */
.accordion-collapse .content-box {
    background: #fff;
    padding: 25px;
    border-bottom: 1px solid #ddd;
    border-radius: 8px;
}

.content-box img {
    max-width: 120px;
}

#about {
    margin-bottom: 45px;
}

/* .imgboxes {
    background-image: url("../img/task/awardbackground.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 45px 0px 25px 0px !important;
    background-position: center;
} khushboo 21-01-26 */

.bigimgsec.section {
    background-image: url("../img/task/bigimg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* popupcss */
.custom-modal .modal-content {
    border-radius: 20px;
    padding: 20px 25px;
}

.close-btn-custom {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 30px;
    color: var(--pinkbackground);
    cursor: pointer;
}

.demo-title {
    font-size: 32px;

    margin-bottom: 25px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 36px;

    line-height: 100%;
    letter-spacing: 0%;

}

#hompagepopup {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;

    line-height: 20px;
    letter-spacing: 0%;

}

#hompagepopup .modal-dialog {

    margin-right: auto;
    max-width: 547px !important;

}

.submit-btn {
    background-color: var(--salestrackerbackground);
    color: #FFFFFF;
    border: none;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

    border-radius: 30px;
    padding: 10px 28px;
    width: 100%;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.form-control {

    border-radius: 10px;
    padding: 12px 16px;
    box-shadow: 0px 1px 2px 0px #1018280D;

}

.section.testimonials {
background: radial-gradient(67.81% 50% at 50% 50%, rgba(11, 145, 142, 0.1) 33.07%, rgba(71, 187, 184, 0.1) 65.99%, rgba(255, 255, 255, 0.1) 100%);
}

.getfreebtn {
    background: var(--salestrackerbackground);
    /* color: var(--contrast-color);
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    line-height: 24px;
    gap: 10px;
    text-decoration: none;
    border: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); khushboo 23-01-26 */
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-header small {
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.section-header h2 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 10px;
    color: #212529;
}


.swiper-slide {
    display: flex;
    justify-content: center;
}












/* homeautoPopup */
#homeautoPopup .modal-header {
    border-bottom: none !important;
}

/* Remove dark overlay background */
#homeautoPopup .modal-backdrop.show {
    opacity: 0 !important;
}

.btn-close {
    color: #fff !important;
}

/* Clean modal look */
#homeautoPopup .modal-content {
    border: none !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    background-color: var(--salestrackerbackground);
    border-radius: 12px;
    margin-top: 47%;
}

/* Center text */
#homeautoPopup .modal-body p {
    font-size: 32px;
    margin-bottom: 15px;
    color: var(--contrast-color);
}

/* CTA Button */
#homeautoPopup .demo-btn {
    padding: 8px 18px;
    border: none;
    font-weight: bold;
    background-color: var(--contrast-color);
    border: solid var(--salestrackerbackground);
    color: var(--salestrackerbackground);
    border-radius: 50px;
    margin-right: 24px;
}

#homeautoPopup .content-wrap {

    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 22px;
}

span.close-btn-custom_request {
    color: var(--contrast-color);
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 15px;
}

/* .paraready {
    font-size: 20px;
    font-weight: 400;
    line-height: ;
} khushboo 22-01-26 */

/* accordian css
 */

/* .stats .accordion-button {
    font-size: 28px;
    font-weight: 400;
    color: #929C9A;
    background-color: white;
    border: none;
    box-shadow: none;
    padding: 1rem 0px;
    position: relative;
} khushboo 22-01-26 */

.stats .accordion-button::before {
    background-color: var(--salestrackerbackground);
    /* content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: width 0.3s ease; khushboo 22-01-26 */
}



.stats .accordion-button:not(.collapsed) {
    color: var(--salestrackerbackground);
    /* background-color: white;
    font-weight: 500;
    font-size: 32px;  khushboo 22-01-26 */
}

/* .stats .accordion-button:not(.collapsed)::before {
    width: 50%;
} khushboo 22-01-26 */

.stats .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.stats .accordion-button::after {
    display: none;
}

/* .stats .accordion-button i {
    margin-left: auto;
    transition: transform 0.3s ease;
    font-size: 0.875rem;
    color: #6c757d;
} khushboo 22-01-26  */

/* .accordion-button:not(.collapsed) i {
    transform: rotate(90deg);
    color: #1a5490;
} khushboo 22-01-26 */

/* .stats .accordion-item {
    border: none;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
} khushboo 22-01-26 */

/* .stats .accordion-item:last-child {
    border-bottom: none;
} khushboo 22-01-26 */

/* .stats .accordion-body {
    padding: 1rem 0px;
    background-color: white;
    color: rgba(100, 106, 105, 1);
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-figtree);
} khushboo 22-01-26 */

/* .posticon {
    font-size: 18px;
} khushboo 22-01-26  */

/* .greycolor {
    color: #B2B2B2;
} khushboo 22-01-26  */

/* .collab {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #1C222B !important;
} khushboo 22-01-26 */

.feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}

/* Tablet */
@media (max-width: 991px) {
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* .mobile_img {
    display: none;
}  khushboo 22-01-26 */


/* Data Security and Privacy Assurance css */




.feature-card.security {
    border-color: var(--salestrackerbackground);
}



/* .feature-title {
    font-weight: 400;
    margin: 0;
} khushboo 22-01-26 */

.global_imgbox {
    width: 500px;
    height: 400px;

}

.global_imgbox img {
    height: 100%;
    width: 100%;
}

/* Mobile polish */
@media (max-width: 575px) {
    /* .feature-card {
        flex-direction: column;
        text-align: center;
        padding: 16px;
        align-items: baseline;
    } khushboo 22-01-26 */



    /* .feature-icon img {
        width: 25px;
    } khushboo 22-01-26 */

    /* .feature-title {
        font-size: 14px;
    } khushboo 22-01-26 */
}

#nav_one .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



















/* index css end */
/* about css start */



.hero_about {
    padding: 82px 0 41px 0;
    background-image: url("../img/task/homebagebackground.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;

}

.about_img {
    width: 1091px;
    height: 639px;
}

#missionbox {
    padding: 30px 0px 30px 0px;
}

.hero_about .about-content .about-title {
    font-size: 48px;
    font-weight: 600;
    font-family: Figtree;

    font-style: SemiBold;

    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;


    margin-bottom: 32px;
    color: var(--heading-main);
}

.aboutimgpara {
    color: rgba(100, 106, 105, 1);

    font-weight: 700;

    font-size: 18px;

    line-height: 26px;
    letter-spacing: -0.4%;
    text-align: center;

}

.aboutbox {
    width: 70%;
}

@media (max-width: 768px) {
    .hero_about .about-content .about-title {
        font-size: 23px;
        margin-bottom: 24px;
    }
}

.hero_about .about-content .about-description {
    font-size: 16px;
    line-height: 1.7;
    color: var(--salestrackerbackground);
    letter-spacing: 0.2em;
    text-transform: uppercase;


}

@media (max-width: 768px) {
    .hero_about .about-content .about-description {
        font-size: 1.125rem;


    }
}

.hero_about .about-content .hero_about-actions {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 64px;
}

@media (max-width: 576px) {
    .hero_about .about-content .hero_about-actions {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 48px;
    }
}


/* Second button – outline style */
/* mission css */

.mission .icon-wrapper {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    font-size: 48px;
    color: #4a154b;
}

.mission .section-title {
    font-size: 36px;

    font-weight: 600;
    color: var(--heading-main);



    line-height: 100%;
    letter-spacing: 0%;

}

#checkout {
    padding: 40px 112px; /* khushboo 23-01-26 */
}

#result {
    padding: 80px 120px;
}

.mission .section-text {
    font-size: 18px;

    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    color: #3D4A5C !important;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: center;

}

.icon-box {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: var(--background-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--salestrackerbackground);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.contentbox {
    padding-bottom: 18px;

    border-bottom: 1px solid var(--border-color);
}

.carousel .swiper-slide {
    transform: scale(0.75) !important;
    opacity: 1 !important;

}

.carousel .swiper-slide-active {
    transform: scale(1.1) !important;
    opacity: 1 !important;
}



.about .feature-box .feature-icon {
    width: 70px;
    height: 70px;
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.about .feature-box .feature-icon:hover {
    transform: translateY(-5px);
}

.about .feature-box h5 {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 1rem;
    color: var(--heading-main);
    font-weight: 600;
}

.pre {
    font-size: 32px !important;
    line-height: 100%;
    color: var(--salestrackerbackground) !important;
}










.result-box {
    border-radius: 20px;
    text-align: left !important;
}

.result-box .mb-0 {
    font-size: 24px;


}



.resultbighead {
    font-size: 160px;
    margin-bottom: 0;
    color: var(--heading-main);
}

.percent {
    font-family: Figtree;
    color: var(--heading-main);

    font-size: 64px;

    line-height: 150%;
    letter-spacing: -1.1%;
    vertical-align: bottom;

}

.resultachi {
    font-size: 48px;
    font-family: Figtree;
    font-weight: 600;
    color: var(--heading-main);

    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;

}



.banner-container {
    border-radius: 20px;

    background-color: #ffffff !important;
    border: none !important;

}

.tracking-wider {
    color: var(--salestrackerbackground);
}





.tool-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
}


/* .team {
    font-size: 48px;
    font-family: Figtree;
    font-weight: 600;
    font-size: 48px;
    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;
} khushboo 23-01-26 */

.result-box {
    padding: 15px 20px;

    border: 1px solid rgba(12, 35, 126, 0.09);
    box-shadow: -3.71px 3.71px 27.8px 0px rgba(0, 0, 0, 0.04);


    min-height: 435px !important;


}

.result-box p {
    margin-bottom: 0;
}


.cost {
    font-size: 32px;
    color: #323F4F;
    font-family: Figtree;

    font-size: 32px;

    line-height: 100%;
    letter-spacing: -1.1%;

}

.growthpara {
    font-size: 24px;

    color: #323F4F;

    font-weight: 400;

    font-size: 24px;

    line-height: 150%;
    letter-spacing: -2%;

}



/* about css end */

/* contact us css start */


.contacth5 .arrow {

    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

/* when accordion is open */
.contacth5[aria-expanded="true"] .arrow {
    transform: rotate(-90deg);
}


#contactpage .formbox {
    background-color: var(--formbackground);
    border: solid 1px var(--formborder-);


    opacity: 1;
    gap: 64px;
    border-radius: 12px;
    border-width: 1px;
    padding: 24px;

}


.submit-btn {
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    border: none;
    border-radius: 30px;
    padding: 12px;
    width: 100%;
    font-size: 18px;
}

.formbox label {
    color: var(--heading-main);
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;

    line-height: 20px;
    letter-spacing: 0%;

}

.detailpara {

    font-weight: 600;


    line-height: 100%;
    letter-spacing: 0%;

    font-size: 24px;
    color: #232323;
}

.conatctborderbox {
    padding: 10px;

    border-left: solid 2px var(--heading-main);
}

.cinnum {
    font-size: 18px;
    color: var(--heading-main);
    font-weight: 400;



    line-height: 100%;
    letter-spacing: 0%;

}

.privacy {
    color: var(--heading-main);
    text-decoration: underline;
}

.conatctadd {
    border-left: solid 2px var(--heading-main);
    padding-left: 10px;
    color: var(--heading-main);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
}

.contacth5 {
    color: var(--heading-main);
    font-size: 18px;
    margin-bottom: 0 !important;
    gap: 8px;
    font-weight: 600;

    font-size: 18px;

    line-height: 24px;
    letter-spacing: 0%;


}

.address {
    font-size: 16px;
    color: #232323;
    font-weight: 400;
    margin-bottom: 10px !important;
    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;


}

.fon {
    font-size: 16px;
    color: #232323;
    font-weight: 500;
    margin-bottom: 10 !important;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: underline;
    text-decoration-style: solid;

    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;

}
/* 
.posticon {
    font-size: 20px;
} khushboo 23-01-26 */

.support {
    font-size: 18px;
    padding-left: 8px;
    color: var(--heading-main);
    font-weight: 400;

    font-size: 18px;

    line-height: 100%;
    letter-spacing: 0%;

}



.smallheading {
    /* font-size: 16px; khushboo 21-01-26 */
    color: var(--salestrackerbackground);
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    box-shadow: none;
    border-color: none;
    outline: 0px;
}

.phone:focus {
    box-shadow: none;
    border-color: none;
}

.form-check-input:checked {
    background-color: var(--salestrackerbackground);
    border-color: var(--salestrackerbackground);
}

.form-check-input:focus {
    box-shadow: none;
    border: none;
}

.close-btn-custom {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 30px;
    color: var(--pinkbackground);
    cursor: pointer;
}

.formbox {
    background-color: var(--formbackground);
    border: solid 1px var(--formborder-);
}

/* contact us css end */


/* pricing page css start */

.contentprice {
    height: 300px;
}

.addgeo_box {
    display: none;
}

.hero_pricing-description {
    color: var(--salestrackerbackground);
}





.pricing-card {
    background: var(--contrast-color);
    border-radius: 20px;
    border: solid 1px #959FC7;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.sliderr {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.sliderr:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .sliderr {
    background-color: var(--salestrackerbackground);
}

input:checked + .sliderr:before {
    transform: translateX(22px);
}


.geobox {
    padding: 40px 32px;
    background-color: #F2F4FC;
    border-radius: 24px;
}

.addgeo {
    font-family: Open Sans;

    font-size: 16px;

    line-height: 150%;
    letter-spacing: -2%;

}

.compareplan {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 332px;
    height: 44px;
    padding: 10px 28px;
    gap: 10px;
    background-color: var(--salestrackerbackground);
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.compareplan i {
    font-size: 14px;
}

.hero_pricing {
    padding: 45px 0;
    background-image: url("../img/task/homebagebackground.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* makes background fill 100% width */
    width: 100%;
    /* ensure it spans full width */
}


.monthly {
    border-radius: 50px !important;
    width: 193px !important;
    height: 44px !important;
    color: var(--salestrackerbackground);
    font-weight: bold;
}

.monthly:hover {
    color: var(--salestrackerbackground);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    font-size: 16px;
    font-weight: 500;
}

.pricingtabbox {
    padding: 8px;
    border-radius: 50px;
    min-width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;

    border: solid 2px #C2C8DF;

}

#contactpage {

    padding: 80px 0;

}

.pricingtabbox.mb-5 .nav-pills .nav-link {

    outline: solid 1px;
}



.price {
    /* font-family: Inter; */
    font-weight: 700;
    font-style: Bold;
    font-size: 51.13px;
    color: var(--heading-main);
    line-height: 100%;
    letter-spacing: 0%;


}

.recommended-badge {
    position: absolute;
    top: -21px;
    right: 24%;
    background: var(--contrast-color);
    color: var(--salestrackerbackground);

    border: solid 1px var(--salestrackerbackground);
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    padding-top: 10px;
    padding-right: 28px;
    padding-bottom: 10px;
    padding-left: 28px;
    gap: 10px;
    border-radius: 100px;
    border-width: 1px;


}

/* #mobilesec {
    display: none !important;
} khushboo 21-01-26 */

.bestvalue {
    position: absolute;
    top: -21px;
    right: 30%;
    background: var(--contrast-color);
    color: var(--salestrackerbackground);
    padding: 10px 28px;
    border-radius: 50px;
    border: solid 1px var(--salestrackerbackground);
    font-size: 14px;
    font-weight: 600;

}

.pricing-card.h-100 .imgbox {
    margin-top: 30px;
}

.pricing-card.h-100 h1 {
    margin-bottom: 0;
}

.btn.try-btn.mt-auto {
    padding: 10px 28px;
    width: 232px;
    height: 44px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 100px;
    border: solid 1px var(--salestrackerbackground);
    color: var(--salestrackerbackground);
}

.price_getstarted {
    width: 332px;
    height: 44px;
    border-radius: 50px;
    padding: 8px 15px;
    background-color: var(--salestrackerbackground);
    border: none !important;
}

.btn.btn-primary.px-4.py-2.mt-2.rounded-pill.fw-semibold.price_getstarted:hover {

    background-color: var(--salestrackerbackground);
    border: none !important;
}



.compare-btn {
    background: var(--salestrackerbackground);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}

.plan-card {
    gap: 10px;
    text-align: center;
    /* padding: 30px 20px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan-card .get-started-btn {
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
    opacity: 1;
    padding-top: 10px;
    width: 167px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    height: 44px;
    padding-right: 28px;
    padding-bottom: 10px;
    padding-left: 28px;
    gap: 10px;
    border-radius: 100px;

}

.stay {
    color: var(--salestrackerbackground);
    font-weight: 400;

    font-size: 20px;

    line-height: 150%;
    letter-spacing: -2%;

}

section.attendance.section {
    padding: 40px 120px;
}

#hero_pricing {
    padding: 40px 120px;
}

.tablesec.section {
    padding: 80px 120px;
}

.plan-card:last-child {
    border-right: none;
}

.plan-title {


    font-weight: 500;

    font-size: 20px;
    color: #1A191E;
    line-height: 120%;
    letter-spacing: -3%;
    text-align: center;

    margin-bottom: 15px;
    font-weight: 500;
}

.plan-price {

    font-weight: 700;
    color: #1A191E;
    margin-bottom: 5px;
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;

    line-height: 100%;
    letter-spacing: -3%;
    text-align: center;

}

.plan-period {
    font-size: 14px;
    color: #1A191E80;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    margin-left: 5px;

    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;

}

.plan-description {
    font-size: 14px;
    font-family: Inter;
    font-weight: 500;

    font-size: 14px;
    color: rgba(26, 25, 30, 0.5);
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;

    margin-bottom: 25px;
    line-height: 1.5;
}

.get-started-btn {
    background: var(--salestrackerbackground);
    color: white;
    border: none;
    width: 130px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s;
}

.get-started-btn:hover {
    background: var(--salestrackerbackground);
    /* transform: translateY(-2px); */
    /* box-shadow: 0 5px 15px rgba(30, 58, 138, 0.4); */
}


.features-title {
    font-size: 32px;

    font-weight: 600;



    line-height: 120%;
    letter-spacing: -3%;

    color: var(--heading-main);
    margin-bottom: 10px;

}



.feature-row {
    display: flex;
    align-items: center;
    padding: 20px 0;
    /* border-bottom: 1px solid #f1f5f9; */
    border-top: 1px solid #E8E8E8;
}

.feature-name {
    flex: 0 0 30%;
    font-size: 15px;

    color: #1A191E;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;

    line-height: 140%;
    letter-spacing: -3%;

}

.feature-value {
    flex: 0 0 17.5%;
    text-align: center;
}



.optional-text {
    color: #1A191E;
    font-size: 14px;
    font-family: Inter;
    font-weight: 500;

    font-size: 16px;

    line-height: 160%;
    letter-spacing: 0%;

}





.banner-container {
    border-radius: 20px;

    padding: 0 !important;
}


.tool-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
} khushboo 23-01-26


.more {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--contrast-color);
    color: var(--salestrackerbackground);
    border: 1px solid var(--salestrackerbackground);
    padding: 10px 32px;
    font-size: 15px;
    width: 200px;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0%;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.more:hover {
    color: var(--salestrackerbackground);
    background: var(--contrast-color);
    /* transform: translateY(-2px); */
    /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); */
}


/* slidercss */



.section-subtitle-trust {
    color: var(--salestrackerbackground);
    /* text-align: center;
    font-size: 20px khushboo 21-01-26 */
}

/* .slide-track {
    display: flex;
    width: calc(250px * 14);
    animation: scroll-left 25s linear infinite;
} khushboo 21-01-26 */

/* bottom row will scroll in reverse */
/* .slider.reverse .slide-track {
    animation: scroll-right 25s linear infinite;
} khushboo 21-01-26 */

/* .slide-track:hover {
    animation-play-state: paused;
} khushboo 21-01-26 */

/* .slide {
    width: 250px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
} khushboo 21-01-26 */

/* .slide:hover {
    opacity: 1;
    transform: scale(1.1);
    filter: saturate(1.5);
} khushboo 21-01-26 */

/* .slide img {
    width: 150px;
    object-fit: contain;
} khushboo 21-01-26 */

.slidersection.section {
    background-color: var(--contrast-color);
}

.slidersection.section .slider {
    background-color: var(--contrast-color);
}

/* Keyframes for directions */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(calc(-250px * 7));
    }

    100% {
        transform: translateX(0);
    }
}

/* Gradient fade on sides */
.slidersection.section .slider::before,
.slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, white 0%, transparent 100%);
}

.slidersection.section .slider::after {
    right: 0;
    transform: rotateZ(180deg);
}

.slidersection.section .slider::before {
    left: 0;
}

.now {
    color: var(--salestrackerbackground);
    margin-bottom: 0;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;

    line-height: 150%;
    letter-spacing: 16%;
    text-transform: uppercase;

}

@media (min-width: 350px) and (max-width: 767px) {
    .monthly {
        width: 100% !important;

    }


    .geobox .text-end.mt-3 {
        margin-bottom: 20px;
    }

    .pricingtabbox {
        min-width: 81% !important;
    }

    .recommended-badge {

        top: -18px;
        right: 34%;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .get-started-btn {

            padding: 12px 15px;

        }

        .geobox .text-end.mt-3 {
            margin-bottom: 20px;
        }

    }

    @media (min-width: 901px) and (max-width: 1200px) {
        /* styles here */



        .btn.try-btn.mt-auto {
            width: 100%;
        }

        .get-started-btn {

            padding: 12px 15px;

        }

        .price {
            font-size: 46px;
        }

    }


    .pricingtabbox.mb-5 .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        background-color: var(--salestrackerbackground);
        color: var(--contrast-color);
        font-size: 16px;
        font-weight: 500;
    }

}



.mobile-geofence {
    display: none;
}

.mobile-geofence {
    background: #f4f7ff;
    border-radius: 24px;
    padding: 28px 20px;
    max-width: 400px;
    margin: 20px auto;
    font-family: Inter, sans-serif;
}

.mobile-geofence .small-title {
    font-size: 12px;
    letter-spacing: 2px;
    color: #0a2a8c;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}

.mobile-geofence h2 {
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 4px;
}

.mobile-geofence .price-sub {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-bottom: 14px;
}

.mobile-geofence p {
    text-align: center;
    color: #777;
    font-size: 15px;
    margin-bottom: 16px;
}

.mobile-geofence .highlight {
    text-align: center;
    color: var(--salestrackerbackground);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 18px;
}

.map-box {

    border-radius: 12px;
    padding: 8px;
    text-align: center;
    margin-bottom: 18px;
}

.map-box img {
    width: 100%;
    border-radius: 8px;
}

.price-badge {

    color: var(--contrast-color);
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    width: fit-content;
    margin: 8px auto 0;
    font-weight: 600;
}

.add {
    font-family: Figtree;
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    color: var(--heading-main);
    line-height: 100%;
    letter-spacing: 0%;

}

.add span {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 12px;
    color: #656565;
    line-height: 100%;
    letter-spacing: 0%;

}

.subpricing {

    font-weight: 400;
    color: #656565;
    font-size: 16px;

    line-height: 100%;
    letter-spacing: 0%;

}

.cta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cta-row .btn-primary {
    background: var(--salestrackerbackground);
    border: none;
    border-radius: 30px;
    padding: 12px 24px;
    font-weight: 600;
    flex-grow: 1;
}

.add-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

/* partner css start */

.partner-card {
    border: 1px solid #CED3E5;
    border-radius: 16px;
    padding: 15px;
    width: 380px;
    /* display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; */
    height: 359px;
    background: #fff;
    transition: 0.3s ease;
}

.partner-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.partner-card h5 {
    font-size: 36px;
    margin-bottom: 16px;
}

.partner-card p {
    color: #3D4A5C;
    font-size: 18px;
    font-style: normal;
    font-family: open sans;
    line-height: 1.6;
}

.partner {
    background-color: var(--salestrackerbackground);
    border: none;
    border-radius: 30px;
    font-size: 15px;
    width: 205px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
    font-weight: 400;
}

.partner:hover {
    color: var(--salestrackerbackground);
    background-color: var(--contrast-color);
    /* or darker shade of accent */
    transform: translateY(-2px);
    border: solid 1px var(--salestrackerbackground);

}

/* partner css end */
/* download css start */


/* download css */


.download-card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.task-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-left: 4px solid #ff69b4;
    /* Pink accent */
}

.task-card .icon {
    width: 48px;
    height: 48px;
    background-color: #007bff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.sales-card {
    background: #57BFBB;

}

.stack-card {
    background: #F48026;

    /* Orange accent */
}

.small-card {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    height: fit-content;
}

.small-card .icon {

    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.title {
    font-size: 36px;
    font-weight: bold;
    color: var(--contrast-color);
    margin-bottom: 8px;
}

.subtitle {
    font-size: 18px;
    font-family: open sans;

    line-height: 1.4;
    color: var(--contrast-color);
}

.btn-custom {
    border-radius: 24px;

    font-weight: 500;
}


.register {
    width: 260px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
}

.register:hover {
    background-color: var(--salestrackerbackground);
    color: var(--contrast-color);
}

.read {
    width: 260px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: var(--salestrackerbackground);
    background-color: var(--contrast-color);
    color: var(--salestrackerbackground);
}

.read:hover {
    background-color: var(--salestrackerbackground) !important;
    color: var(--contrast-color) !important;
}


/* Common height for all product cards */
.download-card {
    min-height: 220px;
    border-radius: 16px;
    border-color: #A7B0D0;
}

/* Smaller icon-only cards */
.download-card.small-card {
    min-height: 220px;
    gap: 29px;
}

/* Bigger text-heavy cards */
.download-card .task,
.sales-card,
.stack-card {
    min-height: 220px;
}

/* Center content properly */
.download-card {
    display: flex;
    justify-content: center;
}

/* end download css */
/* faq css start */


#faq {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 12px 56px 0px rgba(6, 28, 61, 0.08);

}

.faq .accordion-item {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden;
}

.faq .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-bottom: none;
    border: solid 1px #CED3E5;
    border-radius: 7px;
}

.faq .accordion-button {
    background-color: #fff;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 16px;
    padding: 20px 24px;
    border: none;
    box-shadow: none;
}

.faq .accordion-button:not(.collapsed) {
    background-color: var(--salestrackerbackground);
    color: #fff;
    box-shadow: none;
}

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

.faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a1a1a' viewBox='0 0 16 16'%3E%3Cpath 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'/%3E%3C/svg%3E");
    transform: scale(0.8);
}

.faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.faq .accordion-body {

    padding: 24px;
    font-size: 15px;
    line-height: 1.7;
    color: #4a4a4a;
}

.faq .accordion-collapse {
    border: none;
}

/* faq css end */

.bottomlogocontainer {
    padding: 30px 0 0px 0;
}

.badgesimagecontainer {
    text-align: center;
}

/* .testimonials .swiper-wrapper {
    margin-bottom: 40px;
} khushboo 23-01-26 */

.badgesimagecontainer img {
    max-height: 50px;
    margin-bottom: 8px;
}

.ratings {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 1;
}

.ratings .smallfont {
    font-size: 14px;
    font-weight: 400;
}

.bottomlogocontainer img {
    box-shadow: 0 0 13px -4px #989393;
    border-radius: 13px;
}

@media (max-width: 767px) {
    .badgesimagecontainer {
        margin-bottom: 16px;
    }
}


#newsslidersec .card-link {
    height: 350px;
}























#featuredContainer {

    position: relative;

}


#featuredSwiper {
    width: 100%;
    padding-bottom: 35px;
}

.swiper-slide {
    height: auto;
    display: flex;
}

/* News Update Card Styles */
.news-update-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.news-update-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.news-update-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.news-update-content {
    padding: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-update-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin: 0;
}



/* Featured Card Styles */
.featured-card {
    background: white;
    border: solid 1px #0C237E1A;
    border-radius: 12px;
    overflow: hidden;
    padding: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* .featured-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
} */

.featured-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
}

.featured-content {
    padding: 24px 5px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.featured-title {
    color: #455468;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;

    margin: 0;
    line-height: 27.27px;
}

/* Navigation Buttons */

#featuredNext {
    width: 48px;
    height: 48px;
    background: var(--salestrackerbackground);
    border-radius: 50%;
    color: white;
    transition: all 0.3s ease;
}


#featuredNext:after {
    font-size: 20px;
    font-weight: bold;
}


/* #featuredNext:hover {
  background: #1e40af;
  transform: scale(1.1);
} */


#featuredNext.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}


#featuredPrev {
    left: 0;
}


#featuredNext {
    right: 0;
}


#featuredPagination {
    display: none;
}


#featuredPagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var(--salestrackerbackground);
    opacity: 0.3;
}


#featuredPagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Mobile Styles */
@media (max-width: 768px) {


    /* #featuredContainer {
    padding: 0 20px;
  } */



    #featuredPrev,
    #featuredNext {
        display: none;
    }


    #featuredPagination {
        display: block;
    }


    .featured-image {
        height: 200px;
    }


    .featured-content {
        padding: 20px;
    }


    .featured-title {
        font-size: 16px;
    }


    .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {



    /* #featuredContainer {
    padding: 0 10px;
  } */
}



#featuredPrev.swiper-button-disabled,
#featuredNext.swiper-button-disabled {
    opacity: 1 !important;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
    background-color: #ffffff;
    color: var(--salestrackerbackground) #0C237E;
}

#featuredPrev.swiper-button-disabled,
#featuredNext.swiper-button-disabled {
    opacity: 1 !important;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ffffff;
    color: var(--salestrackerbackground);
}


















.video-testimonial-header {
    text-align: center;
    margin-bottom: 50px;
}

.video-testimonial-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 16px;
}

.video-testimonial-heading {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin: 0;
}

/* #videoTestimonialContainer {
    position: relative;
    padding: 0 80px;
} khushboo 22-01-26 */

/* #videoTestimonialSwiper {
    width: 100%;
    padding-bottom: 60px;
} khushboo 22-01-26 */

/* #videoTestimonialSwiper .swiper-slide {
    height: auto;
} khushboo 22-01-26 */

/* .video-testimonial-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    background: white;
    border-radius: 20px;
} khushboo 22-01-26 */


.video-testimonial-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-testimonial-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.video-testimonial-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.3);
}

.video-testimonial-play-icon {
    width: 0;
    height: 0;
    border-left: 25px solid #1e3a8a;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin-left: 6px;
}

/* .video-testimonial-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
} khushboo 23-01-26 */

.video-testimonial-logo {
    /* font-size: 32px;
    font-weight: 500; khushboo 23-01-26 */
    color: var(--salestrackerbackground);
}

/* .video-testimonial-quote {
    line-height: 1.8;
    color: #6F6C90;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
} khushboo 23-01-26 */

/* .video-testimonial-author {
    display: flex;
    align-items: center;
    gap: 16px;
}  khushboo 23-01-26 */

/* .video-testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}  khushboo 23-01-26 */

/* .video-testimonial-info {
    flex: 1;
} khushboo 23-01-26 */

/* .video-testimonial-name {
    font-size: 18px;
    font-weight: 700;
    color: #170F49;
    margin-bottom: 4px;
} khushboo 23-01-26 */

/* .video-testimonial-position {
    font-size: 18px;
    color: #6F6C90;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
} khushboo 23-01-26 */

/* Navigation Buttons */
/* #videoTestimonialPrev,
#videoTestimonialNext {
    width: 56px;
    height: 56px;
    background: #1e3a8a;
    border-radius: 50%;
    color: white;
    transition: all 0.3s ease;
} khushboo 23-01-26 */
/* 
#videoTestimonialPrev:after,
#videoTestimonialNext:after {
    font-size: 22px;
    font-weight: bold;
} khushboo 23-01-26 */

/* #videoTestimonialPrev:hover,
#videoTestimonialNext:hover {
    background: #1e40af;
    transform: scale(1.1);
} khushboo 23-01-26 */

/* #videoTestimonialPrev.swiper-button-disabled,
#videoTestimonialNext.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
} khushboo 23-01-26 */

/* #videoTestimonialPrev {
    left: 0;
} khushboo 23-01-26 */

/* #videoTestimonialNext {
    right: 0;
} khushboo 23-01-26 */

/* Pagination */
#videoTestimonialPagination {
    display: none;
}

#videoTestimonialPagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #1e3a8a;
    opacity: 0.3;
}

#videoTestimonialPagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Disabled state */
#videoTestimonialPrev.swiper-button-disabled,
#videoTestimonialNext.swiper-button-disabled {
    /* opacity: 1 !important;
    cursor: not-allowed;
    pointer-events: none; khushboo 23-01-26 */
    background-color: #ffffff;
    /* WHITE */
    color: var(--salestrackerbackground);
    /* optional icon color */
}

/* Enabled / Active state */
#videoTestimonialPrev:not(.swiper-button-disabled),
#videoTestimonialNext:not(.swiper-button-disabled) {
    /* opacity: 1;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.3s ease; khushboo 23-01-26 */
    background-color: var(--salestrackerbackground);
}

/* Tablet Styles */
@media (max-width: 1024px) {
    /* .video-testimonial-wrapper {
        gap: 40px;
    } khushboo 22-01-26 */

    .video-testimonial-heading {
        font-size: 36px;
    }


}

/* Mobile Styles */
@media (max-width: 768px) {

    .video-testimonial-heading {
        font-size: 28px;
    }

    /* .video-testimonial-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 24px;
    } khushboo 22-01-26 */



    #videoTestimonialPrev,
    #videoTestimonialNext {
        display: none;
    }

    #videoTestimonialPagination {
        display: block;
    }

    /* .video-testimonial-quote {
        font-size: 16px;
    } khushboo 23-01-26 */

    /* .video-testimonial-logo {
        font-size: 28px;
        text-align: center;
    } khushboo 23-01-26 */

    .video-testimonial-play-btn {
        width: 60px;
        height: 60px;
    }

    .video-testimonial-play-icon {
        border-left: 18px solid #1e3a8a;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        margin-left: 4px;
    }
}

@media (max-width: 480px) {



    .video-testimonial-heading {
        font-size: 24px;
    }

    /* .video-testimonial-wrapper {
        padding: 20px;
    } khushboo 22-01-26 */
}

/* Disabled state */
#featuredContainer.swiper-button-disabled,
#featuredContainer.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ffffff;
    /* WHITE */
    color: #1e40af;
    /* optional icon color */
}

#featuredPrev {

    width: 48px;
    height: 48px;
    background: #1e3a8a;
    border-radius: 50%;
    color: white;
    transition: all 0.3s ease;

}

#featuredPrev:after {
    font-size: 20px;
    font-weight: bold;
}


#newsslidersec.swiper-button-disabled,
#newsslidersec.swiper-button-disabled {
    opacity: 1 !important;
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ffffff;
    /* WHITE */
    color: var(--salestrackerbackground);
    /* optional icon color */
}

.img-link {
    display: inline-block;
}

.img-link img {
    width: auto;
    height: 58px;
}

/* Enabled / Active state */
#newsslidersec.swiper-button-disabled,
#newsslidersec.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    background-color: var(--salestrackerbackground);
    /* BLUE */
    color: #ffffff;
    transition: all 0.3s ease;
}

/* .video-testimonial-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
} khushboo 23-01-26 */

.video-testimonial-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 🧠 fills container without distortion */
    display: block;
}


/* .mobile_carousel {
    width: 100%;
    height: 179px;
    margin: 20px auto;
    padding-bottom: 40px;
} khushboo 21-01-26 */

/* .mobile_carousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
} khushboo 21-01-26 */

/* .mobile_carousel .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    Ensures images fill the slide nicely
} khushboo 21-01-26 */

/* Pagination at bottom */
/* .mobile_carousel .swiper-pagination {
    bottom: 10px;
    Adjust distance from bottom if needed
} khushboo 21-01-26 */

/* .mobile_carousel .swiper-pagination-bullet {
    background: var(--salestrackerbackground);
    Customize bullet color
    opacity: 0.5;
} khushboo 21-01-26 */

/* .mobile_carousel .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(0.50);
    opacity: 1 !important;
} khushboo 21-01-26 */


/* Active slide scaling */
/* .mobile_carousel .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
} khushboo 21-01-26 */

/* For center-mode slides (multiple slides visible) */
/* .mobile_carousel .swiper-slide-next,
.mobile_carousel .swiper-slide-prev {
    transform: scale(0.9);
    opacity: 0.8;
} khushboo 21-01-26 */

/* .mobile_carousel .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--salestrackerbackground);
} khushboo 21-01-26 */

/* Mobile responsiveness - Show 3 slides on mobile */
/* @media (max-width: 640px) {
    .mobile_carousel {
        height: 179px;
    }

    .mobile_carousel .swiper-slide {
        flex-shrink: 0;
    }
} khushboo 21-01-26 */


/* refund css start */

.refund-section {
    padding: 80px 20px;
    background: #ffffff;
    text-align: center;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.refund-section .small-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--salestrackerbackground);
    font-weight: 600;

    margin-bottom: 12px;
}

.refund-section h2 {
    font-size: 36px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

.refund-section p {
    max-width: 900px;
    margin: 0 auto;
    text-align: justify;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

@media (max-width: 768px) {
    .refund-section h2 {
        font-size: 24px;
    }

    .refund-section p {
        font-size: 16px;
    }

    .refund-section {
        padding: 40px 20px 40px 20px;
        background: #ffffff;
        text-align: center;
        height: inherits;
    }
}

/* end refund css
 */


/* .footer-contact h5 .arrow {
  transition: transform 0.3s ease;
}

.footer-contact h5[aria-expanded="true"] .arrow {
  transform: rotate(0deg);
}

.footer-contact h5[aria-expanded="false"] .arrow {
  transform: rotate(-90deg);
} */


/* band css */
/* BOTTOM BAND */
.bottom-band {
    background: var(--salestrackerbackground);
    color: var(--contrast-color);
    /* position: fixed;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
    border-radius: 16px; khushboo 23-01-26 */
} 


/* TEXT */
/* .bottom-band p {
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 300;
} khushboo 23-01-26 */

#hompagepopup input {
    padding: 12px 16px;
}

/* BUTTON */
/* .bottom-band .demo-btn {
    background: #ffffff;
    color: var(--accent-color);
    border: solid 1px var(--accent-color) !important;
    padding: 10px 18px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    margin-right: 40px;
    transition: 0.3s ease;
}khushboo 23-01-26 */

/* .bottom-band .demo-btn:hover {
    background: #ffffff;
} khushboo 23-01-26 */

/* CLOSE BUTTON */
/* .bottom-band .close-btn {
    position: absolute;
    right: 15px;
    top: 33%;
    transform: translateY(-50%);
    font-size: 32px;
    cursor: pointer;
} */


/* RESPONSIVE */
/* @media (max-width: 768px) {
    .bottom-band {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    } 

    .bottom-band .demo-btn {
        margin-right: 0;
    }
} khushboo 23-01-26 */

.together {
    font-family: Figtree;
    font-weight: 600;
    color: var(--heading-main);
    font-size: 48px;

    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;

}

/* .video-testimonial-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    height: 458px !important;
    align-items: center;
    background: white;
    border: 1.04px solid rgba(239, 240, 246, 1);
    border-radius: 20px;
} khushboo 22-01-26 */

@media only screen and (min-width: 1200px) and (max-width: 1440px) {


    #features.container {
        max-width: 1200px !important;
    }

    .main-image {
        max-height: 341px !important;
    }

    /* .bottom-band {
        width: 84% !important;
    } khushboo 23-01-26 */

}

.pro {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 23.01px;
    color: var(--heading-main);
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0;

}

.pro_box {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pro_box p {
    color: #656565;
    font-family: Inter;
    font-weight: 400;
    margin: 0;
    font-size: 16px;

    line-height: 100%;
    letter-spacing: 0%;

}

.contentprice.mt-5 .fw-semibold {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 18px;
    color: #454545;


}

.contentprice.mt-5 .list-unstyled {
    color: #454545;
    font-weight: 400;

    font-size: 16px;

    letter-spacing: 0%;

}


#task_header .dropdown-toggle::after {
    display: none !important;
}

#task_header .nav-item.dropdown.position-static .dropdown-menu {
    max-width: 1258px !important;
    box-shadow: none !important;


}

#task_header .dropdown-menu {
    left: 72px !important;
}

#task_header .nav-link {
    color: var(--heading-main) !important;
    font-weight: 500;

    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.btn-pink {
    width: 101;
    height: 44;
    color: #ffffff;
    background-color: var(--salestrackerbackground);
    opacity: 1;
    gap: 10px;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

    border-radius: 100px;
    padding-top: 10px;
    padding-right: 28px;
    padding-bottom: 10px;
    padding-left: 28px;

}

.task_hover {
    border-radius: 10px;
    border: 1px solid transparent;
    transition:
        border-color 0.3s ease;
    padding: 10px;
}

.task_hover:hover {
    border-color: var(--salestrackerbackground);

}

#productivity-section body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    padding: 20px;
}

#productivity-section .header {
    text-align: center;
    margin-bottom: 30px;
}

#productivity-section .header-tag {
    color: var(--salestrackerbackground);

    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;

    line-height: 18px;
    letter-spacing: 14%;
    text-align: center;
    text-transform: uppercase;

}

#productivity-section .header h1 {
    font-family: Figtree;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 48px;

    line-height: 68px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--heading-main);

}

#productivity-section .nav-tabs {
    border: none;
    margin-bottom: 55px;
    margin-top: 55px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
}

#productivity-section .nav-tabs::-webkit-scrollbar {
    height: 4px;
}

#productivity-section .nav-tabs::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#productivity-section .nav-tabs::-webkit-scrollbar-thumb {
    background: var(--salestrackerbackground);
    border-radius: 4px;
}

#productivity-section .nav-tabs .nav-link {
    color: var(--heading-main);
    font-weight: 400;
    border: none;
    border-radius: 30px;
    padding: 10px 16px;
    margin-right: 5px;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 400;

    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;


}



#productivity-section .nav-tabs .nav-link.active {
    background-color: var(--salestrackerbackground);
    color: white;
    border: none;
    padding: 10px 16px;
    font-weight: 600;

    font-size: 24px;

    line-height: 100%;
    letter-spacing: 0%;

}

#productivity-section .accordion-button {

    color: var(--heading-main);
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 36px;
    font-weight: 400;
    padding: 10px;
}

#productivity-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--heading-main);
    box-shadow: none;
    font-size: 36px;
    padding: 10px;
    font-weight: 600;
}

#productivity-section .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

#productivity-section .accordion-button:hover {
    background-color: transparent;
}

#productivity-section .accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 30px;
}

#productivity-section .accordion-body {
    font-family: Open Sans;
    font-weight: 400;
    padding: 10px !important;
    font-size: 18px;

    line-height: 28px;
    letter-spacing: 0%;
    color: #606060;
}

#productivity-section .read-more {
    color: var(--salestrackerbackground);
    text-decoration: none;
    font-weight: 600;
}

#productivity-section .read-more:hover {
    text-decoration: underline;
}

#productivity-section .image-section {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.feature-anima{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden; 
} /*khushboo 19-01-26 */

#productivity-section .image-section img {
    max-width: 100%;
    height: auto;
    max-height: 465px;
    border-radius: 10px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
    position: absolute;
    opacity: 0;
}
#productivity-section .feature-anima img {
    max-width: 100%;
    height: auto;
    max-height: 465px;
    border-radius: 10px;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
    position: absolute;
    opacity: 0;
} /*khushboo 19-01-26 */

/* Slow & smooth slide-in */
@keyframes slideInRightSlow {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

#productivity-section .image-section img.active {
    position: relative;
    animation: slideInRightSlow 1s ease-out forwards;
}
#productivity-section .feature-anima img.active {
    position: relative;
    animation: slideInRightSlow 1s ease-out forwards;
} /*khushboo 19-01-26 */



@media (max-width: 768px) {
    #productivity-section .header h1 {
        font-size: 1.8rem;
    }

    #productivity-section .nav-tabs .nav-link {
        padding: 10px 20px;
        font-size: 14px;
    }

    #productivity-section .image-section {
        min-height: 300px;
        padding: 20px;
        margin-top: 20px;
    }
      #productivity-section .feature-anima {
        min-height: 300px;
        padding: 20px;
        margin-top: 20px;
    } /*khushboo 19-01-26 */

    #productivity-section .image-section img {
        max-height: 250px;
    }
     #productivity-section .feature-anima img {
        max-height: 250px;
    } /*khushboo 19-01-26 */

    #productivity-section .accordion-button {
        font-size: 14px;
        padding: 12px 16px;
    }

    #productivity-section .accordion-body {
        font-size: 18px;  /* khushboo 19-01-26 */
        padding: 15px;
    }
}

#productivity-section .accordion-button::after {
    margin-left: 20px !important;
}

/* ----------New sales tracker homepage css start 19-01-26----------------- */
.intel-sec{padding: 112px;}
.data-secu{padding: 40px 120px;}
.manage-tab{padding:24px 24px 24px 7px;}
.hero .hero-content .hero-title {margin-bottom: 10px;}
.feat-pill .nav-item{padding: 18px 11px;}
.feat-pill .nav-link{text-wrap: nowrap; font-weight: 400; color: #1D1E1F; font-size: 24px;}
.feat-pill .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--salestrackerbackground); color: var(--contrast-color); font-size: 24px; font-weight: 600; border-radius: 100px;}
@media (min-width: 336px) and (max-width: 1146px){
.hero .hero-content .hero-title {font-size: 28px !important; letter-spacing: -2px;}
.intel-sec{padding: 80px 10px;}
.testihead {letter-spacing: -1.5px;}
.work{font-size: 16px; line-height: 115%; font-family: 'Open Sans'; font-weight: 400 !important;}
.data-secu{padding: 0px 10px 30px;}
#checkout {padding: 40px 10px;}
.team {font-size: 32px; line-height: 115%;}
.tool-card{flex-direction: row; justify-content: flex-start;}
.toolimgbox{line-height: initial;}
#productivity-section .feature-anima img{opacity: 99;}
.feature-anima{animation: slideInRightSlow 1s ease-out forwards;}
.feat-pill .nav-item {padding: 4px 0 21px;}
.feat-tabs { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #ddd transparent;}
.feat-pill{display: flex; flex-wrap: nowrap;}
.feat-pill .nav-link{text-wrap: nowrap; font-weight: 500; font-size: 16px;}
.feat-pill .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--salestrackerbackground);  color: var(--contrast-color); font-size: 16px; font-weight: 600; border-radius: 100px;}
}
@media (min-width: 336px) and (max-width: 992px){
.manage-tab { padding: 15px 0;}
#productivity-section .accordion-body {padding: 10px 0 !important;}
#productivity-section .nav-tabs{margin-bottom: 25px;}
#productivity-section .accordion-button:not(.collapsed){font-size: 24px; padding: 10px 0;}
#productivity-section .accordion-button {font-size: 24px; padding: 10px 0px;} 
#call-to-actions{display: block;}
}

@media (min-width: 1146px) and (max-width: 1400px){
.feat-pill .nav-item {padding: 4px 3px 21px;}
.feat-tabs { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #ddd transparent;}
.feat-pill{display: flex; flex-wrap: nowrap;}
.feat-pill .nav-link{text-wrap: nowrap; font-weight: 500; font-size: 24px;}
.feat-pill .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--salestrackerbackground); color: var(--contrast-color); font-size: 24px; font-weight: 600; border-radius: 100px;}
}
@media (min-width: 992px) and (max-width: 1200px){
 .hero .hero-content .hero-title{font-size: 56px !important;}
 .manage-tab { padding: 15px 0;}
}

@media (min-width: 336px) and (max-width: 991px){
#nav_one{display: none;}
.btn_green{display: block; width: 77%; margin: auto;}
.navbar-toggler:focus {box-shadow: none;}
#task_header .dropdown-menu{transform: unset;}
#task_header .list-unstyled {margin: -20px 0 0px;}
.task_hover {min-height: auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
.btn_green {display: block; width: 30%; margin: auto;}
}
/* ----------New sales tracker homepage css end 19-01-26------------------- */
  .audio-player {
    width: 100%;
    height: 56px;
    background: #fff;
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding: 0 20px;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }
 
  .play-btn,
  .volume-btn {
    cursor: pointer;
  }
 
  .controls {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 15px;
    font-size: 14px;
    color: #55606E;
  }
 
  .time {
    width: 42px;
    text-align: center;
  }
 
  .progress-bar {
    flex: 1;
    height: 4px;
    background: #d8d8d8;
    margin: 0 10px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
  }
 
  .progress {
    height: 100%;
    width: 0;
    background: #44BFA3;
    border-radius: 2px;
  }