#clarity:after,
#clarity:before {
    top: 43px;
    height: 430px;
    content: "";
}

.banner video,
.ttl_video_area {
    border-radius: 16px;
    position: relative;
}

.banner-chart-inner,
.chartbot {
    font-family: Exo, sans-serif;
    font-weight: 400;
    color: #fff;
}

* {
    outline: 0;
}

.one_section,
.two_section {
    background-color: #686868;
    min-height: 200px;
}

.arrow_btm_mobile,
.banner .search,
.banner_slider .slick-dots li button:before,
.clarity-space,
.hidden-file-input,
.insights-main-content-m,
.meth_tan_centre,
.meth_tan_right,
.mob_badge,
.mob_video,
.mobile-display,
.mobile_card_bg,
.mobile_chatbot,
.mobile_show_dots,
.tab_card_bg,
.testimonial-sec h3 .mob-img,
body>section.testimonial-sec>div.testimonial-sec-mid>div>div>div.col-md-6.col-12.test-right>div>div.navigation_testimonial>div>div:nth-child(4) {
    display: none;
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px 22px 0;
    overflow: hidden;
}

.banner a:hover,
.beyond-surface span .btn {
    color: #fff;
}

.banner video {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 98vh;
}

.ttl_video_area {
    overflow: hidden;
}

.banner-cont {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 20px;
}

.banner-cont .row {
    height: 100%;
    margin: 0;
}

.banner_slide-wrap {
    padding: 0 0 0 113px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.banner_slider {
    max-width: 940px;
    width: 100%;
}

.banner_slider .slick-dots li {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin: 11px 0;
}

.banner_slider h2 {
    font-family: Exo, sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 56px;
    line-height: 1.33;
    margin-bottom: 38px;
}

.banner_slider p {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 52px;
}

.banner_slider .slick-dots {
    width: 26px;
    top: 76px;
    left: -65px;
    bottom: auto;
}

.banner_slider .slick-dots li button {
    background: #fff3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0 auto;
}

.banner_slider .slick-dots li.slick-active button:before {
    text-indent: -9999px;
}

.banner_slider .slick-dots li.slick-active button {
    background: 0 0;
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 18px solid #fff;
    padding: 0;
    border-radius: inherit;
}

.banner a.more-btn {
    display: flex;
    justify-content: space-between;
    max-width: 209px;
    font-family: Exo;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    height: 53px;
    padding: 5px 5px 5px 30px;
    border-radius: 10px;
    align-items: center;
    width: 209px;
    position: relative;
    background: rgb(255 255 255 / 9%);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
}

.left-section_card .section-title,
.methology .methology-title {
    text-transform: none;
    border-radius: 6px;
    backdrop-filter: blur(3.4000000953674316px);
    line-height: 1.2;
}

.banner a.more-btn:after,
.clarity-shape a:after,
.clarity-shape-2 a:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to right, rgb(255 255 255 / 0.7) 0, #fff0 50%, rgb(255 255 255 / 0.7) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.7;
}

.banner a.more-btn:hover:after,
.clarity-shape a:hover:after,
.clarity-shape-2 a:hover:after {
    background: linear-gradient(to right, #fff 0, #fff0 50%, #fff 100%);
}

.banner a.more-btn:hover::after,
.banner a.more-btn:hover:after,
.card-content_testimonial.active,
.clarity-shape a:hover::after,
.clarity-shape-2 a:hover:after,
.client-slider:hover::after,
.methology .box-wrap .box-col:hover::before,
.request-sec a:hover::after,
.subc-inner .subscribe-btn:hover::after {
    opacity: 1;
}

.banner a.more-btn:hover {
    background: linear-gradient(to bottom, rgb(255 255 255 / 0.1) 0, #fff0 50%, rgb(255 255 255 / 0.1) 100%);
    background-color: rgb(118 118 118 / 60%);
}

.banner a.more-btn span {
    width: 45px;
    height: 45px;
    padding: 6px;
    border-radius: 10px;
    background-color: #ffffff1a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chartbot i {
    font-style: normal;
}

.chartbot {
    background: url(../images/charbot.webp) left top/cover no-repeat;
    width: 301px;
    height: 118px;
    display: block;
    position: absolute;
    right: 50px;
    bottom: 25px;
    z-index: 99;
    font-size: 14px;
    text-decoration: none;
    padding: 28px 20px 15px 100px;
    line-height: 1.4;
}

.chartbot span {
    display: block;
    font-size: 19px;
}

.banner-chart {
    background: #0c3649;
    position: absolute;
    left: 20px;
    bottom: 0;
    padding-top: 8px;
    z-index: 1;
}

.banner-chart-inner {
    background: #212121;
    padding: 15px 19px 6px 57px;
    width: 27vw;
    font-size: 18px;
    line-height: 1.4;
    display: flex;
    position: relative;
    border-radius: 10px 0 0 10px;
    justify-content: center;
}

.banner-chart-inner .chart-box+.chart-box {
    margin-left: 42px;
}
@media (max-width: 1600px) {
    .banner-chart-inner .chart-box+.chart-box {
        margin-left: 24px;
    }
}

.banner-chart-inner:after {
    content: "";
    position: absolute;
    right: -79px;
    width: 84px;
    height: 96px;
    top: -8px;
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="92" viewBox="0 0 84 86"><image id="menu-bg-left" width="90" height="92" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABWCAYAAABRo7HKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhDNkVBRDg2RjdEMTFGMDg5RDlFNkE3MUYxMzJCQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDNkVBRDk2RjdEMTFGMDg5RDlFNkE3MUYxMzJCQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RkY2RUE4RjZGNEUxMUYwODlEOUU2QTcxRjEzMkJDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RkY2RUE5MDZGNEUxMUYwODlEOUU2QTcxRjEzMkJDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgjaeWgAAAwuSURBVHja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"/></svg>') 0 0/100% 100% no-repeat;
}

.banner-chart .chart-box {
    padding: 0;
    text-align: center;
    z-index: 1;
    position: relative;
    top: -4px;
}

.banner-chart-inner .chart-box:last-child {
    padding-right: 4;
}

.banner-chart .chart-box span {
    display: block;
    text-align: center;
    font-size: 35px;
    line-height: 1;
    font-weight: 600;
}

.banner-chart .chart-box sub {
    bottom: auto;
    top: -14px;
    font-size: 20px;
}

.headerleftcurv {
    position: absolute;
    left: 15px;
    top: 8px;
    z-index: 9;
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    display: none;
}

.headerleftcurv svg {
    width: 30px;
    height: 20px;
}

.headerrightcurv {
    position: absolute;
    right: 0;
    top: 85px;
    width: 15px;
    height: 15px;
    z-index: 1;
}

.headerbottomleftcurv img,
.headerrightcurv img {
    width: 100%;
    height: 100%;
    display: block;
}

.headerrightcurv svg {
    width: 100%;
    height: 100%;
    transform: rotate(-84deg);
}

.headerbottomleftcurv {
    position: absolute;
    left: 0;
    bottom: 85px;
    width: 15px;
    height: 22px;
    z-index: 1;
}

.headerbottomleftcurv svg {
    width: 15px;
    height: 15px;
}

.headerbottomrightcurv {
    position: absolute;
    right: 15px;
    bottom: -6px;
    z-index: 1;
    -webkit-transform: scaleX(-1, -1);
    transform: scaleX(-1, -1);
    display: none;
}

.headerbottomrightcurv svg {
    width: 20px;
    height: 20px;
}

.banner_slider .fade-left,
.banner_slider .fade-right,
.banner_slider .fade-up {
    opacity: 0;
    transition: 0.8s;
}

.banner_slider .fade-right,
.over-view-bg img {
    width: 100%;
}

.methology-bottom-bg-left:after,
.methology-bottom-bg-right:before,
.methology-right-top-inner:before {
    width: 50px;
    height: 33px;
    top: 0;
    position: absolute;
    content: "";
}

.fade-left {
    transform: translateX(-50px);
}

.fade-up {
    transform: translateY(50px);
}

.fade-right {
    transform: translateX(40%);
}

.fade-left.animate {
    opacity: 1;
    transform: translateX(0);
}

.fade-up.animate {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.fade-right.animate {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.6s;
}

@media (max-width: 1500px) {
    .banner-chart-inner {
        padding: 10px 0 7px 24px;
        width: 26vw;
        font-size: 14px;
    }

    .banner-chart .chart-box span {
        font-size: 27px;
        line-height: 35px;
    }
}

.card_slider_fullWidth,
.methology {
    padding: 0 22px;
}

.methology {
    position: relative;
    max-width: 1918px;
    margin: 52px auto auto;
    width: 100%;
}

.methology-right-top {
    height: 33px;
    justify-content: end;
    display: flex;
    position: relative;
}

.methology-right-top-inner {
    background: #0c242f;
    width: 30rem;
    border-radius: 0 15px 0 0;
    height: 33px;
    position: relative;
}

.methology-right-top-inner:before {
    left: -50px;
    background: #0c242f;
    clip-path: polygon(100% 100%, 0 100%, 0 72px, 83% 15%, 100% 0);
}

.methology-bottom-bg {
    height: 33px;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
}

.methology-bottom-bg-left {
    background: #0c242f;
    width: 38vw;
    border-radius: 0 0 0 15px;
    height: 33px;
    position: relative;
}

.methology-bottom-bg-left:after {
    right: -50px;
    background: #0c242f;
    clip-path: polygon(0 100%, 70% -5%, 100% -13%, 0 0, -5% -50%);
}

.methology-bottom-bg-right {
    background: #0c242f;
    width: 38vw;
    border-radius: 0 0 15px;
    height: 33px;
    position: relative;
}

.methology-bottom-bg-right:before {
    left: -50px;
    background: #0c242f;
    clip-path: polygon(110% 100%, 91% 92%, 32% 0, 100% 0, 100% 100%, 0 100%);
}

.methology .methology-title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    background: rgb(255 255 255 / 0.05);
    box-shadow: 0 2px 5.8px 0 rgb(255 255 255 / 0.1) inset;
    padding: 8px 18px;
    width: auto;
    display: inline-table;
    position: absolute;
    right: 65px;
    top: 62px;
    z-index: 9;
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
}

.methology .methology-bg>.row {
    justify-content: space-between;
}

.methology .leftbox {
    padding: 76px 54px 110px 66px;
    background: url(../images/methology-left-bg.svg) left top/100% 100% no-repeat;
    margin-top: 30px;
    width: 49.6%;
}

.methology .rightbox {
    padding: 107px 60px 110px 11px;
    background: url(../images/methology-right-bg.svg) right top/100% 100% no-repeat;
    width: 49.6%;
    position: relative;
}

.methology .leftbox .innercont,
.methology .rightbox .innercont {
    max-width: 700px;
    margin: 0 auto;
}

.methology .leftbox p,
.methology .rightbox p {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 200;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.card_slider_area,
.cha-com-left h3,
.cha-com-left p,
.cha-com-right span .btn,
.cha-com-right span p,
.left-section_card h2,
.left-section_card h2 span,
.methology .box-wrap,
.ov-bottom-text,
.ov-right h1,
.ov-right h3,
.ov-top-text,
.request-sec a {
    font-family: Exo, sans-serif;
}

.methology .leftbox h2,
.methology .rightbox h2 {
    font-family: Exo, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 60px;
    margin-bottom: 21px;
    margin-top: 32px;
}

.request-sec a,
.right-section_card .card-content h3 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.methology .box-wrap {
    display: flex;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.methology .box-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    background: url(../images/lines-box.svg) 18px top/100% 100% no-repeat;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}

.methology .box-wrap .box-col {
    display: flex;
    line-height: 1.4;
    align-items: center;
    height: 103px;
    padding-left: 16px;
    position: relative;
    z-index: 1;
}

.methology .box-wrap .box-col::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: url(../images/hover-glow-box1.svg) center/160px no-repeat;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: -1;
}

.box-col .left-img {
    width: 41px;
    height: 46px;
    display: flex;
    align-items: start;
}

.container-top-bottom-clip:after,
.container-top-bottom-clip:before {
    width: 624px;
    height: 55px;
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
}

.box-col .right-cont {
    padding-left: 15px;
}

.box-col .right-cont span {
    color: #4493b7;
    font-weight: 500;
}

.btn-check:focus+.btn,
.btn:focus,
button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.ov-content-div,
.request-sec {
    position: relative;
    z-index: 1;
}

.request-sec a {
    position: absolute;
    background: url(../images/request-btn.svg) left top/100% 100% no-repeat;
    color: #fff;
    top: -47px;
    width: 394px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s ease-in;
    overflow: hidden;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 12px;
    text-indent: -54px;
    line-height: 49px;
}

.insight-content .content-inner a *,
.request-sec a * {
    position: relative;
    z-index: 2;
}

.request-sec a:hover {
    color: #07466b;
    transition: 0.3s ease-in;
}

.request-sec a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/request-btn-hover.svg) left top/100% 100% no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    pointer-events: none;
    z-index: -1;
}

.request-sec svg {
    position: absolute;
    right: 40px;
    transition: 0.3s ease-in;
    top: 20px;
    width: 40px;
}

.request-sec a:hover svg {
    position: absolute;
    right: 30px;
    top: 20px;
    transition: 0.3s ease-in;
}

.request-sec a:hover svg path {
    fill: #07466b;
}

.card_slider_area {
    background-color: #0c242f;
    padding: 20px 20px 77px;
    max-width: 1875px;
    margin: 83px auto 92px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 10px 0;
}

.container-top-bottom-clip:before {
    position: absolute;
    top: -54px;
    background-image: url('data:image/svg+xml,<svg width="625" height="56" viewBox="0 0 625 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 55.3282L624.607 55.3282L624.607 15C624.607 6.71571 617.891 -8.22031e-06 609.607 -7.49636e-06L58.3956 4.06733e-05C52.8114 4.11612e-05 47.6754 3.11246 45.1464 8.09117C29.1692 39.5447 23.0975 55.3282 0 55.3282Z" fill="%230C242F"/></svg>');
    right: 0;
    background-position: bottom right;
}

.container-top-bottom-clip:after {
    position: absolute;
    bottom: -54px;
    background-image: url('data:image/svg+xml,<svg width="625" height="56" viewBox="0 0 625 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M624.605 0L-0.00109863 5.45836e-05L-0.00109511 40.3283C-0.00109438 48.6125 6.71464 55.3283 14.9989 55.3283L566.21 55.3282C571.794 55.3282 576.93 52.2158 579.459 47.2371C595.436 15.7836 601.508 2.01846e-06 624.605 0Z" fill="%230C242F"/></svg>');
    left: 0;
    background-position: top right;
}

.right_tan {
    position: absolute;
    right: -1px;
    top: -56px;
    display: none;
}

.left_tan {
    position: absolute;
    left: 0;
    bottom: -56px;
    display: none;
}

.card_bg_with_line,
.card_slide_bg {
    position: relative;
    width: 100%;
    margin: auto;
}

.card_slide_bg,
.mb_badge {
    display: block;
}

.linecardbg {
    position: absolute;
    right: -48px;
    top: auto;
    max-width: 100%;
    bottom: -37px;
}

.slide-out .card_image_bg {
    filter: blur(0);
    transition: 0.5s ease-in-out;
}

.slide-out .card_image_bg:hover,
.slide-out:hover .card_image_bg {
    filter: blur(20px);
}

.slide-out:hover .desc_area_card {
    left: 65px;
    transform: scale(1.02);
    transition: 0.5s ease-in-out;
    bottom: 85px !important;
}

.left-section_card {
    flex: 1;
    display: block;
    padding: 0;
    position: relative;
    top: 35px;
}

.left-section_card .section-title {
    color: #9ca3af;
    margin-bottom: 2rem;
    background: rgb(255 255 255 / 0.05);
    box-shadow: 0 2px 5.8px 0 rgb(255 255 255 / 0.1) inset;
    padding: 8px 18px;
    width: auto;
    display: inline-table;
    z-index: 1;
    font-size: 16px;
}

.arrow_line {
    display: block;
    margin: 18px 0 22px;
}

.left-section_card h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 60px;
    font-style: normal;
    font-weight: 200;
    position: relative;
    line-height: 1;
    margin-top: 62px;
}

.left-section_card h2 span {
    color: #fff;
    font-size: 90px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    display: block;
    position: relative;
}

.left-section_card .divider {
    width: 4rem;
    height: 0.25rem;
    border-bottom: 2px solid #3b82f6;
    margin-bottom: 1.5rem;
}

.left-section_card p {
    margin-bottom: 1rem;
    color: #fff;
    font-family: "IBM Plex Mono";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    padding-right: 40px;
}

.subtitle h4,
.title h2 {
    font-weight: 200;
    color: #fff;
    font-family: Exo, sans-serif;
}

.dots-arrows-wrapper {
    display: flex;
    align-items: center;
    margin-top: 3rem;
    gap: 0.6rem;
    justify-content: flex-start;
    border: 1px solid #64737A;
    padding: 3px;
    border-radius: 12.5px;
    width: fit-content;
    position: relative;
    bottom: -32px;
    transition: 0.3s ease-in;
}

.dots-arrows-wrapper .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1f3640;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.dots-arrows-wrapper .dot.active {
    background-color: #fff0;
}

.dots-arrows-wrapper .dot.active svg {
    position: absolute;
    top: -2px;
    left: -2px;
}

.dots-arrows-wrapper .dots-container {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.dots-arrows-wrapper button {
    padding: 0;
    border: 0;
    opacity: 0.4;
    transition: 0.3s ease-in;
}

.dots-arrows-wrapper button:hover {
    border: 0;
    opacity: 1;
    transition: 0.3s ease-in;
}

.dots-arrows-wrapper button:hover svg>path,
.nav-btn_testimonial:hover svg>path {
    fill-opacity: 1 !important;
    fill: #184e66 !important;
}

.cha-com-right span:hover img,
.dots-arrows-wrapper button svg g,
.nav-btn_testimonial svg g {
    transition: 0.3s ease-in;
}

.dots-arrows-wrapper button:hover svg g,
.nav-btn_testimonial:hover svg g {
    mix-blend-mode: normal !important;
    transition: 0.3s ease-in;
}

.dots-arrows-wrapper:hover,
.navigation_testimonial:hover {
    border: 1px solid #fff;
    transition: 0.3s ease-in;
}

.right-section_card,
.right-section_card .card {
    border-radius: 6px;
    overflow: hidden;
    display: flex;
}

.right-section_card {
    flex: 2;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
}

.right-section_card .card-container {
    width: 100%;
    height: 100%;
    position: relative;
    left: -7px;
}

.right-section_card .card {
    position: absolute;
    max-width: 840px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 10px 20px rgb(0 0 0 / 0.2);
    align-items: center;
    justify-content: flex-start;
    min-height: 510px;
    top: 50%;
    right: 0;
    border: 0;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), z-index 0.3s;
    clip-path: polygon(0 18%, 7% 0, 100% 0, 100% 86%, 93% 100%, 0 100%);
}

.right-section_card .card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 10;
    padding: 2rem 3rem 2rem 5rem;
    gap: 2rem;
}

.right-section_card .card-content h3 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #fff;
    position: absolute;
    left: 22px;
    transition: transform 0.6s;
    bottom: 47px;
    letter-spacing: 7px;
}

.right-section_card .slide-out h3 {
    left: 25px;
    transform: rotate(180deg) translateX(200%);
    transition: transform 2s;
}

