@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --poppins_font: "Poppins", sans-serif;
    --c_primary: #004DC4;
    --c_secondary: #030D1F;
    --c_black: #000000;
    --c_heading: #000000;
    --c_text: rgba(0, 0, 0, 0.8);
    --c_text2: #617797;

    --c_white: #fff;
    --transtion: all 0.3s ease-in-out 0s;
    --box_shadow: 0px 2.76px 47.79px 0px #416DB233;


}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--poppins_font) !important;
    font-size: 18px;
    color: var(--c_text);
    font-weight: 400;
    word-break: break-word;
}
body *:not(i){
    font-family: var(--poppins_font) !important;
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

figure {
    margin: 0;
    line-height: 0;
}

a,
button,
.cursor_pointer,
input[type="submit"] {
    cursor: pointer;
}

figure figcaption {
    line-height: normal;
}

.container {
    max-width: 1190px;
    margin-inline: auto;
    padding-inline: 30px;
    width: 100%;
}

.side_container {

    max-width: calc(100% - (100% - 1190px) / 2);
    margin: 0 0 0 auto;
    padding-inline: 30px;
}

ul,
ol,
li {
    list-style: none;
}

:where(ul, li, p, h1, h2, h3, h4, h5, h6):not(:last-child) {
    margin-bottom: 15px;
}

.gradient_text {
    background: linear-gradient(33.92deg, #629AE8 23.99%, #1F47CE 41.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

}

.c_primary {
    color: var(--c_primary);
}

.ut_spc,
.u_spc {
    padding-top: 85px;
}

.ub_spc,
.u_spc {
    padding-bottom: 85px;
}

.about_page_wrp :where(.ut_spc, .u_spc) {
    padding-top: 100px;
}

.about_page_wrp :where(.ub_spc, .u_spc) {
    padding-bottom: 100px;
}

.uth_spc,
.uh_spc {
    padding-top: 50px;
}

.ubh_spc,
.uh_spc {
    padding-bottom: 50px;
}

.text_center {
    text-align: center;
}

.text_white *:not(.btn, a) {
    color: var(--c_white);
}

.d_block {
    display: block;
}

.mb_30 {
    margin-bottom: 30px;
}

/* typography */
:is(h1, h2, h3, h4, h5, h6) {
    color: var(--c_heading);
    font-weight: 600;
}

.hd_1 :where(h1, h2, h3, h4, h5, h6),
h1 {
    font-size: 54px;
    line-height: 146%;

}

.hd_2 :where(h1, h2, h3, h4, h5, h6),
h2 {
    font-size: 44px;
    line-height: 146%;

}

.hd_2_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 42px;
    line-height: 146%;
    font-weight: 700;

}

.hd_3 :where(h1, h2, h3, h4, h5, h6),
h3 {
    font-size: 32px;
    line-height: 146%;

}

.hd_3_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 24px;
    line-height: 146%;

}

/* form css */
input,
select,
textarea {
    min-height: 70px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 0;
    border: 1px solid rgba(201, 201, 201, 1);

    outline: 0 !important;
    transition: var(--transtion);
    border-radius: 15px;
    resize: none;
    font-family: var(--poppins_font) !important;
}

textarea {
    min-height: 90px;
    height: 245px !important;
}

:is(input, select, textarea):focus {
    border: 1px solid var(--c_primary) !important;
}

.control_group .play_btn_wrp {
    position: absolute;
    right: 8px;
    top: 10px;
}

.control_group+.wpcf7-response-output {
    display: none;
}

.control_group .play_btn_wrp .wpcf7-spinner {
    display: none;
}

.control_group .btn-play {

    background: var(--c_secondary);
    padding: 7px 15px 7px 7px;
    padding-left: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: var(--c_white);
    font-weight: 500;
    border: 0;
    min-height: 53px;
    min-width: 150px;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px #FFFFFF3D inset;
    cursor: pointer;
    display: inline-flex;
    width: auto;
}

.control_group {
    position: relative;
}

.control_group>label {
    font-size: 20px;
    display: block;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 8px;

}

.form_field .control_group {
    width: calc(100% - var(--gap_left));
}

.form_field .control_group.w_50 {
    width: calc(100% /2 - var(--gap_left));
}

.form_field.gap_m {
    --gap_left: 24px;
    --gap_top: 24px;
}

/* griding */
.gap_m,
.gap_p {
    display: flex;
    flex-wrap: wrap;
    --gap_left: 30px;
    --gap_top: 30px;
    margin-top: calc(var(--gap_top) * -1);
    margin-left: calc(var(--gap_left) * -1);

}

.gap_m>* {
    margin-top: calc(var(--gap_top));
    margin-left: calc(var(--gap_left));

}

.gap_p>* {
    margin-top: calc(var(--gap_top));
    padding-left: calc(var(--gap_left));

}

/* button style */
.btn {
    background: transparent;
    border: 0;
    font-size: 21px;
    font-weight: 500;
    min-height: 63px;
    padding: 10px 25px;
    border-radius: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    transition: var(--transtion);
}

.btn.br img {
    transition: filter 0.4s ease;
}

.btn.br {
    border: 0.8px solid #2048CE30;
    color: var(--c_primary);

}

.btn.br:hover {
    background: var(--c_primary);
    color: var(--c_white);

}

.btn.btn_primary {
    background: linear-gradient(90deg, #1F67D4 0%, #5D95EA 100%);

    color: var(--c_white);
}

.btn.btn_white {
    background: var(--c_white);

    color: var(--c_heading);
}

.btn.br:hover img {
    filter: brightness(0) invert(1);
}

.btn-play {
    background: var(--c_secondary);
    padding: 7px 15px 7px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: var(--c_white);
    font-weight: 500;
    border: 0;
    min-height: 53px;
    min-width: 150px;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px #FFFFFF3D inset;
    cursor: pointer;
}

.control_group .play_btn_wrp span {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.216) 100%);
    border: 1px solid #FFFFFFB2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;

    top: 6px;
    left: 10px;

}

@keyframes grow-shrink {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


.control_group .play_btn_wrp span i {
    color: var(--c_white);
    font-size: 12px;
}

.control_group .play_btn_wrp span::before {
    content: '';

    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.216) 100%);
    border: 1px solid #FFFFFFB2;
    z-index: 1;

    width: calc(100% - 10px);
    height: calc(100% - 10px);

    position: absolute;

}



