:root{
    --dark-purple: #111111 !important;
    --bg-orange-gradiunt: linear-gradient(135deg, #FFAB00, #FE5D02) !important;
    --bg-hover-gradiunt: linear-gradient(135deg, #FFAB00, #FE5D02) !important;
    --dark-blue: #111111 !important;
    --main_purple: #FE5D02 !important;
    --bg-purple-gradiunt: linear-gradient(313deg, #e9d884 0%, #FE5D02 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: #FE5D02 !important;
}
.white_option .navbar-expand-lg .navbar-nav .has_dropdown:hover > a{
    color: #FE5D02 !important;
}
.white_option header.fix_style {
    background: #111111 !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, #e4ac24 10%, #e3be5a, #fbb000 100%) !important;
}
.about_us_section .counter_outer::before {
    background: conic-gradient(from var(--angle), #ffec9a, #efa700, #ffec9a, #efa700, #ffe05d);
}
/* .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 #dba200b4 !important;
}
.white_option header.fix_style {
    background: #111111 !important;
}
.need_section .need_block {
    background-image: url(../tcul-img/bg/cta-bg.png);
}
footer::before {
    background-image: url(../tcul-img/bg/footer-bg.png);
}
.free_trial_section .free_inner {
    background-image: url(../tcul-img/bg/dashboard-bg.png);
}
.about_us_section::after {
    background: url(../tcul-img/bg/right-tech-bg.png);
}
.about_us_section::before {
    background: url(../tcul-img/bg/left-tech-bg.png);
}
.advance_section::after {
    background: url(../tcul-img/bg/right-tech-bg.png);
}
.advance_section::before {
    background: url(../tcul-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), #debe5f, #eddc95, #ebd581, #cfa135, #ddbc5c);
}
.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, #FFAB00 10%, #FE5D02, #C37C17 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: 0px !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: 40px !important;
    height: 40px !important;
    font-size: 20px !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: #FE5D02 !important;
}
.contact_list_section .contact_list_inner .icons .dot_anim {
    background-color: #FE5D02 !important;
}
.contact_list_section .contact_list_inner .c_list_card:nth-child(3) .dot_anim {
    background-color: #FE5D02 !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: 20px 10px;
    }
    .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:#FE5D02 !important;
    }
    .toggle-wrap.active .toggle-bar {
        border-top: 0px solid transparent !important;
    }
    .toggle-wrap .active .white_option .toggle-bar{
        border-color: #FE5D02 !important;
    }
    .white_option .toggle-bar::before {
        border-color:#FE5D02 !important;
        background-color:#FE5D02 !important;
    }
    .white_option .toggle-bar::after {
        border-color:#FE5D02 !important;
        background-color:#FE5D02 !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;
    } */
}