.right-section_card .desc_area_card {
    position: absolute;
    bottom: -100%;
    left: 74px;
    width: 76%;
    transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.clarity-bg .bg-image,
.clarity-bg:before {
    transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
}

.right-section_card .slide-out .desc_area_card {
    bottom: 54px;
    transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.right-section_card .desc_area_card h2 {
    margin-bottom: 17px;
    color: #fff;
    text-shadow: 0 4px 6.2px rgb(0 0 0 / 0.25);
    font-family: Exo, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

.card_image_bg {
    filter: blur(30px);
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.right-section_card .desc_area_card p {
    color: #fff;
    text-shadow: 0 4px 6.2px rgb(0 0 0 / 0.25);
    font-family: Exo, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.right-section_card .is-top {
    transform: translate(0, -50%) scale(1);
    z-index: 3;
}

.right-section_card .is-middle {
    transform: translate(-11%, -50%) scale(1);
    z-index: 2;
    min-height: 500px;
}

.right-section_card .is-bottom {
    transform: translate(-24%, -50%) scale(0.95);
    z-index: 1;
    min-height: 505px;
    background: #666 !important;
}

.right-section_card .image-card {
    background: linear-gradient(to top, rgb(16 24 40 / 0.9) 0, rgb(16 24 40 / 0.7) 30%, #fff0 100%) center/cover, url(https://placehold.co/1000x800/1e293b/d1d5db?text=Circuit_Board_Placeholder) center/cover;
}

.clarity-bg .bg-image,
.small-text,
.testimonial-inner,
.testimonial-sec .test-left .badge {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.total_card_slider {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    max-width: 1648px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 0;
}

@media (max-width: 1750px) {
    .right-section_card .is-middle {
        min-height: 410px;
        transform: translate(-10%, -50%) scale(1);
    }

    .right-section_card .is-bottom {
        min-height: 418px;
        transform: translate(-21%, -50%) scale(0.95);
    }

    .left-section_card {
        flex: 0.75;
    }

    .left-section_card h2 {
        font-size: 3.2rem;
        margin-top: 24px;
    }

    .left-section_card h2 span {
        font-size: 4.8rem;
    }

    .dots-arrows-wrapper {
        margin-top: 0;
    }
}

@media (max-width: 1679px) {
    .right-section_card .is-middle {
        transform: translate(-12%, -50%) scale(1);
        min-height: 382px;
    }

    .right-section_card .is-bottom {
        transform: translate(-26%, -50%) scale(0.95);
        min-height: 388px;
    }

    .right-section_card .desc_area_card h2 {
        font-size: 1.5rem;
    }
}

#clarity .subtitle-end p,
.clarity_area .title p,
.small-box-title p,
.small-insight-box a {
    font-size: 18px;
    font-family: "IBM Plex Mono", monospace;
}

@media (max-width: 1365px) and (min-width: 1201px) {
    .total_card_slider {
        max-width: 1100px;
    }

    .left-section_card p {
        font-size: 1rem;
        line-height: 20px;
    }

    .right-section_card .card {
        max-width: 490px;
        min-height: 335px;
    }
}

#clarity,
#insights {
    position: relative;
    width: 100%;
    padding: 10px;
    color: #fff;
}

#clarity {
    overflow: hidden;
    padding-left: 22px;
    margin: 58px auto auto;
    padding-right: 22px;
}

#clarity h2 span {
    margin-right: -45px;
}

.small-text {
    position: absolute;
    top: 18px;
    left: 115px;
    background-image: url(../images/small-text-bg.webp);
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
    font-size: 16px;
    z-index: 10;
    padding: 0 14px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 103px;
}

#clarity .subtitle-end p {
    line-height: 25px;
    position: relative;
    top: -25px;
}

.clarity-bg {
    position: relative;
    overflow: hidden;
    padding: 55px 0 90px;
    transition: opacity 1s ease-in-out;
    background-image: none;
}

.clarity-bg .container {
    padding: 0;
}

.clarity-bg .bg-image {
    position: absolute;
    top: -120px;
    bottom: -70px;
    left: 0;
    right: 0;
    background-image: url(../images/bg-pixel-dark.png);
    background-position: center;
    transform: scale(1);
    z-index: -1;
}

.clarity-bg:before {
    content: "";
    position: absolute;
    top: -25px;
    width: 100%;
    height: 143px;
    background: linear-gradient(180deg, #0c3649 0, #0c3649 20%, #fff9ec00 100%);
    transform: scale(1);
}

#clarity:after,
#clarity:before,
.subtitle-end::after,
.subtitle-end::before {
    background-repeat: no-repeat;
}

.clarity-bg .bg-image.aos-animate {
    opacity: 1;
    transform: scale(1);
}

.clarity-bg.aos-animate::before {
    opacity: 1;
    transform: scale(1.4);
}

.clarity-bg:after {
    content: "";
    bottom: 0;
    content: "";
    position: absolute;
    width: 910px;
    height: 870px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/rounded_glazy.svg);
    z-index: 1;
    background-size: 100% 100%;
    pointer-events: none;
    display: none;
}

.subtitle-end::after,
.subtitle-end::before {
    width: 20%;
    height: 396px;
    position: absolute;
    content: "";
}

.clarity-shape::after,
.clarity-shape::before {
    inset: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    display: none;
}

.claritybox-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

.bg-image,
.cc_full_client_area,
.clarity-shape,
.ovrvw_area,
.subtitle,
.subtitle-end {
    position: relative;
}

#clarity:before {
    position: absolute;
    background-image: url(../images/offer_topleft.svg);
    background-size: 100% 100%;
    width: 37%;
    left: 20px;
    z-index: 9;
}

#clarity:after {
    position: absolute;
    background-image: url(../images/offer_topright.svg);
    background-size: 100% 100%;
    width: 22%;
    right: 20px;
    z-index: 9;
}

.subtitle-end::before {
    background-image: url(../images/offer_bottomleft.svg);
    background-size: 100% 100%;
    left: 3px;
    bottom: 21px;
}

.subtitle-end::after {
    background-image: url(../images/offer_bottomright.svg);
    right: 0;
    background-size: 100% 100%;
    bottom: 23px;
}

.subtitle h4 {
    font-size: 60px;
    margin-left: 40%;
    width: fit-content;
    padding-right: 20px;
    background: #0c3649;
}

.ovbottomleftcurv img,
.ovtopleftcurv img,
.poly-shape-1 svg,
.poly-shape-2 svg,
.poly-shape-3 svg,
.poly-shape-4 svg,
.title span {
    width: 100%;
    height: 100%;
}

.title h2 {
    font-size: 85px;
    text-align: center;
    padding-left: 22px;
}

.clarity_area .title p {
    max-width: 860px;
    margin: auto;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    left: 0;
    top: 1px;
}

.title span {
    margin-left: 20px;
}

.clarity-main-content {
    margin-top: 40px;
    justify-content: space-between;
}

.insights-main-content {
    margin-top: 60px;
    padding: 0 25px;
}

.clarity-main-content:last-child,
.client-slider~.cs-shutter-left img,
.client-slider~.cs-shutter-right img {
    margin-top: 14px;
}

@media (min-width: 992px) {
    .clarity-main-content .col-lg-6 {
        flex: 0 0 auto;
        width: 49.2%;
    }
}

.clarity-shape {
    height: 100%;
    padding: 68px 60px 110px;
    z-index: 1;
    overflow: hidden;
    width: 46.5%;
}
@media (min-width: 1900px) {
    .clarity-shape {
       height: 490px;
    }
}

.clarity-shape::before {
    content: "";
    position: absolute;
    background-image: url(../images/Subtract-left.png);
    transition: opacity 0.6s ease-in-out;
    opacity: 0.9;
}

.poly-shape-1,
.poly-shape-2,
.poly-shape-3,
.poly-shape-4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.poly-shape-1:after,
.poly-shape-2:after,
.poly-shape-3:after,
.poly-shape-4:after {
    position: absolute;
    background-image: url(../images/subtract-left-hover.png);
    top: 0;
    bottom: 4px;
    left: 0;
    right: 0;
    content: "";
    background-size: 100% 100%;
    opacity: 0;
    transition: 0.6s;
}

.bg-image::after,
.clarity-image img {
    left: 50%;
    transform: translateX(-50%);
}

.poly-shape-3:after,
.poly-shape-4:after {
    top: 0;
    bottom: 0;
}

.clarity-shape:last-child::after,
.poly-shape-2:after {
    background-image: url(../images/Subtract-right-hover.png);
}

.poly-shape-3:after {
    background-image: url(../images/Subtract-half-left-hover.png);
}

.clarity-shape-2:last-child::after,
.poly-shape-4:after {
    background-image: url(../images/Subtract-half-right-hover.png);
}

.clarity-shape-2:hover .poly-shape-3:after,
.clarity-shape-2:hover .poly-shape-4:after,
.clarity-shape:hover .poly-shape-1:after,
.clarity-shape:hover .poly-shape-2:after {
    opacity: 0.4;
}

.clarity-shape::after {
    content: "";
    position: absolute;
    background-image: url(../images/subtract-left-hover.png);
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
}

.clarity-shape:hover::before,
.client-slider:hover::before,
.vw_all_blog:hover .nmrl_arrow {
    opacity: 0;
}

.clarity-shape-2:hover::after,
.clarity-shape-2:hover::before,
.clarity-shape:hover::after {
    opacity: 0.8;
}

.clarity-shape:last-child::before {
    background-image: url(../images/Subtract-right.png);
}

.clarity-image {
    width: 5%;
}

.clarity-inner-content {
    max-width: 670px;
    position: relative;
    z-index: 1;
}
@media (min-width: 1900px){
    .clarity-inner-content{
        max-width: 100%;
    } 
}
.clarity-shape-2:nth-child(2) a,
.clarity-shape:last-child .clarity-inner-content,
.clarity-shape:nth-child(3) a,
.clarity-shape:nth-child(3) h4 {
    margin-left: auto;
}

.clarity-content-title {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 24px;
}

.clarity-content-title h3,
.clarity-shape h4,
.clarity-shape-2 h4 {
    font-family: Exo, sans-serif;
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 0;
    color: #fff;
}

.clarity-content-title img {
    width: 50px;
    height: auto;
    object-fit: contain;
    margin-top: -13px;
}

.clarity-shape h4,
.clarity-shape-2 h4 {
    font-size: 20px;
    margin-bottom: 24px;
    line-height: 1.4;
    max-width: 520px;
}

.clarity-shape-2 h4 {
    margin-left: auto;
    max-width: 100%;
}

.clarity-shape-2:nth-child(2),
.clarity-shape:nth-child(3) {
    text-align: right;
}

.clarity-shape p,
.clarity-shape-2 p {
    font-size: 16px;
    line-height: 1.3;
    font-family: "IBM Plex Mono", monospace;
    margin-bottom: 25px;
    max-width: 510px;
    color: #d3f3ff;
}

.clarity-shape a,
.clarity-shape-2 a,
.insight-content .content-inner a {
    display: flex;
    font-family: Exo;
    font-weight: 500;
    border-radius: 10px;
    text-decoration: none;
}

.clarity-shape-2 p {
    margin-left: auto;
    max-width: 100%;
    margin-bottom: 43px;
}

.clarity-shape-2:last-child .clarity-content-title,
.clarity-shape:last-child .clarity-content-title {
    justify-content: flex-end;
}

.clarity-shape a,
.clarity-shape-2 a {
    justify-content: space-between;
    max-width: 209px;
    font-size: 20px;
    color: #fff;
    padding: 5px 5px 5px 30px;
    align-items: center;
    position: relative;
    background: rgb(255 255 255 / 9%);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
}

.insight-content,
.insight-img-left .insight-content {
    backdrop-filter: blur(15px);
    border-radius: 0 0 5px;
    left: 0;
}

.content-inner h3,
.content-inner p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clarity-shape a span,
.clarity-shape-2 a span,
.content-inner a span {
    width: 45px;
    height: 45px;
    padding: 15px;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.polygon {
    width: 0;
    height: 0;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    border-left: 15px solid #fff;
    margin-left: 4px;
}

.clarity-image {
    position: relative;
    z-index: 11;
}

.bg-image::after {
    content: "";
    position: absolute;
    width: 910px;
    height: 870px;
    top: 0;
    background: url(../images/rounded_glazy-bg.svg) 0 0/100% 100% no-repeat;
    z-index: 1;
    descent-override: none;
}

.clarity-shape-2::after,
.clarity-shape-2:before,
.insight-content,
.insight-img-left .insight-content {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.clarity-shape-2::after,
.clarity-shape-2:before {
    transition: opacity 0.6s ease-in-out;
    z-index: -1;
    display: none;
    position: absolute;
    content: "";
    inset: 0;
}
/* .clarity-shape-2::after{
    display: none;
} */

.clarity-image img {
    width: 577px;
    margin: auto;
    height: auto;
    object-fit: contain;
    position: absolute;
    top: -10px;
    max-width: fit-content;
    pointer-events: none;
}
.clarity-shape-2 {
    position: relative;
    height: 100%;
    padding: 58px 60px 74px 58px;
    z-index: 1;
    overflow: hidden;
}
@media (min-width: 1900px){
    .clarity-shape-2{
        height: 420px;
    }
}
.clarity-shape-2:before {
    background-image: url(../images/Subtract-half-left.png);
    opacity: 0.9;
}

.clarity-shape-2::after {
    background-image: url(../images/Subtract-half-left-hover.png);
    opacity: 0;
}

.clarity-shape-2:last-child::before {
    background-image: url(../images/Subtract-half-right.png);
}

.subtitle-end {
    margin-top: 0;
}

.subtitle-end p {
    max-width: 809px;
    margin: auto;
    text-align: center;
}

.clarity-inner-content.left p {
    padding-right: 30px;
}

.clarity-inner-content.right p {
    padding-left: 30px;
    max-width: 510px;
    margin-left: auto;
    color: #d3f3ff;
}

@media only screen and (max-width: 990px) {
    .clarity_area .title p {
        font-size: 14px;
        max-width: 75%;
    }

    .mobile-display .clarity-image img {
        max-width: 360px;
    }
}

#insights::after,
#insights::before {
    position: absolute;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    width: 33%;
    height: 430px;
}

#insights::before {
    background-image: url(../images/blogs-right-shape.svg);
    top: 16%;
    right: 15px;
    opacity: 1;
    width: 450px;
}

#insights::after {
    background-image: url(../images/blogs-left-shape.svg);
    width: 20%;
    height: 430px;
    bottom: 23px;
    left: 15px;
    opacity: 1;
}

.insight-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.insight-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    clip-path: polygon(0 0, 93% 0, 100% 18%, 100% 100%, 7% 100%, 0 86%);
    border-radius: 4px 0;
    overflow: hidden;
}

.insight-img-left,
.insight-img-mid,
.insight-img-right {
    padding-left: 31px;
    padding-right: 31px;
}

.insight-img-left .insight-content {
    position: absolute;
    bottom: 17px;
    width: 100%;
    min-height: 214px;
    background: rgb(0 0 0 / 22%);
    clip-path: polygon(0 0, 100% 0, 100% 18%, 100% 100%, 7% 100%, 0 72%);
}

.insight-img-left .content-inner {
    padding: 38px 42px;
}

.content-inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 37px;
    height: 100%;
}

.content-inner h3 {
    color: #fff;
    font-family: Exo, sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 13px;
}
.insights-main-content .content-inner h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clock span,
.content-inner p {
    font-weight: 400;
    font-family: Exo, sans-serif;
}

.content-inner p {
    font-size: 16px;
    line-height: 1.4;
}

.clock span {
    color: #fffbfb;
    /* color: #aeaeae; */
    font-size: 12px;
    line-height: 24px;
    margin-left: 4px;
}

.content-bottom {
    display: flex;
    align-items: start;
}

.insight-content {
    position: absolute;
    /* bottom: 0 !important; */
    bottom: 12px;
    width: 100%;
    min-height: 143px;
    -webkit-backdrop-filter: blur(15px);
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 8% 100%, 0 68%);
    background: rgb(0 0 0 / 22%);
}

.insight-content .content-inner a {
    margin-left: auto;
    width: 100%;
    max-width: 210px;
    justify-content: space-between;
    color: #fff;
    padding: 5px 5px 5px 20px;
    align-items: center;
    background: url(../images/learnmorebtn.svg) left top no-repeat;
    backdrop-filter: none;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease-in;
    left: 0;
    top: 0;
}

.insight-content .content-inner a:hover {
    border-radius: 10px;
}

.insight-content .content-inner a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgb(255 255 255 / 0.5) 1%, #fff0 50%, rgb(255 255 255 / 0.5) 100%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    border-radius: 10px;
    z-index: 0;
    pointer-events: none;
}

.insight-content .content-inner a:hover::after {
    opacity: 0.7;
}

.insight-content .content-inner a.arrow-image {
    border: none;
    width: 44px;
    height: 44px;
    background: url(../images/insight-arrow-bg.svg) left top/100% 100% no-repeat;
    padding: 8px 9px;
    opacity: 1;
    transition: opacity 0.3s, background 0.3s, border-radius 0.3s;
    left: 0;
    border-radius: 6px;
}

.insight-content .content-inner a.arrow-image:hover {
    background: #fff;
    opacity: 1;
}

.insight-content .content-inner a.arrow-image svg {
    width: 11px;
    left: 7px;
    top: 1px;
}

.insight-content .content-inner a.arrow-image:hover svg path {
    fill: #000;
}

.content-inner a img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

#insights {
    margin: auto;
    position: relative;
    overflow: hidden;
    max-width: 1906px;
    padding: 88px 22px 58px;
}

.insights-main-content {
    align-items: self-end;
}

.small-insight-box h2 {
    font-family: Exo, sans-serif;
    font-weight: 200;
    font-size: 60px;
    color: #fff;
    padding-left: 18px;
}

.small-insight-box h2 span img {
    position: relative;
    top: 11px;
    left: 5px;
}

.small-box-title p {
    width: 70%;
    line-height: 1.4;
}

.small-insight-box a {
    color: #6caecb;
    position: relative;
    text-decoration: none;
    margin-right: 0;
    text-align: right;
    transition: color 0.3s ease-in;
}

.small-insight-box a.vw_all_blog {
    margin-right: 82px;
    position: relative;
    top: -8px;
}

.vw_all_blog {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease-in !important;
}

.vw_all_blog:hover {
    color: #ffcd1a;
}

.vw_all_blog span {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    display: block;
    height: 22px;
}

.nmrl_arrow {
    transition: opacity 0.3s ease-in !important;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.hvr_arrow {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
    position: absolute;
    top: 11px;
    right: 0;
    width: auto;
    height: auto;
    z-index: 2;
    display: block;
}

.vw_all_blog:hover .hvr_arrow {
    opacity: 1;
    visibility: visible;
}

.small-box-title a::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: -2px;
    width: 188px;
    height: 1px;
    background-color: #5f8494;
}

.small-box-title {
    padding-left: 18px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: self-end;
    margin-bottom: 54px;
    padding-top: 4px;
}

#insights .small-text {
    left: auto;
    top: 103px;
    text-align: center;
    right: 131px;
}

.client-slider-section>p.trusted-text {
    margin-bottom: 0;
}

@media only screen and (max-width: 1221px) {
    .content-inner h3 {
        font-size: 24px;
    }

    .content-inner a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    #clarity .title h2 span {
        display: none;
    }

    .subtitle h4 {
        font-size: 16px;
    }

    .title h2 {
        font-size: 30px;
    }

    .clarity-content-title img {
        width: 28px;
    }

    .clarity-shape-2 {
        padding: 30px 20px;
    }

    .clarity-content-title h3 {
        font-size: 19px;
    }

    .small-text {
        top: 34%;
    }

    .content-inner p {
        font-size: 12px;
        line-height: 17px;
    }

    #insights .small-text {
        left: auto;
        right: 40px;
    }
}

.over-view {
    padding: 9px 20px;
    overflow: hidden;
    margin: auto;
    width: 100%;
}

.over-view .container-fluid {
    padding-top: 44px;
    padding-bottom: 82px;
    border-radius: 12px;
    position: relative;
}

.ov-video-bg video {
    position: absolute;
    top: -60px;
    right: 0;
    height: 100%;
    opacity: 0.1;
}

.over-view-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 106%;
    width: 100.75%;
    z-index: 1;
    overflow: hidden;
}

.over-view-bg video {
    width: 1048px;
    height: 590px;
    position: absolute;
    right: 20px;
    top: -44px;
    opacity: 0.03;
}

.over-view-bg svg {
    font-size: 8em;
    font-family: Koulen;
    transition: 0.5s linear;
    position: absolute;
    inset: 0;
    height: 100%;
}

.ov-content-div .badge,
.ov-right .cmn-para,
.subc-inner p,
.testimonial-sec .test-left .badge,
.trusted-text {
    font-family: "IBM Plex Mono", monospace;
}