/* main content  */
.content {
    min-height: calc(100vh - (18px + 251px));
}

.page-template-front-page .content {

    padding-top: 110px;
}

body:has(.banner_sc) .content {
    padding-top: 0;
}

/* header css  */
.site_header {

    padding: 25px 0;
    z-index: 9;
    position: relative;
    box-shadow: 0px 2px 41px 0px rgba(0, 0, 0, 0.08);

}

.page-template-front-page .site_header {
    box-shadow: unset;
    padding: 36px 0;
}

.site_header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1330px;
}

.site_header ul.nav_menu {
    display: flex;
    align-items: center;
    gap: 34px;
    margin: 0;

}

.site_header .menu_wrp {
    visibility: hidden;
    opacity: 0;
    min-width: 46px;

}

.site_header ul.nav_menu li {
    margin: 0;
}
.site_header ul.nav_menu li a.active{
    color: var(--c_primary);
    border-color: var(--c_primary);
}

.site_header ul.nav_menu li a {
    color: var(--c_heading);
    border-bottom: 1px solid transparent;
}

.page-template-front-page .site_header {
    position: absolute;
    left: 0;
    width: 100%;
}

.page-template-front-page .site_header ul.nav_menu li a {
    color: var(--c_white);
}
.page-template-front-page .site_header ul.nav_menu li a.active {
  border-color: var(--c_white);
}

.site_header .site_logo {
    height: 45px;
    display: inline-flex;
}

.site_logo figure {
    width: 100%;
    height: 100%;
}

.site_header .site_logo img {
    height: 100%;
    object-fit: contain;


}

/* banner css */
.home_banner_sc {
    background-image: url('https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/home_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 839px;

    position: relative;
    display: flex;

}

.home_banner_sc::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 110px;
    bottom: 0;
    left: 0;
    background: linear-gradient(179.91deg, rgba(127, 169, 228, 0) 3.16%, rgba(1, 86, 220, 0.6) 99.92%);

}

.home_banner_sc .email_subs {
    margin: 36px 0 90px;
    max-width: 540px;
    width: 100%;
    margin-inline: auto;
}

.home_banner_sc .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home_banner_sc input {
    min-height: 71px;
    border: 1px solid #FFFFFF80;
    background: #FFFFFF47;
    border-radius: 50px;
    backdrop-filter: blur(94px);
    padding: 20px 10px 20px 30px;
    font-size: 18px;
    font-weight: 500;



}

.home_banner_sc figure {
    margin-top: auto;
}

.home_banner_sc h1 {
    margin-top: auto;
    max-width: 900px;
    margin-inline: auto;
}

.home_banner_sc input::placeholder {
    color: #ffffff;
   
}

/* trusted section */
.trusted_sc {
    overflow: clip;
}

.trusted_sc .s_head {
    margin-bottom: 70px;
}

.trusted_sc .slick-track {
    display: flex;
    align-items: center;
    gap: 20px;
}

