:root {
    --dark-purple: #111111 !important;
    --bg-orange-gradiunt: linear-gradient(135deg, #9b9ad9, #391e6c) !important;
    --bg-hover-gradiunt: linear-gradient(135deg, #9b9ad9, #391e6c) !important;
    --dark-blue: #111111 !important;
    --main_purple: #9b9ad9 !important;
    --bg-purple-gradiunt: linear-gradient(313deg, #9b9ad9 0%, #391e6c 100%) !important;
    --light-purple: #f6f4ff !important;
    --purple: #1d1d1d !important;
    --bg-purple: #1d1d1d !important;
    --dark-purple: #1d1d1d !important;
    --body-text-purple: #1d1d1d !important;
}

.modal-header {
    border-bottom: 1px solid #dee2e600 !important;
}

.close {
    font-size: 2rem !important;
    text-shadow: 0 0px 0 #fff !important;
}

.dm-font {
    font-family: "DM Serif Display", serif !important;
}

.text-left {
    text-align: left !important;
}

.dm-italic {
    font-family: "DM Serif Display", serif !important;
    font-style: italic !important;
}

.page_wrapper {
    background: #fff !important;
}

.integration_section .platforms_list .list_block {
    border-radius: 16px !important;
    box-shadow: 0px 3px 15px #edebf6b8 !important;
}

/* Button */
.tcul_btn2 {
    background: #fff !important;
    border-color: var(--main_purple);
    color: var(--main_purple);
    border-radius: 6px !important;
}

.signup_form .or_option>p {
    color: #000000;
}

.signup_form form .form-group .form-control {
    border: 1px solid #f3e9c2 !important;
}

.text_yellow {
    color: #4949d1 !important;
}

footer .text_yellow {
    color: #d7d7f0 !important;
}

.white_option .navbar-expand-lg .navbar-nav .has_dropdown:hover>a {
    color: #4949d1 !important;
}

.white_option header.fix_style {
    background: #232079 !important;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn {
    padding: 9px 24px !important;
}

.about_us_section .counter_outer .counter_box:before {
    background: linear-gradient(35deg, #9b9ad9 10%, #6464cf, #9b9ad9 100%) !important;
}

.about_us_section .counter_outer::before {
    background: conic-gradient(from var(--angle), #9b9ad9, #6464cf, #9b9ad9, #6464cf, #9b9ad9);
}

/* .fix_style .white_option .navbar-expand-lg .navbar-nav .nav-link, .white_option .navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
    color: #fff !important;
} */
.what_coustomer_says .coustomer_slide_box {
    box-shadow: 0 0 8px 2px #d7d7d7 !important;
}

.profile_block {
    box-shadow: 0 0 8px #508feeb4 !important;
}

.white_option header.fix_style {
    background: #232079 !important;
}

.need_section .need_block {
    background-image: url(../trnty-img/bg/cta-bg.png);
}

footer::before {
    background-image: url(../trnty-img/bg/footer-bg.png);
}

.free_trial_section .free_inner {
    background-image: url(../trnty-img/bg/dashboard-bg.png);
}

.about_us_section::after {
    background: url(../trnty-img/bg/right-tech-bg.png);
}

.about_us_section::before {
    background: url(../trnty-img/bg/left-tech-bg.png);
}

.advance_section::after {
    background: url(../trnty-img/bg/right-tech-bg.png);
}

.advance_section::before {
    background: url(../trnty-img/bg/right-tech-bg.png);
}

.top_home_wraper.white_option {
    background-image: none !important;
    background: #fff !important;
}

.integration_section .integration_section_inner {
    background-color: #FFF !important;
}

.text-white2 {
    color: #8f8f8f !important;
}

.solution_section .solution_inner {
    background-color: #1d1d1d !important;
}

.communication_section {
    background-color: #1d1d1d;
}

.about_us_section .counter_outer .counter_box {
    background: #1d1d1d !important;
}

.faq_section .faq_panel .card-header {
    background: #1d1d1d !important;
    box-shadow: none !important;
}

.solution_section .solution_cards {
    box-shadow: none !important;
    background-color: #111111 !important;
}

.advance_section .ad_feature_card::before {
    background: conic-gradient(from var(--angle), #9b9ad9, #6d6cb1, #9b9ad9, #9b9ad9, #6d6cb1);
}

.advance_section .ad_feature_card .grad_boder:hover {
    background-color: #111111 !important;
}

.communication_section .communication_inner {
    padding: 100px 0;
    background-color: #FFF !important;
}

.latest_story {
    background: #fff !important;
}

.faq_section .faq_panel .card-header .icon_faq {
    color: #FFF !important;
}

.advance_section {
    margin-top: -400px !important;
}

.advance_section {
    background: #111 !important;
}

.integration_section {
    background-color: #1110 !important;
}

footer {
    background-color: #111 !important;
}

footer .bottom_footer {
    background: #1d1d1d !important;
}

.solution_section {
    background-color: #111;
}

.btn_secondary {
    border-color: var(--main_purple) !important;
    background-image: none !important;
    color: var(--main_purple) !important;
    font-size: 15px !important;
    padding: 10px 30px !important;
    border-radius: 25px !important;
    position: relative !important;
    font-weight: 700 !important;
    transition: 0.4s all !important;
}

.latest_story .story_box .story_text a {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
    padding: 0 !important;
}

.btn_secondary i {
    transform: rotate(-45deg) !important;
    display: inline-block !important;
    font-size: 20px !important;
    margin-left: 4px !important;
    position: relative !important;
    top: 1px !important;
    transition: 0.4s all !important;
}

.btn_secondary:hover i {
    transform: rotate(0) !important;
}

.btn_secondary:hover {
    border-color: transparent !important;
    background: var(--main_purple) !important;
    color: var(--text-white) !important;
}

.advance_section {
    padding: 240px 0 100px 0 !important;
}

.advance_section {
    padding: 100px 0 100px 0 !important;
}

.about_us_page_section {
    padding: 40px 0 !important;
}

.about_us_page_section .counter_outer .counter_box:before {
    background: linear-gradient(35deg, #7f7ec5 10%, #9b9ad9, #5f5ea1 100%);
}

.service_detail_section {
    position: relative;
    padding: 50px 0 0 0;
}

footer .top_footer {
    padding: 40px 0 0px 0 !important;
    margin-top: 0px !important;
}

.service_detail_section .service_left_side h3:not(ul li h3) {
    font-size: 20px;
    margin-bottom: 8px;
}

/* Floating Icons */
.tcul-floating_btn a {
    text-decoration: none !important;
}

.tcul-floating_btn_contact {
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100000000 !important;
}

.tcul-floating_btn_whatsapp {
    position: fixed !important;
    bottom: 50px !important;
    right: 0px !important;
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100000000 !important;
}

.tcul-phone_icon {
    background-color: #007bff !important;
    color: #fff !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
    border-radius: 50px !important;
    text-align: center !important;
    /* box-shadow: 2px 2px 3px rgb(153, 153, 153) !important; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* transform: translatey(0px) !important;
    animation: pulse 1.5s infinite !important; */
    /* box-shadow: 0 0 0 0 #007bff !important; */
    /* -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important; */
    font-weight: normal !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
}

.tcul-contact_icon {
    background-color: #42db87 !important;
    color: #fff !important;
    width: 60px !important;
    height: 60px !important;
    font-size: 35px !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-shadow: 2px 2px 3px #999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translatey(0px) !important;
    animation: pulse 1.5s infinite !important;
    box-shadow: 0 0 0 0 #42db87 !important;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    font-weight: normal !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
    transition: all 300ms ease-in-out !important;
}

.advance_section .ad_feature_card h3 {
    margin: 0px 0 10px 0;
}

.need_section::before {
    background: none !important;
}

.tcul_clip2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}

.tcul_clip3 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.tcul_clip4 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}

.tcul_clip5 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}

.tcul_clip6 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
}

/* CSS Classes */
.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fs_10 {
    font-size: 10px !important;
}

.fs_11 {
    font-size: 11px !important;
}

.fs_12 {
    font-size: 12px !important;
}

.fs_13 {
    font-size: 13px !important;
}

.fs_14 {
    font-size: 14px !important;
}

.fs_15 {
    font-size: 15px !important;
}

.fs_16 {
    font-size: 16px !important;
}

.fs_17 {
    font-size: 17px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.contact_list_section .contact_list_inner .c_list_card:nth-child(1) .dot_anim {
    background-color: #9b9ad9 !important;
}

.contact_list_section .contact_list_inner .icons .dot_anim {
    background-color: #9b9ad9 !important;
}

.contact_list_section .contact_list_inner .c_list_card:nth-child(3) .dot_anim {
    background-color: #9b9ad9 !important;
}

/* Blog Details Page */
.blog_detail_section .blog_inner_pannel {
    margin-top: -60px !important;
}

.blog_detail_section .blog_info {
    padding: 0px 40px 0 40px;
}

.blog_detail_section .blog_inner_pannel .info {
    padding: 0 40px;
}

/* Mobile */
@media screen and (max-width: 992px) {
    header .navbar-brand {
        margin-left: 8px;
    }

    .navbar-expand-lg .navbar-nav .nav-link.dark_btn {
        margin: 15px 0 0 0px;
    }

    .navbar-brand img {
        width: 185px !important;
    }

    .easy {
        display: none !important;
    }

    .fix-bottom {
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        z-index: 9999999;
        padding: 10px 10px;
        background: #232079;
    }

    .d-flex {
        display: flex;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
    }

    .solution_section {
        margin-top: 30px !important;
    }

    .sm-d-none {
        display: none !important;
    }

    .need_section::before {
        bottom: 24px !important;
        right: -2px !important;
        background: none !important;
    }

    .white_option .toggle-bar {
        border-color: #9b9ad9 !important;
    }

    .toggle-wrap.active .toggle-bar {
        border-top: 0px solid transparent !important;
    }

    .toggle-wrap .active .white_option .toggle-bar {
        border-color: #9b9ad9 !important;
    }

    .white_option .toggle-bar::before {
        border-color: #9b9ad9 !important;
        background-color: #9b9ad9 !important;
    }

    .white_option .toggle-bar::after {
        border-color: #9b9ad9 !important;
        background-color: #9b9ad9 !important;
    }

    .latest_story .section_title {
        margin-bottom: 20px !important;
    }

    .banner_section .banner_text .ban_inner_text h1 {
        font-weight: 800 !important;
    }

    .need_section::before {
        display: none !important;
    }

    .tcul_wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .dynamic-txts li {
        justify-content: center !important;
    }

    .cta-text {
        font-size: 30px !important;
    }

    footer {
        margin-bottom: 70px;
    }

    .communication_section .communication_inner {
        padding: 40px 0 !important;
    }

    .communication_section .section_title h2 {
        padding-left: 0px !important;
    }

    .communication_section .communication_inner {
        border-radius: 0 0 0 0px;
    }
}

.icofont-rounded-down {
    color: #000 !important;
}

@media screen and (min-width: 460px) {
    .banner_section {
        padding-top: 180px;
    }

    .banner_section {
        padding-top: 180px;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {

    .banner_section .banner_text .ban_inner_text h1,
    .banner_section .banner_text .ban_inner_text h1 span {
        font-size: 30px !important;
    }

    .advance_section .ad_feature_card {
        min-height: 225px;
    }

    .fs-sm-24 {
        font-size: 22px !important;
    }

    .advance_section {
        margin-top: 70px !important;
    }

    .sm-d-none {
        display: none !important;
    }

    .advance_section {
        padding: 40px 0 40px 0 !important;
    }

    .need_section {
        padding-top: 0px !important;
        margin-bottom: 2rem !important;
    }

    .sm-fs-14 {
        font-size: 14px !important;
        color: #1d1d1d !important;
    }

    .sm-mt-0 {
        margin-top: 0 !important;
    }

    .sm-mt-2 {
        margin-top: .5rem !important;
    }

    .sm-pt-3 {
        padding-top: 1rem !important;
    }

    .free_trial_section {
        padding: 0 10px;
    }

    .what_coustomer_says {
        padding: 20px 0 30px 0;
    }

    .integration_section .integration_section_inner {
        padding: 30px 0 30px 0;
    }

    .free_trial_section .free_inner {
        margin: 0px auto !important;
    }

    footer {
        margin-top: 0px !important;
    }

    .contact_list_section .contact_list_inner .c_list_card {
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 15px 15px;
    }

    .white_option .navbar-expand-lg .navbar-nav .nav-link,
    .white_option .navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
        color: var(--body-text-purple) !important;
    }

    .inner_page_block {
        min-height: 240px !important;
    }

    .solution_section .solution_inner {
        padding: 40px 0;
        border-radius: 0 0px 0 0;
    }

    .goal-text {
        font-size: 1.5rem !important;
    }

    .sm-text-center {
        text-align: center !important;
    }

}

/* Desktop */
@media screen and (min-width: 992px) {

    /* .banner_section .banner_text .ban_inner_text h1 {
        font-size: 54px !important;
    } */
    /* About Us */
    .inner_page_block {
        min-height: 380px !important;
    }

    .white_option .toggle-bar {
        border-color: #ffffff !important;
    }

    .lg-d-none {
        display: none !important;
    }

    .need_section {
        padding-top: 10px;
        padding-bottom: 50px;
        margin-bottom: 0rem !important;
    }

    .top_home_wraper {
        min-height: 560px;
    }

    .lg-mt-3 {
        margin-top: 1rem !important;

    }

    .integration_section .integration_section_inner {
        padding: 40px 0 30px 0 !important;
    }

    .advance_section {
        padding: 50px 0 50px 0 !important;
    }

    .lg-pt-3 {
        padding-top: 1rem !important;
    }
}

@media screen and (max-width: 1400px) {
    /* .banner_section .banner_text .ban_inner_text h1 {
        font-size: 54px !important;
    } */
}

/* .animated_btn {
    background: linear-gradient(270deg, #ffd700, #ff8800, #ff0000) !important;
    background-size: 600% 600% !important;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    animation: gradientShift 1s ease infinite !important;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50% !important;
    }

    50% {
        background-position: 100% 50% !important;
    }

    100% {
        background-position: 0% 50% !important;
    }
} */
.animated_btn {
    background-color: #ffcc00 !important;
    animation: pulse 1.5s infinite;
    text-transform: uppercase !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 200, 0, 0.7);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 200, 0, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 200, 0, 0);
    }
}