/* ===========================================
   MINIMAL CSS RESET
   =========================================== */
   
@font-face {
    font-family: 'BackToSchool';
    src: local('BackToSchool'),
        url(../../assets/fonts/BackToSchool.woff2) format('woff2'),
        url(../../assets/fonts/BackToSchool.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cheveuxdange';
    src: local('Cheveuxdange'),
        url(../../assets/fonts/Cheveuxdange.woff2) format('woff2'),
        url(../../assets/fonts/Cheveuxdange.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HandodleRegular';
    src: local('HandodleRegular'),
        url(../../assets/fonts/HandodleRegular.woff2) format('woff2'),
        url(../../assets/fonts/HandodleRegular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Only for elements with data-pencil attribute */
[data-pencil="false"] {
    font-family: 'BackToSchool', cursive;
}
[data-light-pencil="false"] {
    font-family: 'Cheveuxdange', cursive;
}
[data-dark-pencil="false"] {
    font-family: 'HandodleRegular', cursive;
}
*,
*::before,
*::after {margin: 0;padding: 0;box-sizing: border-box;}

/* Variables */
:root {
    --primary-color: #007bff;
    --primary-dark: #0056b3;
    --primary-light: #3399ff;
    --primary-rgb: 0, 123, 255;
    --secondary-color: #6c757d;
    --secondary-dark: #495057;
    --secondary-light: #868e96;
    --heading: 35px;
    --subheading: 20px;    
    --para: 15px;     
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, img, ul, ol, li, form, label, table, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {font-family: "Inter", sans-serif;}


/* Custome styles used same area */
.text-gradient{background: #cf316b;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;}
.text-gradient-dark{background:#cf316b;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: 600;}
/* ===========================================
   Header Styles 
   =========================================== */
/* Header Styles */
.page-template-home .immediate_contact a {background: linear-gradient(135deg, #cf316b 0%, #f51467c4 50%, #cf316b 100%);}
.immediate_contact a {background: linear-gradient(135deg, #f6553b, #910909);color: #fff;box-shadow: 0 10px 40px rgb(249 74 22 / 0%);display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 9px 13px;font-size: 13px;font-weight: 600;border-radius: 19px;transition: .3s cubic-bezier(.4, 0, .2, 1);position: relative;overflow: hidden;cursor: pointer;border: none;}
.immediate_contact a:hover{    transform: translateY(-3px);box-shadow: 0 15px 50px rgba(249, 116, 22, 0.021);}
.immediate_contact a:hover::before {transform: translateX(100%);}
.immediate_contact a::before {content: '';position: absolute;inset: 0;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);transform: translateX(-100%);transition: transform .6s;}
.site-header {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 12px 0;transition: all 0.3s ease;}
.site-header.scrolled {backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);padding: 12px 0;}
.header-inner {display: flex;align-items: center;justify-content: space-between;position: relative;}
/* Logo */
.site-logo img {max-height: 50px;width: auto;transition: max-height 0.3s ease;width: 70%;height: 100%;}
.site-header.scrolled .site-logo img {max-height: 50px;}
.site-title {font-size: 24px;font-weight: bold;text-decoration: none;color: #333;transition: font-size 0.3s ease;}
.site-header.scrolled .site-title {font-size: 20px;}
/* Desktop Navigation */
.desktop-navigation {display: none;}
.primary-menu,.mobile-menu {list-style: none;margin: 0;padding: 0;}
.primary-menu {display: flex;gap: 30px;}
.primary-menu li,.mobile-menu li {position: relative;}
.primary-menu a,.mobile-menu a {text-decoration: none;color: #333;font-weight: 500;transition: all 0.3s ease;}
.primary-menu a {padding: 10px 0;font-size: 16px;}
.site-header.scrolled .primary-menu a {font-size: 15px;}
.primary-menu a:hover {color: #0073aa;}
/* Animated Burger Menu Toggle */
.burger-menu-toggle {display: block;position: relative;cursor: pointer;user-select: none;z-index: 1002;}
#burger-toggle {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.burger-icon {position: relative;height: 1.3em;width: 1.3em;}
.burger-icon span {width: 32px;height: 2px;background-color: #333;position: absolute;transition: all 0.3s ease-in-out;}
.site-header.scrolled .burger-icon span {background-color: #333;}
.burger-icon span:nth-child(1) {top: 10%;}
.burger-icon span:nth-child(2) {top: 50%;}
.burger-icon span:nth-child(3) {top: 90%;}
/* Burger Animation when checked */
#burger-toggle:checked ~ .burger-icon span:nth-child(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
#burger-toggle:checked ~ .burger-icon span:nth-child(2) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
#burger-toggle:checked ~ .burger-icon span:nth-child(3) {transform: translateX(-50px);opacity: 0;}
/* Mobile Navigation */
.mobile-navigation {position: fixed;top: 0;right: -100%;width: 80%;max-width: 400px;height: 100vh;background: #fff;box-shadow: -5px 0 15px rgba(0,0,0,0.1);transition: right 0.3s ease;z-index: 1001;overflow-y: auto;}
.mobile-navigation.active {right: 0;}
.mobile-nav-header {display: flex;justify-content: space-between;align-items: center;padding: 28px;border-bottom: 1px solid #eee;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.mobile-menu-close {background: none;border: none;font-size: 24px;cursor: pointer;color: #333;padding: 0;line-height: 1;}
.mobile-menu {padding: 20px;}
.mobile-menu li {margin-bottom: 15px;}
.mobile-menu a {font-size: 18px;display: block;padding: 10px 0;}
/* Overlay for mobile menu */
.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000;display: none;opacity: 0;transition: opacity 0.3s ease;}
.mobile-menu-overlay.active {display: block;opacity: 1;}
/* Media Queries */
@media (min-width: 768px) {.desktop-navigation {display: block;}.burger-menu-toggle {display: none;}.mobile-navigation {display: none;}.mobile-menu-overlay {display: none;}}
@media (max-width: 767px) {.burger-menu-toggle {display: block;padding-right: 21px;}}
/* Add padding to body to prevent content from hiding under fixed header */
body {padding-top: 60px;}
@media (max-width: 767px) {body {padding-top: 61px;}}
/* ===========================================
   ZINLO Loader Screen Styles 
   =========================================== */
    /* ZINLO Loader Screen Styles */

    
/* ===========================================
   Home-Page-Banner Section Styles
   =========================================== */



/* .page-template-home .home-page-banner-section{   background: linear-gradient(180deg, #d5e8fb 0%, #f1eafd 50%, #f8fafc 100%); 
    background: linear-gradient(180deg, #f8fafc 0%, #fff 50%, #f8fafc 100%);
    min-height: 100vh;position: relative;overflow: hidden;padding: 60px 0 100px;} */


    .page-template-home .home-page-banner-section {
    position: relative;
    min-height: 100vh;
    padding: 60px 0 100px;
    overflow: hidden;

    /* Gradient background */
    /* background: linear-gradient(180deg, #d5e8fb 0%, #f1eafd 50%, #f8fafc 100%); */
}

/* Background image with opacity */
/* .page-template-home .home-page-banner-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://img.freepik.com/premium-photo/education-knowledge-concept_670147-38946.jpg?w=1480");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.3;  
    z-index: 0;
} */

/* Keep content above background */
.page-template-home .home-page-banner-section > * {
    position: relative;
    z-index: 1;
}



/* .page-template-home .home-page-banner-section::before {  content: '';position: absolute;top: -20%;right: -10%;width: 60%;height: 80%;background: radial-gradient(ellipse, rgba(59, 130, 246, .08) 0%, transparent 70%);pointer-events: none;} */
.page-template-home .home-page-banner-section::after {    content: '';position: absolute;bottom: -10%;left: -10%;width: 50%;height: 60%;background: radial-gradient(ellipse, rgba(249, 115, 22, .06) 0%, transparent 70%);pointer-events: none;}
.page-template-home .home-page-banner-section .left-side-setups .first-core{
    background: #cf316b;display: flex;align-items: center;gap: 11px; 
       box-shadow: rgb(0 0 0 / 0%) 0px 3px 6px, rgb(0 0 0 / 9%) 0px 3px 6px;padding: 13px 23px;width: fit-content;border-radius: 40px;}

.page-template-home .home-page-banner-section .left-side-setups .first-core .text {font-size: 14px; color: white;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag {margin-top: 26px;text-align: left;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading{font-size: 75px;font-weight: 600;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading .gradient-text
 {background: #cf316b;background-size: 200% auto;
    background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: gradient-shift 3s linear infinite;}



@keyframes gradient-shift {0% { background-position: 0% center; }100% { background-position: 200% center; }}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading .gradient-text .highlight {position: relative;display: inline-block;padding: 0 5px;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading .gradient-text .highlight::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: rgba(var(--primary-rgb), 0.15);z-index: -1;border-radius: var(--radius-sm);animation: highlight-pulse 2s ease-in-out infinite;}
@keyframes highlight-pulse {0%, 100% { height: 40%; opacity: 0.15; }50% { height: 60%; opacity: 0.25; }}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading .gradient-text.rotating-services 
{display: inline-block;min-width: 180px;text-align: left;position: relative;font-weight: 600;}


.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading .gradient-text.rotating-services::after {content: '';position: absolute;right: -20px;top: 50%;transform: translateY(-50%);width: 3px;height: 80%;background: var(--primary);animation: blink 1s step-end infinite;}
.page-template-home .home-page-banner-section .left-side-setups .banner-section-para .hero-description {text-align: left;font-size: 18px;line-height: 33px;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons {display: flex;align-items: center;justify-content: start;gap: 40px;margin-top: 31px;margin-bottom: 46px;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn {position: relative;z-index: 1;display: flex;align-items: center;gap: 8px;padding: 12px 24px;font-size: 18px;font-weight: 600;background: rgba(249, 250, 251, 0.8);backdrop-filter: blur(8px);border: 2px solid #f9fafb;border-radius: 999px;cursor: pointer;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;color: #1f2937;transition: color 0.3s ease;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn::before
 {content: "";position: absolute;inset: 0;left: -100%;width: 100%;aspect-ratio: 1 / 1;background: #cf316b;border-radius: 999px;z-index: -1;transition: all 0.7s ease;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn:hover {color: #ffffff;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn:hover::before {left: 0;transform: scale(1.5);}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-icon {width: 24px;height: 24px;padding: 5px;border-radius: 999px;border: 1px solid #374151;transform: rotate(45deg);transition: all 0.3s ease;background: transparent;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-icon path {fill: #1f2937;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn:hover .second-icon {transform: rotate(90deg);background: #f9fafb;border: none;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one 
{ position: relative;transition: all 0.3s ease-in-out;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    padding: 13px 24px;background-color: #f3d223;border-radius: 49px;display: flex;align-items: center;justify-content: center;
    cursor: pointer;color: #1f1a1a;gap: 10px;font-weight: bold;border: 3px solid rgba(255, 255, 255, 0.3);outline: none;overflow: hidden;font-size: 18px;}


.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one .icon {width: 24px;height: 24px;transition: all 0.3s ease-in-out;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one:hover {transform: scale(1.05);border-color: rgba(255, 255, 255, 0.6);}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one:hover .icon {transform: translate(4px);}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one:hover::before {animation: shine 1.5s ease-out infinite;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one::before {content: "";position: absolute;width: 100px;height: 100%;background-image: linear-gradient(120deg,rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 70%);top: 0;left: -100px;opacity: 0.6;}
@keyframes shine {0% {left: -100px;}60% {left: 100%;}100% {left: 100%;}}
@keyframes blink {0%, 100% { opacity: 1; }50% { opacity: 0; }}
.page-template-home .home-page-banner-section .left-side-setups .first-core .indicator {display: inline-block;width: 8px;height: 8px;background: #22c55e;border-radius: 50%;animation: indicator 2s infinite;}
@keyframes indicator {0%, 100% {opacity: 1;box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4);}50% {opacity: 0.8;box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);}}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area {   display: flex;align-items: center;justify-content: flex-start;gap: 29px;flex-wrap: wrap;margin-top: 44px;width: 73%;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area .banner-trust-icons {display: flex;align-items: center;gap: 14px;color: black;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area .banner-trust-icons  i {width: 32px;height: 32px;background: rgba(34, 197, 94, .1);border-radius: 8px;display: flex;align-items: center;justify-content: center;color: #22c55e;font-size: 16px;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area .banner-trust-icons span {font-size: 15px;}


.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one 
{background: #f3d223;border-color: transparent;
    box-shadow: 0 8px 32px rgba(30, 58, 138, .3);border: 1px solid var(--border);border-radius: 20px;
    padding: 24px;box-shadow: 0 4px 20px rgba(0, 0, 0, .04);transition: all .3s;position: relative;overflow: hidden;}


.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-icon {width: 52px;height: 52px;font-size: 1.4rem;
    background: white;color: #0a0909;border-radius: 14px;display: flex;align-items: center;margin-bottom: 14px;
    transition: all .3s;justify-content: center;}


.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-value.counter-banner {font-size: 46px;color: #030303;font-weight: 800;margin-bottom: 4px;}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-label {font-size: 15px;color: rgba(27, 26, 26, 0.8);}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one:hover {transform: translateY(-6px);box-shadow: 0 16px 48px rgba(30, 58, 138, .4);}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours { background:#cf316b; border: 1px solid #e2e8f0; border-radius: 20px; padding: 24px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; transition: all .3s; position: relative; overflow: hidden;}

.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours.color-cross {
    background: #f3d223;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours:hover::before {transform: scaleX(1);}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background: white;transform: scaleX(0);transition: transform .3s;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours:hover {transform: translateY(-6px);box-shadow: 0 12px 32px rgba(0, 0, 0, .1);border-color: transparent;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours:hover .banner-stat-icon{transform: scale(1.1);}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-icon {width: 48px;height: 48px;background: linear-gradient(135deg, #eff6ff, #ede9fe);border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;color: #1e3a8a;margin-bottom: 14px;transition: all .3s;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-value.counter-banner {font-size:36px;font-weight: 800;color: #ffffff;line-height: 1;margin-bottom: 4px;}

.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours.color-cross .banner-stat-value.counter-banner {
    font-size: 36px;
    font-weight: 800;
    color: #252020;
    line-height: 1;
    margin-bottom: 4px;
}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours.color-cross .banner-stat-label {
    color: #060606;
    font-size: 14px;
}

.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-label {color: #eff1f3;font-size: 14px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-title {font-size: 13px;color: #94a3b8;text-transform: uppercase;letter-spacing: .1em;margin-bottom: 16px;font-weight: 600;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links {display: flex;flex-wrap: wrap;gap: 10px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill {display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;background: #fff;border: 1px solid #e2e8f0;border-radius: 100px;font-size: 15px;font-weight: 500;color: #0f172a;transition: all .3s;text-decoration: none;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill.active 
{background: #cf316b !important;color: #fff !important;border-color: transparent !important;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill:hover
 {    background: #cf316b;
    color: #fff;
    border-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 58, 138, .2);}


.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill.active:hover {background: linear-gradient(135deg, #ea580c, #f97316);box-shadow: 0 4px 16px rgba(249, 115, 22, .3);}
.page-template-home .home-page-banner-section .right-side-setup .banner-services {margin-top: 70px !important;}
.page-template-home .home-page-banner-section .banner-floating-badge {position: absolute;background: #fff;border-radius: 16px;padding: 14px 20px;box-shadow: 0 20px 50px rgba(0, 0, 0, .3);display: flex;align-items: center;gap: 12px;animation: movement-badge 4s ease-in-out infinite;}
@keyframes movement-badge { 0%, 100% {transform: translateY(0);}50% {transform: translateY(-10px);}}
.page-template-home .home-page-banner-section .banner-floating-badge .floating-badge-icon {width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;}
.page-template-home .home-page-banner-section .banner-floating-badge .floating-badge-icon.color-one {    background: rgb(197 34 153 / 10%);
    color: #cf316b;}
.page-template-home .home-page-banner-section .banner-floating-badge .floating-badge-words {font-size: 14px;color: #475569;line-height: 25px;}
.page-template-home .home-page-banner-section #banner-section-posotion-values {position: relative;}
.page-template-home .home-page-banner-section .banner-floating-badge.badge-one {top: 10%;right: -20px;animation-delay: -1s;}
.page-template-home .home-page-banner-section .banner-floating-badge.badge-two {bottom:18%;left: -40px;animation-delay: -2s;}
.page-template-home .home-page-banner-section .banner-floating-badge .floating-badge-words strong {display: block;font-size: 16px;color: #0f172a;}
.page-template-home .home-page-banner-section .banner-floating-badge .floating-badge-icon.color-two {    background: rgb(197 34 153 / 10%);
    color: #cf316b;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill i {font-size: 17px;color: #1e3a8a;transition: color .3s;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill.active i {color: white;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill:hover i{color: white !important;}
.page-template-home .mobile-used-elements {display: none;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page-Assurance-Section
   =========================================== */
.page-template-home .assurance-banner {background: #f3d223;padding: 40px 0;border-bottom: 1px solid #e2e8f0;}
.page-template-home .assurance-banner .assurance-section-flex {display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card {display: flex;align-items: center;gap: 14px;padding: 18px 24px;background: #fff;border-radius: 16px;border: 1px solid #e2e8f0;box-shadow: 0 4px 12px rgba(0, 0, 0, .04);transition: all .3s;position: relative;overflow: hidden;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card .assurance-card__content strong {display: block;color: #0f172a;font-size: 14px;font-weight: 700;margin-bottom: 2px;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card .assurance-card__icon {width: 48px;height: 48px;background: linear-gradient(135deg, #eff6ff, #ede9fe);border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #1e3a8a;flex-shrink: 0;transition: all .3s;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: #cf316b;opacity: 0;transition: opacity .3s;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, .08);border-color: transparent;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card:hover::before {opacity: 1;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page-About-Section
   =========================================== */
.page-template-home .about-section {padding: 100px 0;background: #fff;}
.page-template-home .about-section .about-intro-content .section-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 100px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .about-section .about-intro-content h2 {margin-bottom: 24px;font-size: 56px;font-weight: 700;}
.page-template-home .about-section .about-intro-content p {color: #475569;font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.page-template-home .about-section .about-intro-content .about-features {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 32px;}
.page-template-home .about-section .about-intro-content .about-features .about-feature{display: flex;align-items: center;gap: 12px;padding: 16px;background: #f8fafc;border-radius: 12px;}
.page-template-home .about-section .about-intro-content .about-features .about-feature i {font-size: 1.25rem;color: #1e3a8a;}
.page-template-home .about-section .about-intro-content .about-features .about-feature span {font-weight: 500;color: #0f172a;}
.page-template-home .about-section .about-image-area img {width: 80%;}
.page-template-home .about-section .about-image-area {display: flex;justify-content: center;align-items: center;height: 100%;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page-Service-Section
   =========================================== */
.page-template-home .our_services {padding: 70px 0;background: #f8fafc;}
.page-template-home .our_services .services-header .services-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 200px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .our_services .services-header {text-align: center;}
.page-template-home .our_services .services-header h2 {margin-bottom: 12px;font-size: 56px;font-weight: 700;}
.page-template-home .our_services .services-header p {color: #475569;font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.page-template-home .our_services .inside-left-cards.cross-color {
    background: #f3d223;
}
.page-template-home .our_services .inside-left-cards.cross-color p {
    color: #020202;
}

.page-template-home .our_services .inside-left-cards.cross-color .bento-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 6px 14px;
    background: #ffffff;
    border-radius: 100px;
    font-size: .75rem;
    font-weight: 700;
    color: #cf316b;
}
.page-template-home .our_services .inside-left-cards {background: #fff;border-radius: 21px;padding: 23px 30px;border: 1px solid #e2e8f0;transition: all .4s cubic-bezier(.4, 0, .2, 1);position: relative;overflow: hidden;text-decoration: none;display: flex;flex-direction: column;}
.page-template-home .our_services .inside-left-cards .bento-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 6px 14px;
    background: #f3d223;
    border-radius: 100px;
    font-size: .75rem;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: .6px;}


.page-template-home .our_services .inside-left-cards .bento-card.web .bento-icon {background: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .1));color: #0f172a;}
.page-template-home .our_services .inside-left-cards .bento-icon {width: 64px;height: 64px;border-radius: 16px;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;margin-bottom: 20px;transition: all .4s;}
.page-template-home .our_services .inside-left-cards h3 {font-size: 25px;margin-bottom: 10px;color: black;font-weight: 600;}
.page-template-home .our_services .inside-left-cards p {color: #475569;line-height: 1.7;margin-bottom: 12px;}
.page-template-home .our_services .inside-left-cards .bento-features {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 14px;}
.page-template-home .our_services .inside-left-cards .bento-features .bento-feature-tag {padding: 6px 12px;background: #f8fafc;border-radius: 8px;font-size: 13px;color: #475569;}
.page-template-home .our_services .inside-left-cards a {text-decoration: none;}
.page-template-home .our_services .inside-left-cards .bento-footer {display: flex;align-items: center;justify-content: space-between;padding-top: 16px;border-top: 1px solid #e2e8f0;margin-top: auto;}
.page-template-home .our_services .inside-left-cards .bento-footer .bento-price {font-size: 15px;color: #101011;}
.page-template-home .our_services .inside-left-cards .bento-footer .bento-link {display: flex;align-items: center;gap: 6px;color: #1e3a8a;font-weight: 600;font-size: 15px;}
.page-template-home .our_services .inside-left-cards .bento-card:hover .bento-icon {transform: scale(1.1) rotate(360deg);transition: transform 0.7s ease-in-out;}
.bento-card:hover .bento-link i {transform: translateX(5px);transition: transform 0.3s ease-in-out;}
.page-template-home .our_services .inside-left-cards .bento-card.web::before {background: #cf316b;}
.page-template-home .our_services .inside-left-cards .bento-card:hover::before {transform: scaleX(1);}
.page-template-home .our_services .inside-left-cards .bento-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;transform: scaleX(0);transform-origin: left;transition: transform .4s;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page-Why Choose Us-Section
   =========================================== */
.page-template-home .why_choose_us {padding: 111px 0 63px;position: relative;overflow: hidden;background: #f3d223;}
.page-template-home .why_choose_us .right-side-us .cards-section {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;border-radius: 21px;padding: 23px 30px;border: 1px solid #e2e8f0;transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.page-template-home .why_choose_us .section-header.reveal.visible .section-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #ffffff;border-radius: 200px;color: #131314;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .why_choose_us .inside-left-us .discription-area ul li strong {color: #cf316b;}
.page-template-home .why_choose_us .section-header.reveal.visible h2 {margin-bottom: 12px;font-size: 56px;font-weight: 700;color: #0f0e0e;}
.page-template-home .why_choose_us .inside-left-us .discription-area p {color: #141111;font-size: 18px;line-height: 32px;margin-bottom: 10px;}
.page-template-home .why_choose_us .section-header.reveal.visible p{color: #141111;font-size: 18px;line-height: 32px;}
.page-template-home .why_choose_us .inside-left-us .discription-area ul li{padding-bottom: 1px;color: #141111;font-size: 18px;line-height: 32px;}
.page-template-home .why_choose_us .inside-left-us .discription-area ul {padding-left: 18px;}
.page-template-home .why_choose_us .right-side-us .cards-section .heading-details h2 {font-weight: 800;font-size: 35px;padding: 15px 0px;}
.page-template-home .why_choose_us .right-side-us .cards-section .heading-details p {font-size: 15px;}
.page-template-home .why_choose_us .right-side-us #p-t-design-style {margin-top: 63px;}
.page-template-home .why_choose_us .right-side-us {display: flex;align-items: center;justify-content: center;height: 100%;position: relative;z-index: 90;}
.page-template-home .why_choose_us .right-side-us .cards-section .icon-bg-set {background-color: #f3d223;padding: 11px 12px;border-radius: 15px;}
.page-template-home .why_choose_us .right-side-us .cards-section .icon-bg-set .us-svg {width: 41px;fill: #87000d;}
.page-template-home .why_choose_us .right-side-us-only-mobile {display: none;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page- Clients-Section
   =========================================== */
.page-template-home .clients_says {padding: 111px 0 63px;background: linear-gradient(135deg, #eff6ff, #faf5ff);}
.page-template-home .clients_says .clients-header .clients-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 200px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .clients_says .clients-header h2 {margin-bottom: 12px;font-size: 56px;font-weight: 700;}
.page-template-home .clients_says .clients-header p {color: #475569;font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.page-template-home .clients_says .clients-header {text-align: center;}
.page-template-home .clients_says .inside-clients-cards {background: #fff;border-radius: 24px;padding: 32px;box-shadow: 0 4px 20px rgba(0, 0, 0, .06);border: 1px solid rgba(0, 0, 0, .05);transition: all .3s;position: relative;}
.page-template-home .clients_says .clients-card::before {content: '"';position: absolute;top: 20px;right: 28px;font-size: 5rem;font-family: Georgia, serif;color: #ffcb05;line-height: 1;}
.page-template-home .clients_says .inside-clients-cards .clients-rating {display: flex;gap: 4px;color: #fbbf24;margin-bottom: 16px;}
.page-template-home .clients_says .inside-clients-cards .clients-text {font-size: 17px;color: #475569;line-height: 1.8;margin-bottom: 24px;position: relative;z-index: 1;}
.page-template-home .clients_says .inside-clients-cards .clients-author {display: flex;align-items: center;gap: 14px;}
.page-template-home .clients_says .inside-clients-cards .clients-avatar {width: 52px;height: 52px;border-radius: 50%;overflow: hidden;border: 3px solid #dbeafe;}
.page-template-home .clients_says .inside-clients-cards .clients-avatar img {width: 100%;height: 100%;object-fit: cover;}
.page-template-home .clients_says .inside-clients-cards .clients-info h4 {font-size: 16px;margin-bottom: 2px;}
.page-template-home .clients_says .inside-clients-cards .clients-info p {font-size: 14px;color: #94a3b8;margin: 0;}
.page-template-home .clients_says .inside-clients-cards .clients-result {margin-top: 20px;padding: 14px;background: #fbbf24;border-radius: 12px;display: flex;align-items: center;gap: 10px;}
.page-template-home .clients_says .inside-clients-cards .clients-result i {font-size: 20px;color: #22c55e;}
.page-template-home .clients_says .inside-clients-cards .clients-result span {font-size: 15px;color: #0f172a;font-weight: 500;}
.page-template-home .clients_says .inside-clients-cards:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, .1);}  
/* ====================   End ========================== */


/* ===========================================
   Home-Page- CTA Banner-Section
   =========================================== */
.page-template-home .cta_banner {padding: 100px 0;background: #f3d223;position: relative;overflow: hidden;}
.page-template-home .cta_banner .cta-content {text-align: center;position: relative;z-index: 1;margin: 0 auto;}
.page-template-home .cta_banner .cta-content .cta-badge {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background:white;border: 1px solid rgba(255, 255, 255, .2);border-radius: 100px;color: #0f172a;font-size: .9rem;margin-bottom: 24px;}
.page-template-home .cta_banner .cta-content .cta-badge i {color: #ff7300;}
.page-template-home .cta_banner .cta-content h2 {color: #0e0d0d;margin-bottom: 16px;font-size: 56px;font-weight: 600;}
.page-template-home .cta_banner .cta-content p {color: rgba(7, 6, 6, 0.7);font-size: 19px;margin-bottom: 36px;}
.page-template-home .cta_banner .cta-content .cta-trust {display: flex;justify-content: center;gap: 32px;flex-wrap: wrap;}
.page-template-home .cta_banner .cta-content .cta-trust .cta-trust-item {display: flex;align-items: center;gap: 8px;color: rgb(3, 3, 3);font-size: .9rem;}
.page-template-home .cta_banner .cta-content .cta-trust .cta-trust-item i {color: #22c55e;font-size: 20px;}
.page-template-home .cta_banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23fff' fill-opacity='.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.page-template-home .cta_banner .cta-content .cta-buttons .second-btn {position: relative;z-index: 1;display: flex;align-items: center;gap: 8px;padding: 14px 24px;font-size: 18px;font-weight: 600;background: rgba(249, 250, 251, 0.8);backdrop-filter: blur(8px);border: 2px solid #f9fafb;border-radius: 999px;cursor: pointer;overflow: hidden;color: #1f2937;transition: color 0.3s ease;}
.page-template-home .cta_banner .cta-content .cta-buttons .second-btn::before {content: "";position: absolute;inset: 0;left: -100%;width: 100%;aspect-ratio: 1 / 1;background: #cf316b;border-radius: 999px;z-index: -1;transition: all 0.7s ease;}
.page-template-home .cta_banner .cta-content .cta-buttons .second-btn:hover {color: #ffffff;}
.page-template-home .cta_banner .cta-content .cta-buttons .second-btn:hover::before {left: 0;transform: scale(1.5);}
.page-template-home .cta_banner .cta-content .cta-buttons .second-icon {width: 24px;height: 24px;padding: 5px;border-radius: 999px;border: 1px solid #374151;transform: rotate(45deg);transition: all 0.3s ease;background: transparent;}
.page-template-home .cta_banner .cta-content .cta-buttons .second-icon path {fill: #1f2937;}
.page-template-home .cta_banner .cta-content .cta-buttons .second-btn:hover .second-icon {transform: rotate(90deg);background: #f9fafb;border: none;}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one { position: relative;transition: all 0.3s ease-in-out;padding: 13px 24px;background-color:#cf316b;border-radius: 49px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: white;gap: 10px;font-weight: bold;border: 3px solid rgba(255, 255, 255, 0.3);outline: none;overflow: hidden;font-size: 18px;}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one .icon {width: 24px;height: 24px;transition: all 0.3s ease-in-out;}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one:hover {transform: scale(1.05);border-color: rgba(255, 255, 255, 0.6);}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one:hover .icon {transform: translate(4px);}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one:hover::before {animation: shine 1.5s ease-out infinite;}
.page-template-home .cta_banner .cta-content .cta-buttons .button-one::before {content: "";position: absolute;width: 100px;height: 100%;background-image: linear-gradient(120deg,rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 70%);top: 0;left: -100px;opacity: 0.6;}
.page-template-home .cta_banner .cta-content .cta-buttons {display: flex;align-items: center;justify-content: center;gap: 21px;margin-bottom: 25px;}
/* ====================   End ========================== */


/* ===========================================
   Home-Page- Industariew we serve -Section
   =========================================== */
.page-template-home .industaries_we_serve {background-color: #f3d223;padding: 111px 0 63px;}
.page-template-home .industaries_we_serve .industaries-header {text-align: center;}
.page-template-home .industaries_we_serve .industaries-header .industaries-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 200px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .industaries_we_serve .industaries-header h2 {margin-bottom: 12px;font-size: 56px;font-weight: 700;}
.page-template-home .industaries_we_serve .industaries-header p {color: #475569;font-size: 18px;line-height: 32px;margin-bottom: 20px;}
.page-template-home .industaries_we_serve .inside-cards-details {width: 100%;height: 200px;border: 1px solid #dedede;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;background-color: #ffffff;border-radius: 10px;margin: 0px;padding: 10px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;position: relative;margin-bottom: 30px;}
.page-template-home .industaries_we_serve .inside-cards-details a {display: block;width: 100%;text-align: center;text-decoration: none;} 
.page-template-home .industaries_we_serve .inside-cards-details .imageblock {height: 50px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-template-home .industaries_we_serve .inside-cards-details .imageblock img {width: 80px;}
.page-template-home .industaries_we_serve .inside-cards-details img {height: 100px;position: relative;z-index: 2;width: auto;}
.page-template-home .industaries_we_serve .inside-cards-details strong,
.page-template-home .industaries_we_serve .inside-cards-details strong {font-weight: 600;text-align: center;color: #000;position: relative;z-index: 2;padding-top: 40px;}
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box, 
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box-glow {height: 100%;width: 100%;position: absolute;left: 0;top: 0;z-index: 0;border-radius: 10px;opacity: 0;transition: all 0.4s ease 0s;overflow: hidden;}
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box-glow {filter: blur(20px);}
.page-template-home .industaries_we_serve .inside-cards-details:hover .animated-border-box,
.page-template-home .industaries_we_serve .inside-cards-details:hover .animated-border-box-glow {opacity: 1;}
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box-glow:before, 
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box:before {content: "";z-index: -2;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(0deg);position: absolute;width: 99999px;height: 99999px;background-repeat: no-repeat;background-position: 0 0;background-image: conic-gradient(from 0deg,rgba(0,0,0,0),#7b61ff, #00c4ff, rgba(0,0,0,0) 25%);animation: rotate 4s linear infinite;}
.page-template-home .industaries_we_serve .inside-cards-details .animated-border-box:after {content: "";position: absolute;z-index: -1;left: 5px;top: 5px;width: calc(100% - 10px);height: calc(100% - 10px);background: #fff;border-radius: 7px;}
@keyframes rotate {100% {transform: translate(-50%, -50%) rotate(1turn);}}
.page-template-home .industaries_we_serve .pc-view {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 14px;grid-row-gap: 0px;}


/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* ************************************ Services Page Templates Styles ***************************************** */
/* ************************************************************************************************************* */
/* ************************************************************************************************************* */
/* ===========================================
   Services Page Styles
   =========================================== */
.page-template-web-dev{font-family: "Poppins", sans-serif;}
.page-template-web-dev .service_banner_section {padding: 55px 0px 0px 0px;background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;background-blend-mode: normal, normal, darken, normal;}
.page-template-web-dev .service_banner_section .left-text h1 {font-size: 56px;color: #212529;margin-bottom: 20px;font-weight: 700;}
.page-template-web-dev .service_banner_section .left-text p {font-size: 23px;color: #212529;line-height: 1.5;}
.page-template-web-dev .banner_first_btn {--offset: 2px;cursor: pointer;position: relative;display: flex;align-items: center;gap: 0.5rem;transform-origin: center;padding: 1rem 2rem;background-color: transparent;border: none;border-radius: 9999px;transform: scale(calc(1 + (var(--active, 0) * 0.1)));transition: transform 0.3s ease-in-out;}
.page-template-web-dev .banner_first_btn::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: #ffffff;border-radius: 9999px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;transition: all 0.3s ease-in-out;z-index: 0;}
.page-template-web-dev .banner_first_btn::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: hsla(260 97% 61% / 0.75);background-image: radial-gradient(at 51% 89%,hsla(266, 45%, 74%, 1) 0px,transparent 50%),radial-gradient(at 100% 100%, hsla(266, 36%, 60%, 1) 0px, transparent 50%),radial-gradient(at 22% 91%, hsla(266, 36%, 60%, 1) 0px, transparent 50%);background-position: top;opacity: var(--active, 0);border-radius: 9999px;transition: opacity 0.3s ease-in-out;z-index: 2;}
.page-template-web-dev .banner_first_btn:active {transform: scale(1);}
.page-template-web-dev .banner_first_btn .dots_border {--size_border: calc(100% + 2px);overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: var(--size_border);height: var(--size_border);background-color: transparent;border-radius: 9999px;z-index: -10;}
.page-template-web-dev .banner_first_btn .dots_border::before {content: "";position: absolute;top: 30%;left: 50%;transform: translate(-50%, -50%);transform-origin: left;transform: rotate(0deg);width: 100%;height: 2rem;background-color: rgb(0, 0, 0);mask: linear-gradient(transparent 0%, white 120%);animation: rotate 2s linear infinite;}
@keyframes rotate {to {transform: rotate(360deg);}}
.page-template-web-dev .banner_first_btn .sparkle {position: relative;z-index: 10;width: 1.75rem;}
.page-template-web-dev .banner_first_btn .sparkle .path {fill: currentColor;stroke: currentColor;transform-origin: center;color: hsl(0, 0%, 100%);}
.page-template-web-dev .banner_first_btn:is(:hover, :focus) .sparkle .path {animation: path 1.5s linear 0.5s infinite;}
.page-template-web-dev .banner_first_btn .sparkle .path:nth-child(1) {--scale_path_1: 1.2;}
.page-template-web-dev .banner_first_btn .sparkle .path:nth-child(2) {--scale_path_2: 1.2;}
.page-template-web-dev .banner_first_btn .sparkle .path:nth-child(3) {--scale_path_3: 1.2;}
@keyframes path {0%,34%,71%,100% {transform: scale(1);}17% {transform: scale(var(--scale_path_1, 1));}49% {transform: scale(var(--scale_path_2, 1));}83% {transform: scale(var(--scale_path_3, 1));}}
.page-template-web-dev .banner_first_btn .text_button {z-index: 10;color: black;}
.page-template-web-dev .banner_second_btn {position: relative;font-size: 17px;text-transform: uppercase;text-decoration: none;padding: 1em 2.5em;display: inline-block;cursor: pointer;border-radius: 6em;transition: all 0.2s;border: none;font-family: inherit;font-weight: 500;color: black;background-color: white;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.page-template-web-dev .banner_second_btn:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.page-template-web-dev .banner_second_btn:active {transform: translateY(-1px);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.page-template-web-dev .banner_second_btn::after {content: "";display: inline-block;height: 100%;width: 100%;border-radius: 100px;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.4s;}
.page-template-web-dev .banner_second_btn::after {background-color: #fff;}
.page-template-web-dev .banner_second_btn:hover::after {transform: scaleX(1.4) scaleY(1.6);opacity: 0;}
.page-template-web-dev .service_banner_section .home_banner_clients .home_banner_client_itms .home_banner_client_itm img {width: 100%;}
.page-template-web-dev .service_banner_section .home_banner_client_itms {display: flex;align-items: center;gap: 12px;}
.page-template-web-dev .service_banner_section .banner_btns {display: flex;align-items: center;justify-content: start;gap: 30px;}
.page-template-web-dev .service_banner_section .home_banner_clients h4 {font-size: 24px;font-weight: 600;color: black;padding-bottom: 19px;}
.page-template-web-dev .changing-word {position: absolute;top: 0;left: 0;opacity: 0;white-space: nowrap;font-weight: 800;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.page-template-web-dev .changing-word.active {position: relative;opacity: 1;transform: translateY(0);animation: gradientFlow 4s linear infinite;}
.page-template-web-dev .changing-word {transform: translateY(20px);}
@keyframes gradientFlow {0%, 100% {background-image: linear-gradient(90deg,  #ff6b6b, #ffd93d, #6bcf7f, #4d96ff, #ff6b6b);background-size: 400% 100%;background-position: 0% 50%;}50% {background-image: linear-gradient(90deg, #4d96ff, #ff6b6b, #ffd93d, #6bcf7f, #4d96ff);background-size: 400% 100%;background-position: 100% 50%;}}
.page-template-web-dev .changing-word.active::after {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #ff6b6b, #4d96ff);animation: underlineGrow 0.5s ease-out;}
@keyframes underlineGrow {from { width: 0; opacity: 0; }to { width: 100%; opacity: 1; }}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card {box-shadow: 20px 20px 20px #98abcd;width: 87%;background-color: #fff;margin: 0 0 0 auto;padding: 20px;border-radius: 13px;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .request-form-header h3 {font-size: 24px;font-weight: 600;text-align: center;color: black;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .request-form-header p {font-size: 15px;text-align: center;color: black;font-weight: 500;padding-bottom: 18px;padding-top: 2px;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .request-form-header p::after{content: "";width: 110px;height: 3px;background: #707070;display: block;margin: 10px auto 5px;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .form-section .form-check-label {font-size: 12px;}
.page-template-web-dev .service_banner_section .official_partners {margin-top: 50px;background: #161616;padding: 15px 0px;}
.page-template-web-dev .service_banner_section .official_partners .heading h2 {padding-bottom: 16px;font-weight: 600;font-size: 26px;color: white;}
.page-template-web-dev .service_banner_section .official_partners .partners-logo .logos svg{width: 87%;max-height: 39px;}
.page-template-web-dev .service_banner_section .official_partners .partners-logo {display: flex;align-items: center;}
.page-template-web-dev .service_banner_section .official_partners .right-side-partners-section {position: relative;width: 100%;background: linear-gradient(109deg, rgba(255, 255, 255, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);z-index: 1;margin-left: auto;margin-right: auto;display: flex;align-items: center;justify-content: space-around;gap: 5px;padding: 24px;border-radius: 50px;}
.page-template-web-dev .service_banner_section .official_partners .right-side-partners-section::before{content: "";position: absolute;inset: 0;padding: 1px;background: linear-gradient(109deg, rgba(201, 201, 201, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;border: 1.8px solid rgb(255 255 255 / 50%);border-right: 0;border-radius: 50px;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .form-section button {background: linear-gradient(306deg, #f6553b, #910909);border: none;width: 56%;font-size: 16px;margin: auto;}

.page-template-web-dev .our_trust {background-color: rgb(255 255 255);padding: 80px 0px ;}
.page-template-web-dev .our_trust .heading-area {text-align: center;margin-bottom: 33px;}
.page-template-web-dev .our_trust .heading-area .section-title {font-size: 40px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;}
.page-template-web-dev .our_trust .heading-area .section-description {font-size: 18px;color: #1C1C1C;line-height: 1.6;width: 100%;margin: 0px;}
.page-template-web-dev .our_trust .inside-cards {background: white;border: 1px solid #dde9f7;border-radius: 20px;padding: 40px 20px;text-align: center;height: 100%;transition: all 0.3s ease;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);align-items: center;display: flex;flex-wrap: wrap;justify-content: center;min-height: 200px;}
.page-template-web-dev .our_trust .inside-cards:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}
.page-template-web-dev .our_trust .inside-cards .textes-inside .color_number {font-size: 50px;font-weight: 600;color: #df0c0c;}
.page-template-web-dev .our_trust .inside-cards .textes-inside .number {font-size: 50px;font-weight: 600;color: #000000;}
.page-template-web-dev .our_trust .inside-cards .textes-inside .text {font-size: 14px;color: #1C1C1C;font-weight: 600;line-height: 1.4;text-transform: capitalize;width: 100%;}

/* ===========================================
   our process
   =========================================== */

.page-template-web-dev .our_process {background: linear-gradient(135deg, rgb(248, 250, 255) 0%, rgb(232, 244, 253) 100%);padding: 80px 0px;}
.page-template-web-dev .our_process .inside-boxes {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 27px;grid-row-gap: 27px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card.start-card {background: linear-gradient(135deg, rgb(245 234 159) 0%, rgb(255 250 217) 50%, rgb(255 253 253) 100%);border-radius: 16px;padding: 30px 25px;height: 100%;text-align: center;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px;transition: 0.3s;position: relative;overflow: hidden;min-height: 280px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card {background: white;border-radius: 20px;padding: 30px 25px;height: 100%;text-align: center;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px;transition: 0.3s;position: relative;overflow: hidden;min-height: 280px;}
.process-card.last-process-card {background: url(http://localhost/website/wp-content/uploads/2026/01/sample-497-x-900-px-scaled.png) center center / cover no-repeat;border-radius: 20px;padding: 30px 25px;height: 100%;text-align: center;box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px;transition: 0.3s;position: relative;overflow: hidden;width: 100%;}
.process-card.last-process-card .process-icon {height: 379px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card img {width: 32%;}
.page-template-web-dev .our_process .headings h2 {font-size: 40px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;}
.page-template-web-dev .our_process .headings {text-align: center;padding-bottom: 43px;}
.page-template-web-dev .our_process .headings p {font-size: 18px;color: #1C1C1C;line-height: 1.6;width: 100%;margin: 0px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card .process-step-title {font-size: 18px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;}
.process-card.last-process-card .process-step-title {font-size: 18px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;margin-top: 15px;line-height: 1.3;}
.page-template-web-dev .our_process .inside-boxes .boxes-card .process-step-description,
.process-card.last-process-card .process-step-description {font-size: 16px;color: #1C1C1C;line-height: 1.6;width: 100%;margin: 0px;}




 /* ===========================================
   services carousel styles
   =========================================== */
        /* Main Services Carousel Section */
.page-template-web-dev .our_services_provide_carousel { padding: 80px 0; background-color: #ffffff;}
.page-template-web-dev .services_carousel_container {width: 100%;}
.page-template-web-dev .services_carousel_header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.page-template-web-dev .services_carousel_title {flex: 1;}
.page-template-web-dev .services_carousel_title h2 {font-size: 40px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;}
.page-template-web-dev .services_carousel_title p {font-size: 18px;color: #1C1C1C;line-height: 1.6;width: 100%;margin: 0px;}
.page-template-web-dev .services_carousel_wrapper {position: relative;}
.page-template-web-dev .service_card_item {position: relative;}
.page-template-web-dev .service_card_image {width: 100% !important;}
.page-template-web-dev .service_card_content {padding: 8px 17px;position: absolute;top: 163px;}
.page-template-web-dev .service_card_icon {width: 35px !important;}
.page-template-web-dev .service_card_title {line-height: 1.3;font-size: 14px;margin-bottom: 10px;font-weight: 700;margin-top: 20px;color: #f4b806;}
.page-template-web-dev .service_card_desc {font-size: 12px;line-height: 18px;color:#fff;}
.page-template-web-dev #services_owl_carousel.owl-carousel {z-index: 1;}
.page-template-web-dev #services_owl_carousel .owl-stage-outer { overflow: hidden; padding: 10px 0;}
.page-template-web-dev #services_owl_carousel .owl-item {opacity: 1;transition: opacity 0.3s ease;}
.page-template-web-dev #services_owl_carousel .owl-stage {display: flex;}
.page-template-web-dev #services_owl_carousel .owl-nav {display: flex ;gap: 10px;margin-top: 0 ;}
.page-template-web-dev #services_owl_carousel .owl-prev,
.page-template-web-dev #services_owl_carousel .owl-next {width: 45px;height: 45px;background: #3498db ;color: white ;border-radius: 50% ;display: flex ;align-items: center;justify-content: center;transition: all 0.3s ease;border: none ;box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);position: absolute;top: -70px;}
.page-template-web-dev #services_owl_carousel .owl-prev {right: 60px;} 
.page-template-web-dev #services_owl_carousel .owl-next {right: 0;}
.page-template-web-dev #services_owl_carousel .owl-prev span,
.page-template-web-dev #services_owl_carousel .owl-next span {font-size: 24px ;line-height: 1;font-weight: bold;}
.page-template-web-dev #services_owl_carousel .owl-prev.disabled,
.page-template-web-dev #services_owl_carousel .owl-next.disabled {opacity: 0.5;cursor: not-allowed ;background: #bdc3c7 ;}
.page-template-web-dev #services_owl_carousel .owl-dots {text-align: center;margin-top: 30px;display: none;}
.page-template-web-dev #services_owl_carousel .owl-dot span {width: 12px ;height: 12px ;margin: 5px ;background: #dcdcdc ;transition: all 0.3s ease;}
.page-template-web-dev #services_owl_carousel .owl-dot.active span {background: #3498db ;transform: scale(1.2);}
.page-template-web-dev .services_carousel_nav_container {position: relative;min-height: 45px;display: flex;gap: 22px;}
.page-template-web-dev .our_services_provide_carousel .owl-prev { box-sizing: border-box; border: 0; border-radius: 6px; color: #fff; padding: 7px 8px; background: #df0c0c; display: flex; transition: 0.2s background; align-items: center; gap: 0.6em; font-weight: bold; width: 45px; height: 45px;}
.page-template-web-dev .our_services_provide_carousel .owl-prev .arrow-wrapper {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.page-template-web-dev .our_services_provide_carousel .owl-prev .arrow {margin-top: 1px;width: 10px;background: #df0c0c;height: 2px;position: relative;transition: 0.2s;}
.page-template-web-dev .our_services_provide_carousel .owl-prev .arrow::before {content: "";box-sizing: border-box;position: absolute;border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;top: -3px;right: 3px;transition: 0.2s;padding: 3px;transform: rotate(135deg); }
.page-template-web-dev .our_services_provide_carousel .owl-prev:hover { background-color: #111;}
.page-template-web-dev .our_services_provide_carousel .owl-prev:hover .arrow {background: #fff;}
.page-template-web-dev .our_services_provide_carousel .owl-prev:hover .arrow:before {right: 0;}
.page-template-web-dev .our_services_provide_carousel .owl-next {box-sizing: border-box;border: 0;border-radius: 6px;color: #fff;padding: 7px 8px;background: #df0c0c;display: flex;transition: 0.2s background;align-items: center;gap: 0.6em;font-weight: bold;width: 45px;height: 45px;}
.page-template-web-dev .our_services_provide_carousel .owl-next .arrow-wrapper {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.page-template-web-dev .our_services_provide_carousel .owl-next .arrow {margin-top: 1px;width: 10px;background: #df0c0c;height: 2px;position: relative;transition: 0.2s;}
.page-template-web-dev .our_services_provide_carousel .owl-next .arrow::before {content: "";box-sizing: border-box;position: absolute;border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;top: -3px;right: 3px;transition: 0.2s;padding: 3px;transform: rotate(-45deg);}
.page-template-web-dev .our_services_provide_carousel .owl-next:hover {background-color: #111;}
.page-template-web-dev .our_services_provide_carousel .owl-next:hover .arrow {background: #fff;}
.page-template-web-dev .our_services_provide_carousel .owl-next:hover .arrow:before {right: 0;}
.page-template-web-dev .our_services_provide_carousel .owl-prev span,
.page-template-web-dev .our_services_provide_carousel .owl-next span {display: none;}
.page-template-web-dev .our_services_provide_carousel .owl-nav {display: flex ;gap: 10px;margin-top: 0 ;position: absolute;top: -70px;right: 0;}

    /* ===========================================
   Web Redesign Styles
   =========================================== */
.page-template-web-dev .web_redesign .section-header p {font-size: 18px;color: #1C1C1C;line-height: 1.6;width: 62%;margin: auto;text-align: center;padding-bottom: 52px;}
.page-template-web-dev .web_redesign .section-header h2 {font-size: 40px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;text-align: center;}
.page-template-web-dev .web_redesign #bg-line {position: relative;}
.page-template-web-dev .web_redesign #bg-line::before{content: '';position: absolute;top: 45px;left: 12%;right: 12%;height: 4px;background: linear-gradient(90deg, #3b82f6, #60a5fa, #93c5fd, #22c55e);border-radius: 2px;z-index: 0;}
.page-template-web-dev .web_redesign {padding: 80px 0;background: linear-gradient(135deg, #eff6ff 0%, #fff 100%);}
.page-template-web-dev .web_redesign .inside_elements-card:hover {transform: translateY(-6px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}
.page-template-web-dev .web_redesign .inside_elements{padding:100px 0;background:linear-gradient(135deg,#eff6ff 0%,#fff 100%)}
.page-template-web-dev .web_redesign .inside_elements-step{text-align:center;position:relative;z-index:1}
.page-template-web-dev .web_redesign .inside_elements-card{background: #fff;border-radius: 24px;padding: 28px 20px;border: 1px solid #e2e8f0;box-shadow: 0 1px 2px rgba(0,0,0,.05);transition: .3s cubic-bezier(.4, 0, .2, 1);}
.page-template-web-dev .web_redesign .inside_elements-number{width:64px;height:64px;background:linear-gradient(135deg, #f6553b, #910909);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;margin:-50px auto 16px;border:4px solid #fff;box-shadow:0 4px 15px rgba(59,130,246,.3)}
.page-template-web-dev .web_redesign .inside_elements-step:nth-child(2) .inside_elements-number{background:linear-gradient(135deg,#60a5fa,#3b82f6)}
.page-template-web-dev .web_redesign .inside_elements-step:nth-child(3) .inside_elements-number{background:linear-gradient(135deg,#93c5fd,#60a5fa)}
.page-template-web-dev .web_redesign .inside_elements-step:nth-child(4) .inside_elements-number{background:linear-gradient(135deg,#22c55e,#16a34a)}
.page-template-web-dev .web_redesign .inside_elements-card h3{font-size:1.05rem;margin-bottom:8px;color: #0f172a; font-weight: 700;}
.page-template-web-dev .web_redesign .inside_elements-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:12px}
.page-template-web-dev .web_redesign .inside_elements-duration{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#eff6ff;border-radius:var(--radius-full);font-size:.75rem;color:#1d4ed8;font-weight:600}

 /* ===========================================
    Styles
   =========================================== */
.page-template-web-dev .succes_digital .heading-center {padding: 10px 0 10px 10px;height: 100%;display: flex;flex-direction: column;justify-content: end;}
.page-template-web-dev .succes_digital .heading-center h3 {background: linear-gradient(135deg, #f6553b, #910909);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: #fff0;font-size: 35px;font-weight: 600;}
.page-template-web-dev .succes_digital .heading-center p {font-size: 18px;}
.page-template-web-dev .succes_digital .home_abt_img img {width: 100%;border-radius: 12px;}
.page-template-web-dev .succes_digital .heading h2 {    font-size: 40px ;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;text-align: center;}
.page-template-web-dev .succes_digital {padding: 34px 0px 48px 0px;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.home_abt_btn h3 {font-size: 24px;font-weight: 600;}
.page-template-web-dev .succes_digital .btn-area {margin-top: 25px ;}
.page-template-web-dev .succes_digital .click-button {white-space: nowrap;padding: 11.5px 30px ;border-radius: 40px;border: 1px solid #ed1f24;background-color: #ED1F24 ;border-color: #ED1F24 !important;color: #fff;font-size: 18px;align-items: center;line-height: 1;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.home_abt_btn {animation: 15s infinite bggradient;background: #ee7752;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5);background-size: 400% 400%;height: 100%;padding: 10px;color: #fff;border-radius: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.tag_area {background: #f5f9ff;padding: 20px;border-radius: 20px;}
.page-template-web-dev .succes_digital .card-design { margin-top: 27px;}@keyframes bggradient { 0%, 100% {background-position: 0 50%;}50% {background-position: 100% 50%;}}


/* ===========================================
   Area Location steps
   =========================================== */
.page-template-web-dev .related-services  {padding: 70px 0;background: #f8fafc;}
.page-template-web-dev .related-services .services-section {margin-bottom: 48px;}
.page-template-web-dev .related-services .section-header {text-align: center;margin-bottom: 28px;}
.page-template-web-dev .related-services .section-header h3,
.page-template-web-dev .related-services .section-header h4 {font-size: 40px;font-weight: 700;color: #1C1C1C;margin-bottom: 10px;line-height: 1.3;text-align: center;}
.page-template-web-dev .related-services .section-subtitle {font-size: 18px;color: #1C1C1C;line-height: 1.6;text-align: center;}
.page-template-web-dev .related-services .services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 12px;max-width: 1100px;margin: 0 auto;}
.page-template-web-dev .related-services .service-item {display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: #fff;border: 1px solid #e2e8f0;border-radius: 10px;transition: all 0.3s;cursor: pointer;}
.page-template-web-dev .related-services .service-item:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);border-color: #c7d2fe;}
.page-template-web-dev .related-services .service-icon {width: 40px;height: 40px;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.1rem;flex-shrink: 0;}
.page-template-web-dev .related-services .service-info {flex-grow: 1;}
.page-template-web-dev .related-services .service-title { display: block; color: #0f172a; font-size: 0.9rem; margin-bottom: 2px;}
.page-template-web-dev .related-services .service-description {font-size: 0.75rem;color: #64748b;}
.page-template-web-dev .related-services .location-section {border-top: 1px solid #e2e8f0;padding-top: 36px;}
.page-template-web-dev .related-services .location-tags {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;max-width: 900px;margin: 0 auto;}
.page-template-web-dev .related-services .location-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 18px;background: #fff;border: 1px solid #e2e8f0;border-radius: 20px;font-size: 0.9rem;color: #374151;transition: all 0.3s;cursor: pointer;}
.page-template-web-dev .related-services .location-tag:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);border-color: #93c5fd;}
.page-template-web-dev .related-services .location-icon {font-size: 1rem;}
.page-template-web-dev .related-services .cta-section {text-align: center;margin-top: 32px;}
.page-template-web-dev .related-services .cta-button {display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;background: linear-gradient(135deg, #f6553b, #910909);color: #fff;font-weight: 600;border-radius: 30px;transition: all 0.3s;cursor: pointer;}
.page-template-web-dev .related-services .cta-button:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);}
.page-template-web-dev .related-services .cta-text {font-size: 0.95rem;}
/* End */


/* ===========================================
   Service page cta styles
   =========================================== */
.page-template-web-dev .services_call_btn {padding: 66px 0px 44px 0px;background: linear-gradient(135deg, #550c00, #910909);position: relative;overflow: hidden;}
.page-template-web-dev .services_call_btn .services_call_btn-glow {position: absolute;width: 600px;height: 600px;background: radial-gradient(circle, rgba(249, 115, 22, .3) 0%, transparent 70%);top: -200px;left: 50%;transform: translateX(-50%);}
.page-template-web-dev .services_call_btn-grid {position: absolute;inset: 0;background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);background-size: 40px 40px;}
.page-template-web-dev .services_call_btn-content {position: relative;z-index: 1;text-align: center;max-width: 800px;margin: 0 auto;}
.page-template-web-dev .services_call_btn-badge {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: rgba(255, 255, 255, .1);border: 1px solid rgba(255, 255, 255, .2);border-radius: 100px;color: #fff;font-size: .9rem;font-weight: 500;margin-bottom: 24px;}
.page-template-web-dev .services_call_btn-badge i {color: #eab308;}
.page-template-web-dev .services_call_btn-content h2 {color: #fff;margin-bottom: 16px;font-size: 56px;font-weight: 700;}
.page-template-web-dev .services_call_btn-content p{color: rgba(255, 255, 255, .7);font-size: 20px;margin-bottom: 40px;}
.page-template-web-dev .services_call_btn-buttons {display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;margin-bottom: 40px;}
.page-template-web-dev .first_left-btn:hover{transform: translateY(-3px);box-shadow: 0 15px 50px rgba(249, 115, 22, .5);}
.page-template-web-dev .first_left-btn {background: linear-gradient(135deg, #f97316 0%, #eab308 100%);color: #fff;box-shadow: 0 10px 40px #f9731666;}
.page-template-web-dev .btn-left-long {padding: 20px 40px;font-size: 1.1rem;}
.page-template-web-dev .two-buttons-cta-area {display: inline-flex;align-items: center;justify-content: center;gap: 10px;font-weight: 600;border-radius: 9999px;transition: .3s cubic-bezier(.4, 0, .2, 1);position: relative;overflow: hidden;cursor: pointer;}
.page-template-web-dev .two-buttons-cta-area:hover::before {transform: translateX(100%);}
.page-template-web-dev .two-buttons-cta-area::before {content: '';position: absolute;inset: 0;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);transform: translateX(-100%);transition: transform .6s;}
.page-template-web-dev .two-buttons-cta-area:hover i {transform: translateX(4px);}
.page-template-web-dev .two-buttons-cta-area i {font-size: 1.2em;transition: transform .3s cubic-bezier(.4, 0, .2, 1);}
.page-template-web-dev .btn-left-long {padding: 20px 40px;font-size: 1.1rem;}
.page-template-web-dev .bg-setup-second-btn {background: #fff;color: #1e3a8a;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);}
.page-template-web-dev .services_call_btn-trust {display: flex;justify-content: center;gap: 40px;flex-wrap: wrap;}
.page-template-web-dev .services_call_btn-trust-item {display: flex;align-items: center;gap: 10px;color: rgba(255, 255, 255, .7);font-size: .95rem;}
.page-template-web-dev .services_call_btn-trust-item i {color: #22c55e;font-size: 1.25rem;}
.page-template-web-dev .bg-setup-second-btn:hover {transform: translateY(-3px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);}
.page-template-web-dev .services_call_btn-content .cta-buttons a{ text-decoration: none;}
.page-template-web-dev .services_call_btn-content .cta-buttons {margin-bottom: 36px;display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;margin-bottom: 40px;}
/* End */


/* ===========================================
   Web Footer styles
   =========================================== */
    .site-footer {
        background: #0a0f1a;
        color: #fff;
        position: relative;
        overflow: hidden;
    }

    .site-footer::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899, #f59e0b);
    }

    .site-footer .footer-start {
        padding: 48px 0 32px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .site-footer .footer-start .footer-isolated-area {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: 48px;
        align-items: start;
        max-width: 100%;
    }

    .site-footer .footer-start .footer-isolated-area .footer-logo {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .site-footer .footer-start .footer-isolated-area .footer-logo .logo-icon {
    display: flex;
    align-items: self-start;
    gap: 5px;
    text-decoration: none;
    flex-direction: column;
}

.site-footer .footer-start .footer-isolated-area .footer-logo .logo-icon .site-logo .custom-logo {
    width: 100%;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .logo-icon .footer-logo-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .logo-icon .footer-logo-info .logo-company-name {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .logo-icon .footer-logo-info .logo-text {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-para-text {
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    line-height: 1.6;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-para-text strong {
    color: #3b82f6;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(59, 130, 246, .15), rgba(139, 92, 246, .1));
    border: 1px solid rgba(59, 130, 246, .3);
    border-radius: 14px;
    text-decoration: none;
    transition: all .3s;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn .footer-contact-btn-icon {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 19px;
    flex-shrink: 0;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn .footer-contact-btn-links {
    min-width: 0;
    flex: 1;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, .25), rgba(139, 92, 246, .15));
    border-color: rgba(59, 130, 246, .5);
    transform: translateY(-2px);
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn .footer-contact-btn-links .span-one {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn .footer-contact-btn-links .span-two {
    display: block;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn i {
    color: rgba(255, 255, 255, .5);
    font-size: 1.25rem;
    transition: all .3s;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-contact-btns .footer-contact-btn:hover .contact-btn-arrow {
    color: #fff;
    transform: translateX(4px);
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-social-media-area {
    display: flex;
    gap: 12px;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-social-media-area .social-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    color: rgba(255, 255, 255, .6);
    font-size: 1.15rem;
    text-decoration: none;
    transition: all .3s;
}
.site-footer .footer-start .footer-isolated-area .footer-logo .footer-social-media-area .social-btn:hover {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    border-color: transparent;
    color: #fff;
    transform: translateY(-3px);
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area h4,
.site-footer .footer-start .footer-isolated-area .footer-trust-area h4 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .85rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area h4 .footer-nav-links {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(139, 92, 246, .2));
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    color: #3b82f6;
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area ul li a {
    color: rgba(255, 255, 255, .6);
    font-size: .9rem;
    text-decoration: none;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area ul li a:hover {
    color: #fff;
    padding-left: 0;
}

.site-footer .footer-start .footer-isolated-area .footer-nav-links-area ul li a::before {
    content: '';
    width: 0;
    height: 2px;
    background: #3b82f6;
    transition: width .2s;
}
.site-footer .footer-start .footer-isolated-area .footer-nav-links-area ul li a:hover::before {
    width: 12px;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area h4 .footer-nav-links {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, rgba(59, 130, 246, .2), rgba(139, 92, 246, .2));
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    color: #3b82f6;
    text-align: center;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .06));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual:nth-child(1)::before {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual:nth-child(2)::before {
    background: linear-gradient(180deg,#3b82f6,#1d4ed8);
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual:nth-child(3)::before {
    background: linear-gradient(180deg,#8b5cf6,#7c3aed);
}

.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon.green {
    background: rgba(34, 197, 94, .15);
    color: #22c55e;
}

.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon.blue {
    background: rgba(59, 130, 246, .15);
    color: #3b82f6;
}

.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon.purple {
    background: rgba(139, 92, 246, .15);
    color: #8b5cf6;
}

.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.site-footer .footer-start .footer-isolated-area .footer-conditions {
    display: flex;
    align-items: center;
    gap: 12px;
}
.site-footer .footer-start .footer-isolated-area .footer-conditions a {
    color: rgba(255, 255, 255, .5);
    font-size: .85rem;
    text-decoration: none;
    transition: color .2s;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-info {
    flex: 1;
    min-width: 0;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-info strong {
    display: block;
    font-size: .85rem;
    color: #fff;
    font-weight: 600;
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-info span {
    font-size: .75rem;
    color: rgba(255, 255, 255, .5);
}
.site-footer .footer-start .footer-isolated-area .footer-trust-area .footer-area-trust-cards .footer-individual .footer-individual-check {
    width: 20px;
    height: 20px;
    background: rgba(34, 197, 94, .2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: .7rem;
}
.site-footer .footer-start .footer-isolated-area .footer-conditions .dot {
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .3);
    border-radius: 50%;
}
.site-footer .footer-start .footer-isolated-area .footer-conditions a:hover {
    color: #fff;
}
.site-footer .footer-last {
    background: rgba(0, 0, 0, .4);
    padding: 20px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.site-footer .footer-last .footer-last-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}
.site-footer .footer-last .footer-last-area .footer-cpy {
    color: rgba(255, 255, 255, .4);
    font-size: .85rem;
}
.site-footer .footer-last .footer-last-area .footer-impress {
    display: flex;
    gap: 32px;
}
.site-footer .footer-last .footer-last-area .footer-impress .footer-inside-text {
    text-align: center;
}
.site-footer .footer-last .footer-last-area .footer-impress .footer-inside-text strong {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
}
.site-footer .footer-last .footer-last-area .footer-impress .footer-inside-text span {
    font-size: .75rem;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    letter-spacing: .05em;
}
.site-footer .footer-last .footer-last-area .footer-working {
    color: rgba(255, 255, 255, .4);
    font-size: .85rem;
}
.site-footer .footer-last .footer-last-area .footer-working i {
    color: #ef4444;
}
/* End */


/* ===========================================
   our_timeline steps
   =========================================== */
.mc-time-code_item:last-child {margin: 0}
.our_process_steps .headings h2 {margin-bottom: 12px;font-size: 56px;font-weight: 700;}
.our_process_steps .headings .services-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 200px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.our_process_steps .headings {text-align: center;}
.our_process_steps .headings p {color: #475569;font-size: 18px;line-height: 32px;padding-bottom: 20px;width: 80%;margin: auto;}
.our_process_steps {overflow: hidden;padding: 70px 0;background: linear-gradient(135deg, #c7d8f1 0%, #ffffff 50%, #f2f7fd 100%);}
.mc-time-code-block {padding: 300px 0}
.mc-time-code_title-box {padding: 0 0 30px;text-align: center}
.mc-time-code_tagline { font-size: 40px; color: #54595f}
.mc-time-code_title {background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;-webkit-background-clip: text;background-clip: text;text-fill-color: #fff0;color: #fff0;font-size: 80px}
.mc-time-code_item { margin: 0 0 50px; position: relative}
.mc-time-code_item:nth-child(2n) {text-align: right}
.mc-time-code { width: 1020px; max-width: 100%; margin: 40px auto 0; position: relative}
.mc-time-code_line {width: 2px;background-color: #28282838;position: absolute;top: 2px;left: 50%;bottom: 0;overflow: hidden;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}
.mc-time-code_line-progress { width: 100%; height: 20%; background: #cf316b;}
.mc-time-code-card_box {padding: 0 0 20px 50%;display: flex;align-items: center}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_box {padding: 0 50% 20px 0;justify-content: end}
.mc-time-code-card_point-box {display: flex;align-items: center;justify-content: center;font-size: 0;margin: 0 14px 0 -20px;width: 40px;height: 40px;background: #fff;background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / 14%) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #fafafa;border-radius: 50%;border: 5px solid #dedeec}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_point-box {margin: 0 -20px 0 14px}
.mc-time-code-card_point { height: 50px; line-height: 50px; width: 50px; border: 3px solid #ff0; background-color: #1d1d1b; text-align: center; font-size: 20px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
.js-ag-active .mc-time-code-card_point { color: #1d1d1b; background-color: #ff0}
.mc-time-code-card_meta-box { display: inline-block}
.mc-time-code-card_meta {font-weight: 700;font-size: 24px;color: #a9a9b7}
.mc-time-code-card_item {display: inline-block;width: 45%;margin: -69px 0 0;background-color: #fff;opacity: 0;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);-moz-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);-o-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);box-shadow: 0 0 0 0 rgb(0 0 0 / .5);-webkit-transition: -webkit-transform .5s, opacity .5s;-moz-transition: -moz-transform .5s, opacity .5s;-o-transition: -o-transform .5s, opacity .5s;transition: transform .5s, opacity .5s;position: relative;box-shadow: 0 0 15px #ddd;text-align: left}
.mc-time-code_item:nth-child(odd) .mc-time-code-card_item { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%)}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_item {-webkit-transform: translateX(200%);-moz-transform: translateX(200%);-ms-transform: translateX(200%);-o-transform: translateX(200%);transform: translateX(200%)}
.js-ag-active.mc-time-code_item:nth-child(2n) .mc-time-code-card_item,
.js-ag-active.mc-time-code_item:nth-child(odd) .mc-time-code-card_item {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
.mc-time-code-card_arrow {height: 18px;width: 18px;margin-top: 20px;background-color: #fff;box-shadow: -20px 0 20px #ddd;z-index: -1;position: absolute;top: 0;right: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.mc-time-code_item:nth-child(odd) .mc-time-code-card_arrow {margin-left: calc(-18px / 2);margin-right: calc(-18px / 2);box-shadow: 20px 0 20px #ddd}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_arrow {margin-left: -10px;right: auto;left: 0}
.mc-time-code-card_img { width: 100%}
.mc-time-code-card_info {padding: 20px;display: flex;gap: 15px;align-items: center;}
.rang_sec_img {flex: 0 0 50px}
.mc-time-code-card_desc { line-height: 1.45;color: #475569;font-size: 18px;padding-bottom: 20px;margin: auto;}
.mc-time-code-card_title { color: #000;margin-bottom: 15px;font-size: 20px;font-weight: 700;}
.chnaging-time_item.mc-time-code_item.js-ag-active .mc-time-code-card_point-box {border: 5px solid #cf316b;}
.chnaging-time_item.mc-time-code_item.js-ag-active .mc-time-code-card_meta {color: #cf316b}
@media(max-width:991.98px) {
.needs_sec_info {padding-left: 0;padding-top: 30px}
.mc-time-code-card_point-box {font-size: 15px;font-weight: 600;line-height: 2} 
.mc-time-code_line {left: 30px}
.mc-time-code_item:nth-child(2n) {text-align: left}
.mc-time-code-card_box,
.mc-time-code_item:nth-child(2n) .mc-time-code-card_box {padding: 0 0 20px}
.mc-time-code-card_meta-box {margin-left: 23px;}
.mc-time-code-card_box{flex-direction: column;align-items: start;}
.mc-time-code-card_meta{font-size: 10px;}
.mc-time-code-card_point-box,
.mc-time-code_item:nth-child(2n) .mc-time-code-card_point-box {margin: 0px 0px 0px -3px;}
.mc-time-code-card_point {height: 40px;line-height: 40px;width: 40px}
.mc-time-code-card_item {width: auto;margin: -65px 0 0 75px}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_item,
.mc-time-code_item:nth-child(odd) .mc-time-code-card_item {-webkit-transform: translateX(200%);-moz-transform: translateX(200%);-ms-transform: translateX(200%);-o-transform: translateX(200%);transform: translateX(200%)}
.mc-time-code_item:nth-child(odd) .mc-time-code-card_arrow {right: auto;left: 0}
.mc-time-code-card_title {display: block}
.mc-time-code-card_arrow {margin-top: 12px}
.mc-time-code_item:nth-child(2n) .mc-time-code-card_box {justify-content: start}}
 @media(max-width:767.98px) {
.mc-time-code-card_img {height: auto;width: auto}
.mc-time-code-card_info {padding: 20px}
.mc-time-code-card_desc {font-size: 14px}}
 @media(max-width:576.98px) {
.mc-time-code-card_info {padding: 15px 10px;gap: 10px}
.mc-time-code-card_title {line-height: 1.4}}

/* ===========================================
   Mobile Responsive
   =========================================== */
/* Mobile responsive */
@media (max-width: 768px) {
.page-template-web-dev .service_banner_section{padding: 15px 0px 0px 0px;}
.our_process_steps {padding: 35px 0;}
.our_process_steps .headings h2 {margin-bottom: 12px;font-size: 29px;font-weight: 700;text-align: left;}
.our_process_steps .headings p {color: #475569;font-size: 16px;line-height: 25px;margin-bottom: 12px;text-align: left;width: 100%;}
.page-template-home .home-page-banner-section{padding: 27px 0 100px;}
.page-template-home .home-page-banner-section{padding-bottom: 47px;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag .animated-heading {font-size: 36px;font-weight: 800;text-align: center;}
.page-template-home .home-page-banner-section .left-side-setups .banner-section-para .hero-description {text-align: center;font-size: 16px;line-height: 30px;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons {display: flex;align-items: center;justify-content: center;gap: 17px;margin-top: 26px;margin-bottom: 0px;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one,
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-btn {padding: 8px 11px;gap: 9px;font-size: 12px;}
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .button-one .icon,
.page-template-home .home-page-banner-section .left-side-setups .two-buttons .second-icon{width: 20px;height: 20px;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area {display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;gap: 10px;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area .banner-trust-icons {text-align: center;padding: 10px 6px;background: #f8fafc;border-radius: 12px;border: 1px solid #e2e8f0;flex-direction: column;}
.page-template-home .home-page-banner-section .left-side-setups .banner-trust-area .banner-trust-icons span {font-size: 10px;}
.page-template-home .mobile-used-elements {display: block;margin-top: 30px;}
.page-template-home .home-page-banner-section .banner-floating-badge.badge-one,
.page-template-home .home-page-banner-section .banner-floating-badge.badge-two{display: none;}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one {padding: 16px;width: 90%;margin: auto;}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-value.counter-banner{font-size: 34px;}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-label{font-size: 12px;}
.page-template-home .home-page-banner-section .right-side-setup .inside-dcards-one .banner-stat-icon{width: 41px;height: 41px;font-size: 21px;border-radius: 7px;margin-bottom: 8px;}
.page-template-home .home-page-banner-section #banner-section-posotion-values .overall-mobile-cards {display: grid;grid-template-columns: 1fr 1fr;column-gap: 14px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours{padding: 15px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-value.counter-banner{font-size: 28px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-label{font-size: 12px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-cards-fours .banner-stat-icon{width: 35px;height: 37px;border-radius: 7px;font-size: 16px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services{margin-top: 40px !important;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-title{text-align: center;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill {gap: 8px;padding: 7px 12px;border-radius: 9px;font-size: 12px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links{justify-content: center;}
.page-template-home .home-page-banner-section .left-side-setups{text-align: center;}
.page-template-home .home-page-banner-section .left-side-setups .first-core {display: inline-flex;gap: 11px;padding: 11px 12px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.page-template-home .home-page-banner-section .left-side-setups .first-core .text{font-size: 11px;}
.page-template-home .home-page-banner-section .left-side-setups .heading-tag{margin-top: 15px;}
.page-template-home .home-page-banner-section .right-side-setup .banner-services .banner-services-links .banner-service-pill i{font-size: 12px;}
.page-template-home .pc-used-design{display: none;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card .assurance-card__content {font-size: 9px;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card {gap: 9px;padding: 11px 8px;}
.page-template-home .assurance-banner .assurance-section-flex .assurance-card .assurance-card__icon {width: 38px;height: 38px;border-radius: 14px;font-size: 16px;}
.page-template-home .about-section{padding: 28px 0px;}
.page-template-home .about-section .about-intro-content h2 {margin-bottom: 20px;font-size: 29px;font-weight: 700;}
.page-template-home .about-section .about-intro-content p {color: #475569;font-size: 16px;line-height: 28px;margin-bottom: 12px;}
.page-template-home .about-section .about-intro-content .about-features .about-feature {display: flex;align-items: center;gap: 6px;padding: 11px;background: #f8fafc;border-radius: 12px;}
.page-template-home .about-section .about-intro-content .about-features {display: grid;grid-template-columns: 1fr 1fr;gap: 13px;margin-top: 23px;}
.page-template-home .about-section .about-intro-content .about-features .about-feature i {font-size: 18px;color: #1e3a8a;}
.page-template-home .about-section .about-intro-content .about-features .about-feature span {font-weight: 500;color: #0f172a;font-size: 12px;}
.page-template-home .our_services{padding: 35px 0;}
.page-template-home .our_services .services-header h2 {margin-bottom: 12px;font-size: 29px;font-weight: 700;text-align: left;}
.page-template-home .our_services .services-header p {color: #475569;font-size: 16px;line-height: 28px;margin-bottom: 12px;text-align: left;}
.page-template-home .our_services .inside-left-cards{padding: 15px 18px;}
.page-template-home .our_services .inside-left-cards h3{font-size: 20px;margin-bottom: 4px;}
.page-template-home .our_services .inside-left-cards p {color: #475569;line-height: 1.7;margin-bottom: 8px;font-size: 14px;}
.page-template-home .our_services .inside-left-cards .bento-features .bento-feature-tag{padding: 5px 9px;font-size: 10px;}
.page-template-home .our_services .inside-left-cards .bento-footer .bento-price {font-size: 12px;color: #94a3b8;}
.page-template-home .our_services .inside-left-cards .bento-footer .bento-link{font-size: 12px;}
.page-template-home .assurance-banner .assurance-section-flex{ gap: 7px;}
.padding-adjustment {margin-top: 23px;}
.page-template-home .why_choose_us .right-side-us #p-t-design-style {margin-top: 23px;}
.page-template-home .why_choose_us{ padding: 35px 0;}
.page-template-home .why_choose_us .section-header.reveal.visible .section-tag {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #eff6ff;border-radius: 200px;color: #1e3a8a;font-size: .9rem;font-weight: 600;margin-bottom: 20px;}
.page-template-home .why_choose_us .section-header.reveal.visible h2 {color: white;margin-bottom: 12px;font-size: 29px;font-weight: 700;text-align: left;}
.page-template-home .why_choose_us .section-header.reveal.visible p ,
.page-template-home .why_choose_us .inside-left-us .discription-area p,
.page-template-home .why_choose_us .inside-left-us .discription-area ul li{color: #ffffff;font-size: 16px;line-height: 28px;margin-bottom: 12px;text-align: left;}
.page-template-home .why_choose_us .right-side-us {display: none;}
.page-template-home .why_choose_us .right-side-us-only-mobile {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 12px;grid-row-gap: 12px;}
.page-template-home .why_choose_us .right-side-us-only-mobile .cards-section {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;background: #fff;border-radius: 21px;padding: 10px 8px;border: 1px solid #e2e8f0;transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.page-template-home .why_choose_us .right-side-us-only-mobile .cards-section .icon-bg-set .us-svg { width: 26px;fill: #87000d;}
.page-template-home .why_choose_us .right-side-us-only-mobile .cards-section .icon-bg-set {background-color: cornsilk;padding: 11px 12px;border-radius: 15px;}
.page-template-home .why_choose_us .right-side-us-only-mobile .cards-section .heading-details h2{font-weight: 800;font-size: 25px;padding: 9px 0px;}
.page-template-home .why_choose_us .right-side-us-only-mobile .cards-section .heading-details p {font-size: 12px;}
.page-template-home .zinlo_explain{display: none;}
.page-template-home .industaries_we_serve {background-color: #f7f7f7;padding: 35px 0;}
.page-template-home .industaries_we_serve .industaries-header h2 {margin-bottom: 12px;font-size: 29px;font-weight: 700;}
.page-template-home .industaries_we_serve .industaries-header p {color: #475569;font-size: 16px;line-height: 28px;margin-bottom: 12px;}
.page-template-home .industaries_we_serve .pc-view {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 14px;grid-row-gap: 0px;}
.page-template-home .industaries_we_serve .inside-cards-details{margin-bottom: 15px;}
.page-template-home .industaries_we_serve .inside-cards-details .imageblock img {width: 56px;}
.page-template-home .industaries_we_serve .inside-cards-details{height: 130px;}
.page-template-home .industaries_we_serve .inside-cards-details strong{padding-top: 9px;font-size: 13px;}
.page-template-home .clients_says{padding: 35px 0;}
.page-template-home .clients_says .clients-header .clients-tag{background-color: white;}
.page-template-home .clients_says .clients-header h2{ margin-bottom: 12px;font-size: 29px;font-weight: 700;}
.page-template-home .clients_says .clients-header p,
.page-template-home .clients_says .inside-clients-cards .clients-text{color: #475569;font-size: 16px;line-height: 28px;margin-bottom: 12px;}
.page-template-home .clients_says .inside-clients-cards{padding: 19px}
.page-template-home .clients_says .inside-clients-cards .clients-avatar{width: 38px;height: 38px;}
.page-template-home .clients_says .inside-clients-cards .clients-info h4 {font-size: 12px;margin-bottom: 2px;}
.page-template-home .clients_says .inside-clients-cards .clients-info p,
.page-template-home .clients_says .inside-clients-cards .clients-result span{font-size: 12px;}
.page-template-home .clients_says .inside-clients-cards .clients-result{margin-top: 12px;padding: 9px;gap: 12px;justify-content: center;}
.page-template-home .cta_banner{padding: 35px 0;}
.page-template-home .cta_banner .cta-content h2{margin-bottom: 12px;font-size: 29px;font-weight: 700;}
.page-template-home .cta_banner .cta-content p{font-size: 16px;line-height: 28px;margin-bottom: 12px;}
.page-template-home .cta_banner .cta-content .cta-buttons{flex-direction: column;}
.page-template-web-dev .service_banner_section .left-text h1 {font-size: 36px;text-align: center;margin-bottom: 4px;}
.page-template-web-dev .service_banner_section .left-text p {font-size: 16px;text-align: center;}
.page-template-web-dev .service_banner_section .banner_btns {display: flex;align-items: center;justify-content: space-evenly;gap: 15px;}
.page-template-web-dev .banner_first_btn{padding: 11px 19px;font-size: 16px;width: 61%;text-align: center;align-items: center;justify-content: center;}
.page-template-web-dev .banner_second_btn{padding: 11px 40px;font-size: 13px;text-transform: capitalize;display: none;}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card{width: 100%;}
.home_banner_clients {display: none;}
.page-template-web-dev .service_banner_section .official_partners .right-side-partners-section{display: none;}
.page-template-web-dev .service_banner_section .official_partners{text-align: center;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.tag_area{padding: 7px;}
.page-template-web-dev .our_trust,
.page-template-web-dev .our_process,
.page-template-web-dev .web_redesign{padding: 37px 0px !important;}
.page-template-web-dev .our_trust .heading-area .section-title,
.page-template-web-dev .our_process .headings h2,
.page-template-web-dev .web_redesign .section-header h2,
.page-template-web-dev .succes_digital .heading h2,
.section-header h3, .page-template-web-dev .related-services .section-header h4{font-size: 28px !important;}
.page-template-web-dev .succes_digital .heading p,
.page-template-web-dev .related-services .section-subtitle{font-size: 16px;text-align: center;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.tag_area .home_abt_img {display: none;}
.page-template-web-dev .succes_digital .heading-center{padding: 10px 0 8px 0px;text-align: center;}
.page-template-web-dev .succes_digital .card-design{ margin-top: 17px;}
.page-template-web-dev .succes_digital .heading-center h3{ font-size: 23px;}
.page-template-web-dev .succes_digital .heading-center p {font-size: 13px;}
.page-template-web-dev .our_trust .heading-area .section-description,
.page-template-web-dev .our_process .headings p{font-size: 16px;}
.page-template-web-dev .our_trust .heading-area{margin-bottom: 0px;}
.page-template-web-dev .our_trust .inside-cards{min-height: 153px;padding: 20px 9px;}
.page-template-web-dev .our_trust .inside-cards .textes-inside .color_number,
.page-template-web-dev .our_trust .inside-cards .textes-inside .number{font-size: 38px;}
.page-template-web-dev .our_process .inside-boxes{grid-column-gap: 9px;grid-row-gap: 9px;margin-bottom: 28px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card.start-card,
.page-template-web-dev .our_process .inside-boxes .boxes-card{ padding: 9px 9px; min-height: 48px}
.page-template-web-dev .our_process .inside-boxes .boxes-card .process-step-title{font-size: 13px;}
.page-template-web-dev .our_process .inside-boxes .boxes-card .process-step-description, .process-card.last-process-card .process-step-description{font-size: 12px;}
.page-template-web-dev .our_process .headings{padding-bottom: 21px;}
.process-card.last-process-card{width: 92%; margin: auto;}
.page-template-web-dev .services_carousel_nav_container{display: none !important;}
.page-template-web-dev .web_redesign .section-header p{font-size: 16px;width: 100%;}
.page-template-web-dev .web_redesign #bg-line{gap: 30px;}
.page-template-web-dev .succes_digital .after_conatiner_details_info.home_abt_btn h3{font-size: 21px;}
.page-template-web-dev .succes_digital .btn-area {margin-top: 17px;}
.page-template-web-dev .succes_digital .click-button{font-size: 15px;}
.page-template-web-dev .succes_digital .btn-area {margin-top: 17px;margin-bottom: 11px;}
.page-template-web-dev .succes_digital {padding: 34px 0px 48px 0px;background: linear-gradient(135deg, rgb(245 234 159) 0%, rgb(255 250 217) 50%, rgb(255 253 253) 100%);}
.page-template-web-dev .related-services .services-grid {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
.page-template-web-dev .related-services .location-tags {gap: 8px;}
.page-template-web-dev .related-services .location-tag {padding: 8px 6px;font-size: 12px;}
.page-template-web-dev .related-services .service-item{   padding: 10px 8px;flex-direction: column;text-align: center;}
.page-template-web-dev .related-services .related-services { padding: 50px 0;}
.page-template-web-dev .related-services .services-grid {grid-template-columns: 1fr 1fr;}
.page-template-web-dev .related-services .location-tag {width: 100%;max-width: 160px;justify-content: center;}
.immediate_contact {display: none;}
.page-template-web-dev .services_call_btn {padding: 28px 0px 22px 0px;}
.page-template-web-dev .services_call_btn-content h2{font-size: 33px;}
.page-template-web-dev .services_call_btn-content p{font-size: 14px;margin-bottom: 34px;}
.page-template-web-dev .services_call_btn-badge{font-size: 13px;padding: 7px 17px;}
.page-template-web-dev .btn-left-long {padding: 10px 14px;font-size: 13px;}
.page-template-web-dev .services_call_btn-trust-item i {color: #22c55e;font-size: 14px;}
.page-template-web-dev .services_call_btn-trust-item {display: flex;align-items: center;gap: 10px;color: rgba(255, 255, 255, .7);font-size: 12px;}
.page-template-web-dev .services_call_btn-trust{gap: 12px;}
.page-template-web-dev .related-services{
        padding: 38px 0;
}
.page-template-web-dev .services_carousel_title{
    text-align: center;
}
.site-footer .footer-start .footer-isolated-area{
   grid-template-columns: 1fr !important;
}
.page-template-web-dev .service_banner_section .form-right-area .inside-form-card .form-section button{
   width: 72%;
}
.site-footer .footer-last .footer-last-area{
   flex-direction: column;
   gap: 15px;
}
.mobile-navigation.active .site-logo.mobile-logo {
    display: none;
}
}

















/* Responsive adjustments */
@media (max-width: 768px) {
   .page-template-web-dev .our_services_provide_carousel .owl-prev,
   .page-template-web-dev .our_services_provide_carousel .owl-next {position: static;margin: 10px;}
   .page-template-web-dev .our_services_provide_carousel .owl-nav {position: static;justify-content: center;margin-top: 20px !important;}}
@media (max-width: 576px) {
   .page-template-web-dev .our_services_provide_carousel .owl-prev,
   .page-template-web-dev .our_services_provide_carousel .owl-next {width: 40px;height: 40px;padding: 6px 7px;}}
@media (max-width: 1200px) {
   .page-template-web-dev .services_carousel_header {flex-direction: column;align-items: flex-start;margin-bottom: 21px;}
   .page-template-web-dev .services_carousel_nav_container {margin-top: 20px;align-self: flex-end;}}
@media (max-width: 992px) {
   .page-template-web-dev .services_carousel_title h2 {font-size: 32px;}}
@media (max-width: 768px) {
   .page-template-web-dev .our_services_provide_carousel {padding: 60px 0;}
   .page-template-web-dev .services_carousel_title h2 {font-size: 28px;}
   .page-template-web-dev .services_carousel_title p {font-size: 16px;}
   .page-template-web-dev #services_owl_carousel .owl-prev,
   .page-template-web-dev #services_owl_carousel .owl-next { position: static; margin: 10px;}
   .page-template-web-dev #services_owl_carousel .owl-nav {justify-content: center;margin-top: 20px !important;}}
@media (max-width: 576px) {
   .page-template-web-dev .our_services_provide_carousel {padding: 40px 0;}
   .page-template-web-dev .services_carousel_title h2 {font-size: 24px;}
   .page-template-web-dev .service_card_content {padding: 20px 15px;top: 226px;}
   .page-template-web-dev .service_card_title {font-size: 16px;}
   .page-template-web-dev #services_owl_carousel .owl-prev,
   .page-template-web-dev #services_owl_carousel .owl-next {width: 40px;height: 40px;}         
   .page-template-web-dev #services_owl_carousel .owl-prev span,
   .page-template-web-dev #services_owl_carousel .owl-next span {font-size: 20px !important;}}