#ticketing_system {
    background: #000000;
}

.get_quote_con.at-ts-mobile {
    display: none;
}

.get_quote_con {
    display: block;
}

.ts_first_sec {
    position: relative;
}

#ticketing_system .ts_overlay {
    background-color: #000000 !important;
}

.ts_first_main {
    margin: 13rem 0 301px 0;
}

/* get quote */
.get_quote_con {
    position: relative;
    cursor: pointer;
}

.get_quote {
    position: fixed;
    right: -162px;
    top: 213px;
    z-index: 5;
    transition: right 0.3s ease;
}

.get_quote_con:hover .get_quote {
    right: 0;
}

/* form */
.success_message {
    display: none;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    color: black;
    font-family: 'Chakra Petch';
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.success_message.show {
    display: block !important;
}

.error_message {
    font-size: 14px;
    font-family: 'Chakra Petch';
    color: red;
    margin: 0 !important;
}

.form_black_overlay {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 92%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, bottom 0.3s ease-in-out;
}

.quote_form {
    position: fixed;
    bottom: -100%;
    left: 50%;
    width: 601px;
    height: 699px;
    background-image: url("../assets/images/projects/form_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 0);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.form_black_overlay.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.quote_form.show {
    top: 50%;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}

.ts_close_icon:hover,
.ts_close_icon:focus {
    transform: rotate(180deg);
    transition: all ease 0.5s;
}


.ts_close_icon {
    position: absolute;
    right: 34px;
    top: -16px;
    cursor: pointer;
    transition: all ease 0.5s;
}

.form_main-con {
    position: relative;
    top: 13%;
    margin: 0px 80px 80px 80px;

}

.quote_form input::placeholder,
.quote_form textarea::placeholder {
    font-size: 24px;
    color: #a4a4a4cc;
    font-weight: 400;
    font-family: 'Chakra Petch';
    line-height: 31.2px;

}

.quote_form input,
.quote_form textarea {
    background-size: 22px 24px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: none;
    width: 100%;
    border-radius: 4px;
    background-color: #F1F1F1;
    /* margin-bottom: 10px; */
    border-radius: 0;
    border-bottom: 1px solid #0C0C0C;
    padding: 15px 15px 15px 50px;
    color: #0C0C0C;
    font-weight: 400;
    font-family: 'Chakra Petch';
}

.quote_form input:focus,
.quote_form textarea:focus {
    outline: none;
}

.quote_form textarea {
    padding: 11px 15px 45px 50px;
    background-position: 10px 18px;
    /* margin-bottom: 10px; */

}

.quote_form .form_field:first-child::after {
    background-image: url("../assets/images/projects/form_user.svg");
}

.quote_form .form_field:nth-child(2)::after {
    background-image: url("../assets/images/projects/form_email.svg");
}

.quote_form .form_field:nth-child(3)::after {
    background-image: url("../assets/images/projects/form_call.svg");
}

.quote_form .form_field:nth-child(4)::after {
    background-image: url("../assets/images/projects/form_massage.svg");
}

.quote_form .form_field {
    position: relative;
}

.quote_form .form_field::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    height: 24px;
    width: 24px;
    z-index: 99;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.quote_submit_btn {
    display: block;
    margin: 0 auto;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff00 inset !important;
    background-color: transparent !important;
}

.error_message {
    font-size: 14px;
    font-family: 'Chakra Petch';
    color: red;
    margin-top: 5px;
}

.form_field {
    margin-bottom: 20px;
}

.quote_submit_btn {
    font-size: 24px;
    color: #F1F1F1;
    font-weight: 500;
    font-family: "Chakra Petch";
    line-height: 31.2px;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    background-color: #0C0C0C;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: max-content;

}

textarea {
    resize: none;
}

.quote_submit_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            #5bb872 0%,
            #6bcd84d8 20%,
            #22533a 100%);
    z-index: -1;
    transition: left 0.3s ease-in-out;

}

.quote_submit_btn:hover::before {
    left: 0;
}

.quote_submit_btn:hover {
    color: #0C0C0C;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* banner sec */
.ts_content .ts_heading {
    font-size: 60px;
    color: #F1F1F1;
    font-weight: 600;
    font-family: 'Chakra Petch';
    line-height: 78px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.8px solid #F1F1F1;
}

.ts_image {
    width: 48%;
}

.ts_image img {
    width: 643.88px;
    height: 529.58px;
    object-fit: cover;
    object-position: top;
    /* mix-blend-mode: difference; */
}

.ts_content .ts_text {
    font-size: 28px;
    color: #F1F1F1;
    font-weight: 400;
    font: "Chakra Petch";
    line-height: 33.89px;
    margin-bottom: 48px;
}

.view_admindemo_btn {
    font-size: 24px;
    color: #F1F1F1;
    background: none;
    font-weight: 500;
    font-family: "Chakra Petch";
    line-height: 31.2px;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #F1F1F1;
    margin-left: 32px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.view_admindemo_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: -1;
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%);
}

.view_admindemo_btn:hover::before {
    transform: translateX(0);
}

.view_admindemo_btn:hover {
    color: #0C0C0C;
}

.white_bg_btn {
    font-size: 24px;
    color: #0C0C0C;
    font-weight: 500;
    font-family: "Chakra Petch";
    line-height: 31.2px;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    background-color: #F1F1F1;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: max-content;
    border: 1px solid #F1F1F1;
    transition: border-color 0.3s ease-in-out;
}

.white_bg_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,
            #20B76F 0%,
            #6BCD83 50%,
            #327653 100%);
    z-index: -1;
    transition: left 0.3s ease-in-out;
    text-shadow:
        0px 1px 2px #0000004A,
        0px 3px 3px #00000042,
        0px 7px 4px #00000026,
        0px 13px 5px #0000000A,
        0px 20px 6px #00000003;
}