.over-view-bg svg rect {
    fill: #fff;
    mask: url(#myText);
}

.ov-top-text {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    border-radius: 10px 0 10px 10px;
    background: #0c3649;
    z-index: 2;
}

.ov-top-text-inner {
    background: #212121;
    position: relative;
    height: 65px;
    padding: 16px 12px 14px 40px;
    border-radius: 10px 0 0 10px;
    width: 27.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ov-top-text-inner:before {
    position: absolute;
    bottom: -6px;
    content: "";
    height: 9px;
    background-color: #0c3649;
    left: 0;
    right: 0;
    z-index: 1;
}

.ov-top-text-inner:after {
    content: "";
    position: absolute;
    right: -58px;
    width: 59px;
    bottom: -7px;
    top: 0;
    background: url(../images/right-side-curve.jpg) 0 0/100% 100%;
}

.ov-content-div .ov-left {
    padding-left: 0;
    padding-right: 48px;
}

.ov-left video {
    position: relative;
    top: 13px;
}

.ov-right {
    padding: 91px 100px 80px 30px;
}

.ov-content-div .badge {
    font-weight: 300;
    font-size: 16px;
    border-radius: 6px;
    background: rgb(255 255 255 / 0.05);
    padding: 8px 15px 10px;
    -webkit-box-shadow: inset 0 2px 5.8px 0 rgb(255 255 255 / 0.1);
    box-shadow: inset 0 2px 5.8px 0 rgb(255 255 255 / 0.1);
    margin-bottom: 25px;
}

.challange-complex .row,
.ov-content-div .row {
    align-items: center;
}

.ov-right h1,
.ov-right h3 {
    color: #fff;
    font-weight: 300;
    font-size: 45px;
    margin-bottom: 19px;
    position: relative;
    line-height: 1.4;
}

.ov-right h3 span {
    margin-left: 15px;
    margin-top: AUTO;
    position: relative;
    top: 8px;
}

.ov-right .cmn-para {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    word-spacing: 8px;
}

.ov-bottom-text {
    position: absolute;
    right: 49px;
    bottom: 52px;
    display: flex;
    gap: 29px;
    font-weight: 700;
    font-size: 40.74px;
    line-height: 1;
    color: #3d687c;
    margin-bottom: 0;
    z-index: 0;
}

.ov-bottom-text li {
    list-style: none;
    line-height: 1;
    position: relative;
}

.ov-bottom-text li:not(:last-child)::after {
    content: "";
    position: absolute;
    background: url(../images/Polygon.svg) center/contain no-repeat;
    height: 12px;
    width: 12px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.challange-complex {
    background: url(../images/cha-com-bg.svg) center/100% 100% no-repeat;
    padding: 120px 0 80px;
    min-height: 485px;
}

.cha-com-left h3 {
    color: #fff;
    font-weight: 600;
    font-size: 85px;
    line-height: 1;
    margin-bottom: 20px;
}

.cha-com-left p {
    color: #fff;
    font-weight: 400;
    font-size: 25px;
}

.cha-com-right {
    text-align: right;
    padding-top: 38px;
    padding-bottom: 2px;
}

.client-slider,
.client-slider-section,
.subc-inner .subscribe-btn {
    text-align: center;
    position: relative;
}

.cha-com-right span {
    color: #fff;
    width: 353px;
    margin-left: auto;
    border-radius: 15px;
    padding: 30px 30px 30px 124px;
    transition: 0.2s ease-in-out;
    min-height: 113px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.cha-com-right span .btn img {
    filter: none;
    transition: 0.3s ease-in;
    filter: brightness(0) saturate(100%) invert(12%) sepia(0) saturate(0) hue-rotate(0) brightness(98%) contrast(85%);
}

.cha-com-right span p {
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    line-height: 22px;
}

.cha-com-right span .btn {
    position: absolute;
    color: #202020;
    background: rgb(255 255 255 / 0.6);
    left: -140px;
    top: 50%;
    transform: translateY(-50%);
    padding: 18px 25px;
    border-radius: 8px;
    transition: 0.2s ease-in-out;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
}

.cha-com-right span .btn svg path {
    fill: #202020;
}

.cha-com-right span:hover .btn {
    background: #fff;
    color: #184e66;
    transition: 0.3s ease-in;
}

.cha-com-right span:hover .btn svg path {
    fill: #184e66;
}

.cha-com-right span::after {
    border: 0.53px solid #ccc;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: -1;
    transition: 0.6s;
    border-radius: 15px;
}

.cha-com-right span:hover::after {
    width: 520px;
    right: 0;
}

.beyond-surface span:hover .btn img,
.cha-com-right span:hover .btn img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1241%) hue-rotate(160deg) brightness(93%) contrast(91%);
}

.subscribe-sec {
    padding: 18px 88px 25px;
    margin: auto;
    max-width: 1906px;
    width: 100%;
}

.subc-inner {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}

.subc-inner p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.beyond-surface h3,
.subc-inner .subscribe-btn,
.test-left h3 {
    color: #fff;
    font-family: Exo, sans-serif;
}

.subc-inner .subscribe-btn {
    background: url(../images/subscribe-btn.svg) left top/contain no-repeat;
    width: 208px;
    display: block;
    margin-left: 100px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.cc_full_client_area:after,
.cc_full_client_area:before {
    content: "";
    inset: 0;
    z-index: 11;
    background: linear-gradient(to bottom, #3a738e 0, #144257 18%, #144257 52%, #144257 85%, #3a738e 100%);
    pointer-events: none;
}

.subc-inner .subscribe-btn:after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/subscribe-btn-hover.svg) left top/contain no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.subc-inner .subscribe-btn:before {
    content: "";
    position: absolute;
    border-bottom: 1.5px solid #155c7c;
    width: 100px;
    top: 50%;
    left: -47%;
    transition: 0.3s ease-in;
    margin-top: -1px;
}

.subc-inner .subscribe-btn:hover:before {
    border: 1px solid #ffcd1a;
    transition: 0.3s ease-in;
}

.cs-shutter-left img,
.cs-shutter-right img {
    height: 8px;
    margin-bottom: 10px;
}

.client-slider .slick-track {
    display: flex;
    pointer-events: none;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .challange-complex {
        padding: 88px 15px 0;
        height: 330px;
        background-size: cover;
    }

    .cha-com-right span {
        padding: 14px 30px 10px 80px;
        width: 280px;
    }

    .cha-com-right span p {
        font-size: 15px;
        line-height: 1.4;
    }

    .cha-com-right span .btn {
        padding: 10px 16px;
        font-size: 16px;
        left: -120px;
    }

    .cha-com-left h3 {
        font-size: 42px;
    }

    .cha-com-left p {
        font-size: 21px;
    }
}

.beyond-surface {
    background: url(../images/footer-hero-bg.webp) center/100% 100% no-repeat;
    min-height: 442px;
    position: relative;
    padding: 90px 0 100px;
}

.beyond-surface h3 {
    font-weight: 600;
    font-size: 85px;
    line-height: 1.1;
}

.beyond-surface span .btn img,
.client-slider img,
.insight-img-outer {
    /* filter: none; */
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, .3));
}

.cc_full_client_area:before {
    position: absolute;
    -webkit-mask-image: linear-gradient(to right, rgb(0 0 0) 0, rgb(0 0 0) 3%, #fff0 40%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, rgb(0 0 0) 0, rgb(0 0 0) 3%, #fff0 40%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.cc_full_client_area:after {
    position: absolute;
    -webkit-mask-image: linear-gradient(to left, rgb(0 0 0) 0, rgb(0 0 0) 3%, #fff0 40%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to left, rgb(0 0 0) 0, rgb(0 0 0) 3%, #fff0 40%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.client-slider::after,
.client-slider::before {
    transition: opacity 0.6s ease-in-out;
    z-index: 0;
    inset: 0;
}

.client-slider-section {
    padding: 70px 0;
    overflow: hidden;
}

.client-slider-section-home {
    padding: 53px 0 80px;
}

.client-slider {
    padding: 88px 0;
    background: #144257;
    overflow: hidden;
    box-shadow: 0 0 70px #242424;
    display: flex;
    align-items: center;
    margin: 6px 0;
    width: 100%;
}

.ms_microsoft {
    width: 208px;
    height: 47px;
}

.ms_google {
    width: 132px;
    height: 46px;
}
.ms_dabur {
    width: 70px;
    height: 66px;
}


.ms_hundai {
    width: 106px;
    height: 50px;
}

.ms_mahindra {
    width: 171px;
    height: 46px !important;
}

.ms_intel {
    width: 97px;
    height: 66px;
}

.ms_bajaj {
    width: 212px;
    height: 45px;
}

.ms_tvs {
    width: 107px;
    height: 63px;
}

.ms_tcs {
    width: 191px;
    height: 46px;
}

.client-slider .slick-slide {
    margin: 0 50px;
    width: auto;
}

.testimonial-sec-bottom-left:after,
.testimonial-sec-top-left:after,
.testimonial-sec-top-right:before {
    width: 50px;
    height: 33px;
    position: absolute;
    content: "";
    top: 0;
}

.client-slider::before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #1e6281 0, #144257 18%, #144257 52%, #144257 85%, #1e6281 100%);
    opacity: 1;
}

.client-slider::after {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #3a738e 0, #144257 18%, #144257 52%, #144257 85%, #3a738e 100%);
    opacity: 0;
}

.client-slider .slick-list {
    z-index: 1;
}

.trusted-text {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
}

.cs-shutter-left {
    text-align: left;
    float: left;
    margin-top: -7px;
    position: relative;
    z-index: 1;
}

.cs-shutter-left img {
    height: 8px;
}

.cs-shutter-right {
    text-align: right;
    margin-top: -4px;
    float: right;
    z-index: 1;
    position: relative;
}

.testimonial-sec {
    padding: 0 22px;
    overflow: hidden;
    max-width: 1918px;
    margin: -18px auto auto;
    width: 100%;
}

.testimonial-sec .test-left {
    padding-top: 80px;
    padding-left: 0;
}

.testimonial-sec .test-left .badge {
    background-image: url(../images/small-text-bg.webp);
    font-weight: 300;
    font-size: 16px;
    padding: 10px 20px;
    margin-bottom: 50px;
}

.testimonial-inner .container {
    max-width: 1650px;
}

.testimonial-inner {
    position: relative;
    padding: 24px 0 105px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    background-image: url(../images/testimonial-bg.svg);
    background-position: center top;
}

.testimonial-sec-bottom,
.testimonial-sec-top {
    display: flex;
    height: 33px;
    justify-content: space-between;
}

.testimonial-sec-top-left {
    background: #0c242f;
    width: 38vw;
    border-radius: 15px 0 0;
    height: 33px;
    position: relative;
}

.testimonial-sec-top-left:after {
    right: -50px;
    background: #0c242f;
    clip-path: polygon(80% 100%, 0 110%, -6px 0, -13% 100%, 0 -30%);
}

.testimonial-sec-top-right {
    background: #0c242f;
    width: 38vw;
    border-radius: 0 15px 0 0;
    height: 33px;
    position: relative;
}

.testimonial-sec-top-right:before {
    left: -50px;
    background: #0c242f;
    clip-path: polygon(100% 100%, 0 100%, 0 52px, 77% 15%, 100% 0);
}

.testimonial-sec-mid {
    background: #0c242f;
    padding: 50px 0;
    border-radius: 0 0 15px;
}

.testimonial-sec-bottom-left {
    background: #0c242f;
    width: 33rem;
    border-radius: 0 0 0 15px;
    height: 33px;
    position: relative;
}

.testimonial-sec-bottom-left:after {
    right: -50px;
    background: #0c242f;
    clip-path: polygon(0 100%, 43% 0, 40% 0, 0 0, 0 0);
}

.test-left h3 {
    margin-bottom: 0;
    font-size: 60px;
    font-style: normal;
    font-weight: 100;
    line-height: 1.1;
}

.card-content_testimonial p,
.test-user .user-content p {
    font-family: "IBM Plex Mono", monospace;
    color: #fff;
    font-style: normal;
}

.test-left h3 span {
    font-weight: 400;
}

.testimonial-sec h3 img {
    width: 250px;
    display: block;
    margin-top: 27px;
}

.test-user {
    margin-left: 23px;
    margin-top: 43px;
    display: flex;
    gap: 25px;
    align-items: center;
}

.user-icon ul {
    display: flex;
    padding-left: 0;
    justify-content: flex-start;
    margin: 0;
}

.user-icon ul li {
    list-style: none;
}

.user-icon ul li:first-child {
    z-index: 2;
}

.user-icon ul li:nth-child(2) {
    margin-left: -17px;
    z-index: 1;
}

.user-icon ul li:nth-child(3) {
    margin-left: -19px;
    z-index: 0;
}

.user-icon ul li img {
    width: 56px;
}

.test-user .user-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 80%;
}

.card-shadow-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
    border-right: 1px solid #7399ad;
    clip-path: polygon(0 100%, 22% 6%, 100% -3%, 100% 58%, 99% 28%, 0 100%, 0 0, 0 0);
    filter: blur(0.5px);
    border-radius: 9px;
    z-index: -1;
    pointer-events: none;
    border-top: 1px solid #7399ad;
}

.card-shadow-wrapper.main,
.card_testimonial {
    clip-path: polygon(0 18%, 7% 0, 100% 0, 100% 86%, 93% 100%, 0 100%);
}

.slider-wrapper_testimonial {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 525px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
}

.card-container_testimonial {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    left: 110px;
    padding-top: 36px;
}

.card-shadow-wrapper {
    position: absolute;
    width: 528px;
    height: 227px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    filter: drop-shadow(0 10px 7px rgb(0 0 0 / 0.4));
    border-radius: 0 10px;
}

.card_testimonial {
    width: 100%;
    height: 100%;
    padding: 0 20px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 6px;
    position: relative;
    background: #113444d6;
    color: #e8f6fb;
    overflow: visible;
}

.card-shadow-wrapper.main .card_testimonial {
    background: #1c4a60e0;
}

.card-shadow-wrapper.main .card_testimonial .card-image-wrapper_testimonial {
    width: 158px;
}

.card-shadow-wrapper.main .card_testimonial .card-shadow-wrapper {
    width: 512px;
}

.card-image-wrapper_testimonial {
    width: 168px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.card-image_testimonial {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.card-content_testimonial {
    flex: 1;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.card-content_testimonial p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin: 9px 0 14px;
}

.card-content_testimonial.active p {
    color: #e5e7eb;
}

.card-content_testimonial h2 {
    color: #fff;
    font-family: Exo, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 36px;
}

.card-content_testimonial .footer_testimonial {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 17px;
    color: #9ca3af;
    line-height: 1;
}

.card-content_testimonial .footer_testimonial span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    top: 0;
    color: #6caecc;
    font-family: Exo, sans-serif;
    display: block;
}

.card-content_testimonial .footer_testimonial img {
    width: 16px;
    height: 16px;
    margin: 0;
}
.card-shadow-wrapper.top {
    z-index: 1;
    transform: translate(-30%, -10%) scale(1);
    opacity: 0.8;
    top: auto;
    bottom: -17px;
    left: 39.2%;
}

.card-shadow-wrapper.main {
    width: 512px;
    z-index: 3;
    transform: translate(0, 0) scale(1.1);
    opacity: 1;
    left: 0;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.card-shadow-wrapper.bottom {
    z-index: 2;
    transform: translate(-20%, 20%) scale(1);
    opacity: 0.8;
    top: -1px;
    left: 32.5%;
}

.card-shadow-wrapper.hidden {
    opacity: 0;
    transform: translate(-50%, 0) scale(0.8);
    z-index: 0;
}

.navigation_testimonial {
    position: absolute;
    left: -43px;
    top: 54%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    border: 1px solid #64737A;
    padding: 4px;
    border-radius: 10px;
    z-index: 10;
    backdrop-filter: blur(5px);
}

.nav-btn_testimonial {
    width: 40px;
    height: 40px;
    border: 0;
    color: #9ca3af;
    font-size: 1.5rem;
    transition: color 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: #fff0;
    opacity: 0.4;
}

.counter-label,
.counter_testimonial,
.counter_testimonial p {
    color: #2a5d74;
    font-family: "IBM Plex Mono", monospace;
    font-size: 14px;
}

.nav-btn_testimonial:hover {
    color: #fff;
    background: 0 0;
    outline: 0;
    border: 0;
    opacity: 1;
    transition: 0.3s ease-in;
}

.nav-btn_testimonial:focus {
    background: 0 0;
    outline: 0;
}

.nav-btn_testimonial img {
    width: 45px;
}

.dots-container_testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.7rem;
    padding: 0.5rem 0;
}

.dot_testimonial {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 0.1);
    cursor: pointer;
    transition: 0.3s;
}

.dot_testimonial.active {
    background-color: #fff0;
    transform: scale(1.2);
    width: 12px;
    height: 12px;
    background-size: contain;
    background-position: center;
    border-radius: 0;
}

.dot_testimonial.active:after,
.next-slide-btn:after,
.prev-slide-btn:after {
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
}

.dot_testimonial.active:after {
    bottom: 0;
    left: 50%;
    border: solid #fff0;
    position: absolute;
    border-left-color: #426574;
    border-width: 6px 0 6px 10px;
    margin-left: -5px;
}

.counter_testimonial {
    position: absolute;
    left: 101px;
    bottom: 6px;
}

.counter-label {
    font-weight: 300;
}

.counter-numbers {
    font-size: 30px;
    color: #2e6883;
    font-family: "IBM Plex Mono", monospace;
    font-weight: 300;
}

.counter_testimonial p {
    display: block;
    margin-bottom: 0;
    line-height: 0;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.client-slider .slick-list:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    width: 85px;
    z-index: 1;
    background: linear-gradient(to right, #fff0 0, rgb(20 66 87 / 0.53) 8%, #144257 15%);
}

.client-slider .slick-list:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    width: 85px;
    z-index: 1;
    background: linear-gradient(to right, #144257 85%, rgb(20 66 87 / 0.53) 92%, #fff0 100%);
}

.fix-top {
    position: fixed;
    top: 0 !important;
}

.next-slide-btn,
.prev-slide-btn {
    width: 44px;
    height: 45px;
    background-color: #3a4e57;
    position: relative;
    opacity: 1;
}

.next-slide-btn {
    border-radius: 0 9px 9px 0;
}

.next-slide-btn:after {
    left: 17px;
    top: 50%;
    border: solid #fff0;
    position: absolute;
    border-left-color: #8fb5c4;
    border-width: 10px 0 10px 15px;
    margin-top: -10px;
}

.btn_testimonial_down:before,
.btn_testimonial_up:after {
    left: 50%;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    margin-left: -9px;
}

.prev-slide-btn {
    border-radius: 9px 0 0 9px;
}

.btn_testimonial_down,
.btn_testimonial_up {
    width: 44px;
    height: 45px;
    background-color: #3a4e57;
    position: relative;
    padding: 0;
    opacity: 0.4;
}

.prev-slide-btn:after {
    right: 17px;
    top: 50%;
    border: solid #fff0;
    position: absolute;
    border-right-color: #8fb5c4;
    border-width: 10px 15px 10px 0;
    margin-top: -10px;
}

.btn_testimonial_down:focus,
.btn_testimonial_down:hover,
.btn_testimonial_up:focus,
.btn_testimonial_up:hover,
.next-slide-btn:focus,
.next-slide-btn:hover,
.prev-slide-btn:focus,
.prev-slide-btn:hover {
    opacity: 1;
    background-color: #284d64;
}

.btn_testimonial_up {
    border-radius: 9px 9px 0 0;
}

.btn_testimonial_up:after {
    bottom: 16px;
    border: solid #fff0;
    position: absolute;
    border-bottom-color: #8fb5c4;
    border-width: 0 9px 15px;
}

.btn_testimonial_down {
    border-radius: 0 0 9px 9px;
}

.btn_testimonial_down:before {
    top: 16px;
    border: solid #fff0;
    position: absolute;
    border-top-color: #8fb5c4;
    border-width: 15px 9px 0;
}

.ovbottomleftcurv {
    position: absolute;
    bottom: -32px;
    left: 0;
    width: 16px;
    height: 22px;
    z-index: 1;
    transform: scaleY(-1);
}

.ovtopleftcurv {
    position: absolute;
    bottom: 9px;
    left: -3px;
    width: 12px;
    height: 18px;
    z-index: 1;
}

@media screen and (max-width: 1680px) {
    .test-left h3 {
        font-size: 45px;
    }

    .testimonial-sec .row {
        align-items: center;
    }
}

@media screen and (max-width: 1440px) {
    .card-content_testimonial p {
        font-size: 12px;
        line-height: 16px;
    }

    .card-content_testimonial h2 {
        font-size: 14px;
    }

    .testimonial-sec-top-left,
    .testimonial-sec-top-right {
        width: 34vw;
    }
}

@media screen and (max-width: 820px) {
    .navigation_testimonial {
        right: 64px;
        padding: 0;
    }
}

.vw_all_blog {
    position: relative;
    width: auto;
    padding-right: 52px;
}

.ast-scroll-to-top-right {
    bottom: 20px;
}

@media (max-width: 1920px) {
    .ov-bottom-text {
        bottom: 52px;
    }
}

@media (min-width: 1950px) {
    .ov-bottom-text {
        bottom: 44px;
    }
}

@media (min-width: 1980px) {
    .ov-bottom-text {
        bottom: 20px;
    }
}

@media (min-width: 1990px) {
    .over-view .container-fluid {
        padding-bottom: 180px;
    }

    .ov-bottom-text {
        bottom: 104px;
    }
}

@media (min-width: 2000px) {
    .ov-bottom-text {
        bottom: 64px;
    }
}

@media (max-width: 1900px) {

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 0;
        bottom: 0;
    }

    .over-view .container-fluid {
        padding-bottom: 132px;
    }

    .left_tan {
        bottom: -33px;
        max-width: 520px;
    }

    .right_tan {
        top: -33px;
        max-width: 520px;
    }

    .small-insight-box a.vw_all_blog {
        margin-right: 0;
        width: auto;
    }

    #insights,
    .subscribe-sec {
        max-width: 1500px;
    }

    .right-section_card .card-content h3 {
        font-size: 22px;
    }

    .headerrightcurv {
        top: 74px;
    }

    .headerbottomleftcurv {
        bottom: 77px;
    }

    .banner-chart .chart-box span {
        font-size: 24px;
        line-height: 31px;
    }

    .over-view {
        max-width: 100%;
    }

    .ov-top-text-inner {
        padding: 6px 18px;
        width: 407px;
        height: 48px;
    }

    .banner-chart-inner:after {
        right: -73px;
        width: 74px;
        height: 86px;
        top: -8px;
    }

    .banner-chart-inner {
        width: 393px;
        height: 73px;
        font-size: 15px;
        padding: 14px 0 7px 18px;
    }

    .ov-top-text-inner:after {
        bottom: -7px;
        right: -54px;
        top: 0;
    }

    .ov-right .cmn-para {
        line-height: 22px;
    }

    .ov-bottom-text {
        bottom: 27px;
        font-size: 30px;
    }

    .client-slider-section {
        padding: 40px 0;
    }

    .total_card_slider {
        max-width: 1350px;
        padding: 0 10px 0 0;
        width: 95%;
        gap: 3rem;
    }

    .card_slider_area {
        padding: 50px 20px 80px;
        max-width: 1536px;
    }

    .left-section_card h2 {
        font-size: 2.5rem;
        margin: 0;
    }

    .left-section_card h2 span {
        font-size: 3.8rem;
    }

    .linecardbg {
        bottom: -41px;
        right: -30px;
        max-width: 50%;
    }

    .right-section_card .card {
        max-width: 600px;
        min-height: 365px;
    }

    .right-section_card .is-middle {
        transform: translate(-12%, -50%) scale(1);
        min-height: 360px;
    }

    .right-section_card .is-bottom {
        transform: translate(-26%, -50%) scale(0.95);
        min-height: 370px;
    }

    .arrow_line {
        margin: 10px 0;
    }

    .left-section_card .section-title {
        margin-bottom: 1rem;
    }

    .dots-arrows-wrapper {
        margin-top: 1rem;
        bottom: -7px;
    }

    .right-section_card .desc_area_card h2 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .right-section_card .desc_area_card p {
        font-size: 1.2rem;
        line-height: 1.3;
    }

    .left-section_card p {
        font-size: 14px;
        line-height: 22px;
    }

    .left-section_card {
        flex: 1;
    }

    .slide-out:hover .desc_area_card {
        left: 55px;
    }

    .client-slider-section {
        padding-top: 50px;
    }

    .cha-com-left h3 {
        font-size: 58px;
    }

    .cha-com-left p {
        font-size: 23px;
    }

    .cha-com-right span {
        width: 320px;
        padding: 28px 30px 30px 96px;
    }

    .cha-com-right span p {
        font-size: 16px;
        position: relative;
        top: 7px;
    }

    .cha-com-right span .btn {
        left: -173px;
    }

    .challange-complex {
        min-height: 395px;
    }

    .clarity-shape {
        padding: 100px 49px 94px;
        /* padding: 102px 49px 94px; */
    }

    .clarity-shape-2 {
        padding: 70px 36px;
    }

    .clarity-inner-content {
        max-width: 610px;
    }

    .clarity-content-title img {
        width: 40px;
    }

    .clarity-content-title h3 {
        font-size: 28px;
    }

    .subtitle h4 {
        font-size: 50px;
        margin-left: 39%;
    }

    .title h2 {
        font-size: 72px;
    }

    .clarity_area .title p {
        max-width: 850px;
        font-size: 16px;
    }

    #clarity:before {
        width: 510px;
        height: 315px;
    }

    #clarity:after {
        width: 310px;
        height: 318px;
    }

    .subtitle-end::after,
    .subtitle-end::before {
        top: auto;
        bottom: -7px;
    }

    .subtitle-end p {
        font-size: 18px;
    }

    .subtitle-end {
        margin-top: 30px;
    }

    .clarity-main-content {
        margin-top: 40px;
    }

    .clarity-main-content:last-child {
        margin-top: 0;
    }

    .methology {
        margin-top: 20px;
        max-width: 1536px;
    }

    .testimonial-inner {
        padding: 15px 0 100px;
    }

    .card-container_testimonial {
        left: 70px;
    }

    .navigation_testimonial {
        left: -39px;
    }

    .card-content_testimonial p {
        margin: 0 0 8px;
    }

    .counter_testimonial {
        bottom: 0;
        left: 80px;
    }

    .counter-numbers {
        font-size: 24px;
    }

    .testimonial-sec .test-left {
        padding-top: 60px;
        width: 40%;
    }

    .testimonial-sec .test-right {
        width: 50%;
    }

    .methology .leftbox h2,
    .methology .rightbox h2 {
        font-size: 33px;
        margin-bottom: 15px;
    }

    .methology .box-wrap,
    .ov-top-text {
        font-size: 14px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 17px;
        margin-bottom: 7px;
    }

    .methology-bottom-bg-left,
    .methology-bottom-bg-right,
    .testimonial-sec-top-left,
    .testimonial-sec-top-right {
        width: 35vw;
    }

    .methology .leftbox {
        /* padding: 50px 54px 74px 66px; */
        padding: 50px 40px 52px 40px;
        margin-top: 23px;
    }

    .methology .rightbox {
        /* padding: 83px 60px 75px 54px; */
            padding: 83px 40px 52px 40px;
    }

    .testimonial-sec {
        max-width: 1502px;
        margin-top: 0;
    }

    .clarity-shape p,
    .clarity-shape-2 p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .clarity-image img {
        height: 96%;
    }

    .small-text {
        top: 20px;
    }

    .card-shadow-wrapper {
        width: 440px;
        height: 189px;
    }

    .card-shadow-wrapper.main {
        transform: translate(0, 0) scale(1.05);
    }

    .card-content_testimonial h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .card-content_testimonial .footer_testimonial span {
        font-size: 13px;
        line-height: 17px;
    }

    .request-sec a,
    .request-sec a:hover {
        width: 302px;
        height: 47px;
        font-size: 22px;
        line-height: 35px;
    }

    .card-content_testimonial {
        padding: 0 0 0 10px;
    }

    .methology .methology-title {
        top: 27px;
    }

    .card-shadow-wrapper.top {
        bottom: -30px;
    }

    .card-shadow-wrapper.bottom {
        top: -27px;
    }

    .request-sec a {
        top: -25px;
    }

    .request-sec a svg {
        width: 28px;
        top: 14px;
    }

    .request-sec a:hover svg {
        right: 30px;
        top: 14px;
    }

    .testimonial-inner {
        padding-top: 0;
        background-size: 100% 100%;
    }

    .testimonial-inner .container {
        max-width: 1320px;
    }

    .testimonial-inner .row {
        justify-content: space-between;
    }

    .test-left h3 {
        font-size: 40px;
    }

    .card-content_testimonial p {
        font-size: 13px;
        line-height: 16px;
        padding-top: 10px;
    }

    .slider-wrapper_testimonial {
        height: 400px;
        top: 29px;
    }

    .methology .methology-bg>.row {
        margin: 0 0 10px;
    }

    .insight-content {
        bottom: 8px;
        min-height: 133px;
        /* clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 4% 100%, 0 86%); */
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 8% 100%, 0 76%);
    }

    .content-inner p {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .small-insight-box h2 {
        font-size: 53px;
    }

    .content-inner h3 {
        font-size: 25px;
    }

    .clock svg {
        width: 18px;
    }

    .content-inner {
        padding: 20px 27px;
    }

    .insight-img-left .insight-content {
        bottom: 12px;
        min-height: 180px;
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 8% 100%, 0 72%);
    }

    .insight-img-left .content-inner {
        padding: 20px 38px;
    }

    .insight-img-left .content-bottom {
        margin-top: 20px;
    }

    .polygon {
        border-top: 6px solid #fff0;
        border-bottom: 6px solid #fff0;
        border-left: 11px solid #fff;
    }

    .content-inner a span {
        width: 35px;
        height: 33px;
        padding: 3px;
        border-radius: 10px;
        background-color: rgb(255 255 255 / 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .insight-content .content-inner a {
        max-width: 170px;
        font-size: 16px;
        left: 0;
        background-size: contain;
        height: 45px;
        top: 0;
    }

    .banner {
        padding: 15px 20px 0;
        max-width: 100%;
    }

    .ov-content-div .badge {
        margin-bottom: 11px;
    }

    .ov-right {
        padding: 0 80px 80px 60px;
    }

    .ov-right .cmn-para,
    .ov-top-text-inner p {
        font-size: 13px;
    }

    .ov-right h1,
    .ov-right h3 {
        font-size: 28px;
        margin-bottom: 21px;
    }

    .clarity-shape-2 h4 {
        font-size: 20px;
    }

    #insights::before {
        top: 19%;
    }

    .left-section_card p {
        padding-right: 0;
    }

    .insight-img img {
        clip-path: polygon(0 0, 93% 0, 100% 18%, 100% 100%, 8% 100%, 0 84%);
    }

    .clarity-image img {
        top: 10px;
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        left: 28px;
        right: 28px;
    }

    .clarity-shape .clarity-inner-content {
        max-width: 500px;
    }
}

