@media screen and (max-width: 1024px) {html, body {font-size: 16px;}#firstview {min-height: 500px;}.top {padding: 20px;box-sizing: border-box;width: 100%;}.catch {margin: 0 auto;margin-bottom: 20px;width: 90%;padding: 0 20px;box-sizing: border-box;}.sub-catch {width: 90%;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}.catch h1 {font-size: 2rem;line-height: 1.5;width: 100%;}.sub-catch h3 {font-size: 1rem;line-height: 1.7;width: 100%;}}@media screen and (max-width: 767px) {html, body {font-size: 14px;}#firstview {min-height: 450px;}.top {padding: 15px;}.catch {width: 90%;padding: 0 15px;}.sub-catch {width: 90%;padding: 0 15px;}.catch h1 {font-size: 1.7rem;line-height: 1.4;}.catch h1 br {display: none;}.sub-catch h3 {font-size: 0.9rem;line-height: 1.6;letter-spacing: -0.5px;}}@media screen and (max-width: 479px) {html, body {font-size: 12px;}#firstview {min-height: 400px;}.top {padding: 10px;}.catch {width: 95%;margin-bottom: 15px;padding: 0 10px;}.catch h1 {font-size: 1.5rem;line-height: 1.3;}.sub-catch {width: 95%;padding: 0 10px;}.sub-catch h3 {font-size: 0.85rem;line-height: 1.5;letter-spacing: -0.8px;}}@media screen and (max-width: 1024px) {#service {padding: 5% 8%;overflow: hidden;}.service-title {margin-bottom: 0px;text-align: left;padding: 0 20px;margin-top: 10%;}#service .service-title h2{margin-left: 5%;font-size: 4rem;}.service-item-container .service-title h2 {position: relative;font-size: 6rem;opacity: 0.1;margin: 0;line-height: 1;color: #333;}.service-title p {position: relative;font-size: 1.1rem;line-height: 1.6;margin-top: -30px;z-index: 2;color: #333;}.service-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);gap: 2%;width: 100%;padding: 0 5%;margin-left: -3%;}.service-item-container {background: #fff;border-radius: 8px;padding: 20px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);display: flex;flex-direction: column;}.service-image img {width: 100%;height: auto;border-radius: 4px;}.service-item-container .service-title h3 {font-size: 1.2rem;margin: 0;text-align: center;}.service-item-container .service-text p {font-size: 0.95rem;line-height: 1.5;text-align: center;}}@media screen and (max-width: 767px) {#service {padding: 40px 15px;}.service-title {padding: 0 15px;}.service-title h2 {font-size: 4rem;}.service-title p {font-size: 1rem;margin-top: -20px;}.service-wrapper {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);gap: 15px;padding: 0 15px;margin: 0 auto;}.service-item-container {padding: 15px;}.service-item-container .service-title h3 {font-size: 1.1rem;margin: 12px 0;}.service-text p {font-size: 0.85rem;}}@media screen and (max-width: 479px) {#service {padding: 30px 10px;}.service-title {padding: 0 10px;}.service-title h2 {font-size: 3rem;}.service-title p {font-size: 0.9rem;margin-top: -15px;}.service-wrapper {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);gap: 10px;padding: 0 10px;}.service-item-container {padding: 10px;}.service-item-container .service-title h3 {font-size: 0.9rem;margin: 10px 0;}.service-text p {font-size: 0.8rem;line-height: 1.4;}}@media screen and (max-width: 1024px) {.feature-item > div {display: grid;grid-template-columns: 2fr 8fr;gap: 15px;padding: 20px 25px;background: #fff;border-radius: 10px;box-shadow: 0 3px 10px rgba(0,0,0,0.1);border-left: 5px solid #328be9;}.feature-item number {grid-column: 1;grid-row: 1 / 3;font-size: 2.2rem;color: #0066cc;font-weight: bold;display: flex;align-items: center;justify-content: center;padding-right: 5px;border-right: 1px solid #eee;}.feature-item h3 {grid-column: 2;grid-row: 1;font-size: 1.2rem;margin: 0;padding: 0;padding-left: 5;}.feature-list {grid-column: 2;grid-row: 2;width: 100%;padding-left: 10%;}}@media screen and (max-width: 767px) {.feature-item > div {grid-template-columns: 2fr 8fr;gap: 10px;}.feature-item number {font-size: 2rem;padding-right: 5px;}}@media screen and (max-width: 479px) {.feature-item > div {grid-template-columns: 1.5fr 8.5fr;gap: 8px;}.feature-item number {font-size: 1.8rem;padding-right: 8px;}}@media screen and (max-width: 767px) {.skills-title h2{margin-bottom: 5%;margin-top: -5%;}.skills-list-head h3{font-size: 1rem;}.skills-title p{margin: 0 5%;}.skills-image {display: flex;flex-direction: row;justify-content: space-between;gap: 10px;margin-bottom: 30px;}.skills-image img {width: calc(50% - 5px);height: auto;object-fit: cover;}}@media screen and (max-width: 479px) {.skills-title{justify-content: center;align-items: center;}#skills .container{}.skills-list-head h3{display: none;}.skills-image {gap: 8px;margin-bottom: -15%;}.skills-image img {width: calc(50% - 4px);}}@media screen and (max-width: 1024px) {.carousel-container {width: 90%;margin: 10% auto;height: 180%;}.carousel-slide {min-width: 100%;padding: 0 15px;}.slide-content {display: flex;flex-direction: column;background: #fff;border-radius: 10px;box-shadow: 0 3px 15px rgba(0,0,0,0.1);overflow: hidden;}.image-container {width: 100%;height: 300px;}.image-container img {width: 100%;height: 100%;object-fit: cover;}.text-container {width: 100%;padding: 10%;height: 100%;}.text-container .title {font-size: 1.8rem;margin-bottom: 15px;color: #333;text-align: center;}.text-container p {font-size: 1rem;line-height: 1.6;margin-bottom: 25px;text-align: center;}.description-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;padding: 0 5px;}.description-item {font-size: 0.9rem;padding: 12px;border-radius: 5px;text-align: left;}}@media screen and (max-width: 767px) {.carousel-container {width: 95%;}.carousel-slide {padding: 0 10px;}.image-container {height: 100%;}.text-container {padding: 20px;}.text-container .title {font-size: 1.5rem;margin-bottom: 12px;}.text-container p {font-size: 0.9rem;margin-bottom: 20px;}.description-container {grid-template-columns: repeat(2, 1fr);gap: 10px;}.description-item {font-size: 0.85rem;padding: 10px;}}@media screen and (max-width: 479px) {.carousel-slide {padding: 0 5px;}.image-container {height: 180px;}.text-container {padding: 15px;}.text-container .title {font-size: 1.3rem;margin-bottom: 10px;}.text-container p {font-size: 0.85rem;margin-bottom: 15px;line-height: 1.5;}.description-container {padding: 0 5px;gap: 8px;}.description-item {font-size: 0.8rem;padding: 8px;}.description-item::before {content: none;}}.carousel-container {touch-action: pan-y pinch-zoom;overflow: hidden;}.carousel-track {display: flex;transition: transform 0.3s ease-out;will-change: transform;}.carousel-slide {flex: 0 0 100%;width: 100%;user-select: none;-webkit-user-select: none;}