.white_bg_btn:hover::before {
    left: 0px;
}

.white_bg_btn:hover {
    border-color: #057d4d;
    box-shadow: 0 0 0 1px #057d4d;
}

.white_bg_btn:hover {
    color: #F1F1F1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.shadowed-image {
    box-shadow:
        0px 0px 13px 0px rgba(0, 0, 0, 0.1),
        0px 0px 53px 0px rgba(0, 0, 0, 0.09),
        0px 0px 120px 0px rgba(0, 0, 0, 0.05),
        0px 0px 214px 0px rgba(0, 0, 0, 0.01),
        0px 0px 334px 0px rgba(0, 0, 0, 0);
}

/* second sec */

.ts_list {
    margin-bottom: 0;
}

.ts_list li {
    color: #F1F1F1;
    font-size: 20px;
    font-weight: 300;
    font-family: "Chakra Petch";
    line-height: 30px;
    margin-bottom: 60px;
}

.our_story_text {
    color: #F1F1F1;
    font-size: 20px;
    font-weight: 300;
    font-family: "Chakra Petch";
    line-height: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ts_list li:last-child {
    margin-bottom: 0;
}

.ts_sec_main {
    margin-bottom: 240px;
    gap: 70px;
    padding: 82px 82px 0 82px;
}

.story_mobile_img {
    display: none;
}

/* third sec */
.ts_third_sec {
    text-align: center;
    padding: 0 55px;
}

.sub_heading {
    font-size: 48px;
    color: #F1F1F1;
    font-weight: 500;
    font-family: 'Chakra Petch';
    line-height: 62.4px;


}

.divider {
    height: 1px;
    width: 480px;
    text-align: center;
    background-color: #F1F1F1;
    margin: 0 auto;
    margin-bottom: 48px;

}

.divide-sec {
    height: 1px;
    width: 668px;
    text-align: center;
    background-color: #F1F1F1;
    margin: 0 auto;
    margin-bottom: 48px;
}

.ts_third_main {
    display: flex;
    gap: 76px;
    padding: 0 60px;
    justify-content: center;
    flex-wrap: wrap;
}

.ts_sub_heading {
    font-size: 24px;
    color: #F1F1F1;
    font-weight: 500;
    font-family: 'Chakra Petch';
    line-height: 31.2px;
    margin: 16px 0;
}

.ts_paragraph {
    font-size: 20px;
    color: #F1F1F1;
    font-weight: 300;
    font-family: 'Chakra Petch';
    line-height: 26px;
}

.ts-col {
    width: 29%;
}

.ts-col img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.ts-col-sec {
    width: 45%;
    padding: 32px 20px;
    border: 1px solid;
    /* Default border for all .ts-col-sec elements */
    border-image-source: none;
    /* No gradient by default */
}

/* Gradient border for the first .ts-col-sec element */
.ts-col-sec:first-of-type {
    border-image-source: linear-gradient(312.01deg, #20B76F 0%, #327653 25.14%, #67CC82 50.29%, #013420 100.58%);
    border-image-slice: 1;
    /* Ensures the gradient covers the full border */
}

/* Gradient border for the second .ts-col-sec element */
.ts-col-sec:nth-of-type(2) {
    border-image-source: linear-gradient(77.81deg, #20B76F 0%, #327653 25%, #67CC82 50%, #013420 100%);
    border-image-slice: 1;
    /* Ensures the gradient covers the full border */
}

/* Gradient border for the third .ts-col-sec element */
.ts-col-sec:nth-of-type(3) {
    border-image-source: linear-gradient(257.81deg, #20B76F 0%, #327653 25%, #67CC82 50%, #013420 100%);
    border-image-slice: 1;
    /* Ensures the gradient covers the full border */
}

/* Gradient border for the fourth .ts-col-sec element */
.ts-col-sec:nth-of-type(4) {
    border-image-source: linear-gradient(132.31deg, #20B76F 0%, #327653 25%, #67CC82 50%, #013420 100%);
    border-image-slice: 1;
    /* Ensures the gradient covers the full border */
}


.ts-col-sec img {
    width: 72px;
    height: 72px;
}

.ts_third_mains {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.ts_third_sub {
    display: flex;
    align-items: center;
    gap: 90px;
    padding: 0px 0px 49px 0px;

}

.ts_third_sub iPhone {
    width: 312.15px;
    height: 638px;
}

.margin_top {
    margin-top: 80px;
}

/* fourth sec */
.ts_fourth_sec {
    text-align: center;
    margin: 260px 0 260px 0;
    position: relative;
}

.leftside-design {
    position: absolute;
    left: 0;
    width: 222.33px;
}

.rightside-design {
    position: absolute;
    top: -403px;
    right: 0;
    width: 171.81px;
}

/* fifth sec  */
.ts_fifth_main {
    gap: 70px;
    padding: 10px 58px 290px 58px;
}

.ts_sixth_sec {
    position: relative;
}

.ts_sixth_main {
    text-align: center;
}

.get_in_touch_text {
    color: #F1F1F1;
    font-size: 56px;
    font-weight: 500;
    font-family: "Chakra Petch";
    line-height: 84px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 25px;
}

/* seven sec */
.ts_seventh_sec {
    padding: 280px 106px 140px 106px;
    margin: 0 auto;
}

.ts_seventh_main {
    text-align: center;
}

.ts_faq_question_con {
    background-color: #F1F1F1;
    padding: 13px 41px;
    position: relative;
    ;
    cursor: pointer;
}

.ts_faq_question {
    border: 1px solid #0C0C0C;
    padding: 12px 59px;
    position: relative;
}

.ts_faq_question_con::before,
.ts_faq_question_con::after {
    content: '';
    position: absolute;
    width: 58px;
    height: 58px;
    background-color: #0C0C0C;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.ts_faq_question_con::before {
    left: -29px;

}

.ts_faq_question_con::after {
    right: -29px;
}


.ts_faq_question {
    position: relative;
    border: 1px solid #0C0C0C;
    padding: 12px 59px;
    background-color: #F1F1F1;
}

.ts_faq_question::before,
.ts_faq_question::after {
    content: '';
    position: absolute;
    width: 38px;
    height: 38px;
    background-color: #F1F1F1;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    border: 0.5px solid black;
    z-index: 1;
}

.ts_faq_question::before {
    left: -20px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: translateY(-50%) rotate(-45deg);
}

.ts_faq_question::after {
    right: -20px;
    border-right-color: transparent;
    border-top-color: transparent;
    transform: translateY(-50%) rotate(45deg);
}

.ts_quetion {
    font-size: 32px;
    color: #0C0C0C;
    font-weight: 500;
    font-family: 'Chakra Petch';
    line-height: 41.6px;
    margin-bottom: 0;
}

.faq_answer {
    border: 1px solid #F1F1F1;
    border-top: none;
    position: relative;
    top: -2px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    transform: scaleY(0);
    transform-origin: top;
}

.faq_answer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: linear-gradient(to right, #000000 60%, transparent 40%);
    background-size: 20px 2px;
}

.faq_answer.active {
    max-height: 200px;
    opacity: 1;
    transform: scaleY(1);
}

.faq_answer p {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 400;
    font-family: 'Chakra Petch';
    line-height: 48px;
    margin-bottom: 0;
    padding: 24px 76px 24px 100px;
}

.faq_border_bottom {
    height: 14px;
    background-color: #FFFFFF;
}

.ts_faqs_con {
    margin-bottom: 40px;
}


.ts_footer {
    background-image: url('../assets/images/projects/footer_bg.png');
    background-position: top;
    background-repeat: no-repeat;
    padding: 80px 87px 0 87px;
    position: relative;
}

.ts_footer_main {
    padding: 78px 39px 0 39px;
}

.ts_footer_firstcol {
    width: 34%;
}

.ts_footer_secondcol {
    width: 18%;
}

.ts_footer_thirdcol {
    width: 30%;
}

.ts_footer_first {
    display: flex;
    justify-content: space-between;
}

.footer_headings {
    color: #0C0C0C;
    font-size: 32px;
    font-weight: 500;
    font-family: "Chakra Petch";
    line-height: 41.6px;

}

.footer_divider_first,
.footer_divider_sec {
    height: 0.8px;
    background: #0C0C0C;
    margin-bottom: 16px;
}

.footer_divider_sec {
    width: 132px;
}

.footer_divider_first {
    width: 199px;
}

.footer_text {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 400;
    font-family: "Chakra Petch";
    line-height: 24px;
}

.footer_links li,
.ts_footer_thirdcol ul li {
    list-style: none;
}

.footer_links li a {
    color: #0C0C0C;
    font-size: 20px;
    font-weight: 400;
    font-family: "Chakra Petch";
    line-height: 36px;
    text-decoration: none;
}

.ts_footer_secondcol ul,
.ts_footer_thirdcol ul {
    margin: 0;
    padding-left: 0 !important;
}

.ts_footer_thirdcol ul li a {
    color: #0C0C0C;
    font-size: 20px;
    font-weight: 400;
    font-family: "Chakra Petch";
    line-height: 36px;
    text-decoration: none;
}

.ts_footer_thirdcol ul li a img {
    padding-right: 7px;
}

.ts_footer_second {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    margin-top: 41px;
    position: relative;
}

.ts_footer_second::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 2.5px;
    background: linear-gradient(to right, #000000 60%, transparent 40%);
    background-size: 40px 2px;
    border-radius: 20px;
}


.ts_footer_second p,
.ts_footer_second>a {
    font-size: 12px;
    line-height: 15.6px;
    font-weight: 400;
    font-family: "Chakra Petch";
    margin: 0 !important;
}

.ts_footer_second a {
    text-decoration: none;
    font-size: 12px;
    line-height: 15.6px;
    font-weight: 400;
    font-family: "Chakra Petch";
    color: #0C0C0C;
}


.ts_footer_second span {
    padding-right: 8px;
}

/* media query */
@media(max-width:1400px) {
    .ts_content .ts_heading {
        font-size: 48px;
        color: #F1F1F1;
        font-weight: 700;
        font-family: 'Chakra Petch';
        line-height: 60px;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 0.8px solid #F1F1F1;
    }

    .ts_image img {
        width: 540.88px;
        height: 455.58px;
        object-fit: cover;
        object-position: top;
    }

    .ts_content .ts_text {
        font-size: 23px;
        color: #F1F1F1;
        font-weight: 400;
        font: "Chakra Petch";
        line-height: 29.89px;
        margin-bottom: 47px;
    }

    .ts_first_main {
        margin: 5rem 0 301px 0;
    }

    .ts_first_main {
        flex-direction: column-reverse;
    }

    .view_admindemo_btn {
        margin-left: 28px;
    }

    .ts_content {
        text-align: center;
    }
}

@media(max-width:1350px) {
    .ts_footer_main {
        padding-top: 0px;
    }
}

@media(max-width:1200px) {
    .ts_content .ts_heading {
        font-size: 48px;
        color: #F1F1F1;
        font-weight: 700;
        font-family: 'Chakra Petch';
        line-height: 60px;
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 0.8px solid #F1F1F1;
    }

    .ts_image img {
        width: 540.88px;
        height: 455.58px;
        object-fit: cover;
        object-position: top;
    }

    .ts_content .ts_text {
        font-size: 23px;
        color: #F1F1F1;
        font-weight: 400;
        font: "Chakra Petch";
        margin-bottom: 47px;
        line-height: 24px;
    }

    .ts_first_main {
        margin: 5rem 0 301px 0;
    }

    .ts_first_main {
        flex-direction: column-reverse;
    }

    .view_admindemo_btn {
        margin-left: 28px;
    }

    .ts_third_sub {
        gap: 51px;
    }

    .ts_third_mains {
        gap: 34px;
    }

    .keyf_main {
        margin: 40px 0 120px 0;
    }

    .ts-col {
        width: 29%;
    }

    .ts_third_main {
        gap: 50px;
    }

    .rightside-design {
        top: -343px;
        width: 153.81px;
    }

    .ts_fifth_sec {
        margin-bottom: 232px;
    }

    .ts_fifth_main {
        gap: 50px;
        padding: 45px;
    }

    .ts_sec_main {
        gap: 50px;
        padding: 50px 0px;
    }

    .ts_sec_img img {
        width: 340px;
        height: 531px;
        object-fit: contain;
    }

    .sub_heading {
        font-size: 38px;
        line-height: 48.4px;
    }

    .ts_list li {
        margin-bottom: 24px;
    }

    .get_in_touch_text {
        font-size: 44px;
        font-family: "Chakra Petch";
        line-height: 64px;
    }

    .ts_fifth_main {
        padding-bottom: 280px;
    }

    .ts_seventh_sec {
        padding: 280px 50px 140px 50px;
        margin: 0 auto;
    }

    .footer_headings {
        line-height: 31.6px;
        font-size: 24px;

    }

    .ts_footer_firstcol {
        width: 36%;
    }

    .ts_footer_secondcol {
        width: 22%;
    }

    .ts_footer_thirdcol {
        width: 39%;
    }

    .ts_footer_main {
        padding: 78px 39px 0 38px;
    }

    .ts_footer {
        padding: 60px 37px 0 37px;
    }

    .ts_footer::before {
        left: 21px;
    }

    .ts_footer::before,
    .ts_footer::after {
        top: 49px;
    }

    .ts_footer::after {
        right: 21px;
    }

    .ts_footer {
        background-image: url('../assets/images/projects/footer_laptop.png');
        background-position: top;
        background-repeat: no-repeat;
        padding: 80px 87px 0 87px;
        position: relative;
    }

    .footer_text {
        padding: 0 5% 0 0;
        margin: 0;
    }

    .ts_image {
        width: unset;
    }

}

/* tablat */
@media (max-width:1000px) {
    /* .ts_nav .nav {
        background-color: #0C0C0C !important;
    } */

    .ts_content .ts_heading {
        font-size: 35px;
        line-height: 55px;
    }

    .white_bg_btn {
        font-size: 20px;
        padding: 10px 22px;
    }

    .view_admindemo_btn {
        font-size: 20px;
        padding: 10px 22px;
    }

    .ts_first_main {
        flex-direction: column-reverse;
    }



    .ts_first_main {
        margin: 5rem 0 89px 0;
    }

    .ts_list li {
        font-size: 18px;
    }

    .sub_heading {
        font-size: 30px;
        line-height: 44px;
    }

    .ts_sec_main,
    .ts_third_sub,
    .ts_fifth_main {
        flex-direction: column;
    }

    .ts-col {
        width: 28%;
    }

    .sub_heading {
        text-align: center;
    }

    .ts_sec_main {
        margin-bottom: 110px;
    }

    .ts_fourth_sec {
        margin: 140px auto;
    }

    .divider {
        width: 250px;
    }

    .ts_paragraph {
        font-size: 18px;
        line-height: 24px;
    }

    .ts_sub_heading {
        font-size: 20px;
        line-height: 26.2px;
        margin: 8px 0;
    }

    .ts-col-sec img,
    .ts-col img {
        object-fit: contain;
        width: 60px;
        height: 60px;
    }

    .ts_fifth_main {
        padding: 0;
    }

    .our_story_text {
        align-items: center;
        text-align: center;
    }

    .ts_third_main {
        padding: 0;
        gap: 46px;
    }

    .rightside-design {
        top: -267px;
        width: 123.81px;
    }

    .leftside-design {
        top: 106px;
        position: absolute;
        left: 0;
        width: 141.33px;
    }

    .ts_footer {
        background-image: url('../assets/images/projects/footer_768.png');
        background-position: top;
        background-repeat: no-repeat;
        padding: 80px 87px 0 87px;
        position: relative;
    }

    .ts_footer_firstcol,
    .ts_footer_secondcol,
    .ts_footer_thirdcol {
        width: 100%;
    }

    .ts_footer_first {
        flex-direction: column;
        text-align: center;
        gap: 32px;
    }

    .ts_footer_main {
        padding: 51px 30px 0 30px;
    }

    .footer_divider_first,
    .footer_divider_sec {
        margin: 0 auto;
        margin-bottom: 8px;

    }

    .footer_divider_sec {
        width: 98px;
    }

    .ts_footer_second::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 1.6px;
        background: linear-gradient(to right, #000000 60%, transparent 40%);
        background-size: 20px 2px;
        border-radius: 20px;
    }
}

.ts_fourth_img.desktop-section-dyb {
    display: block;
}

.ts_fourth_img.mobile-section-dyb {
    display: none;
}

.downloadpdfbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0;
}

.downloadpdfbtn button {
    display: flex;
    justify-content: center;
    border: transparent;
    gap: 0.5rem;
    align-items: center;
    padding: 0;
}

.downloadpdfbtn button svg {
    width: 11px;
}

.downloadpdfbtn button p {
    margin: 0;
    padding-bottom: 3px;
}

/* mobile */
@media screen and (max-width:1000px) {
    .downloadpdfbtn button {
        display: flex;
        justify-content: center;
        border: transparent;
        gap: 0.5rem;
        align-items: center;
        padding: 0;
    }

    .downloadpdfbtn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 11px;
    }

    .downloadpdfbtn button svg {
        width: 11px;
    }

    .downloadpdfbtn button p {
        margin: 0;
        padding-bottom: 3px;
    }
}

@media(max-width:767px) {

    .ts_fourth_img.desktop-section-dyb {
        display: none;
    }

    .form_field {
        margin-bottom: 6px;
    }

    .ts_fourth_img.mobile-section-dyb {
        display: block;
        display: block;
        text-align: center;
        padding: 25px 0 15px;
    }

    .get_quote_con.at-ts-mobile {
        display: block;
    }

    .get_quote_con {
        display: none;
    }

    .ts_content .ts_text {
        font-size: 16px;
    }

    .quote_form {
        position: fixed;
        /* top: 50%; */
        left: 50%;
        /* transform: translate(-50%, -50%); */
        width: 382px;
        height: 575px;
        background-image: url("../assets/images/projects/form_mobile_bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 1000;
        border-radius: 8px;
    }

    .form_main-con {
        position: relative;
        top: 10%;
        margin: 10px 10px;
    }

    .ts_close_icon {
        position: absolute;
        right: 18px;
        top: -16px;
        width: 22px;
        transition: all ease 0.5s;
    }

    img.get_quote.showFormBtn {
        width: 228px;
        height: 54px;
    }

    .get_quote_con:hover .get_quote {
        right: -22px;
    }

    .our_story_text {
        font-size: 16px;
        line-height: 24px;
    }

    .ts_third_sub .iPhone {
        width: 195.7px;
        height: 400px;
    }



    .quote_form input::placeholder,
    .quote_form textarea::placeholder {
        font-size: 18px;
        color: #A4A4A4;
        font-weight: 400;
        font-family: 'Chakra Petch';
        line-height: 26px;

    }

    .quote_form input,
    .quote_form textarea {
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: 10px center;
        border: none;
        width: 100%;
        border-radius: 4px;
        background-color: #F1F1F1;
        margin-bottom: 4px;
        border-radius: 0;
        border-bottom: 1px solid #0C0C0C;
        padding: 15px 15px 15px 40px;

    }

    .quote_form textarea {
        padding: 13px 15px 35px 40px;
        background-position: 10px 20px;
        margin-bottom: 0px;

    }

    .quote_submit_btn {
        font-size: 20px;
        left: -15px;
    }



    .ts_footer_first {
        padding: 51px 0px 0 0px;
    }

    .ts_footer_thirdcol ul li a {
        font-size: 16px;
        line-height: normal;
    }

    .footer_links li a {
        font-size: 16px;
        line-height: normal;
    }

    .ts_first_main {
        margin: 5rem 0 89px 0;
        margin: unset;
        height: 100vh;
    }

    .ts_content .ts_heading {
        font-size: 30px;
        line-height: normal;
    }

    .white_bg_btn {
        font-size: 18px;
        padding: 8px 20px;
    }

    .view_admindemo_btn {
        font-size: 18px;
        padding: 8px 20px;
        margin-left: 0;
    }

    .banner_btns .white_bg_btn {
        margin-bottom: 24px;
        font-size: 18px;
    }

    .banner_btns {
        display: flex;
        justify-content: space-between;
    }

    .key_feature_laptop {
        width: 353px;
    }

    .ts_list li {
        font-size: 16px;
        line-height: 24px;
    }

    .ts_footer {
        background: none;
    }

    .ts_footer_main {
        background-image: url('../assets/images/projects/footer_mobile.png');
        background-position: top;
        background-repeat: no-repeat;
        padding: 51px 34px 0 34px;

        position: relative;
    }

    .ts-col img {
        object-fit: contain;
        width: 50px;
        height: 50px;
    }

    .ts_paragraph {
        font-size: 14px;
        line-height: 1.3em;
        margin: 0;
    }

    .ts_third_sec .ts_sub_heading {
        font-size: 18px;
        margin: 0;
        padding: 16px 0 5px;
    }

    .ts-col {
        width: 46%;
    }

    .ts_third_main {
        gap: 35px;
    }

    .leftside-design {
        width: 100.33px;
        top: 182px;
    }

    .rightside-design {
        top: -219px;
        width: 85px;
    }

    .banner_btns {
        display: block;
    }

    .story_desktop_img {
        display: none;
    }

    .story_mobile_img {
        display: block;
    }

    .ts_sec_img img {
        width: 355.72px;
        height: unset;
        object-fit: contain;
    }

    .ts_fourth_img.desktop-section-dyb img,
    .ts_fourth_img.mobile-section-dyb img {
        width: 279px;
        height: 398.57px;
    }

    .ts_sec_main {
        padding: 90px 0 0 0;
        gap: 48px;
    }

    .ts_third_sub {
        gap: 39px;
        padding: 0 0 32px 0;
    }

    .ts-col-sec {
        width: 48%;
        padding: 24px 15px;
    }

    .ts_third_mains {
        gap: 12px;
        justify-content: space-between;
    }

    .ts_third_sec {
        padding: 0 23px;
    }

    .divider {
        margin-bottom: 32px;
    }

    .ts-col {
        display: flex;
        width: 100%;
        gap: 44px;
        align-items: center;
    }

    .ts_fourth_sec {
        margin: 180px auto;
    }

    .get_in_touch_text {
        font-size: 30px;
        font-family: "Chakra Petch";
        line-height: 44px;
    }

    .divide-sec {
        width: 250px;
    }

    .ts_seventh_sec {
        padding: 180px 8%;
    }

    .ts_faq_question {
        padding: 10px 26px;
    }

    .ts_quetion {
        font-size: 18px;
        line-height: 26px;
    }

    .ts_faq_question_con::before,
    .ts_faq_question_con::after {
        width: 48px;
        height: 48px;
    }

    .ts_faq_question::before,
    .ts_faq_question::after {
        width: 36px;
        height: 36px;
    }

    .ts_faq_question_con {
        padding: 8px 26px;
    }

    .faq_answer p {
        font-size: 16px;
        line-height: 24px;
        padding: 24px 49px 24px 49px;
    }

    .ts_faqs_con {
        margin-bottom: 20px;
    }

    .ts_footer_second {
        flex-direction: column-reverse;
        gap: 16px;
        padding: 16px 0;
        margin-top: 35px;

    }

    .footer_divider_first,
    .footer_divider_sec {
        margin-bottom: 12px;
    }

    .ts_content .ts_heading {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .ts_content .ts_text {
        margin-bottom: 42px;
    }

    .get_quote {
        top: 119px;
    }

    .ts_image img {
        width: 345px;
        height: 329.86px;
    }

    .ts_faq_question::before {
        left: -19px;
    }

    .ts_faq_question::after {
        right: -19px;
    }

    .ts_list {
        margin-top: 24px !important;
    }

    .ts_footer_secondcol ul,
    .ts_footer_thirdcol ul {
        margin: 0;
        padding-left: 0 !important;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .ts_fourth_sec .ts_sub_heading {
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }

    .quote_form .form_field::after {
        width: 20px;
        height: 20px;
    }

}

@media(max-width:510px) {
    .ts_footer {
        background-image: url('../assets/images/projects/footer_mobile.png');
        background-position: top;
        background-repeat: no-repeat;
        padding: 51px 60px 0 60px;
        position: relative;
    }

    .ts_footer_main {
        background: none;
    }

    .ts_footer_first {
        padding-top: 0;
    }

    .footer_text {
        padding: 0 5%;
        margin: 0;
        gap: 2.5rem;
    }

    .ts_footer_second {
        flex-direction: column-reverse;
        gap: 10px;
        padding: 16px 0;
        margin-top: 2.5rem;
    }

    .ts_sub_heading {
        font-size: 18px;
    }
}

@media(max-width:430px) {
    .ts_footer_main {
        padding: 0 8%;
    }

    .ts_footer {
        padding: 98px 30px 0 30px;
    }
}

@media(max-width:420px) {
    .ts-col-sec {
        width: 48%;
        padding: 18px 7px;
    }

    .ts_footer {
        padding: 60px 50px 0 50px;
    }

    .ts_image img {
        width: 300px;
        height: 257.86px;
    }

    .ts_footer_main {
        padding: 51px 0px 0 0px;
    }
}

@media(max-width:352px) {
    .ts_footer {
        padding: 0 30px;
    }
}

@media(max-width:510px) {
    .ts_footer {
        background-image: url('../assets/images/projects/footer_mobile.png');
        background-position: top;
        background-repeat: no-repeat;
        padding: 51px 60px 0 60px;
        position: relative;
        background-size: 90%;
        padding: 27px 34px 0 34px;
    }

    .ts_footer_main {
        background: none;
    }

    .ts_footer_first {
        padding-top: 0;
    }

}

@media(max-width:430px) {
    .ts_footer_main {
        padding: 0 8%;
    }

    .ts_footer {
        padding: 98px 40px 0 40px;
        background-size: 100%;
    }
}

@media(max-width:420px) {

    .ts_image img {
        width: 300px;
        height: 257.86px;
    }

    .ts_footer_main {
        padding: 0px 0px 0 0px;
    }

    .ts_footer_first {
        padding: unset;
        gap: 2.5rem;
    }

    .ts_footer {
        background-size: cover;
    }
}

@media screen and (max-width:356px) {
    .ts_footer {
        padding: 0;
    }

    .ts_footer_main {
        padding: 74px 8% 0 8%;
        ;
    }

    .ts-col-sec {
        width: 100%;
        padding: 24px 15px;
    }

    .ts_third_mains {
        gap: 20px;
        justify-content: center;
    }
}

.whatsapp-icon {
    position: fixed;
    right: 0;
    transform: translate(-25%);
    font-size: 25px;
    top: 90%;
}