@media (max-width: 1899px) {

    .poly-shape-1:after,
    .poly-shape-2:after {
        top: 13px;
        bottom: 14px;
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 9px;
        bottom: 9px;
        left: 0;
        right: 0;
    }

    .over-view-bg video {
        width: 990px;
        height: 557px;
    }
}

@media (max-width: 1700px) {
    .ov-bottom-text {
        bottom: 24px;
        font-size: 30px;
    }

    .ov-right {
        padding-top: 50px;
    }

    .over-view .container-fluid {
        padding-bottom: 82px;
    }

    .clarity-main-content:last-child {
        margin-top: 0;
    }

    .clarity-image img {
        height: 89%;
        top: 30px;
    }

    .over-view-bg video {
        width: 890px;
        height: 515px;
        top: -45px;
    }

    .clarity-shape .clarity-inner-content {
        max-width: 500px;
    }
}

@media (max-width: 1559px) {
    .clarity-image img {
        height: 85%;
    }

    .clarity-main-content:last-child {
        margin-top: -62px;
    }
}

@media (max-width: 1698px) {
    .ov-bottom-text {
        bottom: 4px;
    }
}

@media (max-width: 1600px) {
    .ov-bottom-text {
        bottom: 34px;
    }

    .over-view-bg video {
        width: 810px;
        height: 509px;
    }
}

@media (max-width: 1679px) {
    .clarity-inner-content {
        max-width: 550px;
    }

    .clarity-shape .clarity-inner-content {
        max-width: 440px;
    }

    .clarity-main-content:last-child {
        margin-top: -20px;
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 20px;
        bottom: 20px;
    }

    .poly-shape-1:after,
    .poly-shape-2:after {
        top: 25px;
        bottom: 26px;
    }
}

@media (max-width: 1559px) {

    .poly-shape-1:after,
    .poly-shape-2:after {
        top: 50px;
        bottom: 56px;
        /* top: 45px;
        bottom: 46px; */
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 30px;
        bottom: 30px;
    }

    .clarity-main-content:last-child {
        margin-top: -60px;
    }

    .clarity-shape-2 h4 {
        font-size: 16px;
    }
}

@media (max-width: 1535px) {
    .headerrightcurv {
        top: 63px;
    }
}

@media (max-width: 1515px) {
    .over-view-bg video {
        width: 790px;
        height: 477px;
    }

    .clarity-main-content:last-child {
        margin-top: -24px;
    }

    .poly-shape-1:after,
    .poly-shape-2:after {
        top: 0;
        bottom: 0;
        right: 5px;
        left: 5px;
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 46px;
        bottom: 46px;
    }

    .methology .container-fluid {
        padding: 0;
    }

    .clarity-shape p,
    .clarity-shape-2 p,
    .small-insight-box a {
        font-size: 13px;
    }

    .banner_slider {
        max-width: 700px;
    }

    .banner_slider .slick-dots {
        top: 32px;
    }

    .banner_slider .slick-dots li.slick-active button {
        border-left: 8px solid #fff0;
        border-right: 8px solid #fff0;
        border-bottom: 16px solid #fff;
    }

    .banner_slider h2 {
        font-size: 46px;
    }

    .banner_slider p {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .banner-chart .chart-box span {
        font-size: 25px;
    }

    .banner-chart .chart-box {
        font-size: 13px;
        line-height: 1;
        position: relative;
        top: 5px;
    }

    .banner-chart .chart-box sub,
    .request-sec a:hover {
        font-size: 15px;
    }

    .headerbottomleftcurv {
        bottom: 70px;
    }

    .banner-chart-inner {
        padding: 5px 0 2px 24px;
        height: 66px;
    }

    .ov-top-text-inner {
        padding: 6px 5px 6px 18px;
        height: 43px;
    }

    .ov-top-text-inner:before {
        height: 8px;
    }

    .ov-top-text-inner p {
        font-size: 12px;
    }

    .banner,
    .over-view {
        max-width: 100%;
    }

    .ov-content-div .badge {
        margin-bottom: 11px;
    }

    .ov-right {
        padding: 0 20px;
        top: 0;
        position: relative;
    }

    .ov-right .cmn-para,
    .test-user .user-content p {
        font-size: 14px;
    }

    .client-slider-section {
        padding-top: 6px;
    }

    .card_slider_area {
        max-width: 1366px;
    }

    .total_card_slider {
        max-width: 1150px;
    }

    .linecardbg {
        bottom: -24px;
        right: -12px;
    }

    .left-section_card h2 span {
        font-size: 3rem;
    }

    .left-section_card h2 {
        font-size: 2rem;
        margin: 0;
    }

    .right-section_card .card {
        max-width: 570px;
        min-height: 335px;
    }

    .right-section_card .is-top {
        min-height: 339px;
    }

    .challange-complex {
        margin-top: 22px;
    }

    .methology,
    .testimonial-sec {
        margin-top: 0;
        max-width: 1200px;
    }

    .cha-com-left h3,
    .title h2 {
        font-size: 48px;
    }

    #clarity,
    #insights {
        max-width: 1200px;
    }

    #clarity:before {
        width: 34%;
        height: 315px;
        top: 2px;
    }

    #clarity:after {
        width: 21%;
        height: 238px;
        right: 0;
    }

    .small-text {
        top: 8px;
    }

    .arrow_dwn_rfrc {
        max-width: 10px;
    }

    .arrow_rt_rfrc {
        max-width: 40px;
    }

    .ov-right h1 span,
    .ov-right h3 span {
        top: 5px;
    }

    .clarity-bg .container {
        max-width: 95%;
    }

    .clarity-shape {
        padding: 42px 30px;
        min-height: 360px;
    }

    .clarity-shape-2 {
        padding: 91px 30px 88px;
    }

    .clarity-image img {
        height: 92%;
        left: 63%;
    }

    .clarity-image {
        width: 0;
        padding: 0;
    }

    .clarity-shape p {
        font-size: 13px !important;
    }

    .clarity-content-title h3 {
        font-size: 20px;
    }

    .clarity-shape h4,
    .clarity-shape-2 h4 {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .clarity-shape-2 h4 {
        padding-left: 0;
    }

    .subtitle-end::after,
    .subtitle-end::before {
        bottom: 34px;
    }

    .counter-numbers,
    .subtitle-end p {
        font-size: 18px;
    }

    .subtitle h4 {
        font-size: 40px;
        margin-left: 40%;
    }

    .subtitle::before {
        top: -46px;
    }

    .subtitle::after {
        top: -12px;
    }

    .clarity-inner-content.left p {
        padding-right: 80px;
    }

    .clarity-shape p {
        margin-bottom: 10px;
    }

    .clarity-inner-content.right p {
        padding-left: 80px;
    }

    .cha-com-left p {
        font-size: 19px;
    }

    .clarity-shape a,
    .clarity-shape-2 a {
        line-height: 6px;
        font-size: 16px;
        max-width: 160px;
        background-size: contain;
        padding: 1px 7px 1px 18px;
        height: 43px;
    }

    .request-sec a,
    .request-sec a:hover {
        width: 232px;
        height: 37px;
        line-height: 25px;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span,
    .content-inner a span {
        width: 35px;
        height: 35px;
        padding: 5px;
    }

    #clarity .subtitle-end p {
        font-size: 15px;
        top: -77px;
        max-width: 640px;
        margin: auto;
    }

    .methology .leftbox h2,
    .methology .rightbox h2 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .methology .methology-bg>.row,
    .testimonial-sec>.row {
        margin: 0;
    }

    .slider-wrapper_testimonial {
        height: 300px;
    }

    .testimonial-sec .test-left .badge {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .testimonial-sec .test-left {
        padding-top: 0;
        position: relative;
        top: 40px;
    }

    .card-shadow-wrapper,
    .card-shadow-wrapper.main {
        width: 400px;
        height: 150px;
    }

    .card-image-wrapper_testimonial {
        width: 110px;
    }

    .card-shadow-wrapper.main .card_testimonial .card-image-wrapper_testimonial {
        width: 122px;
    }

    .card-container_testimonial {
        left: 15px;
    }

    .nav-btn_testimonial {
        width: 30px;
        height: 30px;
    }

    .insight-img-left,
    .insight-img-mid,
    .insight-img-right {
        padding-left: 11px;
        padding-right: 11px;
    }

    .counter-label {
        font-size: 12px;
        line-height: 1;
    }

    .counter_testimonial {
        bottom: -20px;
        left: 26px;
    }

    .testimonial-inner .container {
        max-width: 1096px;
        padding: 0;
        width: 100%;
    }

    .request-sec a {
        font-size: 15px;
        top: -20px;
    }

    .request-sec a svg,
    .request-sec a:hover svg {
        top: 10px;
    }

    .box-col .right-cont {
        padding-left: 10px;
        font-size: 10px;
    }

    .box-col .left-img,
    .methology .box-wrap .box-col .left-img img {
        width: 35px;
    }

    .methology-bottom-bg-left,
    .methology-bottom-bg-right {
        width: 34vw;
    }

    .methology-right-top-inner {
        width: 25rem;
    }

    .card-content_testimonial p {
        font-size: 12px;
        line-height: 13px;
        padding-top: 10px;
    }

    .card-content_testimonial h2 {
        font-size: 14px;
        line-height: 17px;
    }

    .card-content_testimonial .footer_testimonial {
        font-size: 10px;
    }

    .card-content_testimonial .footer_testimonial span {
        font-size: 11px;
    }

    .nav-btn_testimonial img {
        width: 25px;
    }

    .navigation_testimonial {
        gap: 0;
        padding: 2px;
    }

    .content-inner a span {
        width: 30px;
        height: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
    }

    .insight-img-mid .insight-content {
        bottom: 8px;
    }

    .content-inner a span .polygon {
        border-top: 5px solid #fff0;
        border-bottom: 5px solid #fff0;
        border-left: 10px solid #fff;
    }

    .content-inner a,
    .small-box-title p,
    .small-insight-box a {
        font-size: 16px;
        line-height: 20px;
    }

    .small-insight-box h2 {
        font-size: 45px;
    }

    #insights .small-text {
        left: 75%;
        top: 31px;
    }

    .insight-content .content-inner a {
        height: 43px;
        padding-right: 11px;
        width: 166px;
    }

    .hvr_arrow {
        top: 3px;
    }

    #insights::before {
        right: 20px;
        height: 410px;
        top: 8%;
    }

    #insights::after {
        left: 10px;
        bottom: 32px;
    }

    .subscribe-sec {
        padding: 0 3px 25px;
        max-width: 1200px;
    }

    .insight-img-left .insight-content {
        min-height: 160px;
        bottom: 10px;
    }

    .insight-img-left .content-inner {
        padding: 15px 15px 15px 26px;
        /* padding: 15px 8px 15px 38px; */
    }

    .content-inner p {
        line-height: 20px;
        font-size: 12px;
    }

    .content-inner {
        padding: 15px;
    }

    .insight-content {
        min-height: 116px;
        bottom: 7px;
    }

    .content-inner h3 {
        font-size: 22px;
    }

    .insight-img-left .content-bottom {
        margin-top: 8px;
    }

    .cha-com-right span .btn {
        padding: 12px 15px;
        font-size: 16px;
        left: -100px;
    }

    .cha-com-right span p {
        font-size: 12px;
        line-height: 1.5;
        top: 0;
    }

    .ov-bottom-text {
        bottom: 3px;
        font-size: 27px;
    }

    .cha-com-right span {
        width: 241px;
        padding: 18px 20px 20px 76px;
        font-size: 10px;
        min-height: inherit;
    }

    .cha-com-right span:hover::after {
        width: 356px;
        right: 0;
    }

    .methology .methology-title {
        font-size: 14px;
        top: 41px;
    }

    .headerrightcurv {
        top: 63px;
        right: -1px;
    }

    .client-slider-section-home {
        padding-top: 50px;
    }

    .request-sec {
        top: -15px;
    }

    .testimonial_area {
        position: relative;
        top: -20px;
    }

    #insights {
        padding-top: 48px;
    }

    .container-top-bottom-clip:before {
        width: 316px;
        height: 33px;
        top: -32px;
    }

    .container-top-bottom-clip:after {
        width: 316px;
        height: 33px;
        bottom: -32px;
    }

    .clarity-inner-content {
        max-width: 460px;
    }

    .clarity-shape .clarity-inner-content {
        max-width: 386px;
    }
}
 /* .poly-shape-1,
    .poly-shape-2,
    .poly-shape-3,
    .poly-shape-4 {
        display: none;
    } */
@media (max-width: 1460px) {
    .over-view-bg video {
        width: 700px;
        height: 437px;
    }

    .ov-bottom-text {
        bottom: 12px;
        font-size: 24px;
    }

    .poly-shape-1,
    .poly-shape-2,
    .poly-shape-3,
    .poly-shape-4 {
        display: none;
    }

    .clarity-shape-2:after,
    .clarity-shape-2:before,
    .clarity-shape::after,
    .clarity-shape::before {
        display: block;
    } 

    .clarity-shape-2:before,
    .clarity-shape::before {
        opacity: 0.9;
    }

    .clarity-image img {
        top: 0;
        height: 100%;
    }

    .clarity-main-content:last-child {
        margin-top: 10px;
    }

    .clarity-shape-2 {
        padding: 51px 30px 48px;
    }
}

@media (max-width: 1365px) {

    .cs-shutter-left svg,
    .cs-shutter-right svg {
        width: 200px;
    }

    .ov-top-text-inner p {
        font-size: 11px;
        line-height: 16px;
    }

    .ov-top-text-inner {
        width: 407px;
        height: 39px;
    }

    .ov-top-text-inner:before {
        height: 7px;
    }

    .subtitle-end {
        margin-top: 0;
    }
}

@media (max-width: 1299px) {
    .ov-bottom-text {
        bottom: 24px;
        right: 41px;
    }

    .over-view-bg video {
        width: 751px;
        height: 424px;
    }
}

@media (max-width: 1279px) {
    .banner {
        padding: 15px 14px 0;
    }

    .banner-chart {
        left: 14px;
    }

    .over-view {
        padding: 9px 14px;
    }

    .ov-top-text {
        padding: 0;
        left: 0;
    }

    .ov-right h1,
    .ov-right h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .ov-right .cmn-para {
        font-size: 12px;
        line-height: 15px;
    }

    .ov-bottom-text {
        font-size: 20px;
        right: 27px;
        bottom: 18px;
    }

    .over-view-bg video {
        width: 668px;
        height: 360px;
    }

    .ovtopleftcurv {
        bottom: 6px;
    }

    .ov-content-div .badge,
    .small-text {
        font-size: 14px;
    }

    .right_tan {
        max-width: 380px;
        right: 0;
    }

    .left_tan {
        max-width: 380px;
        bottom: -31px;
    }

    #clarity,
    #insights,
    .card_slider_area {
        max-width: 1120px;
    }

    .total_card_slider {
        max-width: 940px;
    }

    .right-section_card .card {
        min-height: 292px;
        max-width: 446px;
    }

    .right-section_card .is-top {
        min-height: 300px;
    }

    .linecardbg {
        bottom: 9px;
        right: -6px;
    }

    #clarity:before {
        width: 350px;
        height: 210px;
        top: 40px;
    }

    #clarity:after {
        right: 20px;
        height: 210px;
        width: 200px;
        top: 40px;
    }

    .subtitle h4 {
        font-size: 34px;
    }

    .title h2 {
        font-size: 45px;
    }

    .clarity_area .title p {
        max-width: 744px;
        font-size: 14px;
    }

    .clarity-bg {
        padding: 35px 0 80px;
    }

    #clarity .subtitle-end p {
        font-size: 14px;
        max-width: 580px;
        top: -35px;
    }

    .clarity-inner-content {
        max-width: 350px;
    }

    .clarity-content-title {
        margin-bottom: 16px;
    }

    .clarity-shape h4,
    .clarity-shape-2 h4 {
        font-size: 13px;
    }

    .clarity-shape p {
        font-size: 11px !important;
    }

    .clarity-shape a,
    .clarity-shape-2 a {
        font-size: 14px;
        max-width: 150px;
        height: 40px;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span,
    .content-inner a span {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }

    .polygon {
        border-top: 4px solid #fff0;
        border-bottom: 4px solid #fff0;
        border-left: 9px solid #fff;
    }

    .clarity-shape-2 {
        padding: 46px 30px 45px;
    }

    .clarity-shape-2 p {
        margin-bottom: 20px;
    }

    .subtitle-end::after,
    .subtitle-end::before {
        bottom: 50px;
        height: 230px;
    }

    .subtitle-end::before {
        left: 0;
    }

    .methology,
    .testimonial-sec {
        max-width: 1000px;
    }

    .methology .methology-title {
        font-size: 12px;
        top: 35px;
        right: 42px;
        padding: 8px 10px;
    }

    .box-col .left-img {
        width: 32px;
        height: 28px;
    }

    .methology .box-wrap .box-col .left-img img {
        width: 26px;
    }

    .methology .leftbox {
        padding: 58px 22px 35px;
        margin-top: 16px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 13px;
        line-height: 1.4;
    }

    .methology .rightbox {
        padding: 83px 30px 75px 34px;
    }

    .box-col .right-cont {
        font-size: 10px;
        padding-left: 2px;
    }

    .methology .box-wrap .box-col {
        height: 68px;
    }

    .methology .box-wrap .box-col:before {
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px;
    }

    .testimonial-inner .container {
        max-width: 890px;
    }

    .test-left h3 {
        font-size: 28px;
    }

    .testimonial-sec h3 img {
        width: 200px;
    }

    .test-user {
        margin-top: 22px;
    }

    .card-shadow-wrapper,
    .card-shadow-wrapper.main {
        width: 340px;
        height: 120px;
    }

    .card-image-wrapper_testimonial,
    .card-shadow-wrapper.main .card_testimonial .card-image-wrapper_testimonial {
        width: 90px;
    }

    .card-content_testimonial p {
        font-size: 10px;
        line-height: 11px;
        padding-top: 6px;
    }

    .card-shadow-wrapper.top {
        bottom: 0;
    }

    .card-shadow-wrapper.bottom {
        top: 13px;
    }

    .btn_testimonial_down,
    .btn_testimonial_up {
        width: 38px;
        height: 39px;
    }

    .btn_testimonial_up:after {
        border-width: 0 7px 12px;
        margin-left: -7px;
        bottom: 14px;
    }

    .btn_testimonial_down:before {
        top: 15px;
        border-width: 13px 7px 0;
        margin-left: -7px;
    }

    .testimonial_area {
        top: -46px;
    }

    .testimonial-sec .test-left {
        top: 33px;
    }

    .card-content_testimonial .footer_testimonial img {
        width: 13px;
        height: 13px;
    }

    .request-sec a {
        width: 200px;
        height: 34px;
        font-size: 14px;
        line-height: 22px;
        top: -14px;
        text-indent: -34px;
    }

    .request-sec a svg {
        top: 8px;
        width: 22px;
        right: 26px;
    }

    .insight-content .content-inner a.arrow-image {
        width: 32px;
        height: 32px;
    }

    .insight-content .content-inner a.arrow-image svg {
        width: 10px;
        left: 2px;
        top: 1px;
    }

    .small-insight-box h2 {
        font-size: 42px;
    }

    #insights .small-text {
        top: 27px;
    }

    #insights::after,
    #insights::before {
        height: 300px;
    }

    .clarity-shape .clarity-inner-content {
        max-width: 356px;
    }
}

