/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-readys
Updated: 2026-05-28 13:11:55

*/
.es-main-hero-banner{
  position:relative;
}

.es-main-hero-banner::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(
        to bottom,
        rgba(0,11,24,0) 0%,
        rgba(0,11,24,1) 100%
    );
}

.te-counter-sec .elementor-widget-icon-box .elementor-icon-box-icon {
    margin-top: 10px;
}

.te-counter-sec .elementor-icon-box-content .elementor-icon-box-title {
    margin-top: 0;
}

/* Process Steps */
.ts-step-1,.ts-step-2,.ts-step-3,.ts-step-4,.ts-step-5,.ts-step-6{
    position:relative;
}

/* Line */
.ts-step-1::after,.ts-step-2::after,.ts-step-3::after,.ts-step-4::after,.ts-step-5::after{
    content: '';
    position: absolute;
    border: 1px;
    top: 40px;
    left: calc(100% + -50px);
    width: 120px;
    height: 3px;
    z-index: 1;
    border-style: dashed;
}
.ts-step-1::after{ background-image: linear-gradient( 90deg, #3B82F6 0%, #A855F7 100% ); }
.ts-step-2::after{ background-image: linear-gradient( 90deg, #A855F7 0%, #00E5B0 100% ); }
.ts-step-3::after{ background-image: linear-gradient( 90deg, #00E5B0 0%, #F59E0B 100% ); }
.ts-step-4::after{ background-image: linear-gradient( 90deg, #F59E0B 0%, #3B82F6 100% ); }
.ts-step-5::after{ background-image: linear-gradient( 90deg, #3B82F6 0%, #A855F7 100% ); }

/* Arrow */
.ts-step-1::before,.ts-step-2::before,.ts-step-3::before,.ts-step-4::before,.ts-step-5::before{
    content: '➜';
    position: absolute;
    top: 40px;
    left: calc(100% + 10px);
    transform: translateX(-50%);
    z-index: 2;
    font-size: 20px;
    line-height: 2px;
}
.ts-step-1::before{ color:#FAF9E2; }
.ts-step-2::before{ color:#F2ECAC; }
.ts-step-3::before{ color:#FCD850; }
.ts-step-4::before{ color:#F2ECAC; }
.ts-step-5::before{ color:#FAF9E2; }

/* ts-zoho-system-step-1 our-implementation-process */
.our-implementation-process{position:relative;}
.ts-zoho-system-step-1::after,.ts-zoho-system-step-2::after,.ts-zoho-system-step-3::after,.ts-zoho-system-step-4::after,.ts-zoho-system-step-5::after{
    content: '';
    position: absolute;
    border: 1px dashed #e7cea278;
    top: 40px;
    left: calc(100% + -66px);
    width: 130px;
    height: 1px;
    z-index: 1;
}
.ts-zoho-system-step-1::before,.ts-zoho-system-step-2::before,.ts-zoho-system-step-3::before,.ts-zoho-system-step-4::before,.ts-zoho-system-step-5::before{
    content: '>';
    position: absolute;
    top: 40px;
    left: calc(100% + 60px);
    z-index: 2;
    font-size: 20px;
    line-height: 2px;
    color:#E7CEA2;
}

.ab-our-approach-card-1,.ab-our-approach-card-2,.ab-our-approach-card-3,.ab-our-approach-card-4{
    position: relative;
}

.ab-our-approach-card-1::after,.ab-our-approach-card-2::after,.ab-our-approach-card-3::after{
    content: "\2192";
    position: absolute;
    top: 10px;
    right: -25px;
    font-size: 32px;
    font-weight: 600;
    color: #1d5cff;
    line-height: 1;
}

/**
 * ===================================
 * TE SERVICES SECTION START
 * ===================================
 */
.te-services-flex {
    --te-columns: 3;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px !important;
    gap: 14px;
}

.te-service-card {
    flex: 0 0 calc((100% - ((var(--te-columns) - 1) * 14px)) / var(--te-columns));
    max-width: calc((100% - ((var(--te-columns) - 1) * 14px)) / var(--te-columns));

    padding: 40px 15px;
    align-items: center;
    text-align: center;
    flex-direction: column;
    display: flex;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(6, 18, 44, 0.95) 0%, rgba(4, 13, 32, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    transition: all .35s ease;
}

.te-service-card:hover {
    transform: translateY(-8px);
    border-color: rgba(228, 170, 51, 0.35);
    box-shadow: 0 0 30px rgba(228, 170, 51, 0.12), 0 15px 40px rgba(0, 0, 0, 0.35);
}


.te-service-featured-image{
    position: relative;
    width: 100%;
    margin: -40px -15px 25px;
    overflow: visible;
}

.te-service-featured-image::before{
    content: '';
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 10px;
    height: 40px;
    background: rgba(0, 0, 0, 0.45);
    filter: blur(25px);
    z-index: 0;
    pointer-events: none;
}

.te-service-featured-image img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 20px 20px 0 0;

    /* PNG/Image shadow */
    filter: drop-shadow(0 12px 25px rgba(0, 0, 0, 0.35));
}


.te-service-icon {
    margin-bottom: 25px;
}

.te-services-flex .te-service-icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.te-service-title {
    margin: 0 0 18px;
    font-weight: 500;
    color: #ffffff;
}

.te-service-excerpt {
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.te-service-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #e4aa33 !important;
    transition: .3s;
}

.te-service-btn:hover {
    color: #ffffff;
}


.te-service-title,
.te-service-excerpt,
.te-service-btn{
    z-index: 5;
}

/**
 * ===================================
 * TE SERVICES SECTION END
 * ===================================
 */

/**
 * ===================================
 * TE INDUSTRIES START
 * ===================================
 */

.te-industries-flex {
    display: flex;
    gap: 14px;
    justify-content: center;
}

.te-industry-card {
    padding: 15px 10px 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(6, 18, 44, 0.95) 0%, rgba(4, 13, 32, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, .12);
    transition: all .3s ease;
    width: calc(12.50% - 10px);
}

.te-industry-card:hover {
    transform: translateY(-5px);
    border-color: rgba(228, 170, 51, .4);
}

.te-industry-icon {
    margin-bottom: 18px;
}

.te-industry-icon img {
    width: 60px;
    height: 60px !important;
    object-fit: contain;
    display: block;
    margin: auto;
}

.te-industry-title {
    margin: 0;
    color: #fff;
    font-weight: 400 !important;
    text-align: center;
}

/*======================================
CASE STUDY SLIDER
======================================*/

.te-case-study-slider {
    position: relative;
}

.te-case-study-item {
    padding: 10px 0;
}

.te-case-study-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(70 70 70 / 76%);
    border-radius: 20px;
    background: #020a19;
    transition: .35s ease;
}

.te-case-study-top {
    display: flex;
    gap: 0px;
    align-items: center;
}

.te-case-study-image {
    width: 30%;
    height: -webkit-fill-available;
    position: relative;
}

.te-case-study-image img {
    width: 100% !important;
    height:100% !important;
    object-fit: cover;
    border-radius: 18px;    
}
.te-case-study-image::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background: linear-gradient(90deg, rgba(2, 10, 25, 0) 35%, rgb(2 10 25 / 0%) 70%, rgb(2 10 25) 100%), linear-gradient(180deg, rgba(2, 10, 25, 0) 40%, rgb(2 10 25 / 57%) 75%, rgb(2, 10, 25) 100%);
}
.te-case-study-content {
    width: 70%;
    z-index: 2;
    padding: 20px 20px 0 0;
    box-shadow: -20px 0px 60px 20px rgb(2, 10, 25), 20px 0px 50px 20px rgb(0 0 0 / 0%) !important;
}

.te-case-study-title {
    font-size: 32px;
    margin: 0 0 15px;
}

.te-case-study-excerpt {
    max-width: 95%;
}

.te-case-study-boxes {
    display: flex;
    gap: 10px;
    padding:10px;
    
}

.te-case-study-box {
    flex: 1;
    display: flex;
    align-items: start;
    gap: 18px;
    padding: 24px;
    background: rgba(10, 17, 35, .95);
    border: 1px solid rgba(219, 137, 0, .15);
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .55), 0 0 35px rgba(219, 137, 0, .08);
    backdrop-filter: blur(12px);
}


.te-case-study-box-content p {
    margin: 0;
}

.te-case-study-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(272deg, rgb(2 10 25) 0%, rgb(2 10 25 / 89%) 35%, rgb(2 10 25) 100%);
    z-index: 1;
}

.te-case-study-card>* {
    position: relative;
    z-index: 2;
}

.te-case-study-card:hover {
    border-color: rgba(219, 137, 0, 0.5);
}


.te-case-study-category {
    display: inline-block;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px;
    padding: 8px 14px;
    margin-bottom: 15px;
}

.te-case-study-title {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.3;
    margin: 0 0 15px;
    font-weight: 600;
}

.te-case-study-excerpt {
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 1.8;
}

.te-case-study-box {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid rgba(219, 137, 0, .15);
    backdrop-filter: blur(4px);
}

.te-case-study-box img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain;
    flex-shrink: 0;
}

.te-case-study-box-content h4 {
    margin: 0 0 8px;
    color: #FDB830;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.te-case-study-box-content p {
    margin: 0;
    color: #ffffff90;
    font-size: 14px;
    line-height: 1.6;
}

.te-case-study-btn-wrap {
    text-align: center;
    padding:20px;
}

.te-case-study-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #FDB830;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.te-case-study-btn:hover {
    color: #f0a92f;
}

.te-case-study-btn svg {
    width: 18px;
    height: 18px;
}

.te-case-study-slider .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
}

.te-case-study-slider .owl-dot {
    display: block !important;
}

.te-case-study-slider .owl-dot:hover {
    border-radius: 50%;
}

.te-case-study-slider .owl-dot span {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    border: 2px solid #6c6c6c;
    display: block;
    background: transparent !important;
    border-radius: 50%;
}

.te-case-study-slider .owl-dot.active span {
    background: #FDB830 !important;
    border-color: #FDB830 !important;
}

.te-case-study-loadmore{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}

.te-case-study-loadmore .te-case-study-item{
	width:calc(33.333% - 14px);
	display:none;
}

.te-case-study-loadmore .te-case-study-item.te-visible{
	display:block;
}
.te-loadmore-wrap{
    text-align:center;
}

.te-loadmore-wrap .te-loadmore-btn{
    margin-top:40px;
	display:inline-flex;
	align-items:center;
	gap:12px;
	padding:18px 40px;
	background:transparent;
	border:1px solid #d7a948;
	border-radius:10px;
	color:#ffffff;
    font-family: poppins, sans-serif;
	cursor:pointer;
	transition:all .3s ease;
}

.te-loadmore-btn svg{
	width:18px;
	height:18px;
}

.te-loadmore-btn:hover{
	transform:translateY(-2px);
}

/**
 * ===================================
 * TE INDUSTRIES END
 * ===================================
 */

/**
 * ===================================
 * TE RS Featured Resources
 * ===================================
 */

.te-rs-wrapper{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
	align-items:stretch;
}

.te-rs-card{
	background:#fff;
	border:1px solid #E7E7E7;
	border-radius:20px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	height:100%;
	transition:.3s;
}

.te-rs-card:hover{
	transform:translateY(-5px);
	box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.te-rs-image-wrap{
	position:relative;
	overflow:hidden;
}

.te-rs-image{
	width:100%;
	height:190px !important;
	object-fit:cover;
	display:block;
	transition:.4s;
}

.te-rs-card:hover .te-rs-image{
	transform:scale(1.05);
}

.te-rs-post-type{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #838383;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 10px 18px;
    border-radius: 50px;
    z-index: 2;
    line-height: 1;
}

.te-rs-play-icon{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
}

.te-rs-play-icon svg{
	width:70px;
	height:70px;
	display:block;
	transition:.3s;
}

.te-rs-card:hover .te-rs-play-icon svg{
	transform:scale(1.1);
}

.te-rs-content{
	padding:20px;
	display:flex;
	flex-direction:column;
	flex:1;
}

.te-rs-title{
	margin:0 0 18px;
    color:#000;
}

.te-rs-title a{
	color:#000;
	text-decoration:none;
}

.te-rs-title a:hover{
	color:#0B63F6;
}

.te-rs-excerpt{
	font-size:16px;
	line-height:1.8;
	color:#666;
	margin-bottom:30px;
	flex:1;
}

.te-rs-excerpt p{
	margin:0;
}

.te-rs-button{
	display:inline-flex;
	align-items:center;
	gap:10px;
	font-size:16px;
	font-weight:600;
	color:#0084ff !important;
	text-decoration:none;
	margin-top:auto;
	width:fit-content;
	transition:.3s;
}

.te-rs-button span{
	font-size:18px;
	transition:.3s;
}

.te-rs-button:hover{
	color:#fdb830 !important;
}

.te-rs-button:hover span{
	transform:translateX(5px);
}
.te-rs-play-icon svg circle{
	fill:#8f8f8f;
	transition:.3s;
}

.te-rs-play-icon:hover svg circle{
	fill:#fff;
}

/**
 * ===================================
 * TE PF PORTFOLIO page
 * ===================================
 */
.te-pf-pabbing-bg .e-n-tabs-heading{
    background-color:#000E1D;
    border-radius:20px;
    border: 1px solid #81818175;
    padding: 20px 12px;
}

.te-pf-project-category{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;
    border-radius:8px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.te-pf-project-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.te-pf-project-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
    border:1px solid;
    border-radius:6px;
    font-size:13px;
    font-weight:500;
    line-height:1;
}
/**
 * ===================================
 * TE book a consultation page
 * ===================================
 */

.te-book-wrapper{
    max-width:760px;
    margin:0 auto;
    background:#fff;
    border-radius:16px;
    padding:32px;
    box-shadow:0 10px 40px rgba(15,23,42,.08);
}

.te-book-form{
    margin:0;
}

.te-book-form *{
    box-sizing:border-box;
}

.te-book-header{
    margin-bottom:30px;
}

.te-book-step{
    display:block;
    font-size:13px;
    font-weight:700;
    color:#2563EB;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
}

.te-book-title{
    margin:0;
    font-size:36px;
    line-height:1.2;
    font-weight:700;
    color:#0F172A;
}

.te-book-subtitle{
    margin-top:10px;
    color:#64748B;
    font-size:16px;
    line-height:1.6;
}

.te-book-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

.te-book-col{
    width:100%;
}

.te-book-full{
    grid-column:1/-1;
}

.te-book-form .zf-labelName{
    display:block;
    margin-bottom:10px;
    color:#1E293B;
    font-size:15px;
    font-weight:600;
}

.te-book-form .zf-important{
    color:#EF4444;
}

.te-book-form input[type=text], .te-book-form input[type=email], .te-book-form input[type=tel], .te-book-form textarea, .te-book-form select{
    width:100%;
    height:56px;
    border:1px solid #DCE3ED;
    border-radius:8px;
    background:#fff;
    padding:0 18px;
    font-size:15px;
    color:#0F172A !important;
    transition:.3s;
    outline:none;
}

.te-book-form textarea{
    height:130px;
    resize:none;
    padding-top:16px;
}

.te-book-form input:focus, .te-book-form textarea:focus, .te-book-form select:focus{
    border-color:#2563EB;
    box-shadow:0 0 0 3px rgba(37,99,235,.15);
}

.te-book-name-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.te-book-name-wrap label{
    display:none;
}

.zf-phonefld .zf-phwrapper{
    width:100%;
}

.zf-phonefld span{
    width:100%;
}

.te-book-form select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2364748B' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 18px center;
}

.te-book-btn-wrap{
    margin-top:30px;
}

.te-book-btn{
    font-family: poppins, sans-serif !important;
    width:100% !important;
    background:linear-gradient(180deg, #178BF4 0%, #0038C2 100%) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.te-book-btn:hover{
    transform:translateY(-2px);
    background:linear-gradient(180deg, #0038C2 0%, #0038C2 100%) !important;
    box-shadow:0 12px 30px rgba(0,87,255,.30);
}

.te-book-btn svg{
    flex:none;
}

.te-book-secure{
    margin-top:18px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-size:13px;

    color:#64748B;
}

.zf-errorMessage{
    margin-top:6px;
    color:#DC2626;
    font-size:13px;
}

.zf-tempFrmWrapper{
    margin:0 !important;
    padding:0 !important;
}

.zf-tempContDiv{
    margin:0 !important;
}

.zf-clearBoth{
    display:none;
}

.zf-nameWrapper{
    width:100%;
}

.zf-nameWrapper span{
    width:100%;
}

.zf-fmFooter{
    display:none;
}

::placeholder{
    color:#94A3B8;
}

/*==================================
MOBILE
==================================*/

@media(max-width:767px){

.te-book-wrapper{
padding:20px;
}

.te-book-grid{
grid-template-columns:1fr;
gap:20px;
}

.te-book-full{
grid-column:auto;
}

.te-book-name-wrap{
grid-template-columns:1fr;
}

.te-book-title{
font-size:28px;
}

.te-book-btn{
font-size:16px;
}

}




/*==========================
    RESPIONSIVE STARTED
==========================*/
@media (max-width: 1440px) {

    .te-case-study-boxes {
        flex-direction: column;
    }
}

@media (max-width: 1220px) {
    .te-service-card {
        flex: 0 0 calc((100% - 28px) / 3);
        max-width: calc((100% - 28px) / 3);
    }
    .ts-step-3::after, .ts-step-3::before,.ts-zoho-system-step-3::after, .ts-zoho-system-step-3::before{display:none;}
}

@media (min-width: 1202px) {

    header .elementor-nav-menu--dropdown-tablet_extra .elementor-menu-toggle,
    .elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--dropdown {
        display: none;
    }

    .te-industries-flex {
        flex-wrap: nowrap;
    }
}

@media (max-width: 1201px) {
    header .elementor-nav-menu--dropdown-tablet_extra .elementor-menu-toggle {
        display: block !important;
    }

    header .elementor-nav-menu--dropdown-tablet_extra .elementor-nav-menu--dropdown {
        display: block;
    }

    header .elementor-nav-menu--main {
        display: none !important;
    }

    .te-industries-flex {
        flex-wrap: wrap;
    }

    .te-industry-card {
        flex: 0 0 calc((100% - 60px) / 4);
        max-width: calc((100% - 60px) / 4);
    }
}

@media (max-width:1024px) {
    .te-service-card {
        flex: 1 1 calc(50% - 24px);
    }

    .te-case-study-title {
        font-size: 24px;
    }

    .te-service-card {
        flex: 0 0 calc((100% - 14px) / 2);
        max-width: calc((100% - 14px) / 2);
    }

    .te-case-study-loadmore .te-case-study-item{
		width:calc(50% - 10px);
	}
    
	.te-rs-wrapper{
		grid-template-columns:repeat(2,1fr);
	}

	.te-rs-title{
		font-size:26px;
	}
}

@media (max-width:767px) {
    .te-services-flex {
        gap: 10px;
    }

    .te-service-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .te-service-title {
        font-size: 26px;
    }

    .te-industry-card {
        flex: 0 0 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }

    .te-industry-title {
        font-size: 15px;
    }

    .te-case-study-boxes {
        grid-template-columns: 1fr;
    }

    .te-case-study-title {
        font-size: 22px;
    }

    .te-case-study-excerpt {
        font-size: 15px;
    }

    .te-case-study-content {
        padding-left: 0;
        margin-top: 20px;
    }
    .te-service-card {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .te-case-study-loadmore .te-case-study-item{
		width:100%;
	}
    .ts-step-2::after,.ts-step-4::after,.ts-step-2::before,.ts-step-4::before, .ts-zoho-system-step-2::after, .ts-zoho-system-step-4::after, .ts-zoho-system-step-2::before, .ts-zoho-system-step-4::before,.ab-our-approach-card-2::after{display:none;}
    .ts-step-3::after, .ts-step-3::before,.ts-zoho-system-step-3::after, .ts-zoho-system-step-3::before{display:block;}

    
	.te-rs-wrapper{
		grid-template-columns:1fr;
		gap:20px;
	}

	.te-rs-content{
		padding:20px;
	}

	.te-rs-title{
		font-size:22px;
	}

	.te-rs-post-type{
		font-size:12px;
		padding:8px 14px;
	}

	.te-rs-play-icon svg{
		width:55px;
		height:55px;
	}
}

@media (max-width:480px) {
    .ts-step-1::after,.ts-step-2::after,.ts-step-3::after,.ts-step-4::after,.ts-step-5::after, .ts-zoho-system-step-1::after, .ts-zoho-system-step-2::after, .ts-zoho-system-step-3::after, .ts-zoho-system-step-4::after, .ts-zoho-system-step-5::after{display:none;}
    .ts-step-1::before,.ts-step-2::before,.ts-step-3::before,.ts-step-4::before,.ts-step-5::before, .ts-zoho-system-step-1::before, .ts-zoho-system-step-2::before, .ts-zoho-system-step-3::before, .ts-zoho-system-step-4::before, .ts-zoho-system-step-5::before{display:none;}
    .ab-our-approach-card-2::after{display:block;}
    .ab-our-approach-card-1::after,.ab-our-approach-card-2::after,.ab-our-approach-card-3::after{
        content: "\2193";
        top: auto;
        bottom: -45px;
        right: 50%;
        transform: translateX(50%);
    }
}