@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/prizorai/assets/fonts/poppines/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/prizorai/assets/fonts/poppines/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
}

:root{

	--white-color: #fff;
	--black-color: #212121;
  --purple-color: #CB6CE6;
  --black-gradient-color: linear-gradient(110deg, #212121 0%, #212121 75%, #CB6CE6 100%);
  --white-gradient-color: linear-gradient(110deg, #fff 0%, #fff 70%, #CB6CE6 100%);

}

body {margin: 0; padding: 0; color: var(--white-color); font-family: 'Poppins'; font-size: 15px; font-weight: 400; overflow-x: hidden !important; line-height: 1.6 !important;}
.wrap{max-width: 1396px; margin: 0 auto; padding: 0 15px;} 
/* .text-wrap: balance; */
a {text-decoration: none !important; cursor: pointer;}
.btn-main {background: var(--purple-color); padding: 8px 30px 8px 35px; border-radius: 50px; font-size: 18px; font-weight: 600; line-height: 1.7; display: inline-flex; align-items: center; justify-content: center; text-transform: capitalize; color: var(--white-color); transition: color 0.4s ease; position: relative; overflow: hidden;}
.btn-main::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.12); border-radius: 50px; transform: translateX(-100%); transition: transform 0.4s ease; z-index: 0;}
.btn-main::after {content: ""; width: 40px; height: 40px; background: url("/wp-content/uploads/2026/01/arrow-icon.svg") no-repeat center / cover; transition: transform 0.4s ease; position: relative; z-index: 1;}
.btn-main:hover::before {transform: translateX(0);}
.btn-main:hover::after {transform: translateX(8px);}
.btn-main:focus {outline: none; box-shadow: 0 0 0 4px rgba(164, 112, 176, 0.4); }
.btn-main:focus::before {transform: translateX(0);}
.btn-main:focus::after {transform: translateX(8px);}
.text-center{text-align: center;}
ul {list-style: none !important; padding: 0 !important;}
ul li:focus {outline: none !important; outline-style: none !important;}
.padding100{padding: 100px 0;}
.pb-100{padding-bottom: 100px;}
.font40{font-family: 'Poppins'; font-size: 40px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.font35{font-family: 'Poppins'; font-size: 35px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.font30{font-family: 'Poppins'; font-size: 30px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.font28{font-family: 'Poppins'; font-size: 28px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.font25{font-family: 'Poppins'; font-size: 25px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.font20{font-family: 'Poppins'; font-size: 20px; color: var(--white-color); font-weight: 600; line-height: 1.2; margin-bottom: 20px; margin-top: 0;}
.black-txt, .white-txt {display: block; line-height: 1.2; max-width: 100%; overflow-wrap: normal; word-break: normal;}
.black-txt .char, .white-txt .char {display: inline-block; white-space: normal; text-transform: none; transition: color 0.12s linear; vertical-align: baseline; line-height: inherit;}
.black-txt .char{color: #9a9393;}
.white-txt .char{color: #585151;}
.black-txt .word, .white-txt .word {display: inline-block; white-space: nowrap;}
.black-txt .char.active {color: var(--black-color);}
.white-txt .char.active {color: var(--white-color);}
.font40, .font30, .font28, .font25, p {opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; will-change: opacity, transform;}
.in-view {opacity: 1; transform: translateY(0);}
.purple-txt{color: var(--purple-color);}
.mb-50{margin-bottom: 50px !important;}
.mt-50{margin-top: 50px !important;}
.mb-70{margin-bottom: 70px !important;}
.mt-70 {margin-top: 70px;}
input::placeholder, textarea::placeholder {color: var(--white-color);}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield; appearance: textfield;}
/* .circle {position: fixed; background-color:var(--white-color); width: 10px; height: 10px; left: -10px; top: -10px; border-radius: 50%; pointer-events: none; z-index: 10000; mix-blend-mode: difference;}
.circle-follow {position: fixed; border: 2px solid var(--white-color); width: 30px; height: 30px; left: -21px; top: -21px; border-radius: 50%; pointer-events: none; z-index: 10000; mix-blend-mode: difference;}
.flair {position: fixed; width: 64px; height: auto; opacity: 0; pointer-events: none; will-change: transform, opacity; filter: drop-shadow(0 8px 12px rgba(0,0,0,0.3)); z-index: 9999;}
.flair-storage {display: none;} */

/* Header */
.site-header {position: fixed;	top: 0; left: 0;	width: 100%; z-index: 1000;	background: transparent; transition: background 0.3s ease, box-shadow 0.3s ease;}
.site-header.sticky-active {background: transparent;}
header.sticky-active .top-header-main {display: none;}
header.sticky-active .header-inner{border-radius: 0 0 10px 10px;}
.site-header.sticky-active .header {padding: 0 15px 25px;}
.site-header.sticky-active .header-inner {background: rgba(255, 255, 255, 0.15); color: var(--black-color); padding: 13px 30px; border: 1px solid rgba(255, 255, 255, 0.03); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(8px);}
.site-header.sticky-active .btn-main {padding: 6px 20px 6px 30px; font-size: 17px;}
.top-header-main {padding: 20px 10px;}
.top-header-main .top-header-inner {border: 1px solid var(--white-color); border-radius: 50px; display: flex; justify-content: space-between; align-items: center; padding: 9px 35px;}
.top-header-inner .top-header-contact {display: flex; align-items: center; gap: 10px;}
.top-header-contact .top-header-icon {line-height: 0;}
.top-header-contact a, .site-footer a {font-weight: 500; font-size: 16px; line-height: 1.7; transition: all 0.3s ease-in-out;}
.top-header-contact a:hover, .site-footer a:hover {color: var(--purple-color); text-decoration: underline !important;}
.header {padding: 15px 25px;}
.header .header-inner {display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--white-color); border-radius: 10px; padding: 20px 35px; transition: all 0.3s ease;}
.header-menu > nav > ul {display: flex; align-items: center; gap: 40px; margin: 0;}
.header-menu a {font-size: 17px; font-weight: 500; line-height: 1.7; padding-bottom: 40px; transition: all 0.3s ease-in-out;}
.header-logo svg {width: 170px; height: auto;}
.is-mega-menu > .sub-menu {position: absolute; top: 88%; left: 13.5%; width: 69.7%; background: var(--white-color); display: none; opacity: 0; visibility: hidden; z-index: 9999; height: 540px; min-height: 600px; padding: 30px !important; border-radius: 10px; transition: all 0.3s ease-in-out; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--purple-color) #f5f5f5;}
.is-mega-menu > .sub-menu > li.active {border-color: var(--purple-color); border-style: solid; border-radius: 10px; border-width: 2px;}
.is-mega-menu > .sub-menu > li.active > a {color: var(--purple-color);}
.header-menu > nav > ul > li > .sub-menu {display: none; transition: all 0.3s ease-in-out; overflow: hidden;}
.sub-menu {position: absolute; top: 88%; width: 15%; background: var(--white-color); visibility: visible; z-index: 9999; padding: 10px 20px !important; border-radius: 10px;}
.header-menu > nav > ul > li > .sub-menu > li:hover > a {color: var(--purple-color);}
.is-mega-menu:hover > .sub-menu {display: flex; opacity: 1; visibility: visible; flex-direction: column; align-items: flex-start;}
.is-mega-menu > .sub-menu {display: flex;}
.site-header.sticky-active .is-mega-menu > .sub-menu{top: 100%; left: 0; width: 95.8%;}
.is-mega-menu > .sub-menu {display: none; opacity: 0; visibility: hidden;}
.is-mega-menu.menu-open > .sub-menu {display: flex; opacity: 1; visibility: visible;}
.is-mega-menu > .sub-menu > li {width: 300px; color: var(--black-color);}
.is-mega-menu .sub-menu .sub-menu li img {width: 100%; height: 25%;}
.sticky-active .is-mega-menu .sub-menu .sub-menu li, .header-menu > nav > ul > li > .sub-menu > li > .sub-menu > li {min-height: 200px;}
.is-mega-menu > .sub-menu > li > a {display: block; padding: 14px 20px; color: var(--black-color); font-weight: 500;}
.is-mega-menu > .sub-menu > li > .sub-menu {display: none; position: absolute; left: 350px; top: 0; width: calc(93% - 350px); background: var(--white-color); padding: 30px !important; transition: all 0.3s ease-in-out; overflow: hidden; height: auto !important;}
.is-mega-menu > .sub-menu > li.active > .sub-menu {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.is-mega-menu .sub-menu .sub-menu li {background: var(--white-color); padding: 18px; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.is-mega-menu .sub-menu .sub-menu li a {font-weight: 600; display: block; margin-top: 8px; color: var(--black-color); padding-bottom: 10px;}
.menu-item-desc {display: block; font-size: 13px; color: var(--black-color); margin-top: 6px; line-height: 1.5;}
.header-menu > nav > ul > li > .sub-menu > li > a {color: var(--black-color);}
.header-menu > nav > ul > li > .sub-menu > li {padding: 10px 0px;}
.is-mega-menu > .sub-menu > li > .sub-menu::-webkit-scrollbar {width: 6px;}
.is-mega-menu > .sub-menu > li > .sub-menu::-webkit-scrollbar-track {background: #f5f5f5; border-radius: 10px;}
.is-mega-menu > .sub-menu > li > .sub-menu::-webkit-scrollbar-thumb {background: var(--purple-color); border-radius: 10px; transition: background 0.3s ease;}
.is-mega-menu > .sub-menu > li > .sub-menu::-webkit-scrollbar-thumb:hover {background: #8a56a0;}
.mobile-menu-toggle {display: none; z-index: 1700;}
.menu-toggle-btn {background: none; border: none; cursor: pointer; padding: 8px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 4px; transition: background-color 0.3s ease;}
.menu-toggle-btn img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.3s ease, transform 0.3s ease;}
.menu-toggle-btn.active img {transform: translate(10%, -50%);}
.toggle-icon {width: 30px; height: 30px; opacity: 1; visibility: visible;}
.close-icon {width: 30px; height: 30px;}
/* .mobile-menu-overlay.active ~ .header-inner .toggle-icon {opacity: 0 !important; visibility: hidden !important;}
.mobile-menu-overlay.active ~ .header-inner .close-icon {opacity: 1 !important; visibility: visible !important;} */
.menu-toggle-btn .close-icon {opacity: 0; visibility: hidden;}
.menu-toggle-btn.active .toggle-icon {opacity: 0; visibility: hidden;}
.menu-toggle-btn.active .close-icon {opacity: 1; visibility: visible;}

.mobile-menu-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 1500; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.mobile-menu-overlay.active {opacity: 1; visibility: visible;}
.mobile-menu-container {position: fixed; top: 0; right: 0; width: 100%; max-width: 400px; height: 100vh; background: var(--white-color); transform: translateX(100%); transition: transform 0.4s ease; z-index: 1600; box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);}
.mobile-menu-overlay.active .mobile-menu-container {transform: translateX(0);}
.mobile-menu-content {height: 100%; padding: 80px 30px 40px; display: flex; flex-direction: column; overflow: auto;}
.mobile-menu-wrapper {flex: 1; overflow-y: auto; padding-right: 10px;}
.mobile-menu-wrapper::-webkit-scrollbar {width: 4px;}
.mobile-menu-wrapper::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
.mobile-menu-wrapper::-webkit-scrollbar-thumb {background: var(--purple-color); border-radius: 10px;}
.mobile-navigation {width: 100%;}
.mobile-menu-list {list-style: none; margin: 0; padding: 0;}
.mobile-menu-list > li {border-bottom: 1px solid #f0f0f0; position: relative;}
.mobile-menu-list > li:last-child {border-bottom: none;}
.mobile-menu-list a {display: flex; align-items: center; justify-content: space-between; padding: 18px 0; font-size: 18px; font-weight: 500; color: var(--black-color); text-decoration: none; transition: color 0.3s ease;}
.mobile-menu-list a:hover {color: var(--purple-color);}
.mobile-menu-list .sub-menu {list-style: none; margin: 0; padding: 0 0 0 20px; display: none;}
.mobile-menu-list .show-submenu > .sub-menu {display: block !important; opacity: 1 !important; visibility: visible !important; max-height: 1000px !important; overflow: visible !important;}
.mobile-menu-list .show-submenu .show-submenu > .sub-menu {display: block !important;}
.mobile-menu-list .menu-item-has-children.show-submenu > a:after, .mobile-menu-list .is-mega-menu > .sub-menu > .menu-item-has-children.active > a:after {transform: rotate(-135deg) !important;}
@keyframes slideDown {from {opacity: 0; transform: translateY(-10px); max-height: 0;}to {opacity: 1; transform: translateY(0); max-height: 1000px;}}
.mobile-menu-list .sub-menu li {border-bottom: 1px solid #f0f0f0; position: relative;}
.mobile-menu-list .sub-menu li:last-child {border-bottom: none;}
.mobile-menu-list .sub-menu a {font-size: 16px; padding: 16px 0; color: var(--black-color);}
.mobile-menu-list .sub-menu .sub-menu a {font-size: 15px; padding: 14px 0; color: #888;}
.menu-item-has-children > a {position: relative;}
.mobile-menu-list .is-mega-menu .sub-menu {padding-left: 0;}
.mobile-menu-list .is-mega-menu .sub-menu > li {padding-left: 0;}
.mobile-menu-list .is-mega-menu .sub-menu > li > a {font-weight: 600; color: var(--black-color); border-bottom: 2px solid #f0f0f0; padding: 20px 0;}
.mobile-menu-list .is-mega-menu .sub-menu .sub-menu {padding-left: 0; margin-top: 10px;}
.mobile-menu-list .is-mega-menu .sub-menu .sub-menu li {background: #f9f9f9; margin: 10px 0; padding: 15px; border-radius: 8px; border: 1px solid #eee;}
.mobile-menu-list .is-mega-menu .sub-menu .sub-menu li:hover {border-color: var(--purple-color);}
.mobile-menu-list .menu-item-desc {font-size: 14px; color: #666; margin-top: 8px; line-height: 1.5; display: block; font-weight: normal;}
.mobile-menu-list .is-mega-menu .sub-menu .sub-menu li img {max-width: 40px; height: auto; margin-bottom: 10px; display: block;}
.mobile-contact-btn {padding-top: 30px; border-top: 2px solid #f0f0f0;}
.mobile-menu-list .is-mega-menu > .sub-menu {display: none !important; position: static !important; width: 100% !important; background: #f8f8f8 !important; padding: 0 !important; margin: 10px 0 !important; border-radius: 8px !important; border: 1px solid #e0e0e0 !important; overflow: hidden !important;}
.mobile-menu-list .is-mega-menu.show-submenu > .sub-menu {display: block !important; animation: slideDown 0.3s ease !important; overflow: auto !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li {width: 100% !important; border-bottom: 1px solid #e8e8e8 !important; background: fff !important; padding: 0 !important; margin: 0 !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li:last-child {border-bottom: none !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li > a {display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 18px 20px !important; font-weight: 600 !important; color: var(--black-color) !important; text-decoration: none !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li.active {background: #f9f3fb !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li.active > a {color: var(--purple-color) !important; background: #f9f3fb !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li > .sub-menu {display: none !important; padding: 15px 20px !important; background: #f5f5f5 !important; margin: 0 !important; border-top: 1px solid #e8e8e8 !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li.active > .sub-menu {display: grid !important; grid-template-columns: 1fr !important; gap: 15px !important; animation: slideDown 0.3s ease !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li > .sub-menu > li {background: fff !important; padding: 20px !important; border-radius: 8px !important; border: 1px solid #e8e8e8 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; transition: all 0.3s ease !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li > .sub-menu > li:hover {border-color: var(--purple-color) !important; box-shadow: 0 4px 12px rgba(164, 112, 176, 0.1) !important;}
.mobile-menu-list .is-mega-menu > .sub-menu > li > .sub-menu > li img {max-width: 50px !important; height: auto !important; margin-bottom: 15px !important; display: block !important;}

/* Footer */
.site-footer {background: var(--black-gradient-color); padding: 50px 0 10px;}
.footer-inner .footer-contact-sec {display: flex; justify-content: center; gap: 50px; margin-bottom: 120px;}
.footer-contact-sec .footer-location {width: 60%;}
.footer-contact-sec .footer-contact {width: 40%; border: 1px solid var(--white-color); border-radius: 15px;}
/* .footer-location .footer-about {width: 60%; margin-bottom: 20px;} */
.footer-location .footer-about {width: 50%; margin-bottom: 20px;}
.footer-location .footer-add {width: 50%;}
.footer-location .footer-social-icons {display: flex; align-items: center; gap: 20px; margin-bottom: 50px;}
/* .footer-location .footer-company {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;} */
.footer-menus-sec .footer-location {display: flex; width: 70%; gap: 40px;}
.footer-company .footer-company-detail {width: 60%; margin-bottom: 40px;}
.footer-company-detail .footer-company-icon {display: flex; align-items: center; gap: 20px; margin-bottom: 15px;}
.footer-company-icon .font20 {margin: 0 !important;}
.footer-contact form {padding: 35px;}
.footer-about ul li a img {width: 100%;}
input[type="text"], input[type="email"], input[type="tel"], input[type="file"], input[type="number"], input[type="url"], textarea, select {background: none; border: 0; border-bottom: 1px solid var(--white-color); color: var(--white-color); font-size: 15px; width: 100%; margin-bottom: 20px; font-family: 'poppins'; padding-bottom: 10px;}
input:focus-visible, textarea:focus-visible, select:focus-visible {outline: none;}
.form-info {opacity: 0.5; margin-bottom: 0 auto 40px;}
.bg-btn, input[type="submit"] {background: linear-gradient(90deg, #212121 0%, #CB6CE6 100%); font-size: 16px; color: var(--white-color); padding: 14px 50px; font-family: 'poppins'; font-weight: 600; border: 1px solid var(--white-color); border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out; text-transform: capitalize;}
input[type="submit"] {display: block; margin: 0 auto;}
a.bg-btn {display: inline-block;}
.bg-btn:hover ,input[type="submit"]:hover{background: var(--white-color); color: var(--black-color); border: 1px solid var(--black-color);}
.wpcf7-spinner {display: none;}
.footer-inner .footer-menus-sec {display: flex; margin-bottom: 70px;}
/* .footer-menus-sec .service-menu {width: 25%;} */
.footer-menus-sec .mobile-technologies-menu {width: 30%;}
.footer-menus-sec .web-technologies-menu {width: 28%;}
.footer-menus-sec .hire-resource-menu {width: auto;}
.footer-menus-sec ul li a {font-size: 17px; line-height: 2.3; font-weight: normal;}
.footer-inner .footer-copyright-sec {border-top: 1px solid var(--white-color);}
.footer-copyright-sec .footer-copyright {display: flex; justify-content: space-between; align-items: center;}
.footer-menu ul {display: flex; align-items: center; gap: 30px;}
.footer-contact form p label {display: none;}
.wpcf7 form .wpcf7-response-output {text-align: center; grid-column: span 12;}
.footer-about a img {width: 60%; height: auto;}
.footer-social-icons li a img {transition: filter 0.3s ease;}
.footer-social-icons li:hover a img {filter: invert(36%) sepia(24%) saturate(748%) hue-rotate(245deg) brightness(95%) contrast(90%);}
.footer-inner .footer-main-sec {display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.footer-main-sec .footer-contact-form {border: 1px solid var(--white-color); border-radius: 10px; width: 50%;}
.footer-main-sec .footer-top-sec {width: 40%;}

/* Splash Screen Base */
/* body.splash-active {overflow: hidden; height: 100vh;}
#splash {position: fixed; inset: 0; background: var(--black-gradient-color); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 99999; transition: opacity 0.6s ease;}
.logo-container {position: relative; text-align: center;}
.logo {font-family: 'Poppins'; font-size: 140px; font-weight: 700; color: var(--purple-color); letter-spacing: 4px; opacity: 0; transform: scale(0.6); width: 70%; height: auto; margin: 0 auto;}
.logo span {color: var(--white-color); opacity: 0.9;}
.tagline {font-size: 40px; margin-top: 0px; color: #b0b0ff; letter-spacing: 1.5px; opacity: 0; transform: translateY(40px);}
.loader {margin-top: 3rem; width: 180px; height: 4px; background: rgba(0, 212, 255, 0.15); border-radius: 2px; overflow: hidden; opacity: 0;}
.loader-bar {width: 0; height: 100%; background: linear-gradient(90deg, #00d4ff, #7c00ff);}
.particles {position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 20% 30%, rgba(0,212,255,0.08) 0%, transparent 50%); animation: pulse 8s infinite alternate;}
.logo-container img {width: 20%; height: auto;}
@keyframes pulse {0% { opacity: 0.4; transform: scale(1); } 100% { opacity: 0.7; transform: scale(1.15); }} */

/* Slick Slider Touch Interactions */
.single-casestudy-design-item, .tech-slides, .tech-slides-reverse, .banner-logo, .about-banner-logo, .specialize-sec, .testimonial-sec, .life-prizor-slider, .life-prizor-slider-reverse, .collaboration-slider, .collaboration-slider-reverse, .service-industry-items, .about-item, .tools-items {cursor: grab; user-select: none; touch-action: pan-y;}
.single-casestudy-design-item:active, .tech-slides:active, .tech-slides-reverse:active, .banner-logo:active, .about-banner-logo:active, .specialize-sec:active, .testimonial-sec:active, .life-prizor-slider:active, .life-prizor-slider-reverse:active, .collaboration-slider:active, .collaboration-slider-reverse:active, .service-industry-items:active, .about-item:active, .tools-items:active {cursor: grabbing;}

/* Home Banner Section */
.home-banner-main {min-height: 100vh; width: 100%; position: relative; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden;}
.banner-video-wrap {position: absolute; inset: 0; z-index: 0;}
.banner-video-wrap video {width: 100%; height: 100%; object-fit: cover;}
.home-banner-main::before {content: ""; position: absolute; inset: 0; background: var(--black-color); opacity: 0.7; z-index: 1;}
.home-banner-main .wrap, .home-banner-main .banner-logos {position: relative; z-index: 2;}
.home-banner-main.has-video {background: none !important;}
.home-banner-inner .banner-ttl {width: 60%; margin: 0 auto;}
.banner-logos .slick-track {display: flex; justify-content: center; align-items: center; gap: 20px;}
.banner-logos .banner-logo .banner-logo-img img {width: 70%; max-width: 100%; height: auto; display: block; margin: 0 auto;}
.banner-logos .banner-logo .banner-logo-img img:focus {outline: none !important;}
.banner-ttl .btn-main {margin-top: 20px;}
/* .textReveal {overflow: hidden; animation: textRevealAnim 2s ease .5s forwards;}
.textReveal.rotateY {perspective: 100px;}
.textReveal-outer {padding: 8px 16px; transform: translateX(100%); border-left: 2px solid var(--white-color); overflow: hidden; animation: textRevealAnim 2s ease .5s forwards, borderOpacityAnim 2s ease .5s forwards;}
.textReveal.rotateY .textReveal-outer {transform: translateX(100%) rotateY(20deg);}
.textReveal-inner {transform: translateX(-100%); animation: textRevealAnim 2s ease .5s forwards;}
.textReveal-heading {margin: 0; animation: blur 0.5s ease-out infinite; transition: all .3s;}
.textReveal, .textReveal-outer, .textReveal-inner {animation-play-state: paused;}
.reveal-start .textReveal, .reveal-start .textReveal-outer, .reveal-start .textReveal-inner {animation-play-state: running;} */
@keyframes textRevealAnim {100% {transform: translateX(0);}}
@keyframes borderOpacityAnim {50% {border-left-color: var(--white-color);}100% {border-left-color: transparent;}}

/* What We Offer Section */
.what-offer-services .what-offer-service {background: var(--white-color); border-radius: 10px; padding: 30px; transition: all 0.3s ease-in-out; color: var(--black-color); position: relative; overflow: hidden; border: 1px solid var(--black-color);}
.what-offer-service .what-offer-img {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.what-offer-service .font25 {color: var(--black-color); transition: color 0.3s ease-in-out;}
.what-offer-img .what-offer-right-icon img {background: var(--white-color); border-radius: 50px; padding: 10px; border: 1.5px solid var(--purple-color); box-shadow: 2px 5px 1px 0.5px var(--purple-color); transition: all 0.3s ease-in-out;}
.what-offer-img .what-offer-icon img {background: linear-gradient(90deg, #CB6CE6 0%, #455AA8 100%); border-radius: 10px; padding: 7px; width: 60%; height: auto; opacity: 0.8;}
.what-offer-inner .what-offer-services {display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px;}
.what-offer-services .what-offer-service:nth-child(even) {transform: translateY(-30px);}
.what-offer-main .font35 {color: var(--black-color);}
.what-offer-services .what-offer-service:hover {background: var(--black-gradient-color); color: var(--white-color);}
.what-offer-services .what-offer-service:hover .font25 {color: var(--white-color);}
.what-offer-services .what-offer-service:hover .what-offer-img .what-offer-right-icon img {background: var(--purple-color); border-radius: 50px; box-shadow: 2px 5px 1px 0.5px var(--black-color);}

/* Company Info Section */
.companyinfo-main {position: relative;}
.companyinfo-inner {background: var(--black-gradient-color);}
.banner-logos .companyinfo-inner {background: var(--purple-color);}
.companyinfo-inner * {position: relative; z-index: 1;}
.company-information {display: grid; grid-template-columns: repeat(4, 1fr); padding: 30px;}
.company-information .company-info {border-right: 1px solid var(--white-color); padding: 10px 15px;}
.company-information .company-info:last-child {border-right: none; padding-bottom: 30px;}
.company-info .font35 {margin: 0 !important;}
.company-info p {font-size: 18px; margin: 0;}
.companyinfo-inner .banner-logo {padding: 60px 0;}

/* Discussion Section */
.discussion-main{background: var(--black-gradient-color); color: var(--white-color); }
.discussion-inner {position: relative; border-radius: 20px; padding: 60px 80px; border: 2px solid rgba(255, 255, 255, 0.15); overflow: hidden;}
.discussion-sec {display: flex; align-items: center; justify-content: space-between; position: relative;}
.discussion-ttl {position: relative; width: 45%; text-transform: uppercase;}
.discussion-arrow-svg {position: absolute; top: 50%; right: -220px; transform: translateY(-50%); width: 220px; height: 120px; pointer-events: none;}
#arrowPath {stroke-dasharray: 3700; stroke-dashoffset: 3700; animation: draw-ltr 5s linear infinite;}
@keyframes draw-ltr {0% {stroke-dashoffset: 3700;}88%  {stroke-dashoffset: 0;}89%  {stroke-dashoffset: 3700;}100% {stroke-dashoffset: 3700;}}
#arrowPath {filter: drop-shadow(0 0 6px rgba(164, 112, 176, 0.5));}

/* Agency Section */
.agency-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center;}
.agency-illustration img {width: 100%; height: auto;}
.agency-content span {display: inline-block; margin-bottom: 10px; color: var(--black-color);}
.agency-content .font35 {margin-bottom: 25px; line-height: 1.2; color: var(--black-color);}
.agency-content ul {padding-left: 18px;}
.agency-content ul li {font-size: 15px; line-height: 1.6; margin-bottom: 10px; color: #333;}
.tech-section {margin-top: 80px; display: flex; gap: 50px; align-items: center;}
.tech-section .tech-left {width: 45%;}
.tech-section .tech-right {width: 55%;}
.tech-left .font35 {margin-bottom: 20px; color: var(--black-color);}
.tech-logo .font20 {margin-bottom: 0 !important; z-index: 2;}
.tech-left p {color: var(--black-color);}
.tech-right {position: relative; overflow: hidden;}
.tech-slides {margin-bottom: 20px;}
.tech-slides .slick-track {display: flex; align-items: center;}
.tech-logo {position: relative; border-radius: 14px; height: 70px !important; padding: 20px; display: flex !important; align-items: center; justify-content: space-between; gap: 15px; color: var(--white-color); margin: 0 10px; min-width: 180px; overflow: hidden; isolation: isolate;}
.tech-logo::before {content: ""; position: absolute; inset: 0; background-image: var(--logo-bg); background-size: 160%; background-position: center; filter: blur(35px) brightness(0.9); transform: scale(1.4); z-index: -2;}
.tech-logo::after {content: ""; position: absolute; inset: 0; background: var(--black-color); z-index: -6;}
.tech-logo img {width: 65px; height: auto; z-index: 2;}
.agency-content ul {list-style: disc !important; margin-left: 20px;}
.tech-slides-reverse .slick-list {direction: rtl;}
.tech-right::before, .tech-right::after {content: ""; position: absolute; top: 0; width: 120px; height: 100%; z-index: 5; pointer-events: none;}
.tech-right::before {left: 0; background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0) 100%);}
.tech-right::after {right: 0; background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.6) 55%, rgba(255, 255, 255, 0) 100%);}

/* Specialize Section */
.specialize-inner .font35 {color: var(--black-color);}
.specialize-inner p {color: var(--black-color); margin-bottom: 50px;}
.specialize-sec .slick-track {display: flex; align-items: stretch;}
.specialize-icon {background: var(--black-gradient-color); border-radius: 18px; padding: 30px; text-align: center; margin: 0 12px; height: auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; width: auto; margin-bottom: 20px;}
.specialize-logo .font20 {color: var(--black-color); text-align: center;}
.specialize-logo img {width: 44px; height: auto; margin: 0 auto 20px;}
.specialize-sec .slick-arrow {width: 42px; height: 42px; z-index: 10; background: var(--white-color); border-radius: 50px; padding: 10px; border: 1.5px solid var(--purple-color); box-shadow: 2px 5px 1px 0.5px var(--purple-color); transition: all 0.3s ease-in-out;}
.specialize-sec .slick-prev:before, .specialize-sec .slick-next:before {content: "";}
.specialize-sec .slick-prev {background-image: url("/wp-content/uploads/2026/01/left-icon.svg") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 14px !important; left: auto; right: 250px; top: -170px;}
.specialize-sec .slick-next {background-image: url("/wp-content/uploads/2026/01/right-icon.svg") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 14px !important; right: 305px; top: -170px;}
.specialize-inner .specialize-ttl {width: 40%;}
.specialize-sec .slick-slide {outline: none;}
.slick-arrow:hover {background-color: var(--purple-color) !important; box-shadow: 2px 5px 1px 0.5px var(--black-color);}

/* Our Offering Section */
.our-offering-inner .our-offering-ttl {color: var(--black-color); width: 70%; margin: 0 auto;}
.our-offering-inner .font35 {color: var(--black-color);}
.our-offering-sec {position: relative; overflow: hidden;}
.our-offering-carousel {position: relative; min-height: 420px; perspective: 1200px; cursor: grab; user-select: none; touch-action: pan-y;}
.our-offering-card {position: absolute; top: 0; left: 50%; width: 40%; height: auto; padding: 40px; color: var(--white-color); transform: translateX(-50%) scale(0.85); transition: all 0.6s ease; display: flex; align-items: center; background: var(--black-gradient-color); border-radius: 30px; border: 3px solid var(--purple-color);}
/* .our-offering-card::before {content: ""; position: absolute; inset: 0; background: url('/wp-content/uploads/2026/02/robot-background-img.png') center/cover no-repeat; z-index: 0; border-radius: 30px;} */
.our-offering-carousel:active {cursor: grabbing;}
.our-offering-detail, .our-offering-icon {position: relative; z-index: 1;}
.our-offering-card.active {transform: translateX(-50%) scale(1); z-index: 5;}
.our-offering-card.prev {transform: translateX(-95%) scale(0.9); z-index: 4;}
.our-offering-card.next {transform: translateX(-5%) scale(0.9); z-index: 4;}
.our-offering-card.prev2 {transform: translateX(-140%) scale(0.8); z-index: 3;}
.our-offering-card.next2 {transform: translateX(40%) scale(0.8); z-index: 3;}
.our-offering-card .our-offering-detail .font30 {color: #CB6CE6; font-weight: 700;}
.our-offering-card .our-offering-detail p {font-size: 18px; line-height: 1.6;}
.our-offering-card .our-offering-icon img {width: 40%; object-fit: contain;}
.our-offering-card .our-offering-detail, .our-offering-card .our-offering-icon {opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.45s ease; width: 50%;}
.our-offering-card .our-offering-icon {text-align: right;}
.our-offering-card.active .our-offering-detail, .our-offering-card.active .our-offering-icon {opacity: 1; visibility: visible; transform: translateY(0);}
.our-offering-card.active .our-offering-detail {transition-delay: 0.1s;}
.our-offering-card.active .our-offering-icon {transition-delay: 0.25s;}

/* Projects */
.projects-sec {display: flex; flex-direction: column; gap: 60px; margin-top: 60px; position: relative;}
.project-item {display: flex; gap: 20px; align-items: stretch; color: var(--black-color); margin-bottom: 140px; transform: translateY(80px); transition: background-color 0.4s ease, box-shadow 0.4s ease; position: sticky; top: 190px; z-index: 2;}
.projects-ttl {position: sticky; top: 120px; z-index: 2;}
.project-item.active {background-color: var(--white-color); border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.12);}
.project-item.in-view {opacity: 1; transform: translateY(0);}
.project-meta-box, .project-desc-box, .project-image {box-shadow: 0 20px 40px rgba(0,0,0,0.3);}
.projects-main {background: var(--black-gradient-color); overflow: visible;}
.project-item .font30 {color: var(--black-color);}
.project-item .font20 {color: var(--black-color);}
.project-content {width: 30%; display: flex; flex-direction: column; gap: 20px;}
.project-meta-box, .project-desc-box {background: #f3f3f3; padding: 25px; border-radius: 16px; min-height: 200px;}
.project-tax {font-size: 14px; margin-bottom: 8px;}
.project-tax a {display: inline-block; padding: 5px 12px; border: 1px solid #000; border-radius: 20px; font-size: 13px; margin-right: 6px;}
.project-image {width: 70%; background: #f3f3f3; border-radius: 20px; display: flex; align-items: center; justify-content: center; max-height: 520px;}
.project-image img {width: 100%; height: 80%; border-radius: 16px; object-fit: contain;}
.project-item:nth-child(odd) {flex-direction: row-reverse;}
.projects-sticky-scope {position: relative;}
.projects-ttl.unstick {position: relative; top: auto; transform: translateY(-100%); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease;}
.projects-ttl.hide-desc p {opacity: 0; transform: translateY(-10px);}
.projects-end-sentinel {height: 1px;}

/* Testimonials */
.testimonial-main {position: relative; overflow: hidden;}
.testimonial-main::before {background: var(--black-gradient-color); overflow: hidden; width: 100%; height: 60%; content: ""; position: absolute; top: 0;}
.testimonial-main .wrap {position: relative; z-index: 2;}
.testimonial-sec {margin-top: 40px;}
.testimonial-sec .testimonial-card {background: var(--white-color); color: var(--black-color); padding: 30px 25px 25px; border-radius: 20px; position: relative; min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.27);}
.testimonial-card .testimonial-img {position: relative; display: block; margin-bottom: 15px;}
.quote-icon {position: absolute; top: 0; left: 0; z-index: 2;}
.quote-icon img {width: 34px; height: auto;}
.testimonial-avatar {position: relative;}
.testimonial-avatar img {width: 27%; height: auto; position: absolute; top: -30px; right: -30px; border-radius: 0 20px 0 0;}
.testimonial-author span {font-size: 14px; color: var(--black-color);}
.testimonial-author .font20 {color: var(--black-color);}
.testimonial-sec .slick-track {display: flex; gap: 20px;}
.testimonial-sec .slick-slide {height: auto; padding: 10px 0;}
.testimonial-sec .slick-slide > div {padding: 30px;}
.testimonial-sec .slick-dots {bottom: -45px;}
.testimonial-sec .slick-dots li button::before {font-size: 50px; color: var(--purple-color); opacity: 0.5;}
.testimonial-sec .slick-dots li {width: 15px !important; height: 15px !important;}
.testimonial-sec .slick-active button::before {color: var(--purple-color) !important;}
.testimonial-sec .slick-dots li.slick-active button:before {opacity: 1;}

/* future Build Section */
.future-main {overflow: hidden;}
.future-box {display: flex; align-items: center; justify-content: space-between; gap: 60px; background: var(--black-gradient-color); color: var(--white-color); padding: 50px; border-radius: 40px; position: relative; overflow: visible; min-height: 280px;}
.future-box .future-content {width: 50%;}
.future-content .btn-main, .banner-left .btn-main {margin-top: 20px;}
.future-box .future-img {width: 50%;}
.future-img img {width: 30%; display: block; position: absolute; bottom: 0; right: 70px; z-index: 2;}
.future-text {padding: 20px 50px; background: var(--black-gradient-color); border-radius: 50px; margin-top: 30px; overflow: hidden;}
@keyframes marquee{from{ transform:translateX(0); }to{ transform:translateX(-50%); }}
.marquee-track span{white-space:nowrap; font-size:18px; font-weight:600; padding:0 80px; color:var(--white-color);}
.marquee-track{display:flex; width:max-content; animation:marquee 35s linear infinite;}
.marquee-inner{overflow: hidden;}

/* Blog Section */
.blog-main .blog-ttl, .blog-main .font35 {color: var(--black-color);}

/* FAQ's Section */
.faq-main {position: relative; overflow: hidden;}
.faq-main::before, .faq-main::after {content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; filter: blur(120px); opacity: 0.35; z-index: 0;}
.faq-main::before {background: #7b61ff; top: 50px; left: -150px; animation: moveBlob1 5s infinite linear;}
.faq-main::after {background: var(--purple-color); bottom: 50px; right: -150px; animation: moveBlob2 5s infinite linear;}
@keyframes moveBlob1 {0%   { transform: translate(0, 0); } 25%  { transform: translate(80px, 60px); } 50%  { transform: translate(0, 120px); } 75%  { transform: translate(-60px, 60px); } 100% { transform: translate(0, 0); }}
@keyframes moveBlob2 {0%   { transform: translate(0, 0); } 25%  { transform: translate(-70px, -60px); } 50%  { transform: translate(-120px, 0); } 75%  { transform: translate(-60px, 60px); } 100% { transform: translate(0, 0); }}
.faq-inner {position: relative; z-index: 2;}
.faqs {border-bottom: 1px solid #dcdcdc; padding: 20px 0;}
.faq-title {display: flex; align-items: center; justify-content: space-between; cursor: pointer; position: relative;}
.faq-main {color: var(--black-color);}
.faq-main .font35, .faq-main .font20 {color: var(--black-color);}
.faq-main .font25 {margin-bottom: 0px;}
.faq-title::after {content: "+"; width: 32px; height: 32px; background: #000; color: var(--white-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.3s ease;}
.faqs.active .faq-title::after {content: "×"; background: #000;}
.faq-content {display: none; max-width: 900px; color: #444; line-height: 1.7;}
.faqs:first-child .faq-content {display: block;}
.faq-title .font20 {margin-bottom: 0 !important;}
.faqs.active .font20 {color: var(--purple-color);}

/* About Banner Section */
/* .about-banner-main{height: 140vh;} */
.about-banner-main {justify-content: center;}
.about-banner-logos ul li img {width: 95%;}
.about-banner-logos .slick-track {gap: 0;}
.about-banner-logos .about-banner-logo {display: none;}
/* .about-banner-main .home-banner-inner {padding-bottom: 80px;} */

/* Careers Section */
.career-main .career-inner {display: flex; background: var(--black-gradient-color); border-radius: 20px; align-items: stretch; position: relative; overflow: hidden; min-height: 420px;}
.career-inner .career-left {width: 50%; padding: 60px;}
.career-inner .career-right {width: 50%; position: relative;}
.career-left .purple-txt {border: 1px solid var(--purple-color); padding: 10px 30px; border-radius: 50px; display: inline-block; width: fit-content; display: none;}
.career-left .font35 {margin-top: 20px;}
.career-right img {position: absolute; bottom: 0; left: 10%; transform: translateX(-50%); width: 75%; height: auto; opacity: 0; transform: translateY(60px) scale(0.95); transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.career-main.animate .career-right img {opacity: 1; transform: translateY(0) scale(1);}
.career-left .btn-main {margin-top: 20px;}

/* Our Success Section */
.our-success-main {overflow: hidden;}
.our-success-main  .our-success-inner {display: flex; justify-content: center; align-items: center; gap: 30px;}
.our-success-left .font35 {color: var(--black-color); width: 90%;}
.our-success-inner .our-success-left {width: 45%;}
.our-success-inner .our-success-right {position: relative; width: 55%; text-align: center; overflow: visible;}
.our-success-right img {position: relative; z-index: 3; width: 50%; height: auto; opacity: 0.7;}
.our-success-inner .our-success-right::before, .our-success-inner .our-success-right::after, .our-success-inner .our-success-right .ring {content: ""; position: absolute; top: 50%; left: 50%; width: 60%; height: 100%; transform: translate(-50%, -50%) scale(1); border-radius: 50%; background: rgba(33, 33, 33, 0.25); z-index: 1; animation: smoothRipple 3.6s linear infinite; will-change: transform, opacity;}
.our-success-inner .our-success-right::before {animation-delay: 0s;}
.our-success-inner .our-success-right::after {animation-delay: 1.2s;}
.our-success-inner .our-success-right .ring {animation-delay: 2.4s;}
@keyframes smoothRipple {0% {transform: translate(-50%, -50%) scale(0.85);opacity: 0;}15% {opacity: 0.4;}100% {transform: translate(-50%, -50%) scale(1.45); opacity: 0;}}
.our-success-right .bottom-fade {position: absolute; left: 0; bottom: -80px; width: 100%; height: 60%; z-index: 5; pointer-events: none; background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.95) 35%, rgba(255, 255, 255, 0.75) 55%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%);}

/* Partners Section */
.partners-main {position: relative; overflow: hidden;}
.partners-main .wrap {position: relative; z-index: 2;}
.partners-main::before {content: ""; position: absolute; width: 250px; height: 250px; background: #455AA8; border-radius: 50%; filter: blur(120px); top: 100px; left: 300px; z-index: 0; opacity: 0.5;}
.partners-main::after {content: ""; position: absolute; width: 250px; height: 250px; background: var(--purple-color); border-radius: 50%; filter: blur(140px); top: 160px; right: 270px; z-index: 0; opacity: 0.5;}
.partners-ttl .font35 {color: var(--black-color);}
.partners-inner .partners-ttl {width: 85%; margin: 0 auto;}
.partners-details .partners-items {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.partners-items .partner-item {border: 1px solid rgba(33, 33, 33, 0.2); border-radius: 20px; color: var(--black-color); padding: 40px; background: var(--white-color);}
.partner-item .font28 {color: var(--black-color); font-weight: 700; margin-top: 10px;}

/* Work Culture Section */
.work-culture-main .work-culture-inner {background: var(--black-gradient-color); display: flex; align-items: stretch; border-radius: 20px; overflow: hidden; position: relative; min-height: 420px;}
.work-culture-inner .work-culture-left {width: 50%; position: relative;}
.work-culture-inner .work-culture-left img {position: absolute; left: 0; bottom: 0; width: 85%; height: auto; opacity: 0; transform: translateY(60px) scale(0.95); transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.work-culture-main.animate .work-culture-left img {opacity: 1; transform: translateY(0) scale(1);}
.work-culture-inner .work-culture-right {width: 50%; padding: 60px;}

/* Vision Mission Section */
.vision-items .vision-item {display: flex; justify-content: space-between; align-items: center; border: 2px solid rgba(33, 33, 33, 0.2); padding: 40px; margin-bottom: 40px; min-height: 300px; border-radius: 20px;}
.vission-inner .vision-items {color: var(--black-color);}
.vision-item-img img {width: 70%; height: auto;}
.vision-item-ttl .font30 {color: var(--black-color);}
.vision-items .vision-item:last-child {margin-bottom: 0;}
.vision-item:nth-child(even) {flex-direction: row-reverse;}
.vision-item:nth-child(even) .vision-item-img {justify-content: right;}
.vision-item .vision-item-img {display: flex; justify-content: left;}

/* Collaboration Section */
.collaboration-main{position: relative; overflow: hidden;}
.collaboration-main .font35 {color: var(--black-color);}
.collaboration-main .wrap {position: relative; z-index: 2;}
.collaboration-main .collaboration-ttl {width: 50%; margin: 0 auto;}
.collaboration-main::before {content: ""; position: absolute; width: 250px; height: 250px; background: #455AA8; border-radius: 50%; filter: blur(120px); top: 100px; left: 300px; z-index: 0; opacity: 0.5;}
.collaboration-main::after {content: ""; position: absolute; width: 250px; height: 250px; background: var(--purple-color); border-radius: 50%; filter: blur(140px); top: 160px; right: 270px; z-index: 0; opacity: 0.5;}
.collaboration-slider  .slick-track, .collaboration-slider-reverse .slick-track {display: flex; justify-content: center; align-items: center; gap: 30px;}
.collaboration-slider-reverse.slick-slider {direction: rtl;}
.collaboration-slide ul li, .collaboration-slider-reverse ul li {border: 2px solid rgba(33, 33, 33, 0.2); border-radius: 20px; padding: 10px 30px; background: var(--white-color);}
.collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 80%; height: 100px; object-fit: contain; margin: 0 auto; min-height: 150px;}

/* About Testimonial */
.about-item  .slick-track {display: flex; justify-content: center; align-items: center; gap: 30px;}
.about-testimonials-main ul li {background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; width: 100% !important; min-height: 500px; padding: 30px; border-radius: 20px; display: flex !important; flex-direction: column; justify-content: flex-end; align-items: flex-start;}
.about-testimonials-main ul li img {width: 30%; height: auto;}
.about-testimonials-main ul li .font20 {margin-bottom: 10px !important;}

/* Common Banner Section */
.banner-main {background: var(--black-gradient-color); min-height: 550px; display: flex; justify-content: flex-end; align-items: flex-end;}
.banner-main .banner-inner {display: flex; align-items: center;}
.banner-inner .banner-left {width: 50%;}
.banner-inner .banner-right {width: 50%; display: flex; justify-content: right;}
.banner-right img {width: 55%; height: auto;}

/* Service Section */
.services-main {position: relative; overflow: visible;}
.services-ttl {position: sticky; top: 120px;}
.services-sec{position: relative;}
.services-sec .service-item {color: var(--black-color); position: sticky; display: flex; align-items: center; gap: 100px; padding: 50px; border-radius: 20px; transition: filter 1s ease, backdrop-filter 1s ease;}
.service-item.blur-effect {backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); filter: blur(2.5px) !important; transition: filter 1s ease, backdrop-filter 1s ease; background: linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)), var(--white-color);}
.services-sec .service-item.in-view {opacity: 1; transform: translateY(0); box-shadow: 0 20px 40px rgba(0,0,0,0.08);}
.services-ttl {width: 86%; margin: 0 auto;}
.service-item .service-desc {width: 50%;}
.service-item .service-img {width: 50%; border-radius: 20px; display: flex; justify-content: center; padding: 30px; position: relative; overflow: hidden; z-index: 1;}
.service-item .service-img::before {content: ""; position: absolute; inset: 0; background: url("/wp-content/uploads/2026/01/service-img-bg.svg") center / cover no-repeat; z-index: 1;}
.service-item .service-img img {width: 60%; height: auto; position: relative; z-index: 2;}
.service-desc .font30 {color: var(--black-color); width: 20%;}
.service-desc a {display: flex; align-items: center; gap: 10px; font-weight: 600; letter-spacing: 1.4px; font-size: 18px; color: var(--purple-color);}
.service-desc p {margin-bottom: 30px;}
.services-sec .service-item:nth-child(4n + 1) {background-color: #C6CFFF; top: 210px; margin-bottom: 60px;}
.services-sec .service-item:nth-child(4n + 2) {background-color: #FBE8A4; top: 235px; margin-bottom: 40px;}
.services-sec .service-item:nth-child(4n + 3) {background-color: #ABF5FF; top: 260px; margin-bottom: 20px;}
.services-sec .service-item:nth-child(4n + 4) {background-color: #FFB8B0; top: 285px; margin-bottom: 0px;}
.services-sec .service-item:nth-child(4n + 1) .service-img {background-color: #8294FE;}
.services-sec .service-item:nth-child(4n + 2) .service-img {background-color: #F8BB48;}
.services-sec .service-item:nth-child(4n + 3) .service-img {background-color: #06D3F1;}
.services-sec .service-item:nth-child(4n + 4) .service-img {background-color: #FF8F83;}

/* Service Design Section */
.service-design-main  .service-design-inner {display: flex; align-items: center;}
.service-design-inner .service-design-left {width: 50%;}
.service-design-inner .service-design-right {width: 50%; display: flex; justify-content: right;}
.service-design-right img {width: 80%; height: auto; border-radius: 20px;}
.service-design-main, .service-design-left .font35 {color: var(--black-color);}

/* Development Company Section */
.development-company-inner .development-company-ttl {width: 56%; margin: 0 auto;}
.development-company-inner .development-company-detail {display: flex; gap: 40px; align-items: center;}
.development-company-detail .development-company-desc {width: 50%;}
.development-company-detail .development-company-img {width: 50%; background: var(--white-gradient-color); border: 1px solid #000; border-radius: 20px; display: flex; justify-content: center;}
.development-company-img img {width: 60%; height: auto; padding-top: 20px;}
.development-company-main {color: var(--black-color);}

/* Work Process Section */
.work-process-inner .work-process-ttl {color: var(--black-color); width: 65%; margin: 0 auto; position: relative; top: 0; z-index: 0;}
.work-process-inner .work-process-ttl.is-sticky {position: sticky; top: 120px;}
.work-process-sec {position: relative; display: flex;}
.timeline-sticky {position: sticky; top: 280px; height: calc(100vh - 450px); z-index: 3;}
.timeline-icon {position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-color: var(--black-color); background-image: url("/wp-content/uploads/2026/02/favicon-icon.svg"); background-repeat: no-repeat; background-position: center; background-size: 27px; border-radius: 50%;}
.timeline-line {position: absolute; top: 40px; left: 21px; bottom: 0; width: 7px; background: var(--black-color); border-radius: 10px; height: 90%;}
.timeline-line-active {position: absolute; top: 48px; left: 21px; width: 7px; height: 0; background: var(--purple-color); border-radius: 10px; transition: height 0.3s ease-out;}
.work-process-sec .work-process-item {background: var(--black-gradient-color); border-radius: 20px; padding: 40px; display: flex; align-items: center; position: sticky; top: 280px; margin-bottom: 20px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25); margin-left: 70px; transition: filter 1s ease, backdrop-filter 1s ease;} 
.work-process-item:not(:last-child) {filter: brightness(0.97);} 
.work-process-sec .work-process-item:last-child {margin-bottom: 0;} 
.work-process-item.blur-effect {backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); filter: blur(2.5px) !important; transition: filter 1s ease, backdrop-filter 1s ease; background: linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0.80)), var(--white-color);}
.small-ttl {background:  linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.20)), var(--purple-color); padding: 6px 20px; border-radius: 30px; font-weight: 600; color: var(--white-color);}
.work-process-item .font25 {margin-top: 15px;}
.tag-wrapper {display: inline-block; position: relative;}
.process-involve {position: relative; display: inline-block; padding: 15px 60px 15px 20px; font-size: 16px; font-weight: 600; text-transform: capitalize; background: #f2f2f2; color: #555; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); overflow: hidden; clip-path: polygon( 0 0, 85% 0, 100% 50%, 85% 100%, 0 100% ); width: 60%;}
.process-involve::before {content: ""; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: #dcdcdc; border-radius: 50%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);}
.process-involve::after {content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent); transform: skewX(-25deg); animation: shine 1.8s infinite;}
.blog-pg-publish-detail .process-involve {padding: 15px 60px 15px 20px; width: 20%;}
@keyframes shine {0% { left: -100%; } 100% { left: 200%; }}
.work-process-content .process-involved-list {display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); margin-top: 20px; overflow: hidden;}
.work-process-item .work-process-content {width: 70%;}
.work-process-item .work-process-img {width: 30%; display: flex; justify-content: center;}
.work-process-img img {width: 80%; height: auto;}

/* Ai Software Development Section */
.aisoftware-development-main {color: var(--black-color); position: relative;}
.aisoftware-development-main  .aisoftware-development-inner {display: flex; gap: 70px; align-items: flex-start;}
.aisoftware-development-right .aisoftware-development-item {border: 1px solid var(--black-color); border-radius: 20px; padding: 30px; margin-bottom: 30px; background: var(--white-gradient-color);}
.aisoftware-development-item .aisoftware-development-img {display: flex; align-items: center; gap: 25px;}
.aisoftware-development-img img {width: 10%; height: auto;}
.aisoftware-development-right .aisoftware-development-item .font20 {color: var(--black-color); margin-bottom: 10px;}
.aisoftware-development-right .aisoftware-development-item .font20 {color: var(--black-color);}
.aisoftware-development-inner .aisoftware-development-left {width: 40%; position: sticky; top: 120px; will-change: transform;}
.aisoftware-development-inner .aisoftware-development-right {width: 60%;}

/* Development Service Section */
.development-service-item .font30 {color: var(--white-color); margin-top: 15px;}
.development-service-main .development-service-ttl {width: 65%; color: var(--black-color);}
.development-service-main .development-service-ttl p {width: 60%;}
.development-service-items .development-service-item {padding: 30px; border-radius: 10px; position: relative; overflow: hidden; z-index: 1; display: flex; flex-direction: column; background: var(--black-gradient-color); color: var(--white-color);}
.development-service-inner .development-service-items {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.development-service-item span {font-size: 20px;}

/* Service Industry Section */
.service-industry-main .service-industry-inner {width: 52%; margin: 0 auto;}
.service-industry-items .slick-track {display: flex; gap: 20px; overflow-x: auto;}
.service-industry-items  .service-industry-item {position: relative; border-radius: 20px; overflow: hidden; cursor: pointer;}
.service-industry-item .industry-front {height: 100%; padding: 25px; display: flex; flex-direction: column; justify-content: space-between;}
.service-industry-item .industry-front img {width: 100%; max-height: 100px; object-fit: contain;}
.service-industry-item  .industry-hover {position: absolute; inset: 0; background: linear-gradient(180deg, rgba(33, 33, 33, 0), #212121); color: var(--white-color); padding: 25px; transform: translateY(100%); transition: transform 0.45s ease; display: flex; flex-direction: column; justify-content: flex-end;}
.service-industry-item:hover .industry-hover {transform: translateY(0);}
.industry-hover .font20 {margin-bottom: 0px !important;}
.service-industry-items .service-industry-item:nth-child(4n+1) {background-color: #ABF5FF;}
.service-industry-items .service-industry-item:nth-child(4n+2) {background-color: #FFB8B0;}
.service-industry-items .service-industry-item:nth-child(4n+3) {background-color: #C6CFFF;}
.service-industry-items .service-industry-item:nth-child(4n+4) {background-color: #F9CADC;}
.service-industry-items .service-industry-item:nth-child(4n+1) .font25 {color: #0DD6F2;}
.service-industry-items .service-industry-item:nth-child(4n+2) .font25 {color: #FF8274;}
.service-industry-items .service-industry-item:nth-child(4n+3) .font25 {color: #8B9CFE;}
.service-industry-items .service-industry-item:nth-child(4n+4) .font25 {color: #FF7BAD;}

/* Case Study Section */
.casestudy-main {background: var(--black-gradient-color);}
.casestudy-inner .casestudy-sec {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.casestudy-item img {width: 100%; height: 450px; object-fit: cover; border-radius: 30px;}
.casestudy-item .casestudy-img {margin-bottom: 20px;}
.casestudy-sec .casestudy-item {margin-bottom: 30px;}

/* Life At Prizor Section */
.life-prizor-main {overflow: hidden;}
.life-prizor-slide .slick-track, .life-prizor-slider-reverse .slick-track {display: flex; gap: 10px;}
.life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {width: 100%; height: 300px; object-fit: cover; border-radius: 20px;}
.life-prizor-slider-reverse.slick-slider {direction: rtl;}

/* Job vacancy Section */
.job-main .job-main-ttl, .job-main .job-info-ttl {color: var(--black-color);}
.job-inner .job-details {width: 80%; margin: 0 auto;}
.job-details .job-item {background: var(--black-gradient-color); border-radius: 20px; padding: 40px; margin-bottom: 30px; cursor: pointer;}
.job-item .job-content {display: none; padding-top: 15px; line-height: 2; border-top: 3px solid var(--purple-color);}
.job-item .job-ttl {display: flex; justify-content: space-between; align-items: center;}
.job-item ul {list-style: disc !important; margin-left: 20px;}
.job-content h4 {color: var(--purple-color); font-weight: 600; font-size: 16px;}
.job-br {padding: 25px 0; position: relative; text-align: center;}
.job-br p {font-size: 18px; font-weight: 600; color: var(--purple-color); display: inline-block; padding: 0 15px; background: var(--white-color); position: relative; z-index: 1;}
.job-br::before, .job-br::after {content: ""; position: absolute; top: 50%; width: 30%; height: 2px; background: var(--purple-color); transform: translateY(-50%);}
.job-br::before {right: 50%; margin-right: 35px;}
.job-br::after {left: 50%; margin-left: 35px;}
.job-modal {position: fixed; inset: 0; z-index: 9999; display: none; margin-top: 0;}
.job-modal-overlay {position: absolute; inset: 0; background: var(--white-color); opacity: 0.5;}
.job-modal-content {position: relative; width: 80%; margin: 50px auto; background: var(--black-gradient-color); padding: 50px; z-index: 2; max-height: calc(100vh - 100px); overflow-y: auto; border-radius: 30px;}
.job-modal-close {position: absolute; top: 70px; right: 70px; background: none; border: none; cursor: pointer;}
body.modal-open {overflow: hidden;}
.job-modal-content .job-modal-form {border: 2px solid var(--purple-color); border-radius: 20px; padding: 50px;}
.job-modal-form form {display: grid; grid-template-columns: repeat(12, 1fr); gap: 40px;}
.job-modal-form form p {margin: 0; grid-column: span 6;}
.job-modal-form form p input[type="text"], .job-modal-form form p input[type="email"], .job-modal-form form p input[type="tel"], .job-modal-form form p input[type="file"], .job-modal-form form p input[type="number"], .job-modal-form form p input[type="url"], .job-modal-form form p textarea, .job-modal-form form p select, .casestudy-project-right form p input[type="text"], .casestudy-project-right form p input[type="email"], .casestudy-project-right form p input[type="tel"], .casestudy-project-right form p input[type="file"], .casestudy-project-right form p textarea, .contact-right form p input[type="text"], .contact-right form p input[type="email"], .contact-right form p input[type="tel"], .contact-right form p input[type="file"], .contact-right form p textarea, .contact-right form p select{border: 1.5px solid var(--purple-color); border-radius: 10px; font-weight: 600; padding: 10px 0 10px 10px !important; margin-bottom: 0; text-transform: capitalize; width: 100%;}
.job-modal-form form p:nth-of-type(7), .job-modal-form form p:nth-of-type(12), .job-modal-form form p:nth-of-type(13), .job-modal-form form p:nth-of-type(14) {grid-column: span 12;}
.job-modal-form form p input[type="file"] {text-align: center;}
.btn-main, .job-modal-form input[type="submit"], .job-modal-form input[type="submit"], .casestudy-project-right form input[type="submit"], .contact-right form input[type="submit"], .hire-banner-right form input[type="submit"] {background: var(--purple-color); padding: 8px 30px 8px 35px; border-radius: 50px; font-size: 18px; font-weight: 600; line-height: 1.7; text-transform: capitalize; color: var(--white-color); border: 2px solid var(--purple-color); transition: color 0.4s ease; position: relative; overflow: hidden;}
.job-modal-form input[type="submit"]:hover, .casestudy-project-right form input[type="submit"]:hover, .contact-right form input[type="submit"]:hover, .hire-banner-right form input[type="submit"]:hover {background: transparent; color: var(--purple-color);}
.job-main {position: relative; overflow: hidden;}
.job-inner {position: relative; z-index: 2;}
.parallax-stars-bg {position: absolute; inset: 0; z-index: 0; overflow: hidden;}
#stars, #stars2, #stars3 {position: absolute; top: 0; left: 0; width: 100%; height: 200%; animation: animStar linear infinite;}
#stars {animation-duration: 40s;}
#stars::before {content: ""; position: absolute; width: 10px; height: 10px; background: transparent; box-shadow: 5vw 10vh var(--purple-color), 15vw 30vh var(--purple-color), 25vw 60vh var(--purple-color), 40vw 20vh var(--purple-color), 55vw 75vh var(--purple-color), 70vw 40vh var(--purple-color), 85vw 90vh var(--purple-color), 10vw 50vh var(--purple-color), 22vw 85vh var(--purple-color), 35vw 110vh var(--purple-color), 48vw 140vh var(--purple-color), 60vw 170vh var(--purple-color), 75vw 120vh var(--purple-color), 90vw 150vh var(--purple-color), 12vw 180vh var(--purple-color), 30vw 160vh var(--purple-color), 50vw 100vh var(--purple-color), 65vw 130vh var(--purple-color), 80vw 170vh var(--purple-color), 95vw 140vh var(--purple-color);}
#stars2 {animation-duration: 80s;}
#stars2::before {content: ""; position: absolute; width: 20px; height: 20px; background: transparent; box-shadow: 10vw 20vh #CFA8DD, 30vw 50vh #CFA8DD, 60vw 80vh #CFA8DD, 75vw 35vh #CFA8DD, 45vw 140vh #CFA8DD, 85vw 170vh #CFA8DD, 20vw 100vh #CFA8DD, 50vw 120vh #CFA8DD, 70vw 150vh #CFA8DD, 90vw 90vh #CFA8DD;}
#stars3 {animation-duration: 120s;}
#stars3::before {content: ""; position: absolute; width: 30px; height: 30px; background: transparent; box-shadow: 20vw 40vh var(--black-color), 50vw 100vh var(--black-color), 80vw 160vh var(--black-color), 35vw 70vh var(--black-color), 65vw 130vh var(--black-color), 90vw 50vh var(--black-color);}
@keyframes animStar {0% {transform: translateY(0);}100% {transform: translateY(-100%);}}
.job-form form {display: grid; grid-template-columns: repeat(12, 1fr); gap: 30px;}
.job-form form p {grid-column: span 4;}
.job-form form p:nth-of-type(13), .job-form form p:nth-of-type(14) {grid-column: span 12;}
select option {color: var(--black-color);}
.job-info .job-info-btn {display: flex; justify-content: center; align-items: center;}
.job-info .job-more-info {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.job-more-info .job-box {background: var(--black-gradient-color); padding: 30px; border-radius: 15px;}
.job-box ul {list-style: disc !important; padding-left: 20px !important;}
.job-box ol {padding-left: 20px !important;}

/* Blog Page Blog Section */
.fetured-blog-sec .fetured-blog-item {display: flex; gap: 30px; color: var(--black-color); border-radius: 20px; box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.27); padding: 0 40px 0 0;}
.fetured-blog-img img {width: 100%; height: auto; border-radius: 20px;}
.fetured-blog-item .featured-blog-content {width: 40%; padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.fetured-blog-item .fetured-blog-img {width: 60%;}
.featured-blog-content .font25 {color: var(--black-color);}
.featured-blog-content p {line-height: 2; font-size: 18px;}
.blog-pg-sec .blog-pg-ttl {display: flex; justify-content: space-between; align-items: center;}
.blog-pg-ttl  input {border: 2px solid var(--purple-color); border-radius: 10px; padding: 15px; width: 100%;}
.blog-pg-ttl form {position: relative;}
.blog-pg-ttl button {position: absolute; right: 0; top: 0; background: none; border: none;}
.blog-pg-ttl input::placeholder {color: var(--purple-color); font-size: 16px; font-weight: 600;}
.blog-pg-ttl button img {background: var(--purple-color); padding: 11px; border-radius: 10px; width: 60%; height: auto;}
.blog-pg-filter ul {display: flex; border-bottom: 2px solid var(--black-color); justify-content: space-between;}
.blog-pg-filter ul li {position: relative; padding-bottom: 12px;}
.blog-pg-filter ul li a.active::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: var(--black-gradient-color);}
.blog-pg-filter ul li .font20 {color: var(--black-color);}
.hidden-post{display: none;}
.blog-pg-posts, .sinle-recent-blog-inner .recent-blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.blog-pg-posts .blog-pg-item, .recent-blog-grid .recent-blog-item {position: relative; z-index: 1; height: 100%; transition: all 1s; display: block; color: var(--black-color);}
.blog-pg-item:before, .recent-blog-grid .recent-blog-item:before {content: ""; position: absolute; z-index: -1; left: 0; display: block; height: calc(100% - 90px); width: 100%; background: var(--white-color); border: 1px solid #f0f0f0; border-radius: 16px; bottom: 0; transition: all 1s; -webkit-transition: all 1s;}
.blog-pg-item .blog-pg-img, .recent-blog-item .recent-blog-img {display: block; margin: 0 20px; box-shadow: 0 8px 20px rgba(0, 0, 0, .06); border-radius: 20px; overflow: hidden; position: relative; z-index: 2; transition: all 1s; transform: translateY(0); height: 250px;}
.blog-pg-img img, .recent-blog-img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 250px; width: 100%; border-radius: 16px; transition: all 1s;}
.blog-pg-title .font20, .recent-blog-content .font20{color: var(--black-color); line-height: 1.5;}
.blog-pg-post-content, .recent-blog-content {padding: 25px 20px; position: relative; z-index: 2; transition: all 1s; transform: translateY(0);}
.blog-pg-publish-detail, .recent-blog-date {margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.blog-pg-publish-detail .blog-pg-category, .recent-blog-date .recent-blog-pg-category {border: 2px solid var(--purple-color); border-radius: 50px; padding: 10px 30px; text-transform: capitalize;}
.blog-pg-item:hover::before, .recent-blog-item:hover::before {box-shadow: 4px 4px 14px 0px var(--black-color); height: 100%; transition: all 1s; transform: translateY(-15px);}
.blog-pg-item:hover .blog-pg-img, .recent-blog-item .recent-blog-img  {transform: translateY(0); transition: all 1s;}
.blog-pg-item:hover .blog-pg-post-content, .recent-blog-item:hover .recent-blog-content {transform: translateY(0); transition: all 1s;}
.blog-pg-item:hover .blog-pg-img img, .recent-blog-item:hover .recent-blog-img img {transform: scale(1.05); transition: transform 1s ease;}

/* Single Blog Post */
.single-blog-banner-main {background: var(--black-gradient-color); min-height: 550px; overflow: visible;}
.single-blog-tabs .font30 {color: var(--black-color);}
.single-blog-banner-inner img, .single-blog-banner-inner .font20 {width: 100%; height: auto; margin-bottom: 20px;}
.single-blog-banner-main  .single-blog-banner-inner {width: 80%; margin: 0 auto; padding-top: 140px; }
.single-blog-main  .single-blog-inner {display: flex; gap: 30px; align-items: flex-start;}
.single-blog-inner .single-blog-tabs {width: 30%; position: sticky; top: 120px; will-change: transform;}
.single-blog-inner .single-blog-content {width: 70%;}
.single-blog-main {color: var(--black-color);}
.single-blog-tabs nav ul li {border: 2px solid var(--purple-color); border-radius: 8px; margin-bottom: 20px !important; padding: 10px;}
.single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4 {font-size: 30px; font-weight: 500;}
.single-blog-content img {width: 100%; height: auto; border-radius: 20px;}
.single-blog-content ul {list-style: disc !important; padding-left: 25px !important;}
.single-blog-content ul li::marker {color: #aa47c1; font-size: 20px;}
/* .custom-toc .toc-h2:has(.toc-link.active) {background: var(--purple-color); font-weight: 600; color: var(--white-color);} */
.custom-toc .toc-link.active {color: var(--purple-color); font-weight: 600;}
.single-blog-ttl .font30 {color: var(--black-color); margin-bottom: 40px;}
.single-blog-content .discussion-sec {background: var(--black-gradient-color); padding: 60px 30px; margin-top: 50px; border-radius: 20px;}
.single-blog-banner-inner img {border-radius: 20px;}

/* Casestudy Page */
.casestudy-project-main{overflow: hidden;}
.casestudy-pg-main  .casestudy-title .font25 {color: var(--black-color);}
.casestudy-pg-main .casestudy-title {color: var(--black-color);}
.casestudy-pg-main .casestudy-title .process-involve {background: var(--black-color); width: 20%;}
.casestudy-project-inner, .contact-form-inner .contact-sec {position: relative; background: var(--black-gradient-color); padding: 40px; display: flex; gap: 30px; border-radius: 20px;}
.contact-form-inner .contact-sec{background: var(--white-gradient-color); box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.27);}
.casestudy-project-inner .casestudy-project-left, .casestudy-project-inner .casestudy-project-right, .contact-form-inner .contact-left, .contact-form-inner .contact-right  {width: 50%;}
.casestudy-project-left .casestudy-project-ttl, .contact-left .font35 {width: 75%;}
.casestudy-project-img {position: relative; padding-left: 70px;}
.casestudy-project-img img {position: relative; z-index: 3; width: 15%; height: auto;}
.casestudy-project-img .ripple {position: absolute; top: 100%; left: 30%; width: 25%; height: 120%; transform: translate(-50%, -50%); border-radius: 50%; z-index: 2; pointer-events: none;}
.casestudy-project-img .ripple::before, .casestudy-project-img .ripple::after {content: ""; position: absolute; inset: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.20); animation: smoothRipple 3.6s linear infinite;}
.casestudy-project-img .ripple::after {animation-delay: 1.2s;}
.casestudy-project-img .ring {animation-delay: 2.4s;}
.casestudy-project-left .casestudy-project-ttl, .casestudy-project-left .casestudy-project-contact, .contact-left .font35, .contact-left ul {margin-bottom: 50px;}
.casestudy-project-left .casestudy-project-img{margin: 100px 0;}
.casestudy-project-contact ul li, .contact-left ul li {display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 10px;}
.casestudy-project-ttl ul li:before{background: url('/wp-content/uploads/2026/01/correct-icon.svg');}
.casestudy-project-ttl ul li:before, .contact-left ul li:before {content: ""; position: absolute; left: 0; top: 4px; background-position: left !important; background-repeat: no-repeat !important; background-size: contain !important; width: 18px; height: 18px;}
.contact-left ul li:before {background: url('/wp-content/uploads/2026/01/correction-icon.svg');}
.casestudy-project-ttl ul li, .contact-left ul li {position: relative; padding-left: 30px; margin-bottom: 12px;}
label {font-size: 18px; font-weight: 600; text-transform: capitalize; line-height: 1.7;}
.casestudy-project-right form p .wpcf7-checkbox, .contact-right form p .wpcf7-checkbox {display: grid; gap: 14px 18px; margin-top: 15px; grid-template-columns: repeat(3, 1fr);}
.casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item, .contact-right form p .wpcf7-checkbox .wpcf7-list-item {margin: 0;}
.casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"], .contact-right form p .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {display: none;}
.casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item label, .contact-right form p .wpcf7-checkbox .wpcf7-list-item label {display: inline-flex; align-items: center; justify-content: center; padding: 12px 26px; border-radius: 10px; border: 1.5px solid var(--purple-color); font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.35s ease; min-width: 150px;}
.casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item label:hover,.contact-right form p .wpcf7-checkbox .wpcf7-list-item label:hover {color: var(--white-color); background: var(--purple-color);}
.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {color: var(--white-color);}
.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {opacity: 1;}
.wpcf7-list-item:has(input[type="checkbox"]:checked) {background: var(--purple-color); border-radius: 10px;}
.wpcf7-list-item-label {display: inline-block; position: relative; padding: 0;}

/* Get In Touch Section */
.page-id-19 .collaboration-main {background: var(--black-color);}
.page-id-19 .collaboration-main .font35{color: var(--white-color);}
.getintouch-main {background: var(--black-color);}
.getintouch-sec .getintouch-item {background: var(--white-gradient-color); border-radius: 8px; margin-bottom: 20px; color: var(--black-color); display: flex; align-items: center; padding: 20px 40px; justify-content: space-between;}
.getintouch-item .font20 {color: var(--black-color); margin-bottom: 0; font-weight: 500;}
.getintouch-inner .getintouch-sec {width: 70%; margin: 0 auto;}
.getintouch-item a {font-size: 18px; font-weight: 600; display: flex; gap: 10px; align-items: center; transition: all 0.3s ease-in-out;}
.getintouch-item a:hover {color: var(--purple-color);}

/* Contact Section */
.collaboration-main {margin: 0 !important;}
.contact-left img {width: 80%; height: auto;}
.contact-right form p label {color: var(--black-color);}
.contact-sec .contact-left {color: var(--black-color);}
.contact-sec .contact-left .font35 {color: var(--black-color);}
.contact-form-main {position: relative; padding-top: 210px;}
.contact-form-main .contact-form-inner{overflow: hidden;}
.contact-form-main:before {content: ""; position: absolute; background: var(--black-color); width: 100%; height: 540px; top: 0; left: 0;}
:where(.wp-site-blocks) > * {margin-block-start: 0 !important;}
.contact-right form p:nth-child(3), .contact-right form p:nth-child(4) {grid-column: span 6;}
.contact-right form p {grid-column: span 12; margin: 0;}
.contact-right form {display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px;}
.contact-right form p select {color: var(--black-color);}
.contact-right form .wpcf7-response-output {color: var(--black-color);}
.contact-main-ttl .font40 {line-height: 1.6;}

/* Casestudy Single page */
.single-casestudy-banner-main {background: var(--black-gradient-color); min-height: 550px; color: var(--black-color);}
.single-casestudy-banner-main .single-casestudy-banner-inner {padding-top: 140px; text-align: center;}
.single-casestudy-banner-inner .single-casestudy-img {width: 80%; height: 550px; overflow: hidden; border-radius: 20px; position: relative; margin: 0 auto;}
.single-casestudy-banner-inner .single-casestudy-img img {width: 100%; height: auto; display: block; animation: imageScroll 3s linear infinite;}
@keyframes imageScroll {0% {transform: translateY(0);}100% {transform: translateY(calc(-100% + 550px));}}
.single-casestudy-sec-inner .single-casestudy-sec-left {width: 70%;}
.single-casestudy-sec-inner .single-casestudy-sec-right {width: 30%; padding: 30px; border-radius: 20px; background: var(--white-color); box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.27);}
.single-casestudy-sec-main  .single-casestudy-sec-inner {display: flex; justify-content: space-between; gap: 150px;}
.single-casestudy-sec-main, .single-casestudy-about-main, .single-casestudy-design-main  {color: var(--black-color); background: #FAFBFF;}
.single-casestudy-sec-left .font30, .single-casestudy-about-item .font25 {color: var(--black-color);}
.single-casestudy-sec-left a {color: var(--purple-color); font-weight: 600;}
.single-casestudy-sec-right ul li .location-ttl {color: var(--black-color); opacity: 0.5;}
.single-casestudy-sec-right ul li p {margin: 2px 0 20px 0;}
.single-casestudy-sec-right .single-casestudy-sec-right-img{text-align: center;}
.single-casestudy-about-inner .single-casestudy-about-content {background: var(--white-color); border-radius: 20px; padding: 80px 70px; box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.27);}
.single-casestudy-about-content .single-casestudy-about-item {display: flex; gap: 40px; align-items: flex-start; margin-bottom: 40px;}
.single-casestudy-about-item .single-casestudy-about-item-ttl {width: 20%;}
.single-casestudy-about-item .single-casestudy-about-item-desc {width: 80%;}
.single-casestudy-about-item-desc p, .single-casestudy-about-item-desc ul {margin: 0;}
.single-casestudy-about-item ul {list-style: disc !important; padding-left: 20px !important;}
.single-casestudy-tools-content ul {display: flex; justify-content: space-around; align-items: center; gap: 20px;}
.single-casestudy-tools-content ul li {text-align: center;}
.single-casestudy-tools-content ul li .tools-contnt {background: var(--white-gradient-color); border-radius: 20px; display: flex; justify-content: space-between; padding: 15px 30px; gap: 30px;}
.single-casestudy-tools-content ul li .tools-contnt p {font-size: 17px; font-weight: 600; text-transform: capitalize;}
.single-casestudy-design-details ul li img {width: 100%; height: auto;}
.single-casestudy-design-details ul .slick-track {display: flex; gap: 20px;}
.single-casestudy-design-item .slick-dots {bottom: -55px; display: flex !important; justify-content: center; align-items: center;}
.single-casestudy-design-item .slick-dots li {width: 32px; height: 6px; margin: 0;}
.single-casestudy-design-item .slick-dots li button:before {display: none;}
.single-casestudy-design-item .slick-dots li button {width: 70%; height: 6px; padding: 0; border-radius: 50px; background: rgba(33,33,33,0.25);}
.single-casestudy-design-item .slick-dots li.slick-active button {background: var(--black-color);}

/* Hire Banner Section */
.hire-banner-main {background: var(--black-gradient-color); padding-top: 260px; color: var(--black-color);}
.hire-banner-main .hire-banner-inner {display: flex; justify-content: space-between; align-items: center; gap: 50px; background: var(--white-color); padding: 30px; border-radius: 20px;}
.hire-banner-inner .hire-banner-left {width: 50%;}
.hire-banner-inner .hire-banner-right {width: 50%; background: var(--black-color); padding: 40px; border-radius: 20px;}
.hire-banner-left ul li {position: relative; padding-left: 30px; margin-bottom: 12px;}
.hire-banner-left ul li:before {position: absolute; content: ""; background: url(/wp-content/uploads/2026/01/correction-icon.svg); background-position: left; background-size: contain; background-repeat: no-repeat; width: 18px; height: 18px; left: 0; top: 4px;}
.hire-banner-left .font35 {color: var(--black-color);}
.hire-banner-right form p .wpcf7-radio {display: grid; gap: 14px 18px; margin-top: 15px; grid-template-columns: repeat(3, 1fr);}
.hire-banner-right form p .wpcf7-radio .wpcf7-list-item {margin: 0;}
.hire-banner-right form p .wpcf7-radio .wpcf7-list-item label {display: inline-flex; align-items: center; justify-content: center; padding: 12px 26px; border-radius: 50px; border: 2px solid var(--purple-color); font-size: 15px; font-weight: 500; cursor: pointer; transition: all 0.35s ease; min-width: 150px; background: var(--white-color); color: var(--black-color);}
.hire-banner-right form p .wpcf7-radio .wpcf7-list-item input[type="radio"] {display: none;}
.hire-banner-right form p .wpcf7-radio .wpcf7-list-item label:hover {color: var(--purple-color);}
.hire-banner-right form {display: grid; grid-template-columns: repeat(12, 1fr); gap: 30px;}
.hire-banner-right form p {grid-column: span 12; margin: 0;}
.hire-banner-right form p:nth-of-type(2), .hire-banner-right form p:nth-of-type(3) {grid-column: span 6;}
.hire-banner-right form p label {color: var(--white-color); font-size: 16px;}

/* Our Offering Project Needs */
.project-need-main {background: var(--black-color);}
.project-need-inner .project-need-ttl {display: flex; gap: 50px;}
.project-need-ttl .project-need-title {width: 50%;}
.project-need-ttl .project-need-desc {width: 50%;}
.project-need-sec ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.project-need-sec ul li {background: var(--white-color); color: var(--black-color); padding: 30px; border-radius: 20px;}
.project-need-sec ul li .font25 {color: var(--black-color);}

/* Innovative Solution Section */
.innovative-solution-inner .innovative-solution-ttl {color: var(--black-color); width: 60%; margin: 0 auto; position: sticky; top: 120px;}
.innovative-solution-sec ul li {background: linear-gradient(120deg, #fff 0%, #fff 70%, #CB6CE6 100%); padding: 40px; width: 50%; margin: 0 auto; border-radius: 20px; color: var(--black-color);}
.innovative-solution-sec ul li .font30, .innovative-solution-sec ul li .font25 {color: var(--black-color);}
.innovative-solution-sec ul li .font30 {margin-top: 50px;}
.innovative-solution-inner .innovative-solution-sec {position: relative;}
.innovative-solution-sec ul li {position: sticky; top: 370px; margin-bottom: 150px; transition: transform 0.5s ease, box-shadow 0.5s ease; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);}
.innovative-solution-sec ul li:nth-of-type(even) {transform: rotate(-4deg);}
.innovative-solution-sec ul li:nth-of-type(odd) {transform: rotate(4deg);}

/* Tools Integration Section */
.tools-integration-main {overflow: hidden;}
.tools-integration-sec .tools-items .slick-track {display: flex; gap: 30px;}
.tools-items .tools-item {background: var(--black-color); padding: 30px; border-radius: 20px;}
.tools-items .tools-item .font20 {color: var(--purple-color);}
.tools-items .tools-item ul {display: flex; align-items: center; gap: 25px;}
.tools-items .tools-item ul li {background: #D9D9D9; padding: 10px; border-radius: 50%; position: relative;}
.tools-items .tools-item ul li:not(:last-child)::after {content: "+"; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: var(--white-color); font-size: 18px; font-weight: 600;}
.tools-items .tools-item:nth-child(2n) {margin-top: 30px;}

/* Software Development Section */
.software-developers-main .software-developers-ttl {color: var(--black-color);}
.software-developers-details ul {display: flex; justify-content: center; align-items: center; gap: 20px;}
.software-developers-details ul li {background: var(--black-color); padding: 80px 40px; border-radius: 10px;}
.software-developers-details ul li span {font-weight: 600; font-size: 20px;}
.software-developers-details ul li .bg-btn {margin-top: 20px;}

/* Service Category Section */
.service-category-main {background: var(--black-gradient-color);}
.service-categories-sec {display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr);}
.service-cat-icon img {width: 100%; height: auto;}
.service-categories-sec:has(.service-cat-item:nth-child(4):last-child) {grid-template-columns: repeat(2, 1fr);}
.service-categories-sec:has(.service-cat-item:nth-child(5):last-child) {grid-template-columns: repeat(3, 1fr);}
.service-categories-sec:has(.service-cat-item:nth-child(5):last-child) .service-cat-item:nth-child(4) {grid-column: 2 / 3;}
.service-categories-sec:has(.service-cat-item:nth-child(5):last-child) .service-cat-item:nth-child(5) {grid-column: 3 / 4;}
.service-cat-item {background: transparent; padding: 60px 40px; text-decoration: none; color: var(--white-color); border: 1px solid rgba(255,255,255,0.06); transition: 0.4s ease; display: flex; flex-direction: column; justify-content: space-between; min-height: 420px; position: relative;}
.service-cat-item:hover {background: rgba(255,255,255,0.02); border-color: rgba(255,255,255,0.15);}
.service-cat-content {margin-bottom: 50px;}
/* .service-cat-item::after {content: "↗"; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; position: absolute; bottom: 40px; left: 40px; display: flex; align-items: center; justify-content: center; transition: 0.4s ease;}
.service-cat-item:hover::after {background: var(--purple-color); border-color: var(--purple-color); transform: translate(5px, -5px);} */

/* 404 Page */
body.error404 {min-height: 100vh; background: var(--black-color); color: var(--white-color); position: relative; /* overflow: hidden; */}
body.error404::before {content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(139,92,246,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(139,92,246,0.05) 1px, transparent 1px); background-size: 60px 60px; animation: moveGrid 20s linear infinite; z-index: 0;}
@keyframes moveGrid {0% { transform: translate(0,0); }100% { transform: translate(-60px,-60px); }}
.no-found-page {position: relative; z-index: 2; text-align: center; padding: 20px; min-height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.error-code {font-size: 140px; font-weight: 700; letter-spacing: 10px; color: var(--purple-color); text-shadow: 0 0 10px var(--purple-color), 0 0 20px var(--purple-color), 0 0 40px var(--purple-color); animation: pulse 2s infinite alternate;}
@keyframes pulse {from { opacity: 0.8; } to { opacity: 1; }}
.buttons {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.btn {padding: 12px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: 0.3s ease; border: 1px solid var(--purple-color);}
.btn-primary {background: var(--purple-color); color: var(--black-color);}
.btn-primary:hover {background: transparent; color: var(--purple-color); box-shadow: 0 0 15px var(--purple-color);}
.btn-secondary {background: transparent; color: var(--purple-color);}
.btn-secondary:hover {background: var(--purple-color); color: var(--black-color);}
.particle {position: absolute; width: 4px; height: 4px; background: var(--purple-color); border-radius: 50%; opacity: 0.5; animation: float linear infinite; pointer-events: none; z-index: 1;}
@keyframes float {from {transform: translateY(0);}to {transform: translateY(-120vh);}}

/* Responsive */
@media only screen and (max-width: 2560px) {
  .logo {font-size: 160px; letter-spacing: 16px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 70%; min-height: 180px;}
  .about-testimonials-main ul li {min-height: 700px;}
  .is-mega-menu > .sub-menu {top: 88%; left: 22.7%; width: 52.3%;}
  .specialize-logo img {width: 90px;}
  .service-desc .font30 {width: 40%;}
  /* .service-industry-items .service-industry-item {min-height: 350px;} */
  .innovative-solution-sec ul li {margin-bottom: 40px;}
  /* .about-banner-main {height: 130vh;} */
  .about-banner-logos ul li img {width: 70%;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 420px;}
  .specialize-icon {min-height: 150px;}
  .our-offering-carousel {min-height: 560px;}
  .collaboration-main::before, .collaboration-main::after {top: 190px;}
  .partners-main::before, .partners-main::after {top: 140px;}
}

@media only screen and (max-width: 1920px) {
  .logo {font-size: 155px; letter-spacing: 16px;}
  .specialize-sec .slick-prev {right: 270px;}
  .specialize-sec .slick-next {right: 325px;}
  .is-mega-menu > .sub-menu {left: 13.5%; width: 69.7%;}
  .about-testimonials-main ul li {min-height: 490px;}
  .specialize-logo img {width: 80px;}
  .service-desc .font30 {width: 35%;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 65%; min-height: 140px;}
  /* .about-banner-main {height: 130vh;} */
  .about-banner-logos ul li img {width: 80%;}
  .innovative-solution-sec ul li {margin-bottom: 30px;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 380px;}
  .our-offering-carousel {min-height: 520px;}
}

@media only screen and (max-width: 1800px) {
  .logo {font-size: 145px;}
  .is-mega-menu > .sub-menu {left: 11.2%; width: 74.2%;}
  .specialize-logo img {width: 75px;}
  /* .about-banner-main {height: 125vh;} */
  .about-banner-logos ul li img {width: 80%;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 65%;}
  .about-testimonials-main ul li {min-height: 460px;}
  .single-blog-banner-main .single-blog-banner-inner {width: 70%;}
  .service-desc .font30 {width: 50%;}
  .specialize-sec .slick-prev {right: 210px;}
  .specialize-sec .slick-next {right: 265px;}
  /* .service-industry-items .service-industry-item {min-height: 300px;} */
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 350px;}
  .specialize-icon {min-height: 110px;}
  .our-offering-carousel {min-height: 490px;}
}

@media only screen and (max-width: 1728px) {
  .logo {font-size: 140px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 70%;}
  .about-testimonials-main ul li {min-height: 430px;}
}

@media only screen and (max-width: 1600px) {
  .padding100 { padding: 95px 0; }
  .logo {font-size: 110px;}
  .is-mega-menu > .sub-menu {left: 6.2%; width: 83.7%;}
  /* .about-banner-main {height: 125vh;} */
  .about-banner-logos ul li img {width: 80%;}
  .about-testimonials-main ul li {min-height: 390px;}
  .specialize-sec .slick-prev {right: 110px;}
  .specialize-sec .slick-next {right: 165px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {min-height: 120px;}
  .hire-banner-main {padding-top: 220px !important;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 300px;}
  .contact-form-main {padding-top: 200px !important;}
  .specialize-logo img {width: 70px;}
  .specialize-icon {min-height: 100px;}
  .our-offering-carousel {min-height: 450px;}
  .fetured-blog-item .fetured-blog-img {width: 50%;}
  .fetured-blog-item .featured-blog-content {width: 50%; padding: 30px;}
  .featured-blog-content p {line-height: 1.6; font-size: 17px;}
}

@media only screen and (max-width: 1500px) {
  .is-mega-menu > .sub-menu {left: 3.5%; width: 89%;}
  /* .about-banner-main {height: 120vh;} */
  .about-banner-logos ul li img {width: 80%;}
  .about-testimonials-main ul li {min-height: 370px;}
  .single-blog-banner-main .single-blog-banner-inner {padding-top: 120px;}
  .software-developers-details ul li {padding: 70px 35px;}
  .specialize-sec .slick-prev {right: 70px;}
  .specialize-sec .slick-next {right: 125px;}
  .logo {font-size: 105px; letter-spacing: 13px;}
  .about-item .slick-track {gap: 20px;}
  .single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4 {font-size: 25px;}
  .company-info p {font-size: 16px;}
  .specialize-logo img {width: 65px;}
  .specialize-icon {min-height: 90px;}
  .our-offering-carousel {min-height: 430px;}
  .casestudy-item img {height: 400px;}
}

@media only screen and (max-width: 1440px) { 
  .wrap {max-width: 1360px;}
  .font40 { font-size: 35px; }
  .font35 { font-size: 29px; }
  .font30 { font-size: 29px; }
  .font28 { font-size: 27px; }
  .font25 { font-size: 24px; }
  .font20 { font-size: 19px; }
  body {font-size: 14px;}
  .padding100 { padding: 80px 0; }
  .is-mega-menu > .sub-menu {left: 3%; width: 90%;}
  .sticky-active .is-mega-menu .sub-menu .sub-menu li {min-height: 180px;}
  .about-testimonials-main ul li {min-height: 350px;}
  /* .about-banner-main {height: 120vh;} */
  .logo {font-size: 125px; letter-spacing: 13px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {min-height: 110px; width: 75%;}
  .collaboration-slider .slick-track, .collaboration-slider-reverse .slick-track {gap: 20px;}
  .future-img img {width: 23%;}
  label {font-size: 16px;}
  .banner-main .wrap {padding: 0 40px;}
  .our-offering-card .our-offering-detail p {font-size: 15px;}
  .our-offering-carousel {min-height: 400px;}
  .fetured-blog-img img {width: 80%;}
  .featured-blog-content p {font-size: 16px;}
  .discussion-arrow-svg {right: -220px;}
}

@media only screen and (max-width: 1395px) {
  .font40 { font-size: 34px; }
  .font35 { font-size: 28px; }
  .font30 { font-size: 28px; }
  .font28 { font-size: 26px; }
  .font25 { font-size: 23px; }
  .font20 { font-size: 18px; }
  .wrap {max-width: 1140px;}
  body {font-size: 14px;}
  .btn-main, .job-modal-form input[type="submit"], .job-modal-form input[type="submit"], .casestudy-project-right form input[type="submit"], .contact-right form input[type="submit"], .hire-banner-right form input[type="submit"] {padding: 6px 30px 6px 35px; font-size: 17px;}

  /* Header */
  .header {padding: 15px 10px;}
  .top-header-main {padding: 15px 10px;}
  .is-mega-menu > .sub-menu {left: 9.2%; width: 77.5%;}
  .logo {font-size: 120px; letter-spacing: 13px;}

  /* Footer Section */
  .footer-inner .footer-menus-sec {margin-bottom: 40px;}
  .footer-inner .footer-contact-sec {margin-bottom: 80px;}

  /* Project Section */
  .project-meta-box, .project-desc-box {min-height: 200px;}

  /* About Banner Section */
  .banner-ttl .btn-main {margin: 20px 0;}
  .about-banner-logos ul li img {width: 90%;}

  /* Future Build Section */
  .future-box {padding: 20px 50px;}
  .future-img img {width: 25%;}

  /* About Testimonail */
  .about-testimonials-main ul li {min-height: 330px;}

  /* Casestudy Project Form Section */
  .casestudy-project-right form p .wpcf7-checkbox, .contact-right form p .wpcf7-checkbox {grid-template-columns: repeat(2, 1fr);}
  .casestudy-item img {height: 350px;}

  /* Software Developers Section */
  .software-developers-details ul li {padding: 60px 35px;}

  /* Specialize Section */
  .specialize-sec .slick-prev {right: 110px;}
  .specialize-sec .slick-next {right: 165px;}

  /* Service Section */
  .services-sec .service-item:nth-child(4n+1) {top: 210px;}
  .services-sec .service-item:nth-child(4n+2) {top: 235px;}
  .services-sec .service-item:nth-child(4n+3) {top: 260px;}
  .services-sec .service-item:nth-child(4n+4) {top: 285px;}

  /* Work Process Section */
  .work-process-sec .work-process-item, .timeline-sticky {top: 290px;}

  /* Service Industry Section */
  /* .service-industry-items .service-industry-item {min-height: 250px;} */

  /* Our Offering Section */
  .our-offering-carousel {min-height: 380px;}

  /* Tools Integration Section */
  .tools-integration-sec .tools-items .slick-track {gap: 20px;}
  .single-casestudy-banner-inner .single-casestudy-img {height: 480px;}
  @keyframes imageScroll {0% {transform: translateY(0);}100% {transform: translateY(calc(-100% + 480px));}}
}

@media only screen and (max-width: 1279px) { 
  .wrap {max-width: 96%; padding: 0 15px;}
  body {font-size: 14px;}
  .font40 { font-size: 34px; }
  .font35 { font-size: 28px; }
  .font30 { font-size: 28px; }
  .font28 { font-size: 26px; }
  .font25 { font-size: 24px; }
  .font20 { font-size: 20px; }
  .padding100 { padding: 85px 0; }
  .pb-100 { padding-bottom: 85px; }
  .mb-50 { margin-bottom: 45px !important; }
  .mb-70 {margin-bottom: 65px !important;}
  .btn-main {padding: 8px 22px 8px 30px; font-size: 16px;}
  .btn-main::after {width: 32px; height: 32px;}
  .bg-btn, input[type="submit"] {font-size: 16px; padding: 14px 40px;}
  .logo {font-size: 115px; letter-spacing: 9px;}
  .is-mega-menu > .sub-menu {left: 2.5%; width: 90%;}
  .site-header.sticky-active .is-mega-menu > .sub-menu {width: 95%;}
  .discussion-inner {padding: 50px;}
  .project-meta-box, .project-desc-box {min-height: 200px;}
  .specialize-sec .slick-prev {right: 50px; top: -140px;}
  .specialize-sec .slick-next {right: 110px; top: -140px;}
  .future-box {min-height: 330px;}
  /* .about-banner-main {height: 110vh;} */
  .about-banner-logos ul li img {width: 80%;}
  .partners-details .partners-items {gap: 20px;}
  .collaboration-slider .slick-track, .collaboration-slider-reverse .slick-track {gap: 20px;}
  .about-testimonials-main ul li {min-height: 320px; padding: 20px;}
  .single-blog-banner-main .single-blog-banner-inner {padding-top: 90px;}
  .banner-main {min-height: 530px;}
  .single-casestudy-banner-main .single-casestudy-banner-inner {padding-top: 90px;}
  .single-casestudy-sec-main .single-casestudy-sec-inner {gap: 70px;}
  .contact-form-main {padding-top: 250px !important;}
  .hire-banner-main {padding-top: 250px !important;}
  .project-need-sec ul {gap: 20px;}
  .innovative-solution-sec ul li {margin-bottom: 90px;}
  .tools-integration-sec .tools-items .slick-track {gap: 20px;}
  .service-desc .font30 {width: 40%;}
  .featured-blog-content p {line-height: 1.8; font-size: 17px;}
  .fetured-blog-item .fetured-blog-img {width: 50%;}
  .fetured-blog-item .featured-blog-content {width: 50%; padding: 30px;}
  .fetured-blog-sec .fetured-blog-item {padding: 0;}
  .work-process-sec .work-process-item, .timeline-sticky {top: 280px;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 270px;}
  .single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4 {font-size: 24px;}
  .specialize-icon {min-height: 70px;}
  .specialize-logo img {width: 55px;}
  .our-offering-card {padding: 30px;}
  .collaboration-main .collaboration-ttl {width: 80%;}
  .development-company-img img {width: 55%;}
  .tools-items .tools-item {padding: 20px;}
  .partners-items .partner-item {padding: 25px;}
  .casestudy-project-img {padding-left: 60px;}
  .marquee-track span {font-size: 16px;}
  .future-text {padding: 15px 40px;}
  .single-casestudy-about-inner .single-casestudy-about-content {padding: 60px 40px;}
  .discussion-arrow-svg {right: -250px;}
}

@media only screen and (max-width: 1199px) {
  .wrap {max-width: 92%; padding: 0 15px;}
  body {font-size: 14px;}
  .font40 { font-size: 32px; }
  .font35 { font-size: 26px; }
  .font30 { font-size: 26px; }
  .font28 { font-size: 24px; }
  .font25 { font-size: 22px; }
  .font20 { font-size: 18px; }
  .padding100 { padding: 70px 0; }
  .pb-100 { padding-bottom: 70px; }
  .mb-50 { margin-bottom: 40px !important; }
  .mb-70 {margin-bottom: 60px !important;}
  .btn-main {padding: 7px 15px 7px 25px; font-size: 15px;}
  .btn-main::after {width: 30px; height: 30px;}
  .bg-btn, input[type="submit"] {font-size: 15px; padding: 12px 35px;}
  .is-mega-menu > .sub-menu {left: 5%; width: 85%;}
  .site-header.sticky-active .is-mega-menu > .sub-menu {width: 94.5%;}
  .logo {font-size: 110px; letter-spacing: 8px;}
  .sticky-active .is-mega-menu .sub-menu .sub-menu li {min-height: 260px;}

  /* Header */
  .top-header-main {padding: 12px 10px;}
  .top-header-main .top-header-inner {padding: 8px 30px;}
  .top-header-contact a, .site-footer a {font-size: 15px;}
  .header {padding: 12px 10px;}
  .header .header-inner {padding: 12px 30px;}
  .header-logo svg {width: 150px;}

  /* Footer */
  .footer-inner .footer-contact-sec {gap: 0px;}
  .footer-location .footer-social-icons {margin-bottom: 40px;}
  .footer-company .footer-company-detail {width: 80%; margin-bottom: 10px;}
  .footer-contact-sec .footer-location {width: 55%;}
  .footer-contact-sec .footer-contact {width: 45%;}
  .footer-menus-sec ul li a {font-size: 16px; line-height: 2.1;}

  /* Banner Section */
  .home-banner-main {min-height: 90vh;}

  /* What We Offer Section */
  .what-offer-inner .what-offer-services {gap: 20px;}
  .what-offer-services .what-offer-service {padding: 25px;}
  .what-offer-img .what-offer-icon img {width: 50%;}
  .what-offer-img .what-offer-right-icon img {width: 50%; height: auto;}

  /* Company Info Section */
  .company-info p {font-size: 13px;}

  /* Discussion Section */
  .discussion-inner {padding: 50px 30px;}

  /* Project Section */
  .project-image {width: 65%; max-height: 485px;}
  .project-content {width: 35%;}
  .projects-sec {margin-top: 20px;}
  .project-meta-box, .project-desc-box {min-height: 182px;}

  /* Specialize Section */
  .specialize-inner .specialize-ttl {width: 50%;}
  .specialize-sec .slick-arrow {width: 40px; height: 40px;}
  .specialize-sec .slick-prev {top: -110px; right: 60px;}
  .specialize-sec .slick-next {top: -110px; right: 115px;}
  .specialize-icon {padding: 20px; margin: 0 10px;}

  /* Our Offering Section */
  .our-offering-inner .our-offering-ttl {width: 75%;}

  /* Testimonial Section */
  .testimonial-avatar img {width: 40%;}

  /* Blog Section */
  .blog-pg-posts, .sinle-recent-blog-inner .recent-blog-grid {gap: 20px;}
  .blog-pg-item .blog-pg-img, .recent-blog-item .recent-blog-img {height: 220px;}
  .blog-pg-img img, .recent-blog-img img {height: 220px;}
  .process-involve {padding: 10px 60px 10px 20px; font-size: 16px;}
  .process-involve::before {width: 8px;	height: 8px;}

  /* Abour Banner Section */
  /* .about-banner-main {height: 110vh;} */

  /* Our Partners Section */
  .our-success-main .our-success-inner {gap: 20px;}
  .our-success-left .font35 {width: 100%;}
  .partners-details .partners-items {gap: 15px;}
  .partners-items .partner-item {padding: 25px;}

  /* Our Vision Mission Section */
  .vision-items .vision-item {padding: 30px; margin-bottom: 30px; min-height: 260px;}

  /* Collaboration Section */
  .collaboration-main .collaboration-ttl {width: 80%;}
  .collaboration-slider .slick-track, .collaboration-slider-reverse .slick-track {gap: 20px;}
  .collaboration-slide ul li, .collaboration-slider-reverse ul li {padding: 8px 20px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 75%; min-height: 110px;}

  /* Work Culture Section */
  .work-culture-inner .work-culture-right {padding: 35px;}
  .work-culture-inner .work-culture-left img {width: 95%;}

  /* About Testimonial Section */
  .about-testimonials-main ul li {min-height: 310px; padding: 20px;}
  .about-testimonials-main ul li .font20 {margin-bottom: 0px !important;}
  .about-item .slick-track {gap: 10px;}

  /* Prizor Life Section */
  .career-inner .career-left {padding: 35px;}
  .career-left .purple-txt {padding: 7px 25px;}
  .career-right img {left: 5%; width: 90%;}

  /* Featured Blog Section */
  .fetured-blog-sec .fetured-blog-item {gap: 10px; padding: 0 20px 0 0;}
  .fetured-blog-item .fetured-blog-img {width: 50%;}
  .fetured-blog-item .featured-blog-content {width: 50%; padding: 30px;}
  .featured-blog-content p {line-height: 1.7; font-size: 15px;}

  /* Blog Section */
  .blog-pg-ttl input {padding: 12px;}
  .blog-pg-ttl button img {padding: 10px; width: 53%;}
  .blog-pg-ttl button {right: -5px;}
  .blog-pg-title .font20, .recent-blog-content .font20 {line-height: 1.3;}

  /* Common Banner Section */
  .banner-main {min-height: 510px;}
  .banner-right img {width: 65%;}

  /* Development Service Section */
  .development-service-main .development-service-ttl {width: 75%;}
  .development-service-items .development-service-item {padding: 20px;}
  .development-service-item p {margin-top: 0;}

  /* Job Vacancy Section */
  .job-details .job-item, .job-info .job-more-info {padding: 30px; margin-bottom: 20px;}
  .job-modal-content {margin: 40px auto; padding: 35px;}
  .job-modal-content .job-modal-form {padding: 35px;}
  .job-modal-form form {gap: 30px;}
  .job-item .job-content {padding-top: 5px; line-height: 1.8;}

  /* Life At Prizor Section */
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 270px;}

  /* Case Study Section */
  .casestudy-inner .casestudy-sec {gap: 20px;}
  .casestudy-project-inner, .contact-form-inner .contact-sec {gap: 10px;}
  .casestudy-project-left .casestudy-project-ttl, .contact-left .font35 {width: 85%;}
  .casestudy-project-left .casestudy-project-img {margin: 80px 0;}
  .casestudy-project-img {padding-left: 50px;}
  label {font-size: 16px;}
  .job-modal-form form p input[type="text"], .job-modal-form form p input[type="email"], .job-modal-form form p input[type="tel"], .job-modal-form form p input[type="file"], .job-modal-form form p textarea, .job-modal-form form p select, .casestudy-project-right form p input[type="text"], .casestudy-project-right form p input[type="email"], .casestudy-project-right form p input[type="tel"], .casestudy-project-right form p input[type="file"], .casestudy-project-right form p textarea, .contact-right form p input[type="text"], .contact-right form p input[type="email"], .contact-right form p input[type="tel"], .contact-right form p input[type="file"], .contact-right form p textarea {padding: 6px 6px 6px 6px !important;}
  .casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item label, .contact-right form p .wpcf7-checkbox .wpcf7-list-item label {padding: 7px 15px; font-size: 15px;}
  .casestudy-item img {height: 300px;}
  .future-text p {padding: 5px 30px; font-size: 16px;}

  /* Single Casestudy Section */
  .single-casestudy-sec-main .single-casestudy-sec-inner {gap: 50px;}
  .single-casestudy-sec-inner .single-casestudy-sec-left {width: 65%;}
  .single-casestudy-sec-inner .single-casestudy-sec-right {width: 35%; padding: 25px;}
  .single-casestudy-about-inner .single-casestudy-about-content {padding: 50px 40px;}
  .single-casestudy-about-content .single-casestudy-about-item {gap: 20px; margin-bottom: 30px;}
  .single-casestudy-design-item .slick-dots li {width: 25px;}
  .single-casestudy-tools-content ul li .tools-contnt {padding: 12px 25px; gap: 25px;}
  .single-casestudy-tools-content ul {gap: 10px;}

  /* Contact Banner Section */
  .contact-form-main {padding-top: 240px !important;}

  /* Hire Experts Section */
  .hire-banner-main {padding-top: 240px !important;}
  .hire-banner-main .hire-banner-inner {gap: 20px;}
  .hire-banner-inner .hire-banner-right {padding: 30px;}
  .hire-banner-right form p .wpcf7-radio .wpcf7-list-item label {padding: 9px 15px;}
  .btn-main, .job-modal-form input[type="submit"], .job-modal-form input[type="submit"], .casestudy-project-right form input[type="submit"], .contact-right form input[type="submit"], .hire-banner-right form input[type="submit"] {font-size: 15px;}

  /* Project Need Section */
  .project-need-sec ul li {padding: 20px;}
  .innovative-solution-inner .innovative-solution-ttl {width: 80%;}
  .innovative-solution-sec ul li {padding: 30px; width: 60%; margin-bottom: 40px;}
  .innovative-solution-sec ul li .font35 {margin-top: 40px;}

  /* Tools Integration Section */
  .tools-integration-sec .tools-items .slick-track {gap: 15px;}
  .tools-items .tools-item {padding: 20px;}
  .tools-items .tools-item ul li {padding: 8px;}

  /* Service Section */
  .services-ttl {width: 100%;}
  .services-sec .service-item {gap: 60px;}
  .services-sec .service-item:nth-child(4n+1) {top: 170px;}
  .services-sec .service-item:nth-child(4n+2) {top: 195px;}
  .services-sec .service-item:nth-child(4n+3) {top: 220px;}
  .services-sec .service-item:nth-child(4n+4) {top: 245px;}

  /* Work Process Section */
  .work-process-inner .work-process-ttl {width: 85%;}

  /* Development Company Section */
  .development-company-inner .development-company-ttl {width: 75%;}
  .development-company-inner .development-company-detail {gap: 10px;}
  .aisoftware-development-right .aisoftware-development-item {padding: 20px;}

  /* Service Industry Section */
  .service-industry-main .service-industry-inner {width: 65%;}
  .service-industry-items .slick-track {gap: 10px;}
  .service-industry-item .industry-hover {padding: 20px;}

  /* Single Blog */
  .single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4 {font-size: 20px;}

  /* Software Developers Section */
  .software-developers-details ul li span {font-size: 18px;}
}

@media only screen and (max-width: 1023px) { 
  .wrap {max-width: 90%; padding: 0 15px;}
  body {font-size: 14px;}
  .font40 { font-size: 30px; }
  .font35 { font-size: 25px; }
  .font30 { font-size: 25px; }
  .font28 { font-size: 23px; }
  .font25 { font-size: 20px; }
  .font20 { font-size: 16px; }
  .padding100 { padding: 60px 0; }
  .pb-100 { padding-bottom: 60px; }
  .mb-50 { margin-bottom: 30px !important; }
  .mb-70 {margin-bottom: 50px !important;}
  .btn-main {padding: 7px 15px 7px 25px; font-size: 15px;}
  .btn-main::after {width: 30px; height: 30px;}
  .bg-btn, input[type="submit"] {font-size: 15px; padding: 12px 35px;}
  .logo-container img {width: 25%;}
  .logo {font-size: 100px; letter-spacing: 3px;}
  .tagline {font-size: 35px;}
  .is-mega-menu > .sub-menu {left: 6%; width: 82.4%;}
  .site-header.sticky-active .is-mega-menu > .sub-menu {width: 93.5%;}
  .is-mega-menu > .sub-menu > li {width: 260px;}
  .is-mega-menu > .sub-menu > li > .sub-menu {left: 300px; width: calc(93% - 300px);}
  .menu-item-desc {font-size: 13px;}
  .is-mega-menu .sub-menu .sub-menu li a, .header-menu a {font-size: 15px;}
  .is-mega-menu .sub-menu .sub-menu li {min-height: 250px;}
  .sub-menu {width: 20%;}
  .agency-content .font35 {margin-bottom: 15px;}
  .project-item {gap: 15px;}
  .project-content {gap: 15px;}
  .project-meta-box, .project-desc-box {min-height: 165px;}
  .home-banner-main {min-height: 80vh;}
  /* .about-banner-main {height: 90vh;} */
  .about-banner-logos ul li img {width: 70%;}
  .partners-inner .partners-ttl {width: 75%;}
  .partners-main::before, .partners-main::after, .collaboration-main::before, .collaboration-main::after {left: 100px; width: 200px; height: 200px;}
  .single-blog-banner-main .single-blog-banner-inner {padding-top: 70px;}
  .single-blog-banner-main {min-height: 500px;}
  .banner-main {min-height: 450px;}
  .development-service-main .development-service-ttl {width: 100%;}
  .single-casestudy-banner-main .single-casestudy-banner-inner {padding-top: 80px;}
  .project-need-sec ul {gap: 20px;}
  .innovative-solution-sec ul li {margin-bottom: 50px;}
  .service-desc .font30 {width: 100%;}
  .services-sec .service-item {padding: 40px;}
  .blog-pg-ttl input::placeholder {font-size: 14px;}
  .software-developers-details ul li {padding: 40px 25px;}
  .specialize-sec .slick-prev {right: 70px;}
  .specialize-sec .slick-next {right: 125px;}
  .about-testimonials-main ul li {min-height: 350px; padding: 20px;}
  .company-info p {font-size: 13px;}
  .our-offering-card .our-offering-detail p {font-size: 13px;}
  .our-offering-card .our-offering-icon img {width: 50%;}
  .our-offering-carousel {min-height: 330px;}
  .process-involve {font-size: 11px; width: 40%;}
  .home-banner-inner .about-banner-ttl {width: 80%;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 220px;}
  .fetured-blog-img img {width: 100%;}
  .company-information .company-info {padding: 10px;}
  .company-information {padding: 20px;}
  .blog-pg-publish-detail .blog-pg-category {padding: 10px 15px;}
  .future-img img {width: 35%;}
  .services-sec .service-item:nth-child(4n+1) {top: 190px;}
  .services-sec .service-item:nth-child(4n+2) {top: 215px;}
  .services-sec .service-item:nth-child(4n+3) {top: 240px;}
  .services-sec .service-item:nth-child(4n+4) {top: 265px;}
  .discussion-ttl {width: 35%;}
  .discussion-arrow-svg {right: -160px; width: 120px; height: 80px;}
}

@media only screen and (max-width: 991px) {
  body {font-size: 13px;}
  .wrap {max-width: 90%; padding: 0 15px;}
  .font40 { font-size: 28px; margin-bottom: 15px; }
  .font35 { font-size: 20px; margin-bottom: 15px; }
  .font30 { font-size: 20px; margin-bottom: 15px; }
  .font28 { font-size: 20px; margin-bottom: 15px; }
  .font25 { font-size: 18px; margin-bottom: 15px; }
  .font20 { font-size: 16px; margin-bottom: 15px; }
  .padding100 { padding: 50px 0; }
  .pb-100 { padding-bottom: 50px; }
  .mb-70 {margin-bottom: 40px !important;}
  .btn-main {padding: 6px 15px 6px 20px; font-size: 13px;}
  .is-mega-menu > .sub-menu {left: 6%; width: 82%;}
  .logo {font-size: 97px; width: 90%;}
  .is-mega-menu > .sub-menu > li {width: 220px;}
  .is-mega-menu > .sub-menu > li > .sub-menu {left: 260px; width: calc(93% - 260px); padding: 20px !important;}
  .is-mega-menu > .sub-menu > li > a {padding: 5px 20px;}
  .site-header.sticky-active .is-mega-menu > .sub-menu {width: 93%;}
  .header-menu > nav > ul > li > .sub-menu > li {padding: 10px 0px;}

  /* Header */
  .top-header-main {padding: 10px;}
  .top-header-inner .top-header-contact {gap: 5px;}
  .top-header-contact a, .site-footer a {font-size: 13px;}
  .header .header-inner {padding: 13px 20px;}
  .header-logo svg {width: 150px;}
  .site-header.sticky-active .btn-main {font-size: 14px;}

  /* Footer Section */
  .footer-menus-sec ul li a {font-size: 14px; line-height: 2;}
  .footer-contact form {padding: 25px;}
  .footer-location .footer-social-icons {margin-bottom: 30px;}
  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], input[type="number"], input[type="url"], textarea, select {font-size: 14px; margin-bottom: 15px;}
  .footer-company-detail .footer-company-icon {gap: 10px;}

  /* Banner Section */
  .home-banner-main {min-height: 80vh;}

  /* What We Offer Section */
  .what-offer-inner .what-offer-services {gap: 15px;}
  .what-offer-services .what-offer-service {padding: 20px;}
  .what-offer-service .what-offer-img {margin-bottom: 15px;}
  .what-offer-img .what-offer-icon img {width: 45%;}
  .what-offer-img .what-offer-right-icon img {width: 40%;}

  /* Company Info Section */
  .company-info p {font-size: 14px;}

  /* Discussion Section */
  .discussion-inner {padding: 40px 30px;}

  /* Agency Section */
  .agency-grid {gap: 20px;}
  .agency-illustration img {max-width: 80%;}
  .agency-content .font35 {margin-bottom: 5px;}
  .agency-content ul li {font-size: 14px; line-height: 1.2; margin-bottom: 10px;}
  .tech-section {margin-top: 30px; gap: 20px;}

  /* Project Section */
  .projects-sec {margin-top: 0px; gap: 0px;}
  .project-item {gap: 15px; margin-bottom: 80px;}
  .project-content {gap: 15px;}
  .project-meta-box, .project-desc-box {padding: 20px; border-radius: 16px; min-height: 180px;}
  .project-image {max-height: 460px;}
  .projects-inner .view-all-btn {margin-top: 30px;}

  /* Specialize Section */
  .specialize-logo .specialize-title {margin-top: 10px;}
  .specialize-sec .slick-next, .specialize-sec .slick-prev {top: -120px;}
  .specialize-logo img {width: 45px;}
  .our-offering-inner .our-offering-ttl {width: 100%;}

  /* Testimonial Section */
  .testimonial-sec .testimonial-card {min-height: 320px; padding: 20px !important;}
  .testimonial-avatar img {width: 35%; top: -20px; right: -20px;}
  .about-testimonials-main ul li {min-height: 340px; padding: 20px;}
  .future-box {min-height: 270px; padding: 15px 40px;}
  .future-text p {padding: 0px 30px; font-size: 14px;}

  /* Blog Section */
  .blog-pg-img img, .recent-blog-img img {height: 170px;}
  .blog-pg-item .blog-pg-img, .recent-blog-item .recent-blog-img {height: 170px;}
  .blog-pg-post-content, .recent-blog-content {padding: 20px;}
  .blog-pg-publish-detail, .recent-blog-date {margin-bottom: 15px;}
  .process-involve {font-size: 14px; width: 45%;}
  .work-process-content .process-involved-list{gap: 15px;}

  /* FAQ's Section */
  .faq-content {line-height: 1.6;}
  .faqs {padding: 20px 0;}

  /* About Banner Section */
  /* .about-banner-main {height: 90vh;} */
  .about-banner-logos ul li img {width: 80%;}

  /* Partners Section */
  .partners-items .partner-item {padding: 20px;}
  .vision-items .vision-item {padding: 25px;}

  /* Collaboration Section */
  .collaboration-slider .slick-track, .collaboration-slider-reverse .slick-track {gap: 10px;}
  .collaboration-slide ul li, .collaboration-slider-reverse ul li {padding: 3px 5px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 60%; min-height: 110px;}

  /* Work Culture Section */
  .work-culture-main .work-culture-inner, .career-main .career-inner {min-height: 360px;}
  .work-culture-inner .work-culture-right, .career-inner .career-left {padding: 30px;}

  /* Common Banner Section */
  .banner-main {min-height: 430px;}

  /* Life at prizor Section */
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 240px;}

  /* Single Casestudy */
  .single-casestudy-banner-main {min-height: 500px;}
  .single-casestudy-banner-main .single-casestudy-banner-inner {padding-top: 90px;}
  .single-casestudy-sec-right .single-casestudy-sec-right-img img {width: 25%; height: auto;}

  /* Contact Form Section */
  .contact-form-main {padding-top: 150px !important;}
  .contact-form-main::before {height: 480px;}
  .getintouch-item a {font-size: 14px;}

  /* Hire Expert Banner Section */
  .hire-banner-main {padding-top: 150px !important;}
  .hire-banner-right form p .wpcf7-radio .wpcf7-list-item label {font-size: 14px; min-width: 130px;}
  .hire-banner-right form p label {font-size: 14px;}

  /* Innovative Solution Section */
  .innovative-solution-sec ul li {margin-bottom: 60px;}

  /* Service Section */
  /* .services-sec .service-item {margin-bottom: 20px;} */
  .service-industry-item .industry-front img {max-height: 90px;}
  /* .service-industry-items .service-industry-item {min-height: 210px;} */

  .discussion-arrow-svg {right: -230px;}
}

@media only screen and (max-width: 768px) {
  body {font-size: 13px;}
  .wrap {max-width: 90%; padding: 0 10px;}
  .font40 { font-size: 26px; margin-bottom: 10px; }
  .font35 { font-size: 20px; margin-bottom: 10px; }
  .font30 { font-size: 20px; margin-bottom: 10px; }
  .font28 { font-size: 18px; margin-bottom: 10px; }
  .font25 { font-size: 16px; margin-bottom: 10px; }
  .font20 { font-size: 14px; margin-bottom: 10px; }
  .padding100 { padding: 40px 0; }
  .pb-100 { padding-bottom: 40px; }
  .mb-50 {margin-bottom: 20px !important;}
  .btn-main { padding: 4px 12px 4px 20px; font-size: 13px; }
  .logo-container img {width: 35%;}
  .logo {font-size: 89px; letter-spacing: 7px; width: 90%;}
  .tagline {font-size: 30px;}
  .btn-main, .job-modal-form input[type="submit"], .job-modal-form input[type="submit"], .casestudy-project-right form input[type="submit"], .contact-right form input[type="submit"], .hire-banner-right form input[type="submit"] {font-size: 13px;}

  /* Header */
  .header .header-inner {padding: 15px;}
  .header-menu a {font-size: 15px;}
  .is-mega-menu > .sub-menu {left: 2.5%; width: 87%;}
  .header-menu > nav > ul {gap: 20px;}
  .header-menu > nav > ul > li.is-mega-menu > .sub-menu > li {padding: 10px 0;}
  .is-mega-menu > .sub-menu > li {width: 230px;}
  .is-mega-menu > .sub-menu > li > .sub-menu {left: 270px; width: calc(93% - 270px); padding: 20px !important;}
  .is-mega-menu > .sub-menu > li.active > .sub-menu {grid-template-columns: repeat(1, 1fr); gap: 15px; overflow-y: scroll;}
  .is-mega-menu .sub-menu .sub-menu li {min-height: 170px;}
  .header-logo svg {width: 120px;}
  .sticky-active .is-mega-menu .sub-menu .sub-menu li {min-height: 190px;}
  .site-header.sticky-active .header-inner {padding: 13px 20px;}
  .header .wrap {padding-bottom: 0; max-width: 100%;}
  .site-header.sticky-active .header {padding: 0 0px 25px;}
  .header {padding: 10px 10px;}
  .site-header.sticky-active .is-mega-menu > .sub-menu {width: 92%;}

  /* Footer Section */
  .footer-contact-sec {flex-direction: column-reverse;}
  .footer-contact-sec .footer-location {width: 100%;}
  .footer-contact-sec .footer-contact {width: 100%;}
  .footer-inner .mb-70 {margin-bottom: 50px !important;}
  .footer-location .footer-about {margin-bottom: 30px; width: 100%;}
  /* .footer-location .footer-social-icons {justify-content: center;} */
  .footer-location .footer-company {grid-template-columns: repeat(1, 1fr);}
  .footer-inner .footer-contact-sec {margin-bottom: 60px;}
  .footer-inner .mb-70 {margin-bottom: 50px !important;}
  /* .footer-inner .footer-menus-sec {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;} */
  /* .footer-menus-sec .service-menu {width: 100%;} */
  .footer-menus-sec .mobile-technologies-menu {width: 100%;}
  .footer-menus-sec .web-technologies-menu {width: 100%;}
  .footer-menus-sec .hire-resource-menu {width: 100%;}
  .footer-menu ul {gap: 20px;}
  .footer-inner .footer-menus-sec {position: relative; gap: 40px;}
  .footer-menus-sec .service-menu {order: 1;}
  .footer-menus-sec .hire-resource-menu {order: 2;}
  .footer-menus-sec .mobile-technologies-menu {order: 3;}
  .footer-menus-sec .web-technologies-menu {order: 4;}
  .footer-company .footer-company-detail {width: 100%;}
  /* .footer-company-detail .footer-company-icon {justify-content: center;} */
  .footer-about a img {width: 40%;}

  /* Banner Section */
  .home-banner-main {min-height: 90vh;}
  .banner-ttl .btn-main {margin: 10px 0;}
  .banner-logos .slick-track {gap: 10px;}
  .banner-logos .banner-logo .banner-logo-img img {width: 90%;}
  .home-banner-inner .banner-ttl {width: 70%;}

  /* What we offer Section */
  .what-offer-main .font35 {text-align: center;}
  .what-offer-services .what-offer-service {padding: 15px 20px;}
  .what-offer-img .what-offer-icon img {padding: 6px;}
  .what-offer-img .what-offer-right-icon img {padding: 7px; box-shadow: 2px 3px 1px -0.5px var(--purple-color);}

  /* Discussion Section */
  .discussion-inner {padding: 30px 25px;}

  /* Agency Section */
  .tech-logo {height: 55px !important; padding: 10px; margin: 0 10px; min-width: 140px;}
  .tech-logo img {width: 60px;}

  /* Projects Section */
  .project-item {gap: 10px; margin-bottom: 70px; top: 140px;}
  .project-content {gap: 10px;}
  .project-meta-box, .project-desc-box {padding: 15px; min-height: 135px;}
  .project-image {max-height: 370px;}
  .project-desc-box p {margin: 0;}
  .projects-inner .view-all-btn {margin-top: 80px;}
  .bg-btn, input[type="submit"] {font-size: 13px; padding: 9px 30px;}

  /* Our Offering Section */

  /* Testimonial Section */
  .testimonial-sec .testimonial-card {min-height: 300px; padding: 20px !important;}
  .testimonial-avatar img {width: 30%;}
  .about-testimonials-main ul li {min-height: 390px;}

  /* Blog Section */
  .blog-pg-item .blog-pg-img, .recent-blog-item .recent-blog-img {height: 150px;}
  .blog-pg-img img, .recent-blog-img img {height: 150px;}
  .process-involve {font-size: 13px; padding: 10px 30px;}
  .process-involve::before{left: 10%;}

  /* FAQ's Section */
  .faqs {padding: 10px 0;}

  /* About Banner Section */
  /* .about-banner-main {height: 70vh;} */

  /* Partners Section */
  .our-success-main .our-success-inner {gap: 10px;}
  .our-success-inner .our-success-left, .our-success-inner .our-success-right {width: 50%;}
  .partners-details .partners-items {gap: 10px;}

  /* Vision Mission Section */
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {height: 80px; min-height: 90px;}

  /* Work Culture Section */
  .work-culture-inner .work-culture-left img {width: 100%;}
  .career-right img {left: -5%; width: 100%;}

  /* Single Blog */
  .single-blog-inner .single-blog-tabs {display: none;}
  .single-blog-inner .single-blog-content {width: 100%;}
  .single-blog-banner-main .single-blog-banner-inner {padding-top: 120px;}

  /* Common Banner Section */
  .banner-main {min-height: 420px;}
  .banner-right img {width: 75%;}

  /* Development Service Section */
  .development-service-main .development-service-ttl {width: 100%;}
  .development-service-items .development-service-item {padding: 15px;}
  .services-sec .service-item:last-child {margin-bottom: 40px;}

  /* Life At Prizor Section */
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 250px;}
  label {font-size: 14px;}
  .casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item label, .contact-right form p .wpcf7-checkbox .wpcf7-list-item label {min-width: 120px; font-size: 13px;}
  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], input[type="number"], input[type="url"], textarea, select {font-size: 13px; margin-bottom: 15px;}
  .casestudy-project-img img {left: -15px;}

  /* Single Casestudy Section */
  .single-casestudy-tools-content ul li .tools-contnt {padding: 6px 20px; gap: 20px;}
  .single-casestudy-sec-main .single-casestudy-sec-inner {gap: 10px;}
  .single-casestudy-about-inner .single-casestudy-about-content {padding: 30px 20px;}

  /* Project Needs Section */
  .project-need-sec ul {gap: 10px;}

  /* Innovative Solution Section */
  .innovative-solution-sec ul li {margin-bottom: 40px; top: 310px;}

  /* Work Process Section */
  .work-process-sec .work-process-item, .timeline-sticky {top: 260px;}
  .work-process-content .process-involved-list {grid-template-columns: repeat(2, 1fr); gap: 5px;}

  /* Development Service Section */
  .development-service-inner .development-service-items {grid-template-columns: repeat(2, 1fr);}

  /* Blog Page */
  .blog-pg-posts {grid-template-columns: repeat(2, 1fr); gap: 15px;}
  .blog-pg-item .blog-pg-img {height: 180px;}
  .blog-pg-img img {height: 180px;}
  .fetured-blog-item .featured-blog-content {padding: 20px;}
  .featured-blog-content p {line-height: 1.6; font-size: 12px;}

  /* Software Developer Section */
  .software-developers-details ul {gap: 10px;}
  .software-developers-details ul li {padding: 40px 25px;}

  /* Specialize Section */
  .specialize-sec .slick-prev {right: 30px;}
  .specialize-sec .slick-next {right: 85px;}
  .specialize-logo img {width: 45px; margin: 0 auto 10px;}

  /* Casestudy Section */
  .casestudy-item img {height: 240px;}

  /* Company Info Section */
  .company-info p {font-size: 12px;}

  .discussion-arrow-svg {right: -200px; width: 160px; height: 70px;}

  .work-process-sec .work-process-item {padding: 30px;}
  .future-box .future-content {width: 70%;}
  .future-box .future-img {width: 30%;}

  .job-inner .job-details {width: 100%;}
  .job-info .job-more-info {grid-template-columns: repeat(1, 1fr);}
}
/* 
@media only screen and (min-width: 568px) {
  .mobile-menu-overlay {display: none !important;}
  .mobile-menu-toggle {display: none !important;}
  .header-menu, .header-contact-btn {display: block !important;}
  .mobile-menu-list .sub-menu {display: none !important;}
  .header-menu > nav > ul > li.menu-item-has-children.hover-active > .sub-menu {display: block !important; opacity: 1 !important; visibility: visible !important;}
  .is-mega-menu.hover-active > .sub-menu {display: flex !important; opacity: 1 !important; visibility: visible !important;} 
  .is-mega-menu > .sub-menu > li.active > .sub-menu {display: grid !important; opacity: 1 !important; visibility: visible !important;}
} */

@media only screen and (max-width: 568px) {
  body {font-size: 12px;}
  .wrap {max-width: 88%; padding: 0 10px;}
  .font40 { font-size: 24px; }
  .font35 { font-size: 18px; }
  .font30 { font-size: 18px; }
  .font28 { font-size: 16px; }
  .font25 { font-size: 15px; }
  .font20 { font-size: 14px; }
  .padding100 { padding: 50px 0; }
  .pb-100 { padding-bottom: 30px; }
  .btn-main { padding: 5px 15px 5px 20px; font-size: 13px; }
  .mb-70 {margin-bottom: 30px !important;}
  .logo-container img {width: 40%;}
  .logo {font-size: 72px; letter-spacing: 2px;}
  .tagline {font-size: 25px;}

  /* Header */
  .is-mega-menu > .sub-menu > li.active {border: none !important;}
  .mobile-menu-toggle {display: block;}
  .header-menu, .header-contact-btn {display: none !important;}
  .header .header-inner {padding: 15px 20px; border-radius: 8px;}
  .header-logo svg {max-width: 150px; height: auto;}
  .header-menu > nav > ul > li:hover > .sub-menu {display: none !important;}
  .is-mega-menu:hover > .sub-menu, .is-mega-menu > .sub-menu, .is-mega-menu > .sub-menu > li > .sub-menu {display: none !important; position: static !important; width: 100% !important; height: auto !important; min-height: auto !important;}
  .is-mega-menu > .sub-menu {display: none !important; position: static !important; width: 100% !important; height: auto !important; min-height: auto !important; padding: 0 !important; background: transparent !important; flex-direction: column !important; opacity: 0 !important; visibility: hidden !important;}
  .sub-menu {position: static !important; width: 100% !important; background: transparent !important; padding: 0 0 0 20px !important; box-shadow: none !important; display: none !important; opacity: 1 !important; visibility: visible !important;}
  .is-mega-menu > .sub-menu > li.active > .sub-menu {display: block !important; grid-template-columns: 1fr !important; gap: 10px !important; position: static !important; left: 0 !important; top: 0 !important; width: 90% !important; padding: 10px !important; background: #f9f9f9 !important;}
  .header-menu a:hover, .header-menu > nav > ul > li:hover > .sub-menu, .is-mega-menu:hover > .sub-menu, .is-mega-menu > .sub-menu > li:hover > .sub-menu, .menu-item-has-children:hover > .sub-menu {display: none !important; pointer-events: none !important;}
  .mobile-open > .sub-menu {display: block !important; position: static !important; width: 100% !important; background: #f9f9f9 !important; padding: 15px !important; border-radius: 8px !important; margin-top: 10px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;}
  .mobile-open.is-mega-menu > .sub-menu {display: flex !important; flex-direction: column !important; gap: 15px !important;}
  .mobile-open.is-mega-menu > .sub-menu > li {width: 100% !important; border: 1px solid #eee !important; border-radius: 6px !important; padding: 15px !important; background: fff !important;}
  .mobile-open.is-mega-menu > .sub-menu > li > .sub-menu {display: none !important; position: static !important; width: 100% !important; margin-top: 10px !important; padding: 10px !important; background: #f5f5f5 !important;}
  .mobile-open.is-mega-menu > .sub-menu > li.active > .sub-menu {display: grid !important; grid-template-columns: 1fr !important;}
  .mobile-menu-list .menu-item-desc {font-size: 14px !important; color: #666 !important; line-height: 1.6 !important; margin-top: 10px !important; display: block !important; font-weight: normal !important;}
  .mobile-menu-list .is-mega-menu > .sub-menu > .menu-item-has-children > a:after {content: '' !important; display: inline-block !important; width: 8px !important; height: 8px !important; border-right: 2px solid var(--black-color) !important; border-bottom: 2px solid var(--black-color) !important; transform: rotate(45deg) !important; transition: transform 0.3s ease !important; margin-left: 10px !important; margin-top: 8px !important;}
  .mobile-menu-list .menu-item-has-children > a:after {content: '' !important; display: inline-block !important; width: 8px !important; height: 8px !important; border-right: 2px solid var(--black-color) !important; border-bottom: 2px solid var(--black-color) !important; transform: rotate(45deg) !important; transition: transform 0.3s ease !important; margin-left: 10px !important;}
  .mobile-menu-list .is-mega-menu > .sub-menu > .menu-item-has-children.active > a:after {transform: rotate(-135deg) !important; margin-top: 4px !important;}
  .mobile-menu-list .show-submenu > .sub-menu, .mobile-menu-list .active > .sub-menu {display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;}
  .mobile-menu-list > li:not(.is-mega-menu) > .sub-menu {background: #f5f5f5 !important; padding: 10px 20px !important; margin: 10px 0 !important; border-radius: 6px !important;}
  .menu-toggle-btn.active .close-icon {display: block !important;}

  /* Footer */
  .footer-about a img {width: 40%;}
  .site-footer .footer-inner {display: flex; flex-direction: column;}
  /* .site-footer .footer-top-sec {order: 1;} */
  .site-footer .footer-top-sec {margin-bottom: 0 !important; width: 100%;}
  .footer-main-sec .footer-contact-form {width: 100%;}
  .footer-inner .footer-main-sec {flex-direction: column;}
  .site-footer .footer-contact {order: 2; margin-bottom: 30px;}
  /* .site-footer .footer-menus-sec {order: 3;}
  .site-footer .footer-location {order: 4;} */
  .site-footer .footer-copyright-sec {order: 5;}
  .footer-inner .footer-contact-sec {display: contents;}
  .site-footer .footer-menus-sec{margin-top: 30px;}
  .footer-menus-sec .footer-location {gap: 0px;}
  .footer-location .footer-add {width: 70%;}
  .footer-about ul li a img {width: 90%;}
  .footer-location .footer-social-icons {gap: 15px;}
      
  /* Banner Section */
  .banner-ttl .btn-main {margin: 5px 0;}
  .btn-main {padding: 2px 11px 2px 20px; font-size: 13px;}

  /* Discussion Section */
  .companyinfo-inner .company-information {padding: 10px;}
  .company-info p {font-size: 12px;}
  .discussion-inner {padding: 20px 15px;}
  .discussion-ttl {text-align: center;}
  .bg-btn, input[type="submit"] {font-size: 12px; padding: 8px 25px;}
  .discussion-arrow-svg {right: -100px; width: 100px; height: 70px;}

  /* Agency Section */
  .agency-grid {grid-template-columns: 1fr;}
  .agency-grid .agency-illustration {display: flex; justify-content: center; order: 2;}
  .agency-illustration img {width: 70%;}
  .agency-grid .agency-content {display: contents;}
  .agency-content .font25 {order: 1; margin-bottom: 0; text-align: center;}
  .agency-content .font35 {order: 1; text-align: center;}
  .agency-illustration {order: 3;}
  .agency-content ul {order: 4;}

  /* Tech Section */
  .tech-section {flex-direction: column;}
  .tech-section .tech-left {width: 100%;}
  .tech-section .tech-right {width: 100%;}
  .tech-logo {height: 45px !important; padding: 20px;}

  /* Project Section */
  .project-item {gap: 7px; top: 90px;}
  .project-content {width: 45%; gap: 7px;}
  .project-image {width: 55%; max-height: 410px;}
  .projects-ttl {top: 85px;}

  /* Specialize Section */
  .specialize-inner .specialize-ttl {width: 100%; text-align: center;}
  .specialize-sec .slick-next {right: 80px;}
  .specialize-sec .slick-prev {right: 30px;}

  /* Our Offering Section */
  .our-offering-inner .our-offering-ttl {width: 100%;}

  /* Future Build Section */
  .future-box {min-height: 220px; padding: 20px 30px; border-radius: 30px;}
  .future-box .future-content {width: 60%; text-align: center;}
  .future-box .future-img {width: 40%;}
  .future-img img {width: 35%; right: 20px;}
  .marquee-track span {font-size: 13px;}

  /* About Banner Section */
  .home-banner-inner .banner-ttl {width: 90%;}
  .home-banner-main {min-height: 70vh;}

  /* Partners Section */
  .partners-inner .partners-ttl {width: 100%;}
  .partners-details .partners-items {display: grid; grid-template-columns: repeat(2, 1fr);}

  /* Vision Mission Section */
  .vision-items .vision-item {padding: 10px 20px;}
  .vision-item-img img {width: 85%;}
  .vision-item .vision-item-img, .vision-item .vision-item-ttl {width: 50%;}

  /* Collaboration Section */
  .collaboration-main .collaboration-ttl {width: 100%;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {width: 70%; min-height: 80px;}

  /* Work Culture Section */
  .work-culture-inner .work-culture-right, .career-inner .career-left {padding: 15px 20px;}
  .work-culture-main .work-culture-inner, .career-main .career-inner {min-height: 300px;}

  /* FAQ's Section */
  .faqs {padding: 7px 0;}
  .faq-main::before, .faq-main::after {width: 300px; height: 300px;}

  /* Single Blog */
  .single-blog-banner-main .single-blog-banner-inner {width: 90%; padding-top: 80px;}
  .single-blog-banner-main {min-height: 440px;}
  .sinle-recent-blog-inner .recent-blog-grid {grid-template-columns: repeat(2, 1fr);}

  /* Job Search Section */
  .job-inner .job-details, .job-inner .job-info {width: 100%;}
  .job-details .job-item, .job-info .job-more-info {padding: 20px; margin-bottom: 15px;}
  .job-br {padding: 10px 0;}
  .job-modal-content {margin: 30px auto; padding: 25px;}
  .job-modal-content .job-modal-form {padding: 25px;}
  .job-modal-close {top: 40px; right: 40px;}
  .job-modal-form form {gap: 20px;}
  input[type="text"], input[type="email"], input[type="tel"], input[type="file"], input[type="number"], input[type="url"], textarea, select {font-size: 12px; margin-bottom: 15px;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 200px;}
  .job-ttl .job-title {width: 70%;}
  .job-ttl .job-apply-btn {width: 30%;}

  /* Casestudy Project Section */
  .casestudy-project-inner, .contact-form-inner .contact-sec {flex-direction: column;}
  .casestudy-project-inner .casestudy-project-left, .casestudy-project-inner .casestudy-project-right, .contact-form-inner .contact-left, .contact-form-inner .contact-right {width: 100%;}
  .casestudy-project-left .casestudy-project-ttl, .contact-left .font35 {width: 100%;}
  .casestudy-project-left .casestudy-project-img {margin: 70px 0;}
  .casestudy-project-img {padding-left: 60px; display: flex; justify-content: center;}
  .casestudy-project-img .ripple {top: 131%; left: 71%; width: 35%; height: 170%;}
  .casestudy-project-right form p .wpcf7-checkbox, .contact-right form p .wpcf7-checkbox {grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .casestudy-project-left .casestudy-project-ttl, .casestudy-project-left .casestudy-project-contact, .contact-left .font35, .contact-left ul {margin-bottom: 10px;}
  .casestudy-item img {height: 170px;}

  /* Single Casestudy */
  .single-casestudy-banner-main .single-casestudy-banner-inner {padding-top: 70px;}
  .single-casestudy-banner-inner .single-casestudy-img img {width: 90%;}
  .single-casestudy-tools-content ul {gap: 15px; display: grid; grid-template-columns: repeat(2, 1fr); width: 70%; margin: 0 auto;}
  .single-casestudy-sec-main .single-casestudy-sec-inner {flex-direction: column;}
  .single-casestudy-sec-inner .single-casestudy-sec-left {width: 100%;}
  .single-casestudy-sec-right .single-casestudy-sec-right-img img {width: 15%;}
  .single-casestudy-sec-inner .single-casestudy-sec-right {width: 80%; padding: 25px; margin: 0 auto;}
  .single-casestudy-design-item .slick-dots {bottom: -35px;}
  .about-testimonials-main ul li {min-height: 260px; padding: 15px;}
  .contact-left img {width: 90%;}
  .getintouch-inner .getintouch-sec {width: 90%; margin: 0 auto;}

  /* Hire Banner */
  .hire-banner-main .hire-banner-inner {flex-direction: column;}
  .hire-banner-inner .hire-banner-left {width: 100%;}
  .hire-banner-inner .hire-banner-right {width: 90%;}
  .project-need-sec ul li {padding: 15px;}

  /* Innovative Solution Section */
  .innovative-solution-inner .innovative-solution-ttl {width: 100%;}

  /* Service Section */
  .service-design-left .font35 {margin-bottom: 20px !important;}
  .services-sec .service-item {padding: 30px;}
  .service-industry-main .service-industry-inner {width: 100%;}
  .service-design-main .service-design-inner {flex-direction: column;}
  .service-desc a {font-size: 14px;}
  .services-ttl {top: 100px;}

  /* Work Process Section */
  .work-process-inner .work-process-ttl, .work-process-item .work-process-content, .work-process-item .work-process-img {width: 100%;}
  .work-process-sec .work-process-item {margin-left: 50px; flex-direction: column;}
  .work-process-img img {width: 50%;}
  .service-design-inner .service-design-left {width: 100%; text-align: center; display: contents;}
  .service-design-left h2 {order: 1;}
  .service-design-left p {order: 3;}
  .service-design-inner .service-design-right {width: 100%; justify-content: center; order: 2; margin-bottom: 10px;}
  .timeline-icon {width: 40px; height: 40px; background-size: 20px;}
  .timeline-line {top: 35px; left: 15px;}
  .timeline-line-active {top: 38px; left: 15px;}
  .process-involve {padding: 6px 10px 6px 35px;}
  .mt-70 {margin-top: 30px;}
  .work-process-detail .cta-btn {margin-left: 45px;}
  .work-process-inner .work-process-ttl.is-sticky {top: 100px;}
  .work-process-sec .work-process-item, .timeline-sticky {top: 190px;}

  /* Development Company */
  .development-company-inner .development-company-ttl {width: 100%;}
  .development-company-inner .development-company-detail {flex-direction: column-reverse;}
  .development-company-detail .development-company-img, .development-company-detail .development-company-desc {width: 100%;}
  .development-company-img img {width: 50%;}
  .development-company-desc .btn-main.mt-50 {margin-top: 10px !important;}
  .development-company-desc {display: contents;}
  .development-company-desc ul {order: 1;}
  .development-company-detail .development-company-img {order: 2;}
  .aisoftware-development-item .aisoftware-development-img {flex-direction: column;}
  .aisoftware-development-img img {width: 30%;}

  /* Ai Software Section */
  .aisoftware-development-main .aisoftware-development-inner {gap: 20px; flex-direction: column;}
  .aisoftware-development-right .aisoftware-development-item {padding: 15px; margin-bottom: 0; text-align: center;}
  .aisoftware-development-inner .aisoftware-development-left {width: 100%; display: contents;}
  .aisoftware-development-left .font35 {order: 1; margin-bottom: 0; text-align: center;}
  .aisoftware-development-left ul {order: 2; margin: 0; text-align: center;}
  .aisoftware-development-left .btn-main {order: 4; margin-top: 10px !important; margin: 0 auto;}
  .aisoftware-development-inner .aisoftware-development-right {width: 100%; order: 3; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}

  /* Blog Page */
  .featured-blog-content p {line-height: 1.6; font-size: 12px;}
  .fetured-blog-item .featured-blog-content {width: 90%; padding: 20px;}
  .fetured-blog-sec .fetured-blog-item {gap: 10px; padding: 0; flex-direction: column;}
  .fetured-blog-item .fetured-blog-img {width: 100%;}
  .fetured-blog-img img {width: 100%; height: 250px; object-fit: cover; border-radius: 20px;}
  .blog-pg-ttl input {padding: 8px;}
  .blog-pg-ttl button img {width: 35%;}
  .blog-pg-ttl button {right: -7px;}
  .blog-pg-publish-detail .blog-pg-category {padding: 7px;}

  /* Software Developer Section */
  .software-developers-details ul {flex-direction: column;}
  .software-developers-details ul li {padding: 25px;}

  /* Banner Section */
  .banner-main {min-height: 440px;}

  /* Service Industry Section */
  /* .service-industry-items .service-industry-item {min-height: 160px;} */
  .service-industry-item .industry-front img {max-height: 70px;}

  /* Our Success Section */ 
  .our-success-main .our-success-inner {display: flex; flex-direction: column;}
  .our-success-inner .our-success-left h2 {order: 1;}
  .our-success-inner .our-success-right {order: 2; margin-bottom: 70px; margin-top: 40px;}
  .our-success-inner .our-success-left {display: contents;}
  .our-success-left .btn-main {order: 3;}
}

@media only screen and (max-width: 480px) {
  body {font-size: 12px;}
  .wrap {max-width: 85%; padding: 0 10px;}
  .font40 { font-size: 24px; }
  .font35 { font-size: 18px; }
  .font30 { font-size: 18px; }
  .font28 { font-size: 16px; }
  .font25 { font-size: 15px; }
  .font20 { font-size: 14px; }
  .padding100 { padding: 40px 0; }
  .pb-100 { padding-bottom: 30px; }
  .btn-main { padding: 4px 15px 4px 20px; font-size: 12px; }
  .logo {font-size: 60px;}
  .tagline {font-size: 20px;}
  .site-header.sticky-active .header-inner {padding: 10px 15px;}

  /* Footer */
  .footer-inner .mb-70 {margin-bottom: 0px !important;}
  .footer-location .footer-about {width: 100%; margin-bottom: 20px;}
  .footer-inner .footer-menus-sec {gap: 10px;}
  .footer-copyright-sec .footer-copyright {flex-direction: column-reverse;}
  .footer-inner .footer-menus-sec {margin-bottom: 10px; flex-direction: column;}
  .footer-menus-sec .footer-location {gap: 20px; width: 100%;}

  /* Banner Section */
  .home-banner-main {min-height: 90vh;}

  /* What We Offer Section */
  .what-offer-inner .what-offer-services {gap: 10px; grid-template-columns: repeat(1, 1fr);}
  .what-offer-services .what-offer-service:nth-child(2n) {transform: translateY(0px);}

  /* Compnay Info Section */
  .companyinfo-inner .company-information {grid-template-columns: repeat(2, 1fr);}
  /* .company-information .company-info {border-right: none;} */
  .company-information .company-info:last-child, .company-information .company-info:nth-of-type(2) {border-right: none; padding-bottom: 15px;}
  .collaboration-slide ul li img, .collaboration-slider-reverse ul li img {min-height: 70px;}

  /* Project Section */
  .project-item {flex-direction: column !important; top: 120px;}
  .project-content {width: 100%; flex-direction: row;}
  .project-image {width: 100%; max-height: 300px;}
  .project-image img {width: 80%;}
  .project-content .project-meta-box, .project-content .project-desc-box {width: 50%;}

  /* Testimonial Section */
  .testimonial-sec .slick-dots li button::before {font-size: 30px;}
  .slick-dots li {margin: 0 !important;}

  /* Blog Page */
  .blog-pg-img img {height: 220px;}
  .blog-pg-item .blog-pg-img {height: 220px;}
  .blog-pg-posts {grid-template-columns: repeat(1, 1fr); gap: 15px;}
  .blog-pg-filter ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; border-bottom: 0;}
  .blog-pg-filter ul li a {display: flex; background: var(--white-color); border: 1px solid var(--black-color); justify-content: center; align-items: center; padding: 15px 20px; border-radius: 10px; transition: all 0.3s ease-in-out; font-size: 12px;}
  .blog-pg-filter ul li a.active {background: var(--black-gradient-color); color: var(--white-color);}
  .blog-pg-filter ul li a.active::after {background: none;}
  .blog-pg-filter ul li {padding-bottom: 0;}

  /* FAQ's Section */
  .faq-title::after {width: 25px; height: 25px;}

  /* Discussion Section */
  .discussion-sec {align-items: center; flex-direction: column;}
  .discussion-ttl {width: 60%;}
  .discussion-arrow-svg {display: none;}

  /* Banner Section */
  .banner-logos .slick-track {gap: 0;}
  .banner-logos .banner-logo .banner-logo-img img {width: 60%;}

  /* Our Sucess Section */
  .our-success-main .our-success-inner {flex-direction: column;}
  .our-success-inner .our-success-left, .our-success-inner .our-success-right {width: 100%; text-align: center;}

  /* About Testimonial Section */
  .about-testimonials-main ul li {min-height: 450px;}

  /* Work Culture Section */
  .work-culture-main .work-culture-inner {min-height: 500px; flex-direction: column-reverse; gap: 170px;}
  .work-culture-inner .work-culture-left {width: 80%;}
  .work-culture-inner .work-culture-left img {width: 90%;}
  .work-culture-inner .work-culture-right {width: 93%;}

  /* Career Section */
  .career-main .career-inner {min-height: 500px; flex-direction: column; gap: 240px;}
  .career-inner .career-left {width: 90%; text-align: center;}
  .career-inner .career-right {width: 80%;}
  .career-right img {left: 50px; width: 100%;}

  /* Future Build Section */
  .future-box {min-height: auto; flex-direction: column;}
  .future-box .future-content {width: 100%;}
  .future-box .future-img {display: none;}

  /* Vision Mission Section */
  .vision-items .vision-item {flex-direction: column; gap: 30px;}
  .vision-item .vision-item-img, .vision-item .vision-item-ttl {width: 100%;}
  .vision-item .vision-item-img {justify-content: center;}
  .vision-item:nth-child(2n) .vision-item-img {justify-content: center;}

  /* Single Blog Page */
  .single-blog-banner-main {min-height: 370px;}
  .single-blog-banner-main .single-blog-banner-inner {padding-top: 100px;}
  .sinle-recent-blog-inner .recent-blog-grid {grid-template-columns: repeat(1, 1fr);}

  /* Common Banner Section */
  .banner-main {min-height: 630px;}
  .banner-main .banner-inner {flex-direction: column; gap: 30px;}
  .banner-inner .banner-left, .banner-inner .banner-right {width: 100%; text-align: center;}
  .banner-inner .banner-right {display: flex; justify-content: center;}
  .banner-left {display: contents;}
  .banner-left h1 {order: 1;}
  .banner-right {order: 2;}
  .banner-left p {order: 3;}
  .banner-left .btn-main {order: 4; margin-top: 0;}
  .banner-right img {width: 50%;}

  /* Development Service */
  .development-service-main .development-service-ttl p {width: 100%;}
  .development-service-inner .development-service-items {grid-template-columns: repeat(1, 1fr);}

  /* Job Search Section */
  .job-item .job-ttl {align-items: flex-start; flex-direction: column; margin-bottom: 20px;}
  .job-details .job-item, .job-info .job-more-info {margin-bottom: 10px;}
  .job-modal-form form p {grid-column: span 12;}
  .job-more-info .job-more-info-ttl {margin-bottom: 10px;}
  .life-prizor-slide ul li img, .life-prizor-slider-reverse ul li img {height: 250px;}
  .job-ttl .job-title, .job-ttl .job-apply-btn {width: 100%;}

  /* Case study Section */
  .casestudy-inner .casestudy-sec {grid-template-columns: repeat(1, 1fr);}
  .casestudy-project-right form p .wpcf7-checkbox, .contact-right form p .wpcf7-checkbox {grid-template-columns: repeat(2, 1fr);}
  .casestudy-item img {height: 270px;}

  /* Single Casestudy */
  .single-casestudy-tools-content ul {width: 100%;}
  .single-casestudy-about-content .single-casestudy-about-item {flex-direction: column;}
  .single-casestudy-about-item .single-casestudy-about-item-ttl, .single-casestudy-about-item .single-casestudy-about-item-desc {width: 100%;}
  .casestudy-project-right form p .wpcf7-checkbox .wpcf7-list-item label, .contact-right form p .wpcf7-checkbox .wpcf7-list-item label {min-width: 100px; font-size: 12px;}

  /* get In Touch Section */
  .getintouch-sec .getintouch-item {padding: 10px 20px; flex-direction: column; align-items: flex-start; gap: 10px;}

  /* Hire Experts Banner */
  .hire-banner-right form p:nth-of-type(2), .hire-banner-right form p:nth-of-type(3) {grid-column: span 12;}
  .hire-banner-right form p .wpcf7-radio {grid-template-columns: repeat(1, 1fr);}
  .hire-banner-inner .hire-banner-right {overflow: hidden;}

  /* Project Need Section */
  .project-need-inner .project-need-ttl {gap: 0; flex-direction: column;}
  .project-need-ttl .project-need-title, .project-need-ttl .project-need-desc {width: 100%;}
  .project-need-sec ul {grid-template-columns: repeat(1, 1fr);}
  .innovative-solution-sec ul li {top: 290px;}

  /* Service Section */
  .services-sec .service-item {gap: 20px; flex-direction: column;}
  .service-item .service-desc {width: 100%;}
  .service-item .service-img {width: 90%;}
  .service-desc .font30 {width: auto;}
  .services-sec .service-item {transform: translateY(0px);}

  /* Work Process Section */
  .work-process-sec .work-process-item {flex-direction: column;}
  .work-process-item .work-process-content {width: 100%; text-align: center; margin-bottom: 20px;}
  .work-process-item .work-process-img {display: none;}
  .work-process-sec .work-process-item {margin-left: 45px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);}
  .aisoftware-development-inner .aisoftware-development-left {top: 90px;}
  .blog-pg-ttl input::placeholder {font-size: 12px;}
  .work-process-sec .work-process-item, .timeline-sticky {top: 230px;}
  .process-involve {box-shadow: none; overflow: hidden; clip-path: none; border: 2px solid var(--purple-color);}
  .work-process-content .process-involved-list {gap: 5px;}
  .process-involve {font-size: 12px; padding: 6px 20px;}
  .process-involve::before, .process-involve::after{content: none;}

  /* Specialize Section */
  .specialize-icon {min-height: 50px;}
  .specialize-logo img {width: 40px;}

  /* Our Offering Section */
  .our-offering-carousel {min-height: 450px;}
  .our-offering-card {padding: 30px; flex-direction: column;}
  .our-offering-card .our-offering-detail, .our-offering-card .our-offering-icon {width: 100%;}
  .our-offering-card .our-offering-icon {text-align: center;}

  /* Service Design Section */
  .service-design-right img {width: 100%; height: 250px;}

  .work-process-inner .work-process-ttl {top: 100px !important;}
  .work-process-sec .work-process-item {padding: 25px 15px;}
  .timeline-icon {width: 35px; height: 35px;}
  .timeline-line {top: 30px;}
  .timeline-line-active {top: 34px;}
}
@media only screen and (max-width: 414px) {
  .home-banner-main {
    min-height: 100vh;
  }
  .work-process-inner .work-process-ttl.is-sticky {
	top: 85px !important;
}
.work-process-sec .work-process-item, .timeline-sticky {
	top: 210px;
}
.work-process-content .process-involved-list {
	gap: 5px;
  margin-top: 10px;
}
}
@keyframes slideDown {from {opacity: 0; max-height: 0; transform: translateY(-10px);}to {opacity: 1; max-height: 1000px; transform: translateY(0);}}
.mobile-menu-list > li {animation: fadeInRight 0.4s ease forwards; opacity: 0; transform: translateX(20px);}
.mobile-menu-list > li:nth-child(1) { animation-delay: 0.1s; }
.mobile-menu-list > li:nth-child(2) { animation-delay: 0.15s; }
.mobile-menu-list > li:nth-child(3) { animation-delay: 0.2s; }
.mobile-menu-list > li:nth-child(4) { animation-delay: 0.25s; }
.mobile-menu-list > li:nth-child(5) { animation-delay: 0.3s; }
.mobile-menu-list > li:nth-child(6) { animation-delay: 0.35s; }
@keyframes fadeInRight {from {opacity: 0; transform: translateX(20px);}to {opacity: 1; transform: translateX(0);}}