@media screen and (max-width: 1160px) {
    .ov-bottom-text {
        bottom: 36px;
    }
}

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

    .ov-right h1,
    .ov-right h3 {
        font-size: 24px;
    }

    .ov-bottom-text {
        font-size: 20px;
    }

    .ov-right h1 span,
    .ov-right h3 span {
        display: none;
    }

    .ov-right {
        padding: 0 15px;
        position: relative;
    }

    .ov-right .badge {
        position: absolute;
        top: -30%;
        right: 3%;
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .ast-scroll-to-top-right {
        bottom: 20px;
    }
}

@media (max-width: 1099px) {
    .ov-content-div .ov-left {
        padding-left: 0;
        padding-right: 26px;
    }
}

@media (max-width: 1023px) {

    #clarity:after,
    .subtitle-end::after {
        content: "";
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    #clarity h2 span,
    #clarity:before,
    #insights::after,
    .arrow_line,
    .clarity-inner-content p,
    .clarity-shape p,
    .clarity-shape-2 p,
    .desk_badge,
    .desk_card_bg,
    .dt_video_ovrvw,
    .insights-main-content,
    .linecardbg,
    .methology-bottom-bg,
    .methology-right-top,
    .ov-top-text-inner:after,
    .ov-top-text-inner:before,
    .ov-video-bg,
    .ovbottomleftcurv,
    .over-view-bg,
    .ovtopleftcurv,
    .subtitle-end::before,
    .testimonial-inner br,
    .testimonial-sec .badge,
    .testimonial-sec h3 .desk-img,
    .title .arrow_dwn_rfrc {
        display: none;
    }

    .clarity-bg .bg-image {
        bottom: 0;
    }

    .client-slider-section>p.trusted-text {
        margin-bottom: 6px;
        font-size: 13px;
        letter-spacing: -0.15px;
    }

    .clarity-bg:after {
        opacity: 0.3;
    }

    .right-section_card {
        max-width: 620px;
    }

    .banner_slider .slick-dots,
    .card-container_testimonial {
        left: 0;
    }

    .ov-top-text-inner {
        width: auto;
        height: auto;
        background: 0 0;
        padding: 0;
    }

    .ov-top-text {
        font-size: 14px;
        line-height: 16px;
        left: 0;
        background: 0 0;
    }

    .ovrvw_area {
        padding: 0 20px;
    }

    .over-view {
        background: url(../images/over-view-bg-tab.png) center/100% 100% no-repeat;
        margin: 4px 0 7px;
        padding-left: 0;
        padding-right: 0;
    }

    .ov-bottom-text {
        background: 0 0;
    }

    .over-view .container-fluid {
        padding-bottom: 40px;
    }

    .ov-right {
        padding-left: 50px;
        padding-right: 40px;
    }

    .clarity-content-title h3,
    .ov-right h1,
    .ov-right h3 {
        font-size: 20px;
    }

    .ov-content-div .badge,
    .ov-right h1,
    .ov-right h3 {
        margin-bottom: 21px;
    }

    .client-slider-section {
        padding-top: 46px;
    }

    .total_card_slider {
        max-width: 850px;
        flex-direction: column;
        transform: none;
    }

    #clarity,
    #insights,
    .tab_card_bg {
        max-width: 992px;
    }

    .tab_card_bg {
        display: block;
        width: 100%;
    }

    .card_slider_area {
        width: 100%;
        margin: 40px auto 50px;
    }

    .dots-arrows-wrapper,
    .left-section_card .section-title {
        margin: 0;
        position: absolute;
    }

    .left-section_card {
        flex: auto;
        display: flex;
        gap: 50px;
        width: 100%;
    }

    .left-section_card h2 {
        font-size: 2rem;
        flex: 1;
    }

    .left-section_card h2 span {
        font-size: 3.5rem;
    }

    .left-section_card p {
        font-size: 14px;
        line-height: 21px;
        flex: 1;
    }

    .right-section_card .card {
        max-width: 450px;
        min-height: 275px;
    }

    .right-section_card .is-middle {
        min-height: 260px;
    }

    .right-section_card .is-bottom {
        min-height: 250px;
    }

    .dots-arrows-wrapper {
        display: flex;
        left: 0;
        gap: 8px;
        padding: 3px;
        border-radius: 7.5px;
        z-index: 1;
    }

    .subtitle h4,
    .title,
    .title h2 {
        margin-left: auto;
        text-align: right;
    }

    .dots-arrows-wrapper svg {
        width: 30px;
        height: 30px;
    }

    .dots-arrows-wrapper .dot.active svg {
        top: -10px;
        left: -2px;
        width: 15px;
    }

    .right-section_card .desc_area_card h2 {
        margin-bottom: 10px;
        font-size: 1.3rem;
    }

    .right-section_card .desc_area_card p {
        font-size: 1rem;
    }

    .right-section_card .card-content h3 {
        font-size: 18px;
        left: 18px;
        bottom: 25px;
        letter-spacing: 4px;
        margin: 0;
        font-weight: 600;
    }

    .dots-arrows-wrapper .dots-container,
    .left-section_card {
        gap: 10px;
    }

    .title {
        display: table;
    }

    .mobile-display .clarity-image img {
        position: relative;
        left: 0;
        margin: auto;
        max-width: 430px;
        width: 100%;
        display: flex;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .polygon {
        border-top: 5px solid #fff0;
        border-bottom: 5px solid #fff0;
        border-left: 7px solid #fff;
    }

    .subtitle-end p {
        max-width: 50%;
        font-size: 14px;
        line-height: 1.4;
    }

    .clarity-main-content {
        margin: 0;
    }

    #clarity:after {
        position: absolute;
        background-image: url(../images/white-arrow-tab.svg);
        z-index: 9;
        right: auto;
    }

    .clarity_area .title p {
        width: 610px;
        left: 0;
        margin: 0 0 0 auto;
        text-align: right;
        max-width: 100%;
    }

    .clarity-shape-2 {
        padding: 38px 30px;
    }

    .clarity-image img {
        width: 430px;
    }

    .clarity-inner-content {
        max-width: 310px;
    }

    .clarity-bg .container {
        max-width: 100%;
        padding: 0;
    }

    .subtitle-end::after {
        background-image: url(../images/offering-bottom-rect.svg);
        right: 4px;
        position: absolute;
    }

    .methology {
        margin-top: 0;
    }

    .testimonial_area {
        margin: 0 auto auto;
        padding: 0 22px;
        width: 100%;
    }

    .testimonial-sec {
        background: url(../images/testtimonial-bg-tab.png) center/100% 100% no-repeat;
        margin: 20px auto 0;
    }

    .testimonial-sec .col-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .test-user {
        margin-left: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .card_testimonial.bottom {
        left: 45%;
    }

    .card_testimonial.top {
        left: 50%;
    }

    .card_testimonial.main {
        left: 20%;
    }

    .methology .leftbox {
        padding: 90px 40px 5px;
        margin-top: 23px;
    }

    .methology .rightbox {
        padding: 23px 40px 75px;
    }

    .banner-chart .chart-box span,
    .box-col .right-cont,
    .methology .box-wrap {
        font-size: 18px;
    }

    .methology .leftbox .innercont,
    .methology .rightbox .innercont {
        max-width: 900px;
    }

    .methology .leftbox,
    .methology .rightbox {
        width: 100%;
        border: 0;
        background: 0 0;
    }

    .methology-bg {
        background: url(../images/methology-tab-bg.webp) left top/100% 99% no-repeat;
        padding: 60px 0;
    }

    .challange-complex {
        min-height: auto;
    }

    .content-inner {
        padding: 5px 15px;
    }

    .content-inner a.arrow-image {
        top: 6px;
    }

    #insights {
        padding-top: 20px;
        padding-left: 14px;
        padding-bottom: 20px;
        margin-top: 30px;
    }

    .insights-main-content-m,
    .mb_badge,
    .test-user .user-content p span {
        display: block;
    }

    .insights-main-content-m .slick-slide {
        margin: 0 5px;
    }

    .insights-main-content-m .content-bottom {
        padding: 0 0 0 9px;
    }

    .insight-slider {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .small-box-title {
        margin-bottom: 40px;
    }

    .content-inner p {
        font-size: 12px;
        line-height: 13px;
        margin-top: 6px;
    }

    .clock span {
        font-size: 12px;
        line-height: 14px;
    }

    .clock svg {
        width: 13px;
        position: relative;
        top: 2px;
    }

    .insight-content .content-inner a.arrow-image {
        background-image: none;
        padding: 0;
        width: 29px;
        margin-left: auto;
        height: 29px;
    }

    .hover-arrow,
    .insight-content .content-inner a.arrow-image:hover>img {
        opacity: 0;
        display: none;
    }

    .insight-content .content-inner a.arrow-image:hover .hover-arrow {
        opacity: 1;
        display: block;
    }

    .insight-content .content-inner a.arrow-image svg {
        width: 10px;
        left: 9px;
        top: -1px;
    }

    .small-box-title p {
        font-size: 16px;
        line-height: 25px;
    }

    .card-container_testimonial {
        margin-top: 0;
        margin-left: auto;
        margin-right: 0;
    }

    #insights .small-text {
        right: 100px;
        top: 22px;
        min-width: 100px;
        left: auto;
        height: 32px;
        line-height: 26px;
    }

    .cs-shutter-left svg,
    .cs-shutter-right svg {
        width: 125px;
    }

    .cs-shutter-left,
    .cs-shutter-right {
        position: relative;
        top: 7px;
        margin-top: -30px;
        z-index: 1;
    }

    #clarity,
    .banner,
    .card_slider_fullWidth,
    .methology,
    .ovrvw_area,
    .testimonial_area {
        padding-left: 14px;
        padding-right: 14px;
    }

    #insights,
    #insights .col-md-12,
    .subtitle h4 {
        padding-right: 0;
    }

    #clarity,
    .banner_slide-wrap .slick-slide {
        padding-bottom: 30px;
    }

    .cha-com-left {
        text-align: left;
        padding: 0 25px;
        width: 50%;
    }

    .cha-com-right {
        padding-top: 0;
        width: 50%;
    }

    .client-slider {
        height: 94px;
    }

    .headerrightcurv {
        right: 0;
    }

    .bg-image::after {
        top: -50%;
    }

    .left_tan {
        bottom: -27px;
        max-width: 40%;
    }

    #clarity,
    .methology,
    .testimonial_area {
        max-width: 744px;
    }

    .insight-content {
        min-height: 100px;
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 8% 100%, 0 68%);
        bottom: 8px;
    }

    .cs-shutter-left img,
    .cs-shutter-right img {
        height: 8px;
        width: 124px;
    }

    .user-icon ul li img {
        width: 30px;
    }

    .user-icon ul li:nth-child(2) {
        margin-left: -17px;
    }

    .user-icon ul li:nth-child(3) {
        margin-left: -15px;
    }

    .test-user {
        left: 16px;
        width: 190px;
        position: relative;
        top: -20px;
        gap: 11px;
    }

    .card-shadow-wrapper.bottom {
        top: -107px;
        left: 41%;
    }

    .card-shadow-wrapper.top {
        bottom: -80px;
        left: 49%;
    }

    .test-user .user-content p {
        font-size: 12px;
        width: 100%;
        line-height: 1.2;
    }

    .card-shadow-wrapper,
    .card-shadow-wrapper.main {
        width: 461px;
        height: 202px;
    }

    .card-image-wrapper_testimonial {
        width: 145px;
    }

    .cha-com-right span::after {
        border-radius: 10px;
    }

    .clarity-shape-2:last-child img,
    .clarity-shape:last-child .clarity-inner-content img {
        order: 2;
    }

    .subtitle-end::after {
        width: 164px;
        height: 104px;
        bottom: 24px;
    }

    .subtitle-end {
        margin-top: 10px;
    }

    .subtitle h4 {
        margin-bottom: 25px;
        font-size: 28px;
    }

    .title h2 {
        font-size: 53px;
        margin-bottom: 29px;
    }

    #clarity:after {
        width: 234px;
        height: 162px;
        top: 26px;
        left: 20px;
    }

    .small-text {
        top: 1px;
        left: 81px;
        font-size: 11px;
        padding: 2px 19px;
        height: 31px;
        line-height: 30px;
    }

    .clarity_area .title p {
        font-size: 14px;
    }

    #clarity {
        margin-top: 35px;
    }

    a.vw_all_blog {
        margin-right: 105px;
        text-align: right;
        width: auto;
    }

    .vw_all_blog a::after {
        right: 0;
        bottom: -5px;
        width: 110px;
        height: 1px;
    }

    .left-section_card p {
        margin-bottom: 5px;
    }

    .dots-arrows-wrapper {
        bottom: -75px;
    }

    .left-section_card .section-title {
        right: -20px;
        top: -51px;
    }

    .banner_slider.slick-dotted.slick-slider {
        margin: 0;
        max-width: 580px;
    }

    .testimonial-sec .test-left {
        width: 100%;
    }

    .testimonial-sec .test-right {
        margin: 22px auto auto;
        max-width: 600px;
        width: 100%;
    }

    .navigation_testimonial {
        width: auto;
        position: absolute;
        bottom: -25px;
        top: auto;
        right: 61px;
        left: auto;
        transform: rotate(-90deg);
    }

    .slider-wrapper_testimonial {
        max-width: 580px;
        top: 10px;
        padding-left: 0;
    }

    .card-container_testimonial {
        width: 580px;
    }

    .chartbot {
        width: 239px;
        height: 88px;
        font-size: 10px;
        background-size: contain;
        padding: 10px 20px 15px 80px;
        right: 20px;
        bottom: 15px;
    }

    .chartbot span,
    .mob_badge {
        font-size: 13px;
        display: block;
    }

    .chartbot span {
        margin-top: 11px;
    }

    .banner-chart .chart-box {
        top: 5px;
        font-size: 11px;
        line-height: 16px;
    }

    .ov-top-text {
        padding: 0 0 0 15px;
        top: 2px;
    }

    .banner_slider h2 {
        font-size: 35.03px;
        margin-bottom: 20px;
    }

    .banner_slider p {
        font-size: 15px;
        line-height: 21px;
        -webkit-line-clamp: 3;
    }

    .banner-chart {
        padding-top: 5px;
        left: 14px;
    }

    .ov-left {
        transform: rotate(270deg) !important;
        position: absolute;
        top: auto;
        height: auto;
        max-width: 447px;
        left: -50px;
        margin: 0;
        object-fit: cover;
        width: 100%;
    }

    .over-view {
        min-height: 449px;
    }

    .ov-right {
        margin-left: 36%;
    }

    .ov-content-div .badge {
        position: absolute;
        top: -52px;
        right: 16px;
    }

    .mob_badge {
        position: absolute;
        top: 28px;
        right: 48px;
        font-family: "IBM Plex Mono", monospace;
        font-weight: 300;
        border-radius: 6px;
        background: rgb(255 255 255 / 0.05);
        padding: 10px 17px;
        -webkit-box-shadow: inset 0 2px 5.8px 0 rgb(255 255 255 / 0.1);
        box-shadow: inset 0 2px 5.8px 0 rgb(255 255 255 / 0.1);
        margin-bottom: 0;
    }

    .ov-bottom-text {
        bottom: 13px;
        padding: 0;
        font-size: 18px;
        right: 50px;
    }

    .client-slider {
        padding: 0;
        margin: 0;
    }

    .card_slider_area {
        padding: 10px 0 70px;
        max-width: 768px;
        margin-bottom: 50px;
        margin-top: 40px;
    }

    .total_card_slider {
        width: calc(100% - 70px);
        left: 0;
        right: 0;
        top: 0;
    }

    .right-section_card {
        min-height: 275px;
        justify-content: center;
        width: 601px;
        margin: 0 auto;
    }

    .cha-com-left p {
        line-height: 1;
        max-width: 80%;
    }

    .cha-com-right span {
        width: 241px;
        padding: 12px 20px 12px 81px;
        font-size: 10px;
        display: flex;
        align-items: center;
    }

    .banner_slider h2,
    .banner_slider p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .insight-slider {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding: 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .insight-slider::-webkit-scrollbar {
        display: none;
    }

    .insight-img {
        flex: 0 0 auto;
        scroll-snap-align: start;
        position: relative;
    }

    .small-box-title a::after {
        bottom: -5px;
        width: 130px;
    }

    .small-insight-box a.vw_all_blog {
        margin-right: 0;
        width: auto;
        position: relative;
        top: -15px;
    }

    .subc-inner {
        padding-right: 20px;
    }

    .small-box-title p {
        max-width: 390px;
        margin-bottom: 0;
    }

    .small-insight-box h2 {
        font-size: 34px;
        padding-left: 22px;
        margin-top: 42px;
    }

    .small-insight-box h2 span img {
        top: 3px;
        left: 5px;
        max-width: 40px;
    }

    .small-box-title {
        padding-left: 22px;
        max-width: 88%;
    }

    .dt_badge {
        display: none;
    }

    .methology .methology-title {
        font-size: 11px;
        right: 46px;
    }

    .box-col .right-cont {
        font-size: 13px;
    }

    .methology .leftbox h2,
    .methology .rightbox h2 {
        margin-top: 0;
        font-size: 32px;
        margin-bottom: 22px;
    }

    .methology .box-wrap {
        margin-top: 25px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 11px;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.1;
    }

    .challange-complex {
        padding: 70px 15px 0;
        height: 280px;
        background-size: cover;
    }

    .challange-complex .container {
        max-width: 100%;
    }

    .methology .box-wrap .box-col {
        padding-left: 22px;
        padding-right: 22px;
        height: 76px;
    }

    .cha-com-left h3 {
        font-size: 32px;
    }

    .cha-com-left p {
        font-size: 16px;
    }

    .test-left h3 {
        position: relative;
        width: 60%;
        font-size: 26px;
        line-height: 1.5;
        margin: auto;
    }

    .request-sec a,
    .request-sec a:hover {
        width: 302px;
        font-size: 22px;
        line-height: 37px;
        text-indent: -34px;
        height: auto;
    }

    .testimonial-inner {
        padding-top: 20px;
        padding-bottom: 170px;
    }

    .counter_testimonial {
        bottom: -68px;
        left: -40px;
    }

    .request-sec a {
        top: -26px;
    }

    .request-sec a svg {
        top: 16px;
        width: 29px;
        right: 27px;
    }

    .request-sec a:hover {
        top: -27px;
    }

    .request-sec a:hover svg {
        top: 16px;
        width: 29px;
        right: 20px;
    }

    .testimonial-sec h3 .mob-img {
        display: block;
        position: absolute;
        width: 19px;
        right: -35px;
        top: 10px;
        margin: 0;
    }

    #insights::before {
        right: 15px;
        background: url(../images/insights-shape-tab.svg) no-repeat;
        height: 103px;
        width: 219px;
    }

    .viewAll_arrow {
        max-width: 36px;
    }

    .clarity-shape-2 {
        width: 50%;
    }

    .clarity-shape h4,
    .clarity-shape-2 h4 {
        max-width: 190px;
        margin-bottom: 10px;
    }

    .clarity-content-title img {
        width: 48px;
        margin-top: 0;
    }

    .clarity-shape {
        padding: 27px 30px;
    }

    .clarity-content-title {
        margin-bottom: 14px;
        gap: 15px;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span {
        width: 20px;
        height: 20px;
        border-radius: 2px;
        position: relative;
        left: -9px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px;
        top: 1px;
    }

    .clarity-shape a,
    .clarity-shape-2 a {
        object-fit: contain;
        height: 35px;
        object-fit: contain;
        width: 123px;
        max-width: 100%;
        background-size: 122px;
        font-size: 12px;
        padding: 0 0 0 10px;
        border-radius: 6px;
    }

    .banner_slider h2 {
        -webkit-line-clamp: 2;
        line-height: 1.3;
    }

    .client-slider~.cs-shutter-left,
    .client-slider~.cs-shutter-right {
        top: 0;
        margin-top: -11px;
        height: auto;
    }

    .good-fit-section .image-card,
    .social-box {
        border-radius: 15px;
    }

    .ov-right .cmn-para {
        font-size: 14px;
        line-height: 19px;
    }

    .ov-left {
        bottom: 8px;
    }

    .poly-shape-1:after,
    .poly-shape-2:after {
        top: 5px;
        bottom: 6px;
    }

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 22px;
        bottom: 22px;
    }

    .banner_slide-wrap .slick-slide {
        padding-bottom: 0;
    }

    .dot_testimonial.active:after {
        bottom: 1px;
        left: 1px;
        border-width: 3px 0 3px 5px;
        margin-left: 1px;
    }

    .client-slider .slick-list:after,
    .client-slider .slick-list:before {
        width: 32px;
    }

    .headerrightcurv {
        top: 45px;
    }

    .banner video {
        height: 558px;
    }

    .ov-top-text {
        padding-left: 20px;
    }

    .banner-chart-inner {
        width: 254px;
        height: 42px;
        border-radius: 5px 0 0 5px;
        padding: 3px 0 2px 23px;
        justify-content: start;
    }

    .banner-chart-inner .chart-box+.chart-box {
        margin-left: 15px;
    }

    .ov-right {
        width: 480px;
    }

    .ov-content-div {
        padding-top: 10px;
    }

    .over-view .container-fluid {
        padding-top: 60px;
    }

    .ov-content-div .ov-left {
        padding-right: 30px;
    }

    .clarity-main-content:last-child {
        margin-top: 3px;
    }

    .testimonial-sec {
        margin-top: 48px;
    }

    .request-sec {
        top: 0;
    }

    .insight-img {
        width: 325px;
    }

    .clarity-shape-2 h4 {
        margin-right: auto;
        margin-left: 0;
        max-width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .banner_slider.slick-dotted.slick-slider {
        padding-left: 31px;
        top: -11px;
    }

    .banner_slide-wrap {
        padding-left: 11px;
        padding-top: 0;
    }

    .banner_slider p {
        margin-bottom: 20px;
    }

    .banner a.more-btn {
        max-width: 133px;
        font-size: 14px;
        height: 35px;
        padding: 5px 5px 5px 18px;
        border-radius: 7px;
        width: 133px;
    }

    .banner a.more-btn span {
        width: 28px;
        height: 28px;
        padding: 0;
        border-radius: 4px;
    }

    .banner_slider .slick-dots li.slick-active button {
        border-left: 6px solid #fff0;
        border-right: 6px solid #fff0;
        border-bottom: 9px solid #fff;
    }

    .banner_slider .slick-dots li button {
        width: 5.5px;
        height: 5.5px;
        margin: 0 auto;
        padding: 0;
    }

    .banner_slider .slick-dots li {
        width: 20px;
        height: 14px;
        margin: 3px 0;
    }

    .banner_slider .slick-dots {
        top: 71px;
    }

    .headerbottomleftcurv {
        bottom: 43px;
    }

    .banner-chart .chart-box span {
        line-height: 1;
    }

    .banner-chart .chart-box sub {
        font-size: 11px;
        line-height: 0;
        top: -7px;
    }

    .ov-top-text-inner p {
        font-size: 10.5px;
        line-height: 1;
    }

    .card-content_testimonial p {
        font-size: 12px;
        line-height: 1.5;
        padding-top: 10px;
        margin-bottom: 20px;
    }

    .card-shadow-wrapper.main .card_testimonial .card-image-wrapper_testimonial {
        width: 142px;
    }

    .search_box_header {
        top: 14px;
    }

    .banner-chart-inner:after {
        right: -41px;
        width: 44px;
        height: 51px;
        top: -5px;
    }

    .next-slide-btn,
    .prev-slide-btn {
        width: 25px;
        height: 26px;
    }

    .next-slide-btn {
        border-radius: 0 5px 5px 0;
    }

    .prev-slide-btn {
        border-radius: 5px 0 0 5px;
    }

    .next-slide-btn:after {
        left: 10px;
        border-width: 5px 0 5px 8px;
        margin-top: -4px;
    }

    .prev-slide-btn:after {
        right: 10px;
        border-width: 5px 8px 5px 0;
        margin-top: -5px;
    }

    .btn_testimonial_down,
    .btn_testimonial_up {
        width: 29px;
        height: 29px;
    }

    .navigation_testimonial {
        border-radius: 6px;
    }

    .btn_testimonial_up {
        border-radius: 5px 5px 0 0;
    }

    .btn_testimonial_down {
        border-radius: 0 0 5px 5px;
    }

    .btn_testimonial_down:before {
        top: 12px;
        border-width: 8px 5px 0;
        margin-left: -5px;
    }

    .btn_testimonial_up:after {
        bottom: 11px;
        border-width: 0 5px 8px;
        margin-left: -5px;
    }

    .dot_testimonial,
    .dots-arrows-wrapper .dot {
        width: 7px;
        height: 7px;
    }

    .search .wpcf7 .wpcf7-not-valid-tip {
        font-size: 7px;
        font-weight: 400;
        line-height: 10px;
        margin-top: 0;
        position: absolute;
        bottom: -36px;
        left: -72px;
        width: 200px;
        text-align: center;
        justify-content: center;
    }

    .cha-com-right span .btn {
        padding: 9px 15px;
    }

    .clarity-image img {
        height: 102%;
        top: -3px;
    }
}