.trusted_sc .slick-slide {
    padding: 15px 18px;
    min-width: 150px;
    border: 1px solid #D5DEEC;
    background: linear-gradient(180deg, #FFFFFF 0%, #EEF4FD 100%);
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0;
}

/* transition sc */
.transactions_sc .s_head {
    margin-bottom: 25px;
}

/* solution section */
.solution_sc {
    background: linear-gradient(180deg, rgba(204, 224, 255, 0.4) 0%, rgba(244, 249, 255, 0.4) 100%);

}

.solution_sc .s_head {
    margin-bottom: 40px;
}

.solution_grid li {
    box-shadow: var(--box_shadow);
    padding: 26px 20px 26px 95px;
    border-radius: 22px;
    background: var(--c_white);
    margin-bottom: 0;
    width: calc(100% / 3 - var(--gap_left));
    position: relative;
    transition: var(--transtion);
    border: 1px solid var(--c_white);


}
.solution_grid li  h3{
    font-size: 18px;
    margin-bottom: 8px;
}
.solution_grid li  h3 br{
    display: none;
}
.solution_grid li:hover {
    transform: translateY(-2px);
    box-shadow: unset;
 
    background: linear-gradient(114.06deg, #0F5BCE 5.34%, #9BC3FF 96.7%);

}
.solution_grid li::after {
    content: "";
    position: absolute;
    right: 0;
    width: 60%;
    height: 100%;
    background: url('https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/solution_after.png') no-repeat center;
    background-size: cover;
    border-radius: 16px;
    top: 0;
    opacity: 0;
    pointer-events: none;

}
.solution_grid li:hover *{
    color: var(--c_white);
}
.solution_grid li:hover figure{
    background: var(--c_white);
}
.solution_grid li:hover figure img{
    filter: brightness(0) saturate(100%) invert(12%) sepia(59%) saturate(7182%) hue-rotate(213deg) brightness(100%) contrast(100%);
}

.solution_grid li:hover::after{
    opacity: 0.6;
}
.solution_grid li figure {
    border-image-source: linear-gradient(214.71deg, rgba(90, 147, 233, 0.5) 61.15%, rgba(255, 255, 255, 0.5) 69.42%, rgba(90, 147, 233, 0.5) 79.54%);
    background: linear-gradient(114.06deg, #0F5BCE 5.34%, #9BC3FF 96.7%);
    padding: 8px;
    border-radius: 16px;
    margin-bottom: 12px;
    position: absolute;
    top: 28px;
    left: 22px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.solution_grid li figure img{
    max-width: 32px;
}
.solution_grid li figure img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.solution_grid li figure figcaption {
    font-size: 24px;
    line-height: 1.6;
    margin-top: 10px;
}

.solution_grid li p {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(69, 92, 128, 1);
}


/* financial_sc  */
.financial_sc {
    overflow: clip;
}

.financial_sc .s_head {
    margin-bottom: 60px;
}

.financial_grid .lt_s,
.financial_grid .rt_s {
    width: 50%;
}

.financial_grid .lt_s ul li {
    border: 1px solid #E7EEF7;
    background: var(--c_white);
    padding: 16px 24px;
    border-radius: 16px;
    font-weight: 600;
    line-height: 1.8;
    transition: var(--transtion);
}
.financial_grid .lt_s ul li:not(:last-child){
    margin-bottom: 28px;
}
.financial_grid .lt_s ul li strong {
    color: var(--c_primary);
    font-weight: 600;
    transition: var(--transtion);
}

.financial_grid .lt_s ul li:hover {
    border: 1px solid var(--c_primary);
    background: var(--c_primary);
    color: var(--c_white);
}

.financial_grid .lt_s ul li:hover strong {
    color: var(--c_white);
}

.financial_grid .rt_s figure {
    background: #F1F6FC;
    padding: 14px 14px 30px;
    box-shadow: 0px 0px 21.5px 0px #104B934D;
    border-radius: 21px 21px 0 0;
    width: 100%;
    position: relative;
}

.financial_grid .rt_s figure::after {
    content: "";
    position: absolute;
    width: calc(100% + 60px);
    left: -30px;
    height: 120px;
    background: linear-gradient(360deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 126.32%);
    bottom: -39px;
}

.financial_grid .rt_s figure img {
    width: 100%;
    object-fit: cover;
}

.financial_grid {
    --gap_left: 50px;
    position: relative;

}

.financial_grid::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(100% + 25px);
    top: -25px;
    background-image: url('https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/safe_transition_bg.png');
    background-size: cover;
    pointer-events: none;
    background-position: center;
    z-index: -1;
    left: calc((50% - 50vw) + 0px);

}

/* test slider  */
.testimonial_sc {
    overflow: clip;
}

.slick-initialized .test_slider.slick-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
    position: relative;
}

.test_slider_wrp::before,
.test_slider_wrp::after {
    content: "";
    position: absolute;
    top: -90px;
    left: -100px;
    background-image: url(https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/quote_icon.png);
    background-repeat: no-repeat;
    width: 240px;
    height: 240px;
    background-position: center;
    transform: scale(-1);
    background-size: contain;
}

.test_slider_wrp::after {
    top: auto;
    left: auto;

    transform: unset;
    right: -200px;
    bottom: 24%;
}

.test_slider>figure {
    width: 481px;
    height: 535px;
    position: relative;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    overflow: clip;
}

.test_slider>figure img {
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.test_slider>figure::before {
    content: "";
    position: absolute;
    width: 441px;
    height: 421px;
    background: linear-gradient(180deg, #0345A9 0%, #7DB0FF 100%);
    border-radius: 30px;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.test_slider .test_slider_rt {
    width: calc(100% - (481px + 60px));
    padding-top: 70px;
}

.test_slider .test_slider_rt p {
    color: var(--c_heading);
    line-height: 2;
    margin-bottom: 24px;
    max-width: 590px;
}

.test_slider .test_slider_rt strong {
    font-size: 24px;
    font-weight: 600;
    color: var(--c_black);
}

.testimonial_sc {
    background: linear-gradient(180deg, rgba(204, 224, 255, 0.4) 0%, rgba(244, 249, 255, 0.4) 100%);
    position: relative;
}

.testimonial_sc .container {
    position: relative;
}

.testimonial_sc .custom_arrow {
    position: absolute;
    right: 0;
    bottom: 80px;
    justify-content: flex-end;
}


.custom_arrow {
    width: 100%;
    display: flex;
    gap: 22px;

}

.custom_arrow .slick-arrow {
    position: relative;
    inset: 0;
    display: inline-flex !important;
    justify-content: center;
    height: 75px;
    width: 75px;
    align-items: center;
    border-radius: 75px;
    background: var(--c_white);
    transform: unset;
    transition: var(--transtion);
}

.custom_arrow .slick-arrow:not(.slick-disabled):hover {
    background: var(--c_primary);
}

.custom_arrow .slick-arrow.slick-disabled:hover {
    opacity: 0.7;
}

.custom_arrow .slick-arrow:not(.slick-disabled):hover::before {
    filter: brightness(0) invert(1);
}

.custom_arrow .slick-arrow::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/arrow_icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;

}

.custom_arrow .slick-next::before {
    transform: scale(-1);
}


/* service section */
.service_grid .lt_s {
    width: calc(100% - var(--gap_left));
    text-align: center;

}

.service_grid .lt_s h2 {
    max-width: 1000px;
    margin-inline: auto !important;
}

.service_grid {
    --gap_left: 50px;
}

.service_grid .lt_s p {
    line-height: 2.1;
    margin: 20px 0 35px;
}

.service_grid .lt_s h2 {
    margin: 0;
}

.service_grid .rt_s {
    width: calc(100% - var(--gap_left));
    text-align: center;
}

.service_grid {
    align-items: center;
}

/* download section */
.download_sc {
    background: linear-gradient(180deg, #2345D1 0%, #66A1E9 100%);
    padding: 1px 0;
}
.download_grid .lt_s{
    width: 41%;
}

.download_grid .rt_s {
    width: 59%;
}

.download_grid .rt_s {
    display: inline-flex;
    align-items: flex-end;
    position: relative;
    bottom: -1px;
}

.download_grid {
    align-items: center;
}

.download_grid .lt_s .img_flex {
    display: inline-flex;
    gap: 21px;
    align-items: center;
}

.download_grid .lt_s .img_flex a {
    width: 100%;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: not-allowed;
}

.download_grid .lt_s .img_flex a figure {
    width: 100%;
    height: 100%;
}

.download_grid .lt_s .img_flex a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.download_grid .lt_s p {
    font-size: 22px;
    margin: 20px 0 55px;
    letter-spacing: -1.29px;
    max-width: 550px;

}

.download_grid .lt_s .img_flex a::before {
    content: "Coming Soon";
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.download_grid .lt_s .img_flex a::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.download_grid .lt_s .img_flex a:hover::before,
.download_grid .lt_s .img_flex a:hover::after {
    opacity: 1;
    visibility: visible;
}


/* footer css  */
.footer_logo {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #DDDFE3;
}

.footer_logo .site_logo {
    height: 50px;
}

.footer_logo .site_logo figure {
    height: 100%;
}

.footer_logo .site_logo figure img {
    height: 100%;
    object-fit: contain;
}

.ftr_flx {
    display: flex;
    gap: 10px;
    justify-content: space-between;


}

.ftr_flx .footer_link {
    max-width: 200px;

}
.ftr_flx .footer_link:first-child {
    max-width: 200px;
    width: 100%;
}
.ftr_flx .footer_link li:not(:last-child) {
    margin-bottom: 20px;
}

.ftr_flx .footer_link li a {
    color: var(--c_text2);
    font-size: 14px;
    text-transform: uppercase;
    transition: var(--transtion);
}

.ftr_flx .footer_link li a:hover {
    color: var(--c_primary);
    text-decoration: underline;
}

.ftr_flx .footer_link:last-child {
    max-width: 340px;
    width: 100%;
    align-self: flex-end;
}

.ftr_flx .control_group input {
    height: 45px;
    padding: 5px 100px 5px 10px;
    background: #EFF2F8;
    border: 1px solid transparent;
    border-radius: 0;
    min-height: 45px;
}

.ftr_flx .control_group {
    margin: 0;
}

.ftr_flx .control_group .btn-play {

    padding: 5px;
    min-width: 100px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--c_primary);
    text-transform: uppercase;
    font-size: 12px;
    color: var(--c_white);
    border-radius: 0;
    min-height: 45px;
    width: auto;

}

.ftr_flx .play_btn_wrp span {
    display: none !important;
}

.ftr_flx .play_btn_wrp {
    position: absolute;
    right: 0px;
    top: 0px !important;
}

/* contact us page */
.contact_sc {
    padding: 45px 0;
}

.contact_sc_bnr {
    background: linear-gradient(180deg, #2345D1 0%, #66A1E9 100%);
    display: flex;
    align-items: center;
    min-height: 200px;
}

.contact_sc_bnr .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact_sc_bnr .container h1 {
    margin: 0;
}

.contact_sc .gap_p .contact_lt,
.contact_sc .contact_rt {
    width: 50%;
}

ul.bredcrum {
    margin: 0;
    display: flex;
    align-items: center;
}

ul.bredcrum li {
    display: inline-flex;
    align-items: center;
}

ul.bredcrum li:not(:last-child)::after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/arrow_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) invert(1);
    opacity: 1 !important;
    transform: scale(-1);
    display: inline-flex;
    margin: 0 8px;
}

ul.bredcrum li {
    margin: 0;
    position: relative;
}

ul.bredcrum li a {
    color: var(--c_white);
    opacity: 0.6;

}

ul.bredcrum li:last-child a,
ul.bredcrum li:hover a {
    opacity: 1;


}

ul.bredcrum li:not(:last-child):hover a {
    text-decoration: underline;
}

.contact_sc .s_head {
    margin-bottom: 40px;
}
.contact_sc .s_head h1{
    line-height: 1.2;
}

.submit_btn {
    margin-top: 30px;
}

.contact_sc .submit_btn {
    margin-top: 48px;

}

.contact_sc .submit_btn .btn {
    min-width: 200px;
}

.cms_content p {
    margin-bottom: 22px;
}
.cms_content  .panel-default:not(:last-child){
    margin-bottom: 24px;
}
/***** Faq | Start *****/
[data_accordion],
[data_tab] {
    cursor: pointer
}

[data_accordion_pnl],
[data_modal_value],
[data_tab_pnl] {
    display: none
}

[data_accordion_pnl].active,
[data_tab_pnl].active {
    display: block !important
}

/* .acdn_mn{border-bottom:solid 1px #cbcbcb} */
.panel-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    font-weight: 600;
    z-index: 1;
    font-size: 18px;
    font-weight: 600;
    padding: 24px 40px 24px;


}

.accord_wrp {
    border: 1px solid rgba(231, 238, 247, 1);
    border-radius: 18px;

    box-shadow: 0px 0px 21.5px 0px rgba(34, 101, 180, 0.12);
    background: var(--c_white);
}

.accord_wrp:not(:last-child) {
    margin-bottom: 20px;
}

.panel-title::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    position: relative;
    top: 8px;
}

.panel-title.active::after {
    content: "\f077";
}

.panel-body {
    padding: 0px 40px 24px
}

.panel-body p {
    font-size: 14px;
}

.panel-title.active {
    color: var(--c_primary)
}

.panel-title.active::after {
    color: var(--c_primary)
}

@media screen and (max-width:1200px) {
 
    .panel-title {
        padding: 24px
    }

    .panel-body {
        padding: 0px 24px 24px;
    }

}

@media screen and (max-width:992px) {
    .panel-title {
        font-size: 18px;
        padding: 24px
    }
}

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

    .panel-title,
    .panel-title::after {
        font-size: 16px
    }
}

/***** Faq | End *****/

.wpcf7-not-valid-tip {
    font-size: 14px;
    color: #dc3232 !important;
    text-align: left;
}

/* work section */
.work_sc .work_sc_bx {
    width: calc(29% - var(--gap_left));
    background: var(--c_white);
   
    padding: 80px 16px;
    border-radius: 30px;
    position: relative;
    min-height: 521px;
}

.work_sc .work_sc_bx:not(.active) {
    box-shadow: 0px 0px 49px 0px #00000014;

}

.work_sc .work_sc_bx:not(.active)::before {
    content: "";
    background: linear-gradient(180deg, #E8F1FF 0%, #FFFFFF 100%);
    height: 130px;
    width: 100%;
    position: absolute;
    border-radius: 30px 30px 0 0;
    top: 0;
    left: 0;
}

.work_sc .work_sc_bx h3 {
    font-size: 26px;
    line-height: 1.2;
    margin: 18px 0 10px;
}

.work_sc .work_sc_bx p {
    font-size: 14px;
    line-height: 1.8;
    color: #000000CC;

}

.work_sc .work_sc_bx figure {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(114.06deg, #0F5BCE 5.34%, #9BC3FF 96.7%);
    padding: 8px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: relative;
}

.work_sc .work_sc_bx.active {

    background: url("https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/11/steps_bg-1.png");
    background-size: cover;
    background-position: center;
    padding-inline:  45px;
    flex-grow: 1;
}
.work_sc .work_sc_bx.active{
    flex-grow: 1; 
    background: url("https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/11/steps_bg-1.png");
    background-size: cover;
    background-position: center;
}
.work_sc .work_sc_bx.active::before{
    display: none;
}

.work_sc .work_sc_bx:first-child h3 {
    color: var(--c_white);
}

.work_sc .work_sc_bx.active figure,.work_sc .work_sc_bx.active figure {
    background: var(--c_white);
}

.work_sc .work_sc_bx.active :is(li, p, span) {
    color: #FFFFFFCC;

}
/* .work_sc .work_sc_bx :is(li, p, span) {
        max-width: 272px;
        width: 272px;
} */
.work_sc .work_sc_bx.active figure img{
    filter: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(3334%) hue-rotate(210deg) brightness(92%) contrast(102%);
}
.work_sc .work_sc_bx figure img{
    filter: brightness(0) invert(1);
}
.work_sc .work_sc_bx.active h3{
    color: var(--c_white);
}
.work_sc .work_sc_bx > * { 
    flex-grow: 1; 
    transition: unset;
}

.work_sc .qr_code_list li {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    gap: 16px;
    align-items: center;
}

.work_sc .qr_code_list li::before {
    content: "\f00c";
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #10B881;
    background: var(--c_white);
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";

}

.work_sc .qr_code_list li:not(:last-child) {
    margin-bottom: 12px;
}

.custom_support .custom_support_lt {
    width: 47%;
}

.custom_support .custom_support_rt {
    width: 53%;
}

.custom_support .gap_p {
    --gap_left: 150px;
    position: relative;
}

.custom_support {
    overflow: clip;
}

.custom_support .gap_p::before {
    content: "";
    position: absolute;
    width: 100vw;
    height: calc(100% + 25px);
    top: -25px;
    background-image: url("https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/10/safe_transition_bg.png");
    background-size: cover;
    pointer-events: none;
    background-position: center;
    z-index: -1;
    left: calc((50% - 50vw) + 0px);
}

.custom_support .custom_support_lt h2 {
    margin-bottom: 24px;
}

.custom_support .custom_support_lt p {
    font-size: 16px;
}

.custom_support_lt .support_bx {
    background: linear-gradient(90deg, #1F67D4 0%, #5D95EA 100%);
    border-radius: 12px;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 80px;
}

.custom_support_lt .support_bx:not(:last-child) {
    margin-bottom: 30px;
}

.custom_support_lt .support_bx h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.custom_support_lt .support_bx p {
    font-size: 14px;
}

.custom_support_lt .support_dtl {
    margin-top: 48px;
}

/* custome checkbox */

.custome_checkbox {

    position: relative;
    padding-left: 55px;
    margin: 0 !important;
    cursor: pointer;
    font-size: 20px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    display: flex !important;
    align-items: center;
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 400 !important;

}

/* Hide the browser's default checkbox */
.custome_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.custome_checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(201, 201, 201, 1);
    box-shadow: 0px 2.76px 47.79px 0px rgba(65, 109, 178, 0.2);
    border-radius: 10px;
}




.custome_checkbox input:checked~span {
    background-color: var(--c_primary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.custome_checkbox span:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custome_checkbox input:checked~span:after {
    display: block;
}

.custome_checkbox :after {
    left: 12px;
    top: 5px;
    width: 10px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn_group {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact_sc .btn_group {
    justify-content: center;
    margin-top: 80px;
}

.contact_sc .btn_group .btn {
    min-width: 500px;
    min-height: 80px;
}

.rpt_card {
    box-shadow: 0px 2.76px 47.79px 0px rgba(65, 109, 178, 0.2);
    background: rgba(255, 255, 255, 1);
    padding: 40px 30px;
    border-radius: 22px;
}

.sub_title {
    display: block;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0.34em;
    text-transform: uppercase;
    color: var(--c_primary);
}

.about_sc .s_head {
    margin-bottom: 60px;
}

.cms_content>figure.w_100 {
    width: 100%;
    height: 530px;
    border-radius: 20px;
    margin-bottom: 90px;
}

.cms_content>figure.w_100 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.cms_content h2 {
    margin-bottom: 10px;
}

.cms_content p:has(+ h2) {
    margin-bottom: 40px;
}

.core_val_sc .gap_m {
    --gap_left: 18px;
    --gap_top: 40px;
}

.core_val_sc .core_val_bx {
    padding: 30px 35px;
    width: calc(100% /3 - var(--gap_left));
    box-shadow: 0px 2.76px 47.79px 0px rgba(65, 109, 178, 0.2);
    background: var(--c_white);
    border: 1px solid var(--c_white);
    border-radius: 22px;
    transition: var(--transtion);
}

.core_val_sc .core_val_bx:hover {
    transform: translateY(-3px);
    border: 1px solid var(--c_primary);
}

.core_val_sc .core_val_bx figure {
    background: linear-gradient(180deg, #0345A9 0%, #7DB0FF 100%);
    width: 60px;
    height: 60px;
    border-radius: 60px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 18px;
}

.core_val_sc .core_val_bx p {
    font-size: 14px;
    color: rgba(97, 119, 151, 1);

}

.core_val_sc .sc_head {
    margin-bottom: 60px;
}

.our_team_sc .sc_head {
    margin-bottom: 80px;
}

.our_team_sc .our_team_bx {
    width: calc(100% / 3 - var(--gap_left));
    background: linear-gradient(180deg, rgba(204, 224, 255, 0.4) 0%, rgba(244, 249, 255, 0.4) 100%);
    border-radius: 22px;
    text-align: center;
    transition: var(--transtion);


}

.our_team_sc .our_team_bx:hover {
    transform: translateY(-3px);
}

.our_team_bx>figure {
    width: 100%;
    border-radius: 22px 22px 0 0;
    height: 310px;
    overflow: hidden;
}

.our_team_bx>figure img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
}

.our_team_sc .gap_m {
    --gap_left: 18px;
    --gap_top: 40px;

}

.our_team_sc h3 {
    font-size: 20px;
    margin-bottom: 10px;

}

.our_team_sc .our_team_cont {
    padding: 20px 10px;
}

.our_team_sc p {
    font-size: 16px;
    color: var(--c_primary);

}
.finance_cn {
    background:url('https://quikpay.appgrowthcompany.com/wp-content/uploads/2024/11/finance_bg.png') no-repeat center ;
    background-size: cover;

}
.finance_cn .finace_lt,.finance_cn .finace_rt{
    width: 50%;
}
.finance_cn .finace_lt p{
    line-height: 1.7;
}
.finance_cn .gap_p{
    align-items: center;
}
.finance_cn .finace_lt .btn{
    margin-top: 30px;
    min-width: 188px;
    min-height: 60px;
    font-size: 18px;
}
.solution_grid {
    --gap_left: 23px;
    --gap_top: 23px;
}
.cms_content .panel-title::after{
    top: 1px;
}
/* media query 12345 */
@media (max-width:1500px) {
    .test_slider .test_slider_rt p {
        font-size: 16px;
        max-width: 550px;
    }

    .test_slider_wrp::before {
        top: -40px;
        left: -60px;
    }

    .test_slider_wrp::before,
    .test_slider_wrp::after {

        width: 170px;
        height: 170px;

    }

    .test_slider_wrp::after {

        right: -110px;
        bottom: 27%;
    }

    .home_banner_sc.ut_spc {
        min-height: 650px;
        padding-top: 130px;
    }

    .ub_spc,
    .u_spc {
        padding-bottom: 70px;
    }

    .ut_spc,
    .u_spc {
        padding-top: 70px;
    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 40px;

    }
}

@media (max-width:1400px) {

    .hd_1 :where(h1, h2, h3, h4, h5, h6),
    h1 {
        font-size: 48px;
    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 36px;

    }

    .home_banner_sc .form {
        margin: 16px 0 50px;

    }

    .banner_sc {
        padding-top: 130px;
    }

    .ub_spc,
    .u_spc {
        padding-bottom: 60px;
    }

    .ut_spc,
    .u_spc {
        padding-top: 60px;
    }

    .trusted_sc .s_head {
        margin-bottom: 40px;
    }

    .solution_grid {
        --gap_left: 20px;
        --gap_top: 20px;
    }

    .solution_grid li figure figcaption {
        font-size: 20px;

    }

}

@media (max-width:1366px) {
    .test_slider .test_slider_rt p {
        font-size: 14px;
        max-width: 500px;
    }

    .test_slider_wrp::after {
        right: -50px;
        bottom: 27%;
    }
}

@media (max-width:1200px) {
    textarea {
        height: 150px !important;
    }

    input,
    select,
    textarea {
        min-height: 50px;
        border-radius: 10px;
    }

    .contact_sc .btn_group {
        margin-top: 50px;
    }

    .contact_sc .btn_group .btn {
        min-height: 60px;

    }

    .about_sc .s_head,
    .core_val_sc .sc_head,
    .our_team_sc .sc_head {
        margin-bottom: 40px;
    }

    .our_team_bx>figure {

        height: 260px;

    }

    .cms_content>figure.w_100 {
        margin-bottom: 60px;
        height: 450px;
    }

    .cms_content p:has(+ h2) {
        margin-bottom: 24px;
    }

    .custom_support .gap_p {
        --gap_left: 80px;
    }

    body {
        font-size: 16px;
    }

    .hd_1 :where(h1, h2, h3, h4, h5, h6),
    h1 {
        font-size: 42px;
    }

    .home_banner_sc .form {
        margin: 16px 0 30px;
    }

    .home_banner_sc input {
        min-height: 60px;

        padding: 14px 10px 14px 30px;
        font-size: 16px;

    }
    .control_group .play_btn_wrp span{
        display: none;
    }
 
    .control_group .btn-play {

        top: 2px;
        min-height: 45px;
        padding: 10px 12px;
        -webkit-min-height: 45px; 
    -webkit-padding: 10px 12px;
    height: 45px;
    }
.control_group .play_btn_wrp {

    top: 7px;
}
    .btn-play span {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .ut_spc,
    .u_spc {
        padding-top: 50px;
    }

    .trusted_sc .s_head,
    .solution_sc .s_head {
        margin-bottom: 24px;
    }

    .ub_spc,
    .u_spc {
        padding-bottom: 50px;
    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 32px;
    }

    .solution_grid li {

        width: calc(100% / 3 - var(--gap_left));

    }

    .financial_grid .lt_s ul li {
        padding: 10px 15px;
    }

    .test_slider_wrp::before,
    .test_slider_wrp::after {
        display: none;
    }

    .test_slider>figure {
        width: 380px;
        height: 450px;


        padding-right: 20px;

    }

    .test_slider>figure::before {

        width: 380px;
        height: 350px;

    }

    .slick-initialized .test_slider.slick-slide {
        gap: 30px;
    }

    .test_slider .test_slider_rt {
        width: calc(100% - (381px + 30px));
        padding-top: 40px;
    }

    .custom_arrow .slick-arrow {
        height: 50px;
        width: 50px;
    }

    .testimonial_sc .custom_arrow {

        right: 30px;
        bottom: 30px;

    }

    .custom_arrow .slick-arrow::before {

        background-size: 9px;
    }

    .service_grid .lt_s {
        padding-top: 0;
        width: 100%;
        text-align: center;
    }

    /* .service_grid .rt_s {
        display: none;
    } */

    .hd_2_1 :where(h1, h2, h3, h4, h5, h6) {
        font-size: 30px;

    }

    .download_grid .lt_s p {
        font-size: 18px;
        margin: 10px 0 42px;
        letter-spacing: 0.5px;

    }

    .download_grid .lt_s .img_flex a {

        height: 45px;

    }

    .ubh_spc,
    .uh_spc {
        padding-bottom: 40px;
    }

    .uth_spc,
    .uh_spc {
        padding-top: 40px;
    }

    .home_banner_sc.ut_spc {
        min-height: 1px;
        padding-top: 90px;
    }

    .cms_content .hd_3 :where(h1, h2, h3, h4, h5, h6),
    h3 {
        font-size: 24px;
    }

    .contact_sc_bnr {
        min-height: 150px;
    }
    .solution_grid li {
      
        padding: 20px 20px 20px 80px;
        border-radius: 10px;
       
    }
    .solution_grid li figure {

        padding: 4px;
        border-radius: 10px;
  
        top: 20px;
        left: 20px;
        width: 45px;
        height: 45px;

    }
    .custome_checkbox {
        font-size: 17px !important;
    } 
    .site_header .menu_wrp {
   
        min-width: 1px;
    }
    .testimonial_sc .s_head {
        margin-bottom: 24px;
    }
    /* 1200px media end */
}

@media (max-width:992px) {
    .work_sc .work_sc_bx{
        min-height: 380px;
    }
    .site_header .site_logo{
        height: 35px;
    }
    .work_sc.uth_spc {
        padding-top: 0;
    }
    .work_sc .s_head  .d_block{
        display: inline;
    }
    textarea {
        height: 120px !important;
    }

    .cms_content>figure.w_100 {
        height: 380px;
        margin-bottom: 40px;
    }

    .core_val_sc .core_val_bx {
        padding: 30px 16px;


        border-radius: 10px;

    }

    .hd_3_1 :where(h1, h2, h3, h4, h5, h6) {
        font-size: 20px;
    }

    .about_sc .s_head,
    .core_val_sc .sc_head,
    .our_team_sc .sc_head {
        margin-bottom: 30px;
    }

    .site_header ul.nav_menu {

        gap: 16px;

    }

    .work_sc .work_sc_bx:not(:first-child)::before {
        display: none;
    }

    .custom_support .custom_support_lt,
    .custom_support .custom_support_rt {
        width: 100%;
    }

    .custom_support .custom_support_lt> :where(h2, p) {
        text-align: center;
    }

    .custom_support .custom_support_lt h2 {
        margin-bottom: 16px;
    }

    .custom_support_lt .support_dtl {
        margin-top: 30px;
    }

    .custom_support_lt .support_bx:not(:last-child) {
        margin-bottom: 16px;
    }

    .work_sc .work_sc_bx {
        width: calc(50% - var(--gap_left));

    }

    .work_sc .work_sc_bx:first-child,
    .work_sc .work_sc_bx {
        padding: 30px ;
        border-radius: 16px;
    }

    .work_sc .work_sc_bx:first-child {
        width: 100%;
    }

    .hd_1 :where(h1, h2, h3, h4, h5, h6),
    h1 {
        font-size: 36px;
    }

    .ut_spc,
    .u_spc {
        padding-top: 40px;
    }

    .ub_spc,
    .u_spc {
        padding-bottom: 40px;
    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 28px;
    }

    .solution_grid li {
        width: calc(100% / 2 - var(--gap_left));
    }

    .solution_grid li figure {
        text-align: center;
    }

    .solution_grid li figure figcaption {
        font-size: 18px;
    }

    .solution_grid li figure figcaption br {
        display: none;
    }

    /* .solution_grid li p {
        text-align: center;
    } */
    .solution_grid li figure {

        padding: 4px;
        border-radius: 10px;
    
        top: 20px;
        left: 16px;
        width: 40px;
        height: 40px;
    
    }
    .solution_grid li{
        padding: 20px 20px 20px 80px;
    }
    .solution_grid li h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .test_slider .test_slider_rt {
        width: 100%;
        text-align: center;
        padding-top: 0;

    }

    .test_slider>figure {
        margin-inline: auto;
    }

    .test_slider .test_slider_rt p {
        max-width: 100%;
        text-align: center;
    }

    .test_slider .test_slider_rt strong {
        font-size: 20px;

    }

    .hd_3 :where(h1, h2, h3, h4, h5, h6),
    h3 {
        font-size: 24px;

    }

    .download_grid .rt_s {
        display: none;
    }

    .download_sc {
        padding: 40px 0;
    }

    .download_grid .lt_s {
        width: 100%;
        text-align: center;
    }

    .download_grid .lt_s p {
        font-size: 16px;
        max-width: 100%;
    }

    .ftr_flx {
        flex-wrap: wrap;
    }

    .ftr_flx .footer_link:last-child {
        max-width: 500px;
        margin-inline: auto;
        margin-top: 20px;
    }

    .financial_grid {
        --gap_left: 30px;

    }

    .financial_grid .lt_s,
    .financial_grid .rt_s {
        width: 100%;
    }

    .financial_grid .rt_s {
        max-width: 450px;
        margin-inline: auto;
    }

    .financial_grid::before {
        display: none;
    }

    .contact_sc .s_head br {
        display: none;
    }

    .contact_sc .gap_p .form,
    .contact_sc .contact_rt {
        width: 100%;
    }

    .contact_sc .submit_btn {
        margin-top: 30px;
        text-align: center;
    }

    .contact_sc .s_head {
        margin-bottom: 30px;
    }



    .control_group .play_btn_wrp span {
        display: none;
    }

    .control_group .btn-play {
        padding-left: 10px;
        min-width: 120px;
    }

    .home_banner_sc .email_subs {
        margin: 30px auto;
    }

    .site_header {
        padding: 24px 0;
        overflow-x:clip ;
    }
    .finance_cn .finace_lt, .finance_cn .finace_rt{
        width: 100%;
        text-align: center;
    }
    .finance_cn .finace_lt h2 .d_block{
        display: inline;
    }
    .finance_cn .finace_lt .btn{
        margin-top: 16px;
    }
    .finance_cn .finace_lt h2{
        margin-bottom: 5px;
    }
    /* 992px media end */
}

@media (max-width:767px) {
    .financial_grid .lt_s ul li:not(:last-child){
        margin-bottom: 16px;
    }
    .control_group .play_btn_wrp {
        top: 7px;
    }
    .work_sc .work_sc_bx :is(li, p, span){
        width: 100%;
        max-width: 100%;
    }

    .finance_cn .finace_lt .btn {
        margin-top: 14px;

        min-height: 50px;
    }
    .sub_title {
        font-size: 20px;
    }

    .control_group>label {
        font-size: 18px;
    }

    .core_val_sc .core_val_bx,
    .our_team_sc .our_team_bx {

        width: calc(100% /2 - var(--gap_left));

    }

    .our_team_bx>figure {
        height: 200px;
        border-radius: 10px 10px 0 0;
    }

    .our_team_sc h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .our_team_sc p {
        font-size: 14px;
    }

    .our_team_sc .our_team_cont {
        padding: 10px 5px;
    }

    .our_team_sc .our_team_bx {
        border-radius: 10px;
    }

    .core_val_sc .core_val_bx figure {
        width: 40px;
        height: 40px;
        border-radius: 40px;

        margin: 0 0 12px;
    }

    .core_val_sc .gap_m {
        justify-content: center;
        --gap_top: 18px;
    }

    .site_header ul.nav_menu {
        position: absolute;
        top: 100%;
        background: var(--c_primary);
        width: calc(100% - 60px);
        left: 30px;
        padding: 30px 20px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 10px;
        opacity: 0;
        z-index: -1;
        transition: var(--transtion);
        transform: translateX(100%);

        will-change: opacity, transform;
    }

    button.menu {
        background: transparent;
        border: 0;
        width: 30px;
        height: 30px;
        background: var(--c_primary);
        border-radius: 4px;
    }

    button.menu i {
        color: var(--c_white);
        font-size: 18px;
    }

    .site_header ul.nav_menu.active+.menu_wrp .fa-bars {
        display: none;
    }

    .site_header ul.nav_menu.active+.menu_wrp .fa-xmark {
        display: block;
    }

    .site_header .menu .fa-xmark {
        display: none;
    }

    .site_header ul.nav_menu.active {
        opacity: 1;
        z-index: 99;
        transform: translateX(0);

    }

    .site_header .menu_wrp {
        opacity: 1;
        visibility: visible;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .testimonial_sc .s_head br {
        display: none;
    }

    .site_header {
        padding: 18px 0;
        position: relative;
    }

    .page-template-front-page .site_header {
        padding: 18px 0;
    }

    .site_header ul.nav_menu li a {
        color: var(--c_white);
    }

    .contact_sc .gap_p .contact_lt {
        width: 100%;
    }

    .contact_sc .s_head {
        margin-bottom: 24px;
    }

    body {
        font-size: 14px;
    }

    .home_banner_sc .container {
        padding-inline: 20px;
    }

    .hd_1 :where(h1, h2, h3, h4, h5, h6),
    h1 {
        font-size: 28px;
    }

    .control_group .btn-play {
        top: 2.5px;

    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 24px;
    }

    .solution_grid li figure figcaption {
        font-size: 16px;
    }

    .solution_grid li figure {
        padding: 10px;
    }

    .financial_sc .s_head {
        margin-bottom: 30px;
    }

    .financial_sc .s_head h2 br {
        display: none;
    }

    .financial_grid::before {
        display: none;
    }

    .financial_grid .lt_s ul li {
        padding: 10px;
        text-align: center;
    }

    .test_slider>figure {
        width: 350px;
        height: 380px;
        padding-inline: 10px;
        justify-content: center;
    }

    .testimonial_sc .s_head {
        margin-bottom: 24px;
    }

    .testimonial_sc .custom_arrow {

        position: initial;
        justify-content: center;
        margin-top: 16px;
    }

    .cms_content .hd_3 :where(h1, h2, h3, h4, h5, h6),
    h3 {
        font-size: 22px;
    }

    .contact_sc_bnr {
        min-height: 130px;
    }

    .gap_m,
    .gap_p {
        --gap_left: 20px;

    }

    .form_field {
        --gap_top: 20px;

    }

    input,
    select,
    textarea {
        min-height: 45px;
        padding: 10px 15px;
    }

    .work_sc .work_sc_bx {
        width: calc(100% - var(--gap_left));
        min-height: 1px;
    }

    .custom_support .gap_p::before {
        display: none;
    }

    .panel-title {
        padding: 12px 24px 12px 12px;
    }

    .panel-body {
        padding: 0px 12px 12px;
    }

    .accord_wrp {
        border-radius: 8px;
    }

    .contact_sc .btn_group .btn {
        min-width: 1px;
        max-width: 100%;
        width: 100%;
    }

    .contact_sc .btn_group {
        margin-top: 30px;
    }

    .custome_checkbox span {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .custome_checkbox :after {
        left: 9px;
        top: 5px;
        width: 6px;
        height: 12px;

    }

    .custome_checkbox {
        min-height: 30px;
    }

    .custome_checkbox {
        padding-left: 40px;

        font-size: 14px !important;

    }

    .rpt_card {

        padding: 30px 15px;
        border-radius: 10px;
    }
    .cms_content>figure.w_100{
        height: auto;
    }
    .cms_content>figure.w_100 img {
   
        object-fit: contain;
    }
    .cms_content>figure.w_100{
        margin-bottom: 24px;
    }
    /* 767px media end */
}


@media (max-width:575px) {
    .work_sc .work_sc_bx,.work_sc .work_sc_bx.active{
        padding: 30px 16px;
    }
    .control_group .btn-play {

        font-size: 13px;
        padding: 5px 15px;
        min-height: 36px;
        min-width: 1px;
        height: 36px;
    }
    .home_banner_sc input {
        min-height: 50px;
        padding: 14px 10px 14px 14px;
        font-size: 14px;
    }
    .control_group .play_btn_wrp {
        top: 8px;
    }
    .custome_checkbox span {
        width: 24px;
        height: 24px;
    }

    .custome_checkbox :after {
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0;
    }

    .contact_sc .btn_group .btn {
        min-height: 45px;
    }

    .control_group>label {
        font-size: 16px;
    }

    .contact_sc_bnr .container {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    ul.trusted_slider {
        padding-inline: 16px;
    }

    .trusted_sc .slick-slide {
        padding: 10px;
        min-width: 1px;
    }

    .home_banner_sc .container,
    .container,
    .side_container {
        padding-inline: 16px;
    }

    .hd_2 :where(h1, h2, h3, h4, h5, h6),
    h2 {
        font-size: 22px;
    }

    .solution_grid li {
        width: calc(100% / 1 - var(--gap_left));
    }

    .test_slider>figure::before {
        width: 100%;
        height: 310px;
    }

    .test_slider>figure img {
        object-position: center;
    }

    .hd_3 :where(h1, h2, h3, h4, h5, h6),
    h3 {
        font-size: 20px;
    }

    .btn {
        font-size: 16px;
        min-height: 50px;
        padding: 10px 15px;

    }

    .hd_2_1 :where(h1, h2, h3, h4, h5, h6) {
        font-size: 24px;
    }

    .download_grid .lt_s p {
        font-size: 14px;

    }

    .ftr_flx .footer_link li:not(:last-child) {
        margin-bottom: 10px;
    }

    .ftr_flx .footer_link li {
        width: 100%;
        max-width: 190px;
    }

    .ftr_flx .footer_link:not(:last-child) {
        margin: 0;
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        width: 100%;
    }

    .ftr_flx .footer_link:last-child li {
        max-width: 100%;
    }

    .ftr_flx {
        gap: 0;
    }

    .contact_sc .submit_btn {
        margin-top: 24px;
    }

    .contact_sc iframe {
        height: 250px !important;
    }

    .form_field .control_group.w_50 {
        width: 100%;
    }

    .contact_sc_bnr .hd_1 :where(h1, h2, h3, h4, h5, h6),
    h1 {
        font-size: 24px;
    }

    .sub_title {
        font-size: 18px;
    }

    .core_val_sc .core_val_bx,
    .our_team_sc .our_team_bx {
        width: calc(100% - var(--gap_left));
    }

    .about_sc .s_head,
    .core_val_sc .sc_head,
    .our_team_sc .sc_head {
        margin-bottom: 24px;
    }

    .core_val_sc .core_val_bx {
        text-align: center;
    }

    .core_val_sc .core_val_bx figure {
        margin: 0 auto 14px;
    }

    .hd_3_1 :where(h1, h2, h3, h4, h5, h6) {
        font-size: 18px;
    }

    .core_val_sc .core_val_bx .d_block {
        display: inline;
    }

    .core_val_sc .core_val_bx h3 {
        margin-bottom: 5px;
    }

    /* 575px media end */
}