@media (max-width: 991px) {

    .poly-shape-3:after,
    .poly-shape-4:after {
        top: 21px;
    }
}

@media (max-width: 850px) {
    .ov-bottom-text {
        bottom: 20px;
        padding: 0;
        font-size: 16px;
        right: 40px;
    }

    .banner-chart-inner:after {
        right: -41px;
        width: 44px;
        height: 51px;
        top: -5px;
    }
}

@media (max-width: 800px) {
    .ov-left {
        left: -80px;
    }

    .ov-right {
        margin-left: 34%;
    }
}

@media (max-width: 744px) {

    .dots-arrows-wrapper button:hover,
    .nav-btn_testimonial:hover {
        transition: none;
        opacity: 0.5;
    }

    .headerrightcurv {
        top: 46px;
    }

    .search_box_header {
        top: 15px;
    }

    .ov-top-text {
        padding-left: 22px;
    }

    .ov-right .cmn-para {
        word-spacing: 0;
        line-height: 1.3;
    }

    .ov-right h1,
    .ov-right h3 {
        font-weight: 500;
        line-height: 1.2;
        padding-right: 20px;
        margin-bottom: 27px;
    }

    .ov-content-div {
        padding-top: 7px;
    }

    .ov-right {
        width: 470px;
        padding-left: 43px;
        padding-right: 40px;
    }

    .over-view .container-fluid {
        padding-top: 60px;
    }

    .ov-left {
        left: -96px;
        max-width: 415px;
        bottom: -51px;
    }

    .over-view {
        min-height: 400px;
    }

    .ov-content-div .ov-left {
        padding-right: 0;
    }

    .ov-bottom-text {
        bottom: 11px;
        padding: 0;
        font-size: 18.6px;
        right: 15px;
    }

    .client-slider-section-home {
        padding-top: 43px;
        padding-bottom: 12px;
    }

    .mob_badge {
        top: 26px;
        right: 35px;
        font-size: 11px;
        border-radius: 7px;
        padding: 8px 16px;
    }

    .left-section_card .section-title {
        margin-bottom: 2rem;
        border-radius: 5px;
        padding: 7px 16px;
        font-size: 11px;
        right: 10px;
        top: -49px;
    }

    .left-section_card h2 {
        font-size: 28px;
        float: left;
    }

    .total_card_slider {
        width: 100%;
        top: -10px;
        padding-left: 20px;
    }

    .left-section_card h2 span {
        font-size: 53px;
        margin-top: 3px;
    }

    .left-section_card p {
        margin-bottom: 18px;
        left: 0;
        position: relative;
        top: 13px;
        line-height: 1.3;
        float: right;
        width: 371px;
    }

    .left-section_card {
        display: block;
    }

    .right-section_card .card-content {
        padding: 37px;
    }

    .right-section_card .card {
        max-width: 487px;
        min-height: 293px;
    }

    .right-section_card {
        min-height: 295px;
        margin-top: 13px;
        justify-content: center;
        width: 614px;
        right: 0;
    }

    .card_slider_area {
        padding-bottom: 49px;
    }

    .right-section_card .is-middle {
        min-height: 288px;
    }

    .right-section_card .is-bottom {
        min-height: 289px;
    }

    .right-section_card .desc_area_card {
        left: 38px;
        width: 74%;
    }

    .right-section_card .slide-out .desc_area_card {
        bottom: 34px;
    }

    .right-section_card .desc_area_card h2 {
        margin-bottom: 6px;
        font-size: 22px;
    }

    .right-section_card .desc_area_card p {
        font-size: 17px;
    }

    .slide-out:hover .desc_area_card {
        bottom: 55px !important;
        left: 42px;
    }

    .dots-arrows-wrapper {
        bottom: -63px;
        left: 23px;
        gap: 8px;
    }

    .dots-arrows-wrapper svg {
        width: 25px;
        height: 26px;
    }

    .dots-arrows-wrapper .dot {
        width: 4.5px;
        height: 4.5px;
    }

    .dots-arrows-wrapper .dot.active svg {
        top: -3px;
        left: -5px;
        width: 10px;
        height: 10px;
    }

    .dots-arrows-wrapper .dots-container {
        gap: 6px;
    }

    .challange-complex {
        padding: 32px 12px 0;
        height: 191px;
    }

    .cha-com-left h3 {
        margin-bottom: 13px;
    }

    .cha-com-left {
        text-align: left;
        padding: 0 10px 0 25px;
    }

    .cha-com-left p {
        font-weight: 600;
    }

    .cha-com-right span {
        width: 240px;
        padding: 4px 10px 7px 91px;
        font-size: 10px;
        min-height: 57px;
        right: 14px;
        top: 7px;
    }

    .cha-com-right span .btn {
        padding: 8px 10px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        left: -63px;
        border-radius: 6px;
    }

    .cha-com-right span::after {
        top: 0;
    }

    .cha-com-right span .btn img {
        width: 17px;
    }

    .cha-com-right span:hover::after {
        width: 330px;
    }

    .small-text {
        top: 3px;
        left: 75px;
        font-size: 11px;
        padding: 2px 15px;
        height: 25px;
        line-height: 30px;
    }

    #clarity::after {
        left: 13px;
    }

    .subtitle h4 {
        padding-right: 22px;
        margin-bottom: 19px;
    }

    .title h2 {
        margin-bottom: 20px;
        padding-right: 23px;
    }

    .clarity_area .title p {
        width: 566px;
        left: auto;
        text-align: left;
        right: 27px;
    }

    .clarity-bg {
        padding: 42px 0 104px;
    }

    .clarity-main-content {
        margin: 0 -6px;
    }

    .clarity-shape {
        padding: 25px 32px 33px;
    }

    .clarity-content-title {
        margin-bottom: 18px;
        gap: 19px;
    }

    .clarity-shape h4 {
        margin-bottom: 12px;
    }

    .clarity-shape a,
    .clarity-shape-2 a {
        font-size: 14px;
        padding: 1px 0 0 11px;
    }

    .clarity-shape-2 .clarity-content-title {
        margin-bottom: 16px;
    }

    .clarity-shape-2 .clarity-shape-2 h4,
    .clarity-shape-2 h4,
    .methology .leftbox h2 {
        margin-bottom: 15px;
    }

    .clarity-image img {
        height: 105%;
    }

    .clarity-shape-2 {
        padding: 33px 31px;
    }

    .clarity-main-content:last-child {
        margin-top: 10px;
    }

    #clarity .subtitle-end p {
        font-size: 14px;
        top: -69px;
        max-width: 550px;
        margin: auto;
        line-height: 1.3;
    }

    .subtitle-end::after {
        bottom: 28px;
        right: 0;
    }

    #clarity {
        padding-bottom: 21px;
    }

    .methology .methology-title {
        padding: 7px 9px;
        right: 37px;
        top: 25px;
    }

    .methology .leftbox {
        padding: 68px 40px 5px 68px;
    }

    .methology .rightbox {
        padding: 32px 40px 70px 65px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 15px;
    }

    .methology .rightbox h2 {
        margin-bottom: 14px;
    }

    .methology .box-wrap .box-col {
        padding-left: 12px;
        padding-right: 15px;
        height: 73px;
        align-items: center;
    }

    .methology .box-wrap::before {
        width: 565px;
    }

    .methology .box-wrap .box-col:first-child .left-img {
        width: 32px;
        top: 0;
        position: relative;
        height: 40px;
    }

    .methology .box-wrap .box-col:first-child .right-cont {
        top: -5px;
        position: relative;
        left: 6px;
    }

    .methology .box-wrap .box-col:nth-child(2) .left-img {
        width: 35px;
        height: 35px;
        left: -24px;
        position: relative;
        top: -5px;
    }

    .methology .box-wrap .box-col:nth-child(2) .right-cont {
        position: relative;
        left: -20px;
        top: -5px;
    }

    .methology .box-wrap .box-col:nth-child(3) .left-img {
        width: 35px;
        height: 35px;
        left: -29px;
        position: relative;
        top: -5px;
    }

    .methology .box-wrap .box-col:nth-child(3) .right-cont {
        position: relative;
        left: -25px;
        top: -5px;
    }

    .methology .box-wrap .box-col:nth-child(4) .left-img {
        width: 35px;
        height: 35px;
        left: -2px;
        position: relative;
        top: 9px;
    }

    .methology .box-wrap .box-col:nth-child(4) .right-cont {
        position: relative;
        left: 2px;
        top: 7px;
    }

    .methology .box-wrap .box-col:nth-child(5) .left-img {
        width: 35px;
        height: 35px;
        left: -24px;
        position: relative;
        top: 6px;
    }

    .methology .box-wrap .box-col:nth-child(5) .right-cont {
        position: relative;
        left: -20px;
        top: 7px;
    }

    .methology .box-wrap .box-col:nth-child(6) .left-img {
        width: 35px;
        height: 35px;
        left: -29px;
        position: relative;
        top: 8px;
    }

    .methology .box-wrap .box-col:nth-child(6) .right-cont {
        position: relative;
        left: -24px;
        top: 7px;
    }

    .methology .rightbox p {
        padding-left: 3px;
    }

    .methology .rightbox .box-wrap::before {
        top: -4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(4) .left-img {
        left: 0;
        top: 4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(4) .right-cont {
        left: 3px;
        top: 4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(5) .left-img {
        width: 33px;
        left: -25px;
        top: 4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(5) .right-cont {
        left: -20px;
        top: 3px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(6) .left-img {
        width: 31px;
        left: -30px;
        top: 4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(6) .right-cont {
        left: -22px;
        top: 3px;
    }

    .testimonial-sec .test-left {
        top: 39px;
    }

    .test-left h3 {
        width: 63%;
        line-height: 1.2;
        padding-right: 20px;
        padding-left: 2px;
    }

    .testimonial-sec h3 .mob-img {
        width: 15px;
        right: -17px;
        top: 8px;
    }

    .user-icon ul li img {
        width: 37px;
    }

    .test-user {
        top: -22px;
        left: 23px;
    }

    .card-shadow-wrapper.main {
        width: 433px;
        height: 185px;
        left: 17px;
        top: 30px;
    }

    .card-image-wrapper_testimonial {
        width: 132px;
    }

    .card-shadow-wrapper.main .card_testimonial .card-image-wrapper_testimonial {
        width: 133px;
    }

    .testimonial-sec .test-right {
        margin-top: 17px;
    }

    .card-content_testimonial p {
        font-size: 13px;
        line-height: 1.2;
        padding-top: 19px;
        word-spacing: -2px;
        margin-bottom: 19px;
    }

    .card-content_testimonial {
        padding: 0 0 0 17px;
    }

    .card_testimonial {
        align-items: start;
        padding: 0 10px 0 0;
    }

    .card-content_testimonial .footer_testimonial span {
        font-size: 13px;
    }

    .card-content_testimonial h2 {
        font-size: 17px;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .card-shadow-wrapper.bottom {
        top: -104px;
        left: 41%;
        width: 426px;
        height: 182px;
    }

    .card-shadow-wrapper.top {
        bottom: -33px;
        left: 48%;
        width: 427px;
        height: 182px;
    }

    .counter-label {
        font-size: 14px;
        line-height: 1.8;
    }

    .counter-numbers {
        font-size: 30px;
    }

    .counter-numbers .total {
        font-size: 20px;
    }

    .testimonial-inner {
        padding-bottom: 120px;
    }

    .navigation_testimonial {
        bottom: -13px;
        right: 54px;
    }

    .dot_testimonial {
        width: 5px;
        height: 5px;
    }

    .dot_testimonial.active {
        width: 9px;
        height: 8px;
    }

    .dots-container_testimonial {
        gap: 5px;
    }

    .counter_testimonial {
        bottom: -29px;
        left: -33px;
    }

    .small-insight-box h2 {
        font-size: 32px;
        padding-left: 20px;
        margin-top: 36px;
    }

    #insights {
        padding-top: 0;
        margin-top: 26px;
    }

    .small-insight-box h2 span img {
        top: 2px;
        left: 2px;
        max-width: 57px;
        height: 7px;
    }

    .small-box-title p {
        max-width: 380px;
        font-size: 14px;
        line-height: 1.3;
    }

    .small-insight-box a.vw_all_blog {
        font-size: 14px;
        top: -11px;
        left: 4px;
        padding-right: 49px;
    }

    .vw_all_blog span {
        right: 18px;
        height: 62px;
    }

    .viewAll_arrow {
        width: 24px;
    }

    #insights .small-text {
        right: 92px;
        top: 20px;
        min-width: 63px;
        left: auto;
        height: 25px;
        line-height: 23px;
        padding: 0 10px;
    }

    .insight-slider {
        padding-top: 0;
        padding-bottom: 0;
    }

    .insights-main-content-m .content-bottom {
        padding: 0 0 0 1px;
    }

    .content-inner {
        padding: 7px 12px 7px 23px;
    }

    .content-inner p {
        font-size: 13px;
        line-height: 15px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .subc-inner .subscribe-btn,
    .subc-inner p {
        font-size: 16px;
    }

    .subc-inner p {
        line-height: inherit;
        margin-bottom: 0;
    }

    .subc-inner {
        padding-right: 15px;
        padding-top: 17px;
        align-items: center;
    }

    .subscribe-sec {
        padding: 0 0 40px;
    }

    .page_demo_banner.challange-complex {
        padding: 41px 10px 0;
        height: 192px;
        margin-top: 17px;
        background-size: 100% 100%;
    }

    .page_demo_banner .cha-com-right {
        padding-top: 2px;
    }

    .nav-btn_testimonial:hover {
        transform: none;
        box-shadow: none;
        overflow: hidden;
    }

    .banner-chart-inner:after {
        right: -44px;
        width: 44px;
        height: 51px;
        top: -5px;
    }

    .clarity-shape a,
    .clarity-shape-2 a {
        border-radius: 6px;
        height: 32px;
    }

    .polygon {
        border-left: 6px solid #fff;
        border-top: 4px solid #fff0;
        border-bottom: 4px solid #fff0;
        margin-left: 1px;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span {
        border-radius: 4px;
    }
}

@media (max-width: 743px) {
    .ttl_video_area {
        border-radius: 10px;
    }

    .banner video {
        border-radius: 6px;
    }

    .banner_slider h2,
    .banner_slider p,
    .clarity-shape h4,
    .clarity-shape-2 h4,
    .methology .leftbox h2,
    .methology .leftbox p,
    .methology .rightbox h2,
    .methology .rightbox p,
    .test-left h3 {
        text-align: center;
    }

    .subtitle h4,
    .title h2 {
        text-align: right;
    }

    .chartbot {
        width: 146px;
        right: 10px;
        bottom: 80px;
        background: url(../images/chartbot-m.svg) left top/100% 110% no-repeat;
        height: 116px;
        padding: 61px 10px 20px 56px;
        font-size: 11px;
    }

    .chartbot span,
    .small-insight-box a {
        font-size: 14px;
    }

    .banner a.more-btn {
        margin: 0 auto;
        max-width: 149px;
        font-size: 14px;
        height: 45px;
        padding: 5px 5px 5px 13px;
    }

    .banner_slide-wrap {
        padding: 0;
    }

    .banner_slider .slick-dots {
        width: 100%;
    }

    .banner-chart-inner {
        font-size: 11px;
        padding: 3px 0 2px 13px;
    }

    .banner-chart .chart-box {
        padding: 0 7px;
    }

    .banner-chart .chart-box span {
        font-size: 15px;
    }

    .banner-chart .chart-box sub {
        top: -10px;
        font-size: 14px;
    }

    .banner-chart-inner .chart-box+.chart-box {
        margin-left: 5px;
    }

    .banner .search {
        position: absolute;
        top: 130px;
        display: flex;
    }

    .banner .search-close {
        width: 30px;
        margin-left: 5px;
    }

    .col-md-6.clarity-shape-2 {
        width: 100% !important;
        min-width: 100%;
    }

    .subtitle-end::before,
    .subtitle::before {
        height: 110px;
    }

    .subtitle h4 {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    #clarity .title h2 span,
    .banner_slider p br,
    .bg-image::after,
    .chartbot,
    .clarity-bg:after,
    .clarity-shape p,
    .clarity-shape-2 p,
    .desktop-display,
    .methology .box-wrap .box-col::before,
    .mob_badge,
    .ov-left,
    .request-sec a::after,
    .subtitle-end::before,
    .subtitle::after,
    .tab_card_bg,
    .test-user,
    .testimonial-sec h3 .mob-img {
        display: none;
    }

    .clarity-space {
        height: auto;
        display: block;
    }

    .clarity_area .title p {
        max-width: 100%;
        right: 0;
    }

    .content-inner a.arrow-image,
    .small-text {
        top: 0;
    }

    .clarity-shape-2 {
        min-height: 100%;
    }

    .clarity-content-title,
    .clarity-shape-2:last-child .clarity-content-title,
    .clarity-shape:last-child .clarity-content-title {
        justify-content: center;
    }

    .clarity-shape a,
    .clarity-shape h4,
    .clarity-shape-2 a {
        margin: 0 auto;
    }

    .clarity-main-content,
    .insights-main-content {
        padding: 0 15px;
    }

    .subtitle-end::after {
        background-position: right bottom;
    }

    .subtitle-end p {
        max-width: 100%;
        padding-right: 22%;
        text-align: left;
    }

    .small-box-title {
        padding: 0 10px;
    }

    .small-insight-box h2 {
        padding: 10px;
    }

    #insights::before {
        height: 103px;
        width: 190px;
        opacity: 1;
        background-size: 100% 100%;
    }

    .insight-slider {
        padding: 0 5px;
    }

    .small-insight-box h2 span img {
        height: 5px;
    }

    .ov-right .badge {
        position: initial;
        margin-bottom: 15px;
    }

    .ov-bottom-text {
        justify-content: center;
        bottom: -15%;
    }

    .slider-wrapper_testimonial {
        flex-direction: column;
        max-width: 100%;
    }

    .card-container_testimonial {
        position: static;
        height: auto;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        scroll-snap-type: x mandatory;
    }

    .card_testimonial {
        position: static;
        height: 157px;
        transform: none !important;
        scroll-snap-align: center;
        min-width: 100%;
    }

    .card_testimonial.bottom,
    .card_testimonial.hidden,
    .card_testimonial.main,
    .card_testimonial.top {
        z-index: auto;
        opacity: 1;
        box-shadow: 0 5px 15px rgb(0 0 0 / 0.2);
        transform: none !important;
        left: auto;
        top: auto;
        bottom: auto;
        display: flex;
        flex-shrink: 0;
    }

    .card-image_testimonial {
        filter: none;
        transform: none;
    }

    .counter_testimonial {
        position: absolute;
        text-align: left;
    }

    .nav-btn_testimonial {
        font-size: 1.5rem;
    }

    .navigation_testimonial {
        gap: 0.1rem;
    }

    .client-slider .slick-slide {
        margin: 0 15px;
    }

    .clarity-bg .bg-image {
        background-image: url(../images/mobile-pattern.webp);
        background-position: bottom;
        background-size: 100%;
    }

    .challange-complex .container,
    .methology .leftbox .innercont,
    .methology .rightbox .innercont {
        max-width: 100%;
    }

    .methology .box-wrap {
        max-width: 352px;
        margin: 0 auto;
    }

    #clarity:after,
    .banner-chart {
        left: 8px;
    }

    .banner_slide-wrap {
        padding-left: 0;
        padding-bottom: 0;
        align-items: center;
        justify-content: center;
    }

    .banner_slider p {
        font-size: 12px;
        line-height: 14px;
        max-width: 100%;
        padding: 0;
    }

    .banner_slider h2 {
        font-size: 30px;
        margin: 0 0 10px;
        line-height: 1.3;
    }

    .banner_slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 7px;
    }

    .left-section_card,
    .mobile-display {
        display: flex;
    }

    .banner {
        padding: 8px 8px 0;
        max-width: 100%;
    }

    .banner_slider .slick-dots {
        top: 0;
        left: 0;
        bottom: 0;
        position: static;
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }

    .banner_slider.slick-dotted.slick-slider {
        padding-left: 0;
        max-width: 580px;
    }

    .ovrvw_area {
        padding: 5px 8px;
    }

    .mobile_chatbot {
        position: absolute;
        right: 16px;
        max-width: 140px;
        bottom: 30px;
        display: block;
    }

    .over-view {
        background: #0c242f;
        border-radius: 0 6px 6px;
        margin: auto;
        padding: 0 0 50px;
        min-height: auto;
    }

    .ov-top-text {
        padding: 0 0 4px;
        top: 0;
        background: #0c3649;
        border-radius: 0;
        height: auto;
        z-index: 2;
    }

    .banner-chart-inner,
    .ov-top-text-inner {
        border-radius: 4px 0 0 4px;
    }

    .ov-top-text-inner {
        width: auto;
        background: #212121;
        padding: 2px 5px 2px 14px;
        height: 38px;
    }

    .ov-top-text-inner:after {
        content: "";
        position: absolute;
        right: -41px;
        width: 43px;
        height: 42px;
        top: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="84" height="86" viewBox="0 0 84 86"><image id="menu-bg-left" width="84" height="86" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABWCAYAAABRo7HKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhDNkVBRDg2RjdEMTFGMDg5RDlFNkE3MUYxMzJCQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhDNkVBRDk2RjdEMTFGMDg5RDlFNkE3MUYxMzJCQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RkY2RUE4RjZGNEUxMUYwODlEOUU2QTcxRjEzMkJDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RkY2RUE5MDZGNEUxMUYwODlEOUU2QTcxRjEzMkJDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgjaeWgAAAwuSURBVHja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"/></svg>') 0 0 / contain no-repeat;
        padding-bottom: 0;
        padding-top: 0;
        display: block;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        z-index: 0;
    }

    .ov-right {
        margin-left: 0;
        position: relative;
        padding: 85px 0 0;
        max-width: 100%;
        width: 100%;
        z-index: 2;
    }

    .ov-content-div .badge {
        position: static;
        display: table;
        padding: 8px 16px;
        margin-bottom: 14px;
    }

    .over-view .container-fluid {
        overflow: visible;
        padding: 0 15px;
    }

    .ov-content-div .row {
        width: 100%;
        display: block;
        margin: 0;
    }

    .ov-bottom-text {
        padding: 0;
        font-size: 22px;
        position: static;
        text-align: center;
        display: flex;
        margin: 32px auto auto;
        justify-content: center;
    }

    .mob_video,
    .mobile_card_bg {
        display: block;
    }

    .ov-content-div .ov-left {
        padding-left: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -50px;
        overflow: hidden;
        display: block;
        z-index: 1;
        transform: none !important;
        left: auto;
    }

    .ov-content-div .ov-left video {
        position: absolute;
        left: auto;
        right: -50px;
        transform: rotate(270deg);
        transform-origin: center center;
        min-width: 290px;
        min-height: 340px;
        height: auto;
        object-fit: cover;
        will-change: transform;
        backface-visibility: hidden;
        opacity: 0.3;
        top: 0;
    }

    .ov-right h1,
    .ov-right h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ov-right .cmn-para {
        font-size: 14px;
        line-height: 1.4;
    }

    .client-slider-section {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .trusted-text {
        font-size: 12px;
        padding: 0 12px;
        margin-bottom: -26px;
    }

    .cs-shutter-left,
    .cs-shutter-right {
        line-height: 1;
    }

    .client-slider img {
        max-height: 22px;
        width: auto;
        max-width: 80px;
    }

    .right-section_card {
        right: 8px;
    }

    .card_slider_area {
        width: 440px;
        margin: 40px auto 33px;
        max-width: 100%;
        padding: 60px 0;
        border-radius: 6px 0;
    }

    .right_tan {
        top: -23px;
        max-width: 195px;
        right: 0;
    }

    .left_tan {
        bottom: -24px;
        max-width: 195px;
    }

    .left-section_card {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        top: 11px;
    }

    .left-section_card h2 {
        text-align: center;
        font-size: 1.2rem;
    }

    .right-section_card .card {
        max-width: 287px;
        min-height: 185px;
    }

    .mobile_card_bg {
        width: 100%;
        height: 500px;
    }

    .dots-arrows-wrapper .dots-container {
        gap: 7px;
    }

    .total_card_slider {
        top: 0;
        max-width: 100%;
        width: calc(100% - 30px);
    }

    .arrow_btm_mobile {
        display: block;
        position: absolute;
        right: -24px;
        bottom: 10px;
        width: 9px;
    }

    .dots-arrows-wrapper {
        position: absolute;
        margin: auto;
        left: 12px;
        bottom: -54px;
        gap: 5px;
    }

    .dots-arrows-wrapper svg {
        width: 15px;
        height: 15px;
    }

    .dot_testimonial,
    .dots-arrows-wrapper .dot {
        width: 6px;
        height: 6px;
    }

    .dots-arrows-wrapper .dot.active svg {
        top: -3px;
        left: -1px;
        width: 8px;
    }

    .left-section_card .section-title {
        padding: 1px 15px;
        line-height: 1.8;
        top: -66px;
        right: -6px;
    }

    .left-section_card h2 span {
        font-size: 2.5rem;
    }

    .left-section_card p {
        font-size: 0.96rem;
        text-align: center;
        line-height: 1.5;
        max-width: 354px;
    }

    .right-section_card .desc_area_card p {
        font-size: 10px;
    }

    .right-section_card .desc_area_card h2 {
        margin-bottom: 5px;
        font-size: 15px;
        text-shadow: 0 1px 3.2px rgb(0 0 0 / 0.25);
    }

    .right-section_card .card-content h3 {
        font-size: 12.42px;
        left: 10px;
        bottom: 13px;
        letter-spacing: 2px;
        margin: 0;
    }

    .right-section_card .slide-out .desc_area_card {
        left: 16px;
        bottom: 20px;
    }

    .total_card_slider {
        gap: 0;
    }

    .right-section_card {
        min-height: 195px;
        max-width: 100%;
        margin: 20px auto 0;
        width: 100%;
    }

    .challange-complex {
        min-height: 251px;
        background-image: url(../images/mob_bnr_btm.webp);
        padding-top: 40px;
    }

    .beyond-surface {
        min-height: 251px;
        background-image: url(../images/beyond-banner.webp);
        padding-top: 40px;
        background-size: 100% 100%;
    }

    .cha-com-left p {
        text-align: right;
        margin-left: auto;
        text-shadow: 0 0 10px #000;
        font-weight: 600;
    }

    .cha-com-left h3 {
        margin-bottom: 10px;
    }

    .cha-com-right span {
        right: 0;
        font-size: 10px;
    }

    .cha-com-right span:hover::after {
        width: 324px;
    }

    .cs-shutter-left img,
    .cs-shutter-right img {
        height: 8px;
        width: 74px;
        margin-bottom: 0;
    }

    .clarity-main-content:last-child,
    .client-slider~.cs-shutter-left img,
    .client-slider~.cs-shutter-right img,
    .subtitle-end {
        margin-top: 0;
    }

    #insights .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .small-insight-box h2 {
        font-size: 25px;
        padding-left: 12px;
    }

    .small-box-title {
        padding-left: 12px;
        max-width: 94%;
        margin-bottom: 20px;
    }

    .small-box-title p {
        font-size: 14px;
        line-height: 19px;
    }

    .small-insight-box a.vw_all_blog {
        margin-right: 0;
        width: auto;
        position: relative;
        top: 0;
        padding-right: 30px;
    }

    .small-box-title a::after {
        bottom: -5px;
        width: 110px;
    }

    .insight-content {
        bottom: 8px;
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 8% 100%, 0 70%);
    }

    #insights .small-text {
        min-width: 80px;
        top: 27px;
    }

    .subc-inner p {
        font-size: 14px;
        line-height: 1.2;
        width: 175px;
        margin: 0;
    }

    .insight-slider {
        gap: 16px;
    }

    .insight-img img {
        clip-path: polygon(0 0, 92% 0, 100% 15%, 100% 100%, 7% 100%, 0 86%);
    }

    .subc-inner {
        padding-right: 0;
        gap: 10px;
        justify-content: flex-end;
    }

    .subscribe-sec {
        padding: 0 15px 20px;
    }

    .subc-inner .subscribe-btn:before {
        width: 45px;
        left: -44px;
    }

    .subc-inner .subscribe-btn {
        width: 174px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        margin: 0 0 0 50px;
        text-align: center;
        display: block;
    }

    .cha-com-left h3 {
        font-size: 28px;
    }

    .cha-com-left p {
        font-size: 16px;
        line-height: 1.4;
    }

    .cha-com-right span {
        padding: 10px 10px 10px 135px;
        width: 292px;
        margin-left: 26px;
    }

    .cha-com-right span p {
        font-size: 12px;
        line-height: 1.3;
        position: relative;
        top: 0;
        text-align: left;
        width: 140px;
        margin-left: auto;
    }

    .cha-com-right {
        text-align: left;
        padding-top: 15px;
    }

    .cha-com-right span .btn {
        padding: 10px 13px;
        font-size: 14px;
        left: -14px;
        border-radius: 5px;
    }

    .cha-com-right span .btn img {
        width: 14px;
    }

    #clarity {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 80px;
    }

    .clarity-shape-2 h4 {
        margin-bottom: 20px;
    }

    .small-text {
        left: 65px;
    }

    .subtitle h4 {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 14px;
    }

    .title h2 {
        font-size: 35px;
        margin-bottom: 16px;
        padding: 0 20px;
    }

    .title {
        display: block;
        text-align: right;
        max-width: 100%;
        margin: auto;
    }

    .clarity_area .title p {
        font-size: 14px;
        display: block;
        margin: 0;
        text-align: left;
        padding: 0 20px;
    }

    .subtitle,
    .subtitle-end {
        padding-right: 20px;
        padding-left: 20px;
        max-width: 100%;
        margin: auto;
    }

    .clarity-shape a span,
    .clarity-shape-2 a span {
        left: -6px;
        top: 0;
    }

    .card-image-wrapper_testimonial,
    .clarity-shape a,
    .clarity-shape-2 a {
        width: 113px;
    }

    .mobile-display .clarity-image img {
        margin: auto;
        max-width: 405px;
        width: 100%;
        display: flex;
        position: static;
        justify-content: center;
        transform: none;
        height: auto;
    }

    .clarity-bg {
        padding: 25px 0;
    }

    .clarity-shape-2 {
        max-width: 352px;
        padding: 35px 17px;
    }

    .clarity-inner-content {
        max-width: 350px;
        margin: auto;
    }

    .clarity-content-title {
        align-items: center;
    }

    .clarity-content-title h3 {
        order: 2;
        font-size: 18px;
        text-align: left;
    }

    .clarity-shape-2:last-child img {
        order: 1;
    }

    .clarity-content-title img {
        width: 38px;
    }

    .clarity-image {
        width: 100%;
        padding: 0;
    }

    #clarity .subtitle-end p {
        font-size: 14px;
        top: 0;
        max-width: 351px;
        margin: auto;
        text-align: center;
        left: 0;
        position: static;
        padding: 0;
    }

    .subtitle-end::after {
        bottom: -30px;
    }

    .methology-bg {
        padding: 30px 0 !important;
        max-width: 424px;
        min-height: auto;
        background: #0c242f;
        position: relative;
        border-radius: 6px 0 6px 6px;
    }

    .meth_tan_centre,
    .meth_tan_right {
        position: absolute;
        display: block;
        right: 0;
    }

    .meth_tan_centre {
        bottom: -1px;
        max-width: 100%;
        left: 0;
        margin: auto;
        border-radius: 0 0 6px 6px;
        overflow: hidden;
    }

    .meth_tan_centre img,
    .meth_tan_right img {
        width: 100%;
        display: block;
    }

    .meth_tan_right {
        top: -16px;
        max-width: 195px;
    }

    .methology {
        max-width: 100%;
        margin-top: 20px;
    }

    .methology .leftbox {
        padding: 0 5px;
        margin-top: 23px;
    }

    .methology .leftbox h2,
    .methology .rightbox h2 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .methology .box-wrap:before {
        background: url(../images/blue_box_mob_thin.svg) center top no-repeat;
        opacity: 1;
        right: 0;
        margin: auto;
        width: 340px;
        left: 50%;
        transform: translateX(-50%);
        top: 6px;
    }

    .methology .box-wrap {
        margin-top: 25px;
        background: 0 0;
        position: relative;
        left: 8px;
    }

    .methology .methology-bg>.row {
        margin: auto;
        max-width: 367px;
    }

    .methology .rightbox {
        padding: 0;
        margin-top: 22px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 11px;
    }

    .request-sec a,
    .request-sec a:hover {
        width: 194px;
        height: 38px;
        top: 0;
        font-size: 13px;
        line-height: 26px;
        text-indent: -34px;
    }

    .methology .box-wrap .box-col {
        padding: 0 10px;
        height: 52px;
    }

    .box-col .right-cont {
        font-size: 12px;
        padding-left: 10px;
    }

    .box-col .left-img,
    .small-insight-box a span img {
        width: 18px;
    }

    .methology .methology-title {
        font-size: 10px;
        right: 20px;
        padding: 8px;
        top: 0;
    }

    .testimonial_area {
        margin: 0 auto auto;
        padding: 0;
    }

    .testimonial-inner .row {
        margin: 0;
    }

    .request-sec a {
        background: url(../images/request-btn-bg.png) 0 0/100% 100% no-repeat;
    }

    .request-sec a:hover {
        background: url(../images/request-btn-bg-hover.png) 0 0/100% 100% no-repeat;
    }

    .request-sec a svg {
        top: 11px;
        width: 19px;
        right: 21px;
    }

    .request-sec a:hover svg {
        top: 11px;
        width: 19px;
        right: 18px;
    }

    .testimonial-inner {
        padding-top: 0;
        padding-bottom: 110px;
        background-image: url(../images/slice-box-testi.png);
        width: 100%;
        overflow: visible;
        background-repeat: no-repeat;
    }

    .testimonial-sec {
        background: center/100% 100%;
        margin: 0 auto;
        padding: 0 8px;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }

    .card-content_testimonial p {
        font-size: 11px;
        line-height: 13px;
        padding-top: 6px;
    }

    .card-content_testimonial {
        opacity: 1;
        padding: 0 0 0 15px;
    }

    .card-shadow-wrapper {
        filter: drop-shadow(0 10px 7px rgb(0 0 0 / 0.3));
        position: relative;
        flex: 0 0 367px;
        color: #fff;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        scroll-snap-align: start;
        width: 100%;
        height: 157px;
        transform: none !important;
        opacity: 1 !important;
        z-index: 1 !important;
    }

    .slider-wrapper_testimonial {
        height: auto;
        padding-bottom: 0;
    }

    .test-left h3 {
        width: 100%;
        font-size: 25px;
        line-height: 1.2;
        margin: auto;
    }

    .navigation_testimonial {
        transform: rotate(-90deg);
        bottom: -23px;
        top: auto;
        right: 15%;
    }

    .card-container_testimonial {
        display: flex;
        gap: 1rem;
        overflow-x: auto;
        scroll-padding: 1rem;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        border: 0;
        padding: 3rem 30px 2rem 8px;
        width: 100vw;
        cursor: grab;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .card-container_testimonial::-webkit-scrollbar {
        display: none;
    }

    .counter-numbers {
        font-size: 17px;
        line-height: 1.5;
    }

    .testimonial-sec .test-left {
        padding-top: 0;
        position: relative;
        top: 70px;
        max-width: 380px;
        margin: auto;
    }

    .testimonial_area {
        max-width: 100%;
        width: 100%;
    }

    .testimonial-sec .test-right {
        width: 100%;
        padding: 0;
        max-width: 385px;
        position: relative;
        top: 40px;
        margin-top: 0;
    }

    .content-inner p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .counter_testimonial {
        bottom: -45px;
        left: auto;
        right: 152px;
        margin: 0;
    }

    .counter-label {
        font-size: 14px;
        line-height: 1;
        position: relative;
        left: -21px;
    }

    .dot_testimonial.active {
        transform: scale(1.5);
        border-radius: 0;
    }

    .card-shadow-wrapper:last-child {
        margin-right: 24%;
    }

    .client-slider-section .trusted-text {
        padding: 0;
        line-height: 1.4;
        font-size: 12px;
        max-width: 231px;
        margin: auto auto 13px;
    }

    .cs-shutter-left svg,
    .cs-shutter-right svg {
        width: 98px;
        height: 5px;
    }

    .cs-shutter-left,
    .cs-shutter-right {
        position: relative;
        top: 3px;
        margin-top: -8px;
    }

    .client-slider~.cs-shutter-left,
    .client-slider~.cs-shutter-right {
        top: 0;
        margin-top: -5px;
    }

    .client-slider {
        padding: 23px 0;
        height: 74px;
    }

    .cha-com-left {
        width: 100%;
        text-align: right;
    }

    .banner video {
        height: 558px;
    }

    .box-col {
        flex: 0 0 auto;
        width: 50%;
    }

    .methology .box-wrap .box-col:nth-child(2) .left-img,
    .methology .box-wrap .box-col:nth-child(2) .right-cont,
    .methology .box-wrap .box-col:nth-child(5) .left-img,
    .methology .box-wrap .box-col:nth-child(6) .left-img {
        left: 0;
    }

    .methology .box-wrap .box-col:nth-child(3) .left-img {
        left: 0;
        top: 3px;
    }

    .methology .box-wrap .box-col:nth-child(3) .right-cont {
        left: 3px;
        top: 3px;
    }

    .methology .box-wrap .box-col:nth-child(4) .left-img,
    .methology .box-wrap .box-col:nth-child(4) .right-cont,
    .methology .rightbox .box-wrap .box-col:nth-child(5) .left-img {
        left: 0;
        top: 4px;
    }

    .methology .box-wrap .box-col:nth-child(5) .right-cont {
        left: 1px;
        top: 8px;
    }

    .methology .box-wrap .box-col:nth-child(6) .right-cont {
        left: 0;
        top: 7px;
    }

    .methology .rightbox .box-wrap .box-col:first-child .right-cont {
        top: -9px;
        position: relative;
        left: 6px;
    }

    .methology .rightbox .box-wrap .box-col:first-child .left-img {
        top: -5px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(2) .right-cont {
        top: -8px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(3) .right-cont {
        left: 4px;
        top: -7px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(4) .left-img {
        top: -7px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(4) .right-cont {
        left: 0;
        top: -5px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(5) .right-cont {
        left: 4px;
        top: 3px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(6) .right-cont {
        left: 4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(6) .left-img {
        left: 3px;
    }

    .slider-wrapper_testimonial {
        overflow: hidden;
    }

    .vw_all_blog span {
        right: 8px;
        height: auto;
    }

    .dots-arrows-wrapper {
        width: auto;
        height: auto;
    }

    .headerrightcurv {
        top: 45px;
    }

    .logo__image__area_header {
        top: 50%;
        margin-top: -12px;
    }

    .logo_link {
        width: 132px;
        height: 24px;
        padding: 0;
        margin-top: 0;
        top: -3px;
    }

    .banner a.more-btn {
        border-radius: 9px;
        padding-top: 4px;
    }

    .banner a.more-btn span {
        width: 35px;
        height: 36px;
        padding: 0 5px;
        border-radius: 8px;
    }

    .polygon {
        border-left: 6px solid #fff;
        border-top: 4px solid #fff0;
        border-bottom: 4px solid #fff0;
        margin-left: 1px;
    }

    .testimonial_area {
        top: -15px;
        margin-top: 19px;
    }

    .navigation_testimonial {
        border-radius: 6px;
        border-color: rgb(255 255 255 / 0.1) !important;
    }

    .nav-btn_testimonial {
        width: 26px;
        height: 27px;
    }

    .testimonial-inner {
        max-width: 424px;
    }

    .request-sec {
        top: -14px;
    }

    .banner-chart-inner:after {
        right: -42px;
        width: 43px;
        height: 54px;
        top: -7px;
    }

    .banner-chart {
        padding-top: 5px;
    }

    .cha-com-left {
        padding: 8px 20px;
    }

    .clarity-shape-2 {
        position: relative;
        border-radius: 6px;
        background: rgb(255 255 255 / 0.05);
        backdrop-filter: blur(2.3px);
        -webkit-backdrop-filter: blur(2.3px);
        box-shadow: 0 0.99px 3.7px rgb(0 0 0 / 0.3);
        border: 0.25px solid #fff0;
        margin: 10px auto;
        transition: 0.3s;
        width: 48%;
    }

    .clarity-shape-2:after,
    .clarity-shape-2:last-child::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background-image: linear-gradient(to bottom left, rgb(255 255 255 / 0.7) 0, #fff0 39%, #fff0 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        opacity: 0.7;
    }

    .clarity-shape-2:before {
        display: none;
    }

    .clarity-shape-2:hover {
        background-color: rgb(255 255 255 / 0.1);
    }

    .client-slider .slick-list:after,
    .client-slider .slick-list:before {
        width: 20px;
    }

    .client-slider {
        box-shadow: 0 0 40px #242424;
    }

    .fix-top.scrolled {
        display: block !important;
    }

    .search_box_header {
        top: 8px;
    }

    .clarity-content-title {
        gap: 14px;
    }

    .clarity-main-content {
        gap: 15px;
    }

    .container-top-bottom-clip:before {
        width: 187px;
        height: 21px;
        top: -20px;
        background-image: url('data:image/svg+xml,<svg width="196" height="23" viewBox="0 0 196 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.81566 23C-14.6826 23 195.816 23 195.816 23L195.816 8.88381C195.816 3.97742 191.838 5.96669e-07 186.932 1.06923e-06L28.6674 1.63124e-05C25.7785 1.65906e-05 23.0336 1.38658 21.5477 3.86403C14.636 15.3886 14.8041 23 0.81566 23Z" fill="%230C242F"/></svg>');
    }

    .container-top-bottom-clip:after {
        width: 139px;
        height: 28px;
        bottom: -27px;
        background-image: url('data:image/svg+xml,<svg width="140" height="28" viewBox="0 0 140 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M139.003 1.87739e-07C149.506 -3.01342e-06 0.00286865 3.58676e-05 0.00286865 3.58676e-05L0.00287017 19.1162C0.00287056 24.0226 3.98028 28 8.88667 28L112.283 28C114.517 28 116.712 27.1916 118.136 25.4692C126.073 15.8667 129.405 3.11305e-06 139.003 1.87739e-07Z" fill="%230C242F"/></svg>');
    }

    .ast-scroll-to-top-right {
        bottom: 20px;
    }
}

@media (max-width: 700px) {
    .card-shadow-wrapper:last-child {
        margin-right: 21%;
    }

    .clarity-main-content {
        gap: 0;
    }

    .clarity-shape-2 {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .fix-top {
        top: 0 !important;
    }

    .right-section_card .card-container {
        left: -16px;
    }

    .search_box_header {
        top: 107px;
        width: 348px;
        border-radius: 6px;
        position: absolute;
        transform: none;
    }

    .search form {
        width: 172px;
    }

    .search {
        padding: 6px 4px 6px 10px;
    }

    .search-close {
        margin-left: 7px;
    }

    .banner video {
        height: 800px;
        border-radius: 4px;
    }

    .banner_slider h2 {
        margin: 0 0 12px;
        line-height: 1.4;
        padding: 0 30px;
        font-weight: 400;
    }

    .banner_slider p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 12px;
    }

    .banner a.more-btn {
        width: 172px;
        max-width: 172px;
        font-size: 18px;
        height: 45px;
        padding: 4px 5px 5px 18px;
    }

    .banner-chart-inner {
        padding-left: 8px;
    }

    .banner-chart-inner .chart-box+.chart-box {
        margin-left: 3px;
    }

    .banner-chart .chart-box span {
        font-size: 17px;
    }

    .banner-chart .chart-box {
        font-size: 12px;
        /* top: 2px; */
    }

    .ov-content-div .badge {
        padding: 8px 13px;
        margin-bottom: 24px;
    }

    .ov-right {
        padding-top: 51px;
    }

    .ov-right h1,
    .ov-right h3 {
        margin-bottom: 16px;
        line-height: 1.3;
    }

    .ov-right .cmn-para {
        line-height: 1.3;
    }

    .over-view {
        padding-bottom: 30px;
    }

    .ov-top-text-inner {
        padding: 0 5px 2px 14px;
    }

    .ov-content-div .ov-left video {
        right: -33px;
        min-width: 139px;
        min-height: 333px;
        top: 31px;
    }

    .ov-content-div .ov-left {
        top: 0;
        right: -80px;
        bottom: -30px;
    }

    .ov-bottom-text {
        padding: 0;
        font-size: 21px;
        gap: 18px;
    }

    .ov-bottom-text li:not(:last-child)::after {
        height: 9px;
        width: 6px;
        right: -12px;
    }

    .client-slider-section-home {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .client-slider-section-home>p.trusted-text {
        margin-bottom: 0;
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 1;
        margin-top: 2px;
    }

    .card_slider_fullWidth {
        padding-left: 9px;
        padding-right: 9px;
    }

    .card_slider_area {
        margin-top: 42px;
        padding: 37px 0 45px;
    }

    .right_tan {
        top: -30px;
        max-width: 203px;
        right: 0;
    }

    .right_tan img {
        height: 25px;
    }

    .left-section_card .section-title {
        padding: 2px 17px;
        line-height: 1.8;
        top: -60px;
        right: 13px;
    }

    .left-section_card {
        display: flex;
    }

    .left-section_card h2 {
        font-size: 25px;
        margin-right: 5px;
    }

    .left-section_card h2 span {
        font-size: 36px;
        line-height: 1.1;
        margin-left: 7px;
    }

    .arrow_btm_mobile {
        right: -18px;
        bottom: 6px;
        width: 8px;
    }

    .left-section_card p {
        font-size: 14px;
        text-align: center;
        line-height: 1.3;
        max-width: 355px;
        left: -2px;
        top: 8px;
        margin-bottom: 29px;
    }

    .total_card_slider.container {
        padding: 0;
    }

    .right-section_card {
        right: 4px;
        min-height: 202px;
        margin: 23px auto 0;
    }

    .total_card_slider {
        width: 100%;
    }

    .right-section_card .card {
        max-width: 337px;
        min-height: 205px;
    }

    .right-section_card .is-middle {
        max-width: 330px;
        min-height: 199px;
    }

    .right-section_card .is-bottom {
        max-width: 323px;
        min-height: 198px;
    }

    .methology .leftbox p,
    .methology .rightbox p,
    .right-section_card .desc_area_card p {
        font-size: 13px;
    }

    .right-section_card .desc_area_card {
        bottom: 24px;
        width: 83%;
    }

    .right-section_card .card-content h3 {
        bottom: 23px;
    }

    .dots-arrows-wrapper {
        bottom: -58px;
    }

    .dots-arrows-wrapper svg {
        width: 24px;
        height: 28px;
    }

    .dots-arrows-wrapper .dot.active svg {
        top: -2px;
    }

    .left_tan {
        bottom: -30px;
        max-width: 140px;
    }

    .left_tan img {
        height: 30px;
    }

    .page_demo_banner.challange-complex {
        padding: 37px 20px 0 12px;
        height: 192px;
        margin-top: 12px;
    }

    .cha-com-right span {
        padding: 11px 10px 10px 147px;
        min-height: 60px;
    }

    .cha-com-right span .btn {
        padding: 10px 11px;
    }

    #clarity {
        margin-top: 25px;
        padding-bottom: 63px;
    }

    #clarity::after {
        height: 105px;
        width: 219px;
        top: 24px;
        background: url(../images/border-strock.png) no-repeat;
    }

    .small-text {
        left: 41px;
        top: 2px;
    }

    .subtitle h4 {
        margin-top: -2px;
        margin-bottom: 10px;
        right: -6px;
        position: relative;
    }

    .title h2 {
        margin-bottom: 9px;
        padding: 0 14px;
    }

    .clarity_area .title p {
        margin: 0;
        padding: 0 14px;
        line-height: 1.3;
    }

    .mobile-display .clarity-image img {
        max-width: 419px;
        position: relative;
        height: 107%;
        top: -7px;
    }

    .clarity-shape-2 .clarity-content-title {
        margin-bottom: 12px;
        gap: 18px;
    }

    .clarity-shape-2 {
        padding: 21px 18px;
    }

    .clarity-shape-2 h4 {
        margin-bottom: 12px;
    }

    .clarity-shape-2 a {
        width: 123px;
        padding: 1px 0 0 13px;
    }

    .clarity-shape-2:nth-child(2) {
        margin-top: 6px;
    }

    .mobile-display {
        margin-bottom: 5px;
    }

    #clarity .subtitle-end p {
        padding: 1px;
    }

    .subtitle-end::after {
        bottom: -35px;
        width: 160px;
        height: 102px;
    }

    .methology {
        padding-left: 8px;
        padding-right: 8px;
    }

    .meth_tan_right {
        top: -20px;
        max-width: 297px;
    }

    .methology .methology-title {
        font-size: 11px;
        right: 22px;
        padding: 7px 9px;
        top: -11px;
    }

    .methology-bg {
        padding-top: 16px !important;
        padding-bottom: 36px !important;
    }

    .methology .box-wrap::before {
        right: auto;
        width: 358px;
        left: 46%;
        top: 3px;
    }

    .methology .box-wrap .box-col:first-child .left-img {
        width: 25px;
        top: 0;
        height: 39px;
        left: 6px;
    }

    .methology .box-wrap .box-col:first-child .right-cont {
        top: -6px;
        left: 4px;
    }

    .methology .box-wrap .box-col:nth-child(2) .left-img {
        left: 6px;
        width: 32px;
    }

    .methology .box-wrap .box-col:nth-child(3) .left-img {
        left: 1px;
        width: 33px;
    }

    .request-sec {
        top: -15px;
    }

    .request-sec a:hover {
        top: 0;
    }

    .methology .box-wrap .box-col:nth-child(3) .right-cont {
        left: -3px;
        top: 0;
    }

    .methology .box-wrap .box-col:nth-child(4) .left-img {
        left: 9px;
        top: 6px;
        width: 29px;
    }

    .methology .box-wrap .box-col:nth-child(4) .right-cont {
        left: 5px;
        top: 1px;
    }

    .methology .box-wrap .box-col:nth-child(5) .left-img {
        left: 3px;
        width: 33px;
    }

    .methology .box-wrap .box-col:nth-child(5) .right-cont {
        left: -3px;
        top: 7px;
    }

    .methology .box-wrap .box-col:nth-child(6) .left-img {
        left: 5px;
        width: 28px;
    }

    .methology .rightbox {
        padding: 0;
        margin-top: 41px;
    }

    .methology .box-wrap {
        margin-top: 23px;
    }

    .methology .rightbox .box-wrap .box-col:first-child .right-cont {
        left: 3px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(2) .right-cont {
        top: -9px;
        left: -2px;
    }

    .methology .box-wrap .box-col:nth-child(3) .left-img {
        top: -1px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(3) .left-img {
        top: -4px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(3) .right-cont {
        left: -3px;
        top: -6px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(4) .left-img {
        top: -3px;
        left: 5px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(5) .right-cont {
        left: -5px;
        top: 1px;
    }

    .methology .rightbox .box-wrap .box-col:nth-child(6) .right-cont {
        left: 0;
        top: 5px;
    }

    .test-left h3,
    .testimonial-sec .test-left {
        padding-right: 0;
    }

    .testimonial-sec .test-left {
        top: 56px;
        max-width: 374px;
        padding-right: 9px !important;
    }

    .test-left h3 {
        line-height: 1.1;
    }

    .testimonial-sec .test-right {
        max-width: 395px;
    }

    .card-container_testimonial {
        padding: 26px 0 18px;
    }

    .card-content_testimonial {
        padding: 0 0 0 11px;
    }

    .card-content_testimonial p {
        font-size: 11px;
        line-height: 1.22;
        padding-top: 18px;
        margin-bottom: 10px;
    }

    .card-content_testimonial h2 {
        font-size: 14px;
        line-height: 1.4;
    }

    .card-content_testimonial .footer_testimonial {
        gap: 0.7rem;
    }

    .card-content_testimonial .footer_testimonial span {
        font-size: 11px;
        line-height: 17px;
    }

    .card_testimonial {
        padding: 0 26px 0 0;
    }

    .slider-wrapper_testimonial {
        overflow: visible;
    }

    .card-shadow-wrapper+.card-shadow-wrapper {
        margin-left: -8px;
    }

    .counter-label {
        font-size: 15px;
        line-height: 1;
        position: relative;
        left: -20px;
        top: 3px;
    }

    .counter-numbers .total {
        font-size: 20px;
    }

    .counter_testimonial {
        bottom: -48px;
        left: auto;
        right: 150px;
        margin: 0;
    }

    .navigation_testimonial {
        transform: rotate(-90deg);
        bottom: -17px;
        top: auto;
        right: 53px;
    }

    #insights {
        margin-top: 0;
    }

    .small-insight-box h2 {
        font-size: 25px;
        padding: 0 0 0 13px;
        font-weight: 500;
        margin-top: 48px;
        margin-bottom: 10px;
    }

    .small-box-title {
        padding: 0 0 0 15px;
        max-width: 83%;
        margin-bottom: 42px;
    }

    .small-insight-box a.vw_all_blog {
        margin-right: 0;
        top: 18px;
        font-size: 15px;
        left: 48px;
        white-space: nowrap;
    }

    .small-box-title a::after {
        bottom: -2px;
        width: 115px;
    }

    .vw_all_blog span {
        right: 5px;
        height: auto;
        top: -1px;
    }

    .small-insight-box a span img {
        width: 21px;
    }

    #insights .small-text {
        min-width: 65px;
        top: 10px;
        right: 84px;
    }

    #insights::before {
        height: 105px;
        width: 219px;
        top: 21px;
        right: 7px;
    }

    .content-inner p {
        margin-bottom: 13px;
    }

    .content-inner {
        padding: 7px 12px 7px 24px;
    }

    .clock span {
        font-size: 9px;
        line-height: 14px;
        margin: 0;
    }

    .content-bottom .clock {
        position: relative;
        top: -7px;
    }

    #insights .col-md-12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .subc-inner {
        padding-right: 8px;
        padding-top: 0;
        padding-left: 6px;
    }

    .subc-inner .subscribe-btn {
        width: 259px;
        height: 42px;
        font-size: 16px;
        line-height: 43px;
        margin: 0 0 0 51px;
        text-align: center;
        display: block;
        right: -6px;
        padding-right: 4px;
        top: 0;
    }

    .subscribe-sec {
        padding: 0 15px 20px;
    }

    .challange-complex {
        padding: 32px 20px 0 12px;
        height: 254px;
        margin-top: -3px;
    }

    .cha-com-left {
        padding: 4px 8px;
    }

    .cha-com-left h3 {
        line-height: 1;
        margin-bottom: 10px;
    }

    .cha-com-left p {
        line-height: 1.1;
        max-width: 60%;
    }

    .cha-com-right span {
        margin-left: 27px;
        margin-top: 0;
    }

    .banner_slider .slick-dots li {
        margin: 0 4px;
    }

    .banner_slider .slick-dots {
        margin-top: 44px;
    }

    .headerrightcurv {
        top: 41px;
        width: 6px;
        right: 0;
    }

    .ttl_video_area {
        border-radius: 6px;
    }

    .headerbottomleftcurv {
        bottom: 40px;
        width: 6px;
    }

    .dots-container_testimonial {
        gap: 6px;
        padding: 0.4rem 0;
    }

    .clarity-bg .bg-image {
        background-image: url(../images/mobile_bg.png);
        opacity: 0.3;
        background-position: center top;
        top: -160px;
    }

    .polygon {
        border-left: 10px solid #fff;
        border-top: 7px solid #fff0;
        border-bottom: 7px solid #fff0;
        margin-left: 3px;
    }

    .cha-com-left {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 639px) {
    .card-shadow-wrapper:last-child {
        margin-right: 16%;
    }

    .trusted-text {
        margin-bottom: 0;
    }
}

@media (max-width: 479px) {
    .card-shadow-wrapper:last-child {
        margin-right: 20px;
    }

    .right-section_card .card-container {
        left: -8px;
    }
}

@media (max-width: 439px) {
    .testimonial_area {
        top: -36px;
    }
    .card_testimonial {
        padding: 0 12px 0 0;
    }

    .title h2 {
        font-size: 28px;
    }

    .testimonial-inner {
        max-width: 100%;
    }

    .testimonial-sec {
        padding: 0 8px;
    }

    .banner-chart-inner {
        width: 232px;
        height: 46px; /* added */
        padding: 5px 0 2px 2px;
    }

    .ov-top-text-inner {
        padding: 2px 5px 2px 8px;
    }

    .ov-top-text-inner p {
        font-size: 9.5px;
    }

    .banner-chart .chart-box {
        font-size: 9px;
        padding: 0 5px;
    }

    .mobile_chatbot {
        right: 5%;
        max-width: 98px;
        bottom: 20px;
    }

    .client-slider-section {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .ov-bottom-text {
        font-size: 17px;
        margin-top: 22px;
    }

    .counter-label,
    .trusted-text {
        font-size: 10px;
    }

    .cs-shutter-left img,
    .cs-shutter-right img {
        height: auto;
        width: 64px;
    }

    .client-slider img {
        max-height: 27px;
    }

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

    .left-section_card p {
        font-size: 11px;
        text-align: center;
        line-height: 1.5;
        max-width: 100%;
    }

    .right-section_card .card {
        max-width: 269px;
        min-height: 164px;
    }

    .total_card_slider.container {
        padding: 0 10px;
    }

    .right-section_card {
        min-height: 165px;
        max-width: 100%;
        margin: 48px auto 0;
        width: 340px;
        left: 1px;
    }

    .left-section_card {
        top: 24px;
    }

    .left-section_card .section-title {
        top: -65px;
        right: -3px;
    }

    .dots-arrows-wrapper {
        left: 11px;
        bottom: -55px;
    }

    .cha-com-left p {
        font-size: 16px;
    }

    .subc-inner {
        padding-left: 0;
    }

    .testimonial_area {
        margin-top: 6px;
    }

    .subc-inner .subscribe-btn {
        font-size: 14px;
        height: 37px;
        line-height: 36px;
    }

    .counter-numbers,
    .subc-inner p {
        font-size: 12px;
    }

    .methology-bg {
        padding: 0 0 40px !important;
        max-width: 100%;
        min-height: auto;
    }

    .methology .leftbox h2,
    .methology .rightbox h2 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .methology .leftbox p,
    .methology .rightbox p {
        font-size: 11px;
    }

    .box-col .right-cont {
        font-size: 11px;
        padding-left: 10px;
    }

    .methology .leftbox {
        margin-top: 35px;
    }

    #clarity {
        padding-bottom: 40px;
    }

    .methology .methology-title {
        top: 0;
        right: 21px;
    }

    .methology .rightbox {
        margin-top: 30px;
        padding-bottom: 20px;
    }

    .request-sec {
        top: -16px;
    }

    .methology .box-wrap {
        margin-top: 25px;
        left: 0;
        max-width: 100%;
    }

    .methology .box-wrap .box-col {
        padding: 11px 12px;
    }

    .methology .box-wrap:before {
        left: 50%;
        top: 5px;
    }

    .methology {
        max-width: 100%;
        margin-bottom: 30px;
        padding: 0 8px;
        margin-top: 40px;
    }

    .request-sec a,
    .request-sec a:hover {
        height: 34px;
        top: -28px;
        line-height: 21px;
        text-indent: -25px;
        font-size: 11px;
        width: 44%;
    }

    .card-content_testimonial p {
        font-size: 10px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .methology .methology-bg>.row {
        position: relative;
        top: 20px;
    }

    .testimonial-sec .test-left {
        top: 60px;
    }

    .request-sec a svg,
    .request-sec a:hover svg {
        top: 8px;
        width: 19px;
        right: 20px;
    }

    .card-container_testimonial {
        padding: 2rem 30px;
    }

    .card-shadow-wrapper {
        flex: 0 0 300px;
        height: 145px;
    }

    .card-image-wrapper_testimonial {
        /* width: 83px; */
    }

    .navigation_testimonial {
        bottom: -18px;
        right: 15%;
        padding: 2px;
    }

    .counter_testimonial {
        bottom: -42px;
        left: auto;
        right: 137px;
        margin: 0;
    }

    .subc-inner .subscribe-btn:before {
        left: -43px;
        top: 19px;
    }

    .nav-btn_testimonial {
        width: 20px;
        height: 20px;
    }

    .dot_testimonial.active {
        transform: scale(1.1);
    }

    #insights .small-text {
        top: 11px;
    }

    #insights {
        margin-top: 10px;
    }

    .insight-img {
        width: 275px;
    }

    .insight-content {
        bottom: 7px;
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 7% 100%, 0 77%);
    }

    .page_demo_banner.challange-complex {
        min-height: 270px;
    }

    .cha-com-right span {
        margin-top: 7px;
    }

    .subscribe-sec+.challange-complex .cha-com-right span {
        margin-top: -5px;
    }

    @media (max-width: 399px) {
        .methology .methology-title {
            top: 0;
            right: 26px;
        }
    }

    .challange-complex {
        height: 273px;
    }
}

@media (max-width: 400px) {
    .challange-complex {
        height: 293px;
    }
}

@media (max-width: 380px) {
    .challange-complex {
        height: 284px;
    }

    .left-section_card .section-title {
        right: 10px;
    }

    .search_box_header {
        width: 300px;
    }

    .right-section_card .card {
        max-width: 255px;
    }

    .cha-com-right span {
        margin-top: -3px;
    }

    .methology .box-wrap::before {
        width: 238px;
        left: 50%;
    }

    .testimonial_area {
        margin-top: 2px;
    }

    .card-content_testimonial.active p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #insights .small-text {
        top: 11px;
    }

    .testimonial-inner {
        padding-bottom: 130px;
    }

    .small-insight-box a.vw_all_blog {
        font-size: 11px;
        white-space: nowrap;
    }

    .box-col .right-cont {
        font-size: 10px;
    }

    .subc-inner .subscribe-btn:before {
        top: 17px;
    }

    .subc-inner .subscribe-btn {
        line-height: 31px;
    }

    .request-sec a,
    .request-sec a:hover {
        width: 163px;
    }

    .right-section_card {
        width: 100%;
        left: 3px;
    }

    .ov-content-div .ov-left {
        overflow: visible;
    }

    .ov-content-div .ov-left video {
        right: -50px;
        min-width: 520px;
        min-height: 650px;
        top: -59px;
    }
}

@media (max-width: 375px) {
    .testimonial-inner {
        max-width: 359px;
    }

    .btn_testimonial_down,
    .btn_testimonial_up {
        width: 23px;
        height: 23px;
    }

    .btn_testimonial_down:before {
        top: 9px;
        border-width: 7px 4px 0;
        margin-left: -4px;
    }
    .btn_testimonial_up:after {
        bottom: 9px;
        border-width: 0 4px 7px;
        margin-left: -4px;
    }
    .counter_testimonial {
        bottom: -65px;
        right: 127px;
    }
}
@media (max-width: 370px) {
    .testimonial-inner {
        max-width: 348px;
        padding-bottom: 130px;
    }
}
/*|=====================================================================
  Updated by ABN Team
========================================================================|*/