body{
	margin:0;
	padding:0;
	background: #F0F9FD;
}
h1,h2,h3,h4,h5,h6,p{
	padding:0;
	margin:0;
}
.owl-next span,.owl-prev span{
	display:block;
	margin-top:-5px;
}
select {
	appearance: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' transform='rotate(90 14 14)' stroke='%230072C3'/%3E%3Cpath d='M20.2227 12.4445L14.0004 18.6667L11.5115 16.1778L7.77821 12.4445' stroke='%230072C3'/%3E%3C/svg%3E") 
		no-repeat right 11px center white !important;
	background-size: 24px !important;
}

img{
	width:100%;
	display:block;
}
.wpcf7-spinner {
    display: none !important;
}
.navigation-bar{
	width:100%;
	position: fixed;
	z-index:10;
	top:0;
	left: 0;
	right: 0;
	transition: all 0.3s ease;
	background: transparent;
}
.navigation-bar.scrolled {
    background: linear-gradient(
        white 0%, 
        white 80%, 
        rgba(240, 249, 253, 0) 100%
    );
}
.nav-content {
	max-width:1280px;
	display:flex;
	justify-content: space-between;
	margin: 0 auto;
	padding:35px 58px 35px 47px;
	box-sizing: border-box;
}
.navigation-logo{
	width:132px;
	transition:opacity 0.5s ease;
}
.navigation-logo:hover{
	opacity:0.5;
}
.nav-link {
	display: flex;
	color: #717071;
	text-decoration: none;
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	height: fit-content;
	align-items: center;
	margin-right:24px;
	transition:opacity 0.3s ease;
}
.nav-link:hover{
	opacity:0.7;
}
.nav-icon-search{
	width:12px;
	height:12px;
	margin-right:10px;
}
.nav-icon-question{
	width:17px;
	height:17px;
	margin-right:4px;
}
.navigation-link {
	display: flex;
	height: fit-content;
	align-items: center;
}
.nav-button{
	display:flex;
	border:1.5px solid #FF9503;
	color:#FF9503;
	width:191px;
	height:37px;
	text-decoration:none;
	font-size:15px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	transition: background-color 0.3s ease;
	background:white;
}
.nav-button:hover{
	background-color:#FF9503;
	color:white;
}
.login-container {
	padding-left: 35px;
	border-left: 1px solid #717071;
	margin-left: 35px;
	height:37px;
	display: flex;
	align-items: center;
}
.login-container form {
    display: flex;
}
.btn-login{
	font-size:15px;
	text-decoration:none;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	transition:opacity 0.3s ease;
}
.btn-login:hover{
	opacity:0.7;
}
.btn-register{
	margin-left:26px;
	width:98px;
	height:33px;
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	text-decoration:none;
	letter-spacing:0.12em;
	color:white;
	background:#0072C3;
	border-radius:16.5px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:background-color 0.3s ease;
	border:1px solid #0072C3;
}
.btn-register:hover{
	background-color:white;
	color:#0072C3;
}
/* About Page */
.introducing-section{
	padding:76px 0 111px 0;
}
.top-section{
	background-image: url("../../../uploads/2026/01/tiles-index.png");
	background-size:cover;
	padding:165px 0 76px 0;
	text-align:center;
}
.top-section h2{
	font-size:36px;
	letter-spacing:0.1em;
	color:#0072C3;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
.container{
	margin:0 auto;
	width:100%;
	max-width:1280px;
}
.section-title-blue,.techmate-title,.tutorial-title,.project-title-section{
	font-size:30px;
	letter-spacing:0.1em;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
	text-align:center;
}
.project-title-section{
	font-size:24px;
	line-height:133%;
	position:relative;
}
.techmate-title{
	color:white;
}
.tutorial-title{
	color:#454545;
}
.introducing-desc{
	margin:28px 0 86px 0;
	font-size:20px;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	letter-spacing:0.1em;
	font-style: normal;
	text-align:center;
	position: relative;
}
.introducing-desc::before{
	display:block;
	content:"";
	background-image:url("../../../uploads/2026/01/introduce-decoration.svg");
	width:59px;
	height:105px;
	position: absolute;
	left: 293px;
	top: 41px;
}
.introducing-desc::after{
	display:block;
	content:"";
	background-image:url("../../../uploads/2026/01/introduce-decoration.svg");
	width:59px;
	height:105px;
	transform: scaleX(-1);
	position: absolute;
	left: auto;
	top: 41px;
	right: 304px;
}
.yellow{
	color:#FF9503;
	font-weight:bold;
}
.highlight{
	font-size:24px;
	font-weight:bold;
}
.bar span{
	position:relative;
	z-index:2;
}
.bar::before{
	content:"";
	display:inline-block;
	width:227px;
	background-color:#FFD292;
	height:13px;
	position:absolute;
	bottom: 60px;
}
.trytech-slogan {
	width: 616px;
	margin: 0 auto;
	position:relative;
}
.trytech-text-blue {
	position: absolute;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.1em;
	left: 40px;
	margin: 0;
	top: 91px;
	color:white;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	text-align:center;
}
.trytech-text-orange{
	position: absolute;
	top:91px;
	right:39px;
	color:white;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	text-align:center;
	font-size:14px;
	line-height: 20px;
}
.trytech-text-blue span,.trytech-text-orange span{
	display:flex;
	align-items:center;
	justify-content:center;
	background:white;
	border-radius:30px;
	width:155px;
	height:42px;
	font-weight:800;
	color:#0072C3;
	font-size:20px;
	margin-top:17px;
}
.trytech-text-orange span{
	color:#FF9503;
}
/* Techmate Section */

.techmate-section{
	background:rgb(0, 114, 195, 0.7);
	padding:90px 0 87px 0;
}
.techmate-desc{
	color:white;
	font-size:20px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
	text-align:center;
	margin:20px 0 33px 0;
}
.techmate-problem-container{
	display:flex;
	justify-content:center;
	gap:65px;
}
.techmate-card-blue,.techmate-card-orange {
	width: 447px;
	font-family: "Noto Sans JP", sans-serif;
}
.techmate-card-blue .techmate-category{
	background:#0072C3;
}
.techmate-card-orange .techmate-category{
	background:#FF9503;
}
.techmate-category{
	color:white;
	text-align:center;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	justify-content:center;
	align-items:center;
	display: flex;
	flex-direction: column;
	height:100px;
}
.techmate-category h3{
	font-size:30px;
	letter-spacing:0.1em;
	font-weight:bold;
}
.techmate-category p{
	font-size:14px;
	font-weight:500;
	letter-spacing:0.1em;
}
.techmate-probdesc{
	background:white;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	position: relative;
	height:162px;
	display: flex;
	align-items: center;
}
.techmate-decoration-male,.techmate-decoration-female,.techmate-decoration-male-1,.techmate-decoration-female-1{
	background-image:url("../../../uploads/2026/01/person-1.webp");
	background-size:cover;
	height:189px;
	width:134px;
	position: absolute;
	left:34px;
	top:-26px;
}
.techmate-decoration-female{
	background-image:url("../../../uploads/2026/01/person-2.webp");
	width:110px;
}
.techmate-decoration-female-1{
	background-image:url("../../../uploads/2026/01/person-3.webp");
	width:121px;
}
.techmate-decoration-male-1{
	background-image:url("../../../uploads/2026/01/person.webp");
	width:138px;
}
.techmate-probdesc p{
	font-size:16px;
	line-height:120%;
	letter-spacing:0.05em;
	margin-left:182px;
	color:#454545;
}
/* Solution Section */
.triangle{
	width: 0;
	height: 0;
	border-left: 32.5px solid transparent;
	border-right: 32.5px solid transparent;
	border-top: 75px solid rgb(0, 114, 195, 0.7);
	margin: 0 auto;
	display:block;
}
.techmage-decoration-solution{
	background-image:url("../../../uploads/2026/01/deco-tech-try.webp");
	width:792px;
	height:792px;
	background-size:cover;
	margin:40px auto 64px auto;
}
.solution-text{
	font-size:18px !important;
	font-weight:800;
}
.blue{
	color:#0072C3;
}
.orange{
	color:#FF9503;
}
.techmate-solution-section{
	padding-bottom:160px;
}
/* tutorial-section */
.tutorial-section{
	background:white;
	padding:84px 0 114px 0;
}
.tutorial-step{
	width: fit-content;
	margin: 84px auto 0 auto;
}
.step-container{
	display:flex;
	margin-bottom:60px;
	gap:21px;
	font-family: "Noto Sans JP", sans-serif;
}
.step-container:last-child{
	margin-bottom:0;
}
.step-image{
	width:283px;
	height:185px;
	font-size:20px;
	border-radius:21px;
	background:#9E9E9E;
	color:white;
	display:flex;
	justify-content:center;
	align-items:center;
}
.step-category{
	display:flex;
	gap:6px;
}
.blue-category,.orange-category{
	color:white;
	background:#0072C3;
	width:98px;
	height:30px;
	justify-content:center;
	align-items:center;
	border-radius:15px;
	display:flex;
	font-size:15px;
	font-weight:500;
}
.orange-category{
	background:#FF9503;
}
.step-title{
	font-size:18px;
	font-weight:bold;
	margin:16px 0 7px 0;
	color:#454545;
}
.step-desc{
	font-size:14px;
	line-height:130%;
	letter-spacing:0.05em;
}
.button-register{
	width:224px;
	height:40px;
	border-radius:20px;
	font-size:12px;
	font-weight:500;
	letter-spacing:0.1em;
	display: flex;
	align-items:center;
	justify-content:center;
	border:1px solid #454545;
	position:relative;
	text-decoration:none;
	color:#454545;
	margin-top:16px;
	transition:background-color 0.5s ease;
}
.button-register:hover{
	color:white;
	background:#454545;
}
.arrow-right{
	position:absolute;
	right:13px;
	top:11px;
	width:18px;
	height:18px;
}
.nav-icon {
	margin-right: 9.5px;
	height: 15px;
	width:13px;
}
/* Project Section */
.project-section{
	padding:103px 0 101px 0;
}
.project-title-section::before{
	content:"";
	background-image:url("../../../uploads/2026/01/text-deco-2.svg");
	width:44px;
	height:78px;
	display:block;
	left: 382px;
	position: absolute;
	top: -15px;
}
.project-title-section::after{
	content:"";
	background-image:url("../../../uploads/2026/01/text-deco-2.svg");
	width:44px;
	height:78px;
	display:block;
	position: absolute;
	top: -15px;
	right:393px;
	transform: scaleX(-1);
}
.project-section-decoration{
	width:198px;
	height:228px;
	background-size:cover;
	background-image:url("../../../uploads/2026/01/penguin.webp");
	margin:45px auto;
}
.button-show{
	display:flex;
	align-items:center;
	justify-content:center;
	width:368px;
	height:65px;
	background:#0072C3;
	color:white;
	font-size:21px;
	border:1px solid #0072C3;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	text-decoration:none;
	margin:0 auto;
	border-radius:50px;
	transition: background-color 0.5s ease;
}
.button-show:hover{
	background:white;
	color:#0072C3;
}
/* Footer */
.footer{
	padding:70px 0 87px 0;
	background-image:url("../../../uploads/2026/01/tiles.webp");
	background-size:cover;
	background-repeat:no-repeat;
}
.title-footer-content{
	font-size:16px;
	letter-spacing:0.07em;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
}
.company-link{
	display:block;
	width:333px;
	height:109px;
	margin-top:16px;
	transition:opacity 0.5s ease;
}
.company-link:hover{
	opacity:0.5;
}
.contact-container {
	display: flex;
	align-items: end;
	gap:113px;
	width: 800px;
	margin: 47px auto 0 auto;
}
.address{
	font-size:13px;
	line-height:20px;
	color:#0072C3;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.address a{
	color:#0072C3;
	transition:opacity 0.5s ease;
}
.address a:hover{
	opacity:0.5;
}
.btn-email{
	width:252px;
	height:43px;
	border-radius:30px;
	margin-top: 18px;
	display:flex;
	justify-content: center;
	align-items: center;
	color:white;
	background:#0072C3;
	border:1px solid #0072C3;
	text-decoration:none;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size:15px;
	transition:background-color 0.3s ease;
}
.btn-email:hover{
	color:#0072C3;
	background:white;
}
.email-logo{
	width:29px;
	height:23px;
	margin-right:16px;
}
.footer-note{
	background:white;
	padding:16px 0 7px 0;
	text-align: center;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
}
.footer-link a{
	text-decoration:none;
	color:#0072C3;
	transition:opacity 0.3s ease;
	font-weight:800;
	font-size:13px;
}
.footer-link a:hover{
	opacity:0.7;
}
.footer-link a:last-child{
	margin-left:39px;
}
.footer-note p{
	margin-top:25px;
	font-size:13px;
}
/* Index Page */
.top-index-section{
	padding:106px 0 52px 0;
	background-image:url("../../../uploads/2026/01/tiles-index.png");
	background-size:cover;
	background-position:bottom;
}
.index-title{
	width:328px;
	height:255px;
	display:flex;
	position: relative;
}
.index-title div:first-child{
	width:117px;
	top:120px;
	position:absolute;
}
.index-title div:last-child{
	width:274px;
	top:0;
	right:0;
	position:absolute;
}
.index-content{
	display:flex;
	gap:44px;
	justify-content:center;
}
.index-decoration{
	width:676px;
	height:312px;
}
.container-index,.container-project{
	display:flex;
}
.category {
	height: fit-content;
	background: white;
	padding: 42px 24px 55px 25px;
	border-top-right-radius:42px;
	border-bottom-right-radius:42px;
}
.cat-title{
	width:129px;
	height:29px;
	color:white;
	background:#FF9503;
	border-radius:33px;
	display:flex;
	justify-content	:center;
	align-items:center;
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
	margin-bottom:17px;
}
.cat-item{
	font-size:14px;
	font-family: "Inter", sans-serif;
	font-weight:400;
	font-optical-sizing: auto;
	width: 151px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom:15px;
	transition:opacity 0.3s ease;
}
.cat-item:hover{
	opacity:0.5;
}
.cat-item:last-child{
	margin-bottom:0;
}
.each-category{
	margin-bottom:41px;
}
.each-category:last-child{
	margin-bottom:0;
}
.cat-item a{
	color:#717071;
	text-decoration:none;
	width: 130px;
}
.posts-container{
	margin-left:42px;
	width:100%;
}
.section-header{
	display:flex;
	color:#0072C3;
	border-bottom:1px solid #0072C3;
	padding-bottom:8px;
	font-family: "Noto Sans JP", sans-serif;
	justify-content: space-between;
	margin-bottom: 30px;
}
.section-title{
	font-weight:800;
	font-size:20px;
}
.link-more {
	display: flex;
	align-items: end;
	font-size: 14px;
	text-decoration:none;
	color: #0072C3;
	height: fit-content;
	margin-top: 15px;
	transition:opacity 0.3s ease;
}
.link-more:hover{
	opacity:0.5;
}
.link-more-arrow{
	width:18px;
	height:18px;
	margin-left:7px;
}
.link-more-arrow svg {
    width: 19px;
    height: 18px;
}
.btn-detail{
	width:100%;
	margin-top:23px;
	font-size:15px;
	display: flex;
	background:#0072C3;
	color:white;
	font-family: "Inter", sans-serif;
	font-weight:600;
	font-optical-sizing: auto;
	text-decoration:none;
	justify-content:center;
	align-items:center;
	height:42px;
	border-radius:30px;
	transition:background-color 0.3s ease;
	border:1px solid #0072C3;
}
.btn-detail:hover{
	background:white;
	color:#0072C3;
}
.each-post{
	width:307px;
}
.list-post-preview,.list-post-pickup,.list-post-last{
	display:flex;
	flex-wrap: wrap;
	gap:33px;
}
.list-post-pickup,.list-post-preview{
	margin-bottom:60px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
}
.post-title{
	font-size:18px;
	letter-spacing:0.1em;
	color:#0072C3;
	font-weight:800;
	font-family: "Noto Sans JP", sans-serif;
	min-height: 52px;
	display: -webkit-box;
	-webkit-line-clamp: 2;      /* jumlah baris */
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top:16px;
}
.separator{
	margin:12px 0;
	border:1px solid #0072c3;
}
.post-categories-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
}
.each-post.each-post-project {
  margin-bottom: 80px;
}
.post-list{
	font-size:13px;
	line-height:18px;
	letter-spacing:0.1em;
	color:#0072C3;
	font-weight:500;
	font-family: "Noto Sans JP", sans-serif;
}
.post-detail{
	font-size:14px;
	line-height:18px;
	letter-spacing:0.1em;
	margin-left:24px;
	color:#0072C3;
	font-weight:400;
	font-family: "Noto Sans JP", sans-serif;
}
.post-meta.company{
	margin-top:10px;
}
.post-category{
	font-size:15px;
	width:fit-content;
	padding:6px 10px;
	border:1px solid #0072C3;
	color:#0072C3;
	border-radius:15px;
	font-weight:500;
	font-family: "Noto Sans JP", sans-serif;
}
.top-content-section{
	padding:0 0 60px 0;
}
.item img{
	height:100%;
	object-fit:cover;
}
.no-image,.item {
	height: 189px;
}
.post-meta.period {
	margin: 6px 0;
}
/* Project Section */
.top-project-section{
	padding:164px 0 82px 0;
	background-image: url("../../../uploads/2026/01/cross.webp");
	background-size: cover;
	background-position:bottom;
}
.project-top-title{
	font-size:36px;
	letter-spacing:0.1em;
	color: #0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
	text-align:center;
}
.container-project {
	padding-bottom: 60px;
}
.page-numbers.current{
	width:52px;
	height:52px;
	color:white;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background:#0072C3;
}
.page-numbers:not(.current){
	transition:opacity 0.5s ease;
}
.page-numbers:not(.current):hover {
	opacity:0.5;
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 22px;
	font-size:24px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
}
.pagination a{
	color:#0072C3;
	text-decoration:none;
}
.chev{
	border:1px solid #717071;
	border-radius:50%;
	width:28px;
	height:28px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.chev img{
	width:6px;
	height:12px;
}
.chev-right img{
	transform: scaleX(-1);
}
/* Project Single Page */
.top-project-info-section{
	padding:195px 0 0 0;
	background-image: url("../../../uploads/2026/01/cross.webp");
	background-size: cover;
	background-position: bottom;
}
.position-page,.position-page a{
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
	color:#0072C3;
	text-decoration:none;
}
.position-page{
	margin-bottom:43px;
}
#bookmark-trigger span{
	font-size:14px;
	color: #717071;
}
#like-trigger, #bookmark-trigger { user-select: none; display: inline-flex; align-items: center; gap: 8px; }
.container-project-info{
	padding: 0 130px 0 138px;
	box-sizing: border-box;
}
.container-project-info-detail{
	padding-bottom:80px;
}
.title-project-info{
	font-size:28px;
	line-height:40px;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:800;
	color:#0072C3;
	margin-top:15px;
}
.project-info-card{
	display:flex;
	gap:66px;
	margin-top:40px;
	margin-bottom:80px;
}
.project-thumbnail{
	width:639px;
	height:349px;
	border-radius:30px;
	object-fit:cover;
}
.project-info-list dl{
	margin:0;
}
.project-info-list dl dt:first-child{
	margin-top:0;
}
.project-info-list dl dt{
	font-size:16px;
	width:fit-content;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:500;
	border-radius:30px;
	padding:2px 13px 4px 12px;
	border:1px solid #0072C3;
	color:#0072C3;
	margin:20px 0 8px 0;
}
.project-info-list dl dd{
	margin:0;
	font-size:20px;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:500;
	color:#0072C3;
}
.bookmark-container{
	display:flex;
	gap:34px;
	margin-top:27px;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:500;
}
#like-count-text{
	font-size:16px;
	color:#717071;
}
.like-svg{
	width:25px;
	height:18px;
}
.bookmark-svg{
	width:19px;
	height:19px;
}
.link-project-button{
	width:317px;
	height:65px;
	border:1px solid #0072C3;
	background:#0072C3;
	color:white;
	border-radius:45px;
	font-size:20px;
	text-decoration:none;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:800;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:30px;
	transition:background-color 0.3s ease;
}
.link-project-button:hover{
	background:white;
	color:#0072C3;
}
.link-project-button-expired {
    width: 317px;
    height: 65px;
    border: 1px solid #9E9E9E;
    background: #9E9E9E;
    color: white;
    border-radius: 45px;
    font-size: 20px;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.content-required-title {
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    color: #0072C3;
    margin: 0 auto;
    text-align: center;
}
.content-required-login {
    width: 300px;
    margin: 60px auto 0 auto;
    font-size: 15px;
    display: flex;
    background: white;
    color: #0072C3;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-optical-sizing: auto;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    height: 42px;
    border-radius: 30px;
    transition: background-color 0.3s ease;
    border: 1px solid #0072C3;
}
.content-required-login:hover{
	background:#0072C3;
	color:white;
}
.content-required-register {
    width: 300px;
    margin: 20px auto 0 auto;
    font-size: 15px;
    display: flex;
    background: #0072C3;
    color: white;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-optical-sizing: auto;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    height: 42px;
    border-radius: 30px;
    transition: background-color 0.3s ease;
    border: 1px solid #0072C3;
}
.content-required-register:hover{
	background:white;
	color:#0072C3;
}
.body-text{
	font-size:14px;
	line-height:24px;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:400;
}
.title-text{
	font-size:20px;
	color:#0072C3;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:bold;
	margin-bottom:15px;
	border-left: 4px solid #0072c3;
	padding-left: 15px;
	margin-bottom:15px;
}
.gallery-image {
	display: flex;
	gap: 23px;
	margin-top: 60px;;
}
.gallery-image img{
	width:369px;
	height:207px;
	object-fit:cover;
	border-radius:20px;
}
.text-value {
	margin-top: 60px;
}
.post-info{
	display:flex;
	width:600px;
	gap:30px;
	border-radius:69px;
	font-family:"Noto Sans JP", sans-serif;
	margin-top:100px;
	border:1px solid #0072C3;
	background:white;
	border-radius:69px;
	padding:17px 21px;
}
.thumbnail-info{
	width:103px;
	height:103px;
	border-radius:50%;
}
.post-info p {
	font-size: 16px;
}
.message-info{
	font-size:16px;
	color:#0072C3;
	font-weight:800;
	margin-bottom:17px;
}
.message-detail{
	font-size:14px;
	line-height:24px;
}
.requirment-text{
	margin-top:60px;
}
.writer-information{
	display:flex;
	align-items: center;
	margin-top:60px;
	margin-bottom:150px;
	gap:35px;
}
.title-writter{
	font-size:18px;
	letter-spacing:0.01em;
	font-weight:bold;
	color:#0072C3;
	font-family:"Noto Sans JP", sans-serif;
}
.writer-information span{
	display:block;
	background:#0072c33b;
	width:62px;
	height:62px;
	border-radius:50%;
}
.name-writter{
	font-size: 20px;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", sans-serif;
	text-decoration: underline;
	color: #0072C3;
	transition: all 0.3s ease
	opacity: 1;
}
.name-writter:hover {
	opacity: 0.7;
}
.another-project-list{
	display: flex;
	gap: 30px; 
	flex-wrap: wrap;
}
/* Application Page */
.application-top-section{
	padding:164px 0 76px 0;
	background-image: url("../../../uploads/2026/01/cross.webp");
	background-size: cover;
	background-position: bottom;
	text-align:center;
	color:#0072C3;
	font-family: "Inter", sans-serif;
	font-weight:800;
}
.application-top-section .container p{
	font-size:36px;
	letter-spacing:0.1em;
}
.application-detail-card{
	background-color:rgba(0, 114, 195, 0.1);
	border-radius:40px;
	padding:61px 70px;
	max-width: 1020px;
	box-sizing: border-box;
	margin: 0 auto;
}
.application-detail-info{
	display:flex;
	gap:66px;
}
.application-thumbnail-info img{
	width:630px;
	height:350px;
	border-radius:30px;
	object-fit:cover;
}
.application-detail-card h1{
	font-size:28px;
	line-height:40px;
	color:#0072C3;
	margin-bottom:40px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
}
.container-form-application{
	max-width:1020px;
	margin:0 auto;
}
.container-form-application h2{
	text-align:center;
	color:#0072C3;
	font-size:36px;
	letter-spacing:0.1em;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	margin:80px 0 56px 0;
}
#application-form-wrapper h3{
	font-size:20px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 800;
	border-left:4px solid #0072C3;
	color:#0072C3;
	padding-left:15px;
	margin-bottom:61px;
}
.label-part {
	display: flex;
	gap:8px;
	align-items: end;
	margin-bottom:11px;
	margin-top:40px;
}
.tag-require{
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:23px;
	border-radius:30px;
	background:#FF9503;
	color:white;
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	line-height:100;
}
.label-form{
	font-size:16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
	color:#0072C3;
}
#application-form-wrapper .wpcf7-form-control:not([type="hidden"]):not([type="submit"]) {
	width: 100%;
	padding: 10px;
	border: 1px solid #0072C3;
	border-radius: 10px;
	box-sizing: border-box;
	background: white;
	font-family: "Noto Sans JP", sans-serif;
	font-size:14px;
	min-height: 44px;
}
.example-fill{
	font-size:12px;
	margin-left:11px;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
}
.title-part-2{
	margin-top:80px;
}
#btn-to-confirm, #btn-submit-real, #btn-back{
	font-size:21px;
	font-weight:800;
	width:100%;
	max-width:650px;
	height:65px;
	border-radius:50px !important;
	margin: 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#0072C3 !important;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	color:white;
	border:1px solid #0072C3;
	cursor:pointer;
}
#btn-to-confirm:hover, #btn-submit-real:hover{
	background:white !important;
	color:#0072C3;
}
#btn-back{
	color: #0072C3;
	background-color: white !important;
	border:1px solid #0072C3;
}
#btn-back:hover{
	background-color:#0072C3 !important;
	color:white;
}
#application-form-wrapper {
	margin-bottom: 151px;
}
#application-form-wrapper.is-readonly .wpcf7-form-control:not([type="hidden"]):not([type="submit"]) { 
	pointer-events: none;
	background-color: #f2f2f2 !important;
	border: 1px solid #ccc;
	color: #555;
}
#application-form-wrapper.is-readonly .wpcf7-submit { pointer-events: auto !important; }
.confirm-part p{
	font-family: "Noto Sans JP", sans-serif;
	color:#0072C3;
	letter-spacing:0.1em;
	text-align:center;
}
.confirm-part p a{
	color:#0072C3;
}
.confirm-part p:first-child{
	font-size:18px;
	font-weight:800;
}
.confirm-part p:last-child{
	font-size:16px;
}
.confirm-part input[type="checkbox"i] {
    appearance: none; 
    -webkit-appearance: none; 
    border: 1px solid #0072C3;
    width: 17px;
    height: 17px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;
    position: relative;
	margin-right: 5px;
}
.confirm-part input[type="checkbox"i]:checked {
    background-color: #0072C3;
}
.confirm-part input[type="checkbox"i]:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(43deg);
}
.btn-container{
	margin-top:21px;
}
#btn-submit-real {
	margin-bottom: 0 !important;
}
.wpcf7-not-valid-tip{
	color:#ff0000;
	font-family:"Noto Sans JP', sans-serif";
	font-size:12px;
	margin-top:10px;
	font-weight:700;
}
.wpcf7-response-output {
	display: none !important;
}
/* Thanks page */
.thanks-top-section{
	padding:225px 0 50px 0;
	background-image: url("../../../uploads/2026/01/cross.webp");
}
.thanks-top-section .container h1{
	font-size:30px;
	color:#0072C3;
	letter-spacing:0.1em;
	text-align:center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
}
.thanks-content-section .container p{
	font-size:16px;
	line-height: 24px;
	text-align:center;
	color:#0072C3;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:400;
}
.thanks-content-section{
	padding:62px 0 101px 0;
}
.link-container {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	max-width: 350px;
	margin: 41px auto 0 auto;
}
.link-container a{
	text-decoration:none;
	font-size:21px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:800;
	text-align: center;
	padding:20px 0;
	border:1px solid #0072C3;
	border-radius:50px;
	width:100%;
}
.btn-mypage{
	background:#0072C3;
	color:white;
	transition:background-color 0.5s ease;
}
.btn-mypage:hover{
	color:#0072C3;
	background:white;
}
.btn-backhome{
	color:#0072C3;
	background:white;
	transition:background-color 0.5s ease;
}
.btn-backhome:hover{
	background:#0072C3;
	color:white;
}
.log-out-button {
	width: 150px;
	height: 37px;
	color: white;
	background: #e50000;
	border: 1px solid #e50000;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	padding: 0;
	border-radius: 20px;
	font-size: 15px;
	cursor: pointer;
	transition:background-color 0.5s ease;
}
.log-out-button:hover{
	background:white;
	color:#e50000;
}
@media only screen and (max-width: 1280px){
	.owl-next span,.owl-prev span{
		margin-top:-0.390625vw;
	}
	select {
		background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='13.5' transform='rotate(90 14 14)' stroke='%230072C3'/%3E%3Cpath d='M20.2227 12.4445L14.0004 18.6667L11.5115 16.1778L7.77821 12.4445' stroke='%230072C3'/%3E%3C/svg%3E") 
			no-repeat right 0.859375vw center white !important;
		background-size: 1.875000vw !important;
	}
	.nav-content {
		max-width:100.000000vw;
		padding:2.734375vw 4.531250vw 2.734375vw 3.671875vw;
	}
	.navigation-logo{
		width:10.312500vw;
	}
	.nav-link {
		font-size:1.093750vw;
		margin-right:1.875000vw;
	}
	.nav-icon-search{
		width:0.937500vw;
		height:0.937500vw;
		margin-right:0.781250vw;
	}
	.nav-icon-question{
		width:1.328125vw;
		height:1.328125vw;
		margin-right:0.312500vw;
	}
	.nav-button{
		border:0.117188vw solid #FF9503;
		width:14.921875vw;
		height:2.890625vw;
		font-size:1.171875vw;
		border-radius: 1.953125vw;
	}
	.login-container {
		padding-left: 2.734375vw;
		border-left: 0.078125vw solid #717071;
		margin-left: 2.734375vw;
		height:2.890625vw;
	}
	.btn-login{
		font-size:1.171875vw;
	}
	.btn-login:hover{
		opacity:0.7;
	}
	.btn-register{
		margin-left:2.031250vw;
		width:7.656250vw;
		height:2.578125vw;
		font-size:1.093750vw;
		border-radius:1.289062vw;
		border:0.078125vw solid #0072C3;
	}
	/* About Page */
	.introducing-section{
		padding:5.937500vw 0 8.671875vw 0;
	}
	.top-section{
		padding:12.890625vw 0 5.937500vw 0;
	}
	.top-section h2{
		font-size:2.812500vw;
	}
	.container{
		max-width:100.000000vw;
	}
	.section-title-blue,.techmate-title,.tutorial-title,.project-title-section{
		font-size:2.343750vw;
	}
	.project-title-section{
		font-size:1.875000vw;
		line-height:133%;
	}
	.introducing-desc{
		margin:2.187500vw 0 6.718750vw 0;
		font-size:1.562500vw;
	}
	.introducing-desc::before{
		width:4.609375vw;
		height:8.203125vw;
		left: 22.890625vw;
		top: 3.203125vw;
	}
	.introducing-desc::after{
		width:4.609375vw;
		height:8.203125vw;
		top: 3.203125vw;
		right: 23.750000vw;
	}
	.highlight{
		font-size:1.875000vw;
	}
	.bar::before{
		width:17.734375vw;
		height:1.015625vw;
		bottom: 4.687500vw;
	}
	.trytech-slogan {
		width: 48.125000vw;
	}
	.trytech-text-blue {
		font-size:1.093750vw;
		line-height:1.562500vw;
		left: 3.125000vw;
		top: 7.109375vw;
	}
	.trytech-text-orange{
		top:7.109375vw;
		right:3.046875vw;
		font-size:1.093750vw;
		line-height: 1.562500vw;
	}
	.trytech-text-blue span,.trytech-text-orange span{
		border-radius:2.343750vw;
		width:12.109375vw;
		height:3.281250vw;
		font-size:1.562500vw;
		margin-top:1.328125vw;
	}

	/* Techmate Section */

	.techmate-section{
		background:rgb(0, 114, 195, 0.7);
		padding:7.031250vw 0 6.796875vw 0;
	}
	.techmate-desc{
		font-size:1.562500vw;
		margin:1.562500vw 0 2.578125vw 0;
	}
	.techmate-problem-container{
		gap:5.078125vw;
	}
	.techmate-card-blue,.techmate-card-orange {
		width: 34.921875vw;
	}
	.techmate-category{
		border-top-left-radius:3.906250vw;
		border-top-right-radius:3.906250vw;
		height:7.812500vw;
	}
	.techmate-category h3{
		font-size:2.343750vw;
	}
	.techmate-category p{
		font-size:1.093750vw;
	}
	.techmate-probdesc{
		border-bottom-left-radius:3.906250vw;
		border-bottom-right-radius:3.906250vw;
		height:12.656250vw;
	}
	.techmate-decoration-male,.techmate-decoration-female,.techmate-decoration-male-1,.techmate-decoration-female-1{
		height:14.765625vw;
		width:10.468750vw;
		left:2.656250vw;
		top:-2.031250vw;
	}
	.techmate-decoration-female{
		width:8.593750vw;
	}
	.techmate-decoration-female-1{
		width:9.453125vw;
	}
	.techmate-decoration-male-1{
		width:10.781250vw;
	}
	.techmate-probdesc p{
		font-size:1.250000vw;
		line-height:120%;
		letter-spacing:0.05em;
		margin-left:14.218750vw;
	}
	/* Solution Section */
	.triangle{
		border-left: 2.539062vw solid transparent;
		border-right: 2.539062vw solid transparent;
		border-top: 5.859375vw solid rgb(0, 114, 195, 0.7);
	}
	.techmage-decoration-solution{
		width:61.875000vw;
		height:61.875000vw;
		margin:3.125000vw auto 5.000000vw auto;
	}
	.solution-text{
		font-size:1.406250vw !important;
		font-weight:800;
	}
	.techmate-solution-section{
		padding-bottom:12.500000vw;
	}
	/* tutorial-section */
	.tutorial-section{
		padding:6.562500vw 0 8.906250vw 0;
	}
	.tutorial-step{
		margin: 6.562500vw auto 0 auto;
	}
	.step-container{
		margin-bottom:4.687500vw;
		gap:1.640625vw;
	}
	.step-image{
		width:22.109375vw;
		height:14.453125vw;
		font-size:1.562500vw;
		border-radius:1.640625vw;
	}
	.step-category{
		gap:0.468750vw;
	}
	.blue-category,.orange-category{
		width:7.656250vw;
		height:2.343750vw;
		border-radius:1.171875vw;
		font-size:1.171875vw;
	}
	.step-title{
		font-size:1.406250vw;
		margin:1.250000vw 0 0.546875vw 0;
	}
	.step-desc{
		font-size:1.093750vw;
	}
	.button-register{
		width:17.500000vw;
		height:3.125000vw;
		border-radius:1.562500vw;
		font-size:0.937500vw;
		border:0.078125vw solid #454545;
		margin-top:1.250000vw;
	}
	.arrow-right{
		right:1.015625vw;
		top:0.859375vw;
		width:1.406250vw;
		height:1.406250vw;
	}
	.nav-icon {
		margin-right: 0.742188vw;
		height: 1.171875vw;
		width:1.015625vw;
	}
	/* Project Section */
	.project-section{
		padding:8.046875vw 0 7.890625vw 0;
	}
	.project-title-section::before{
		width:3.437500vw;
		height:6.093750vw;
		left: 29.843750vw;
		top: -1.171875vw;
	}
	.project-title-section::after{
		width:3.437500vw;
		height:6.093750vw;
		top: -1.171875vw;
		right:30.703125vw;
	}
	.project-section-decoration{
		width:15.468750vw;
		height:17.812500vw;
		margin:3.515625vw auto;
	}
	.button-show{
		width:28.750000vw;
		height:5.078125vw;
		font-size:1.640625vw;
		border:0.078125vw solid #0072C3;
		border-radius:3.906250vw;
	}
	/* Footer */
	.footer{
		padding:5.468750vw 0 6.796875vw 0;
	}
	.title-footer-content{
		font-size:1.250000vw;
	}
	.company-link{
		width:26.015625vw;
		height:8.515625vw;
		margin-top:1.250000vw;
	}
	.contact-container {
		gap:8.828125vw;
		width: 62.500000vw;
		margin: 3.671875vw auto 0 auto;
	}
	.address{
		font-size:1.015625vw;
		line-height:1.562500vw;
	}
	.btn-email{
		width:19.687500vw;
		height:3.359375vw;
		border-radius:2.343750vw;
		margin-top: 1.406250vw;
		border:0.078125vw solid #0072C3;
		font-size:1.171875vw;
	}
	.email-logo{
		width:2.265625vw;
		height:1.796875vw;
		margin-right:1.250000vw;
	}
	.footer-note{
		padding:1.250000vw 0 0.546875vw 0;
	}
	.footer-link a{
		font-size:1.015625vw;
	}
	.footer-link a:last-child{
		margin-left:3.046875vw;
	}
	.footer-note p{
		margin-top:1.953125vw;
		font-size:1.015625vw;
	}
	/* Index Page */
	.top-index-section{
		padding:8.281250vw 0 4.062500vw 0;
	}
	.index-title{
		width:25.625000vw;
		height:19.921875vw;
	}
	.index-title div:first-child{
		width:9.140625vw;
		top:9.375000vw;
	}
	.index-title div:last-child{
		width:21.406250vw;
	}
	.index-content{
		gap:3.437500vw;
	}
	.index-decoration{
		width:52.812500vw;
		height:24.375000vw;
	}
	.category {
		padding: 3.281250vw 1.875000vw 4.296875vw 1.953125vw;
		border-top-right-radius:3.281250vw;
		border-bottom-right-radius:3.281250vw;
	}
	.cat-title{
		width:10.078125vw;
		height:2.265625vw;
		border-radius:2.578125vw;
		font-size:1.093750vw;
		margin-bottom:1.328125vw;
	}
	.cat-item{
		font-size:1.093750vw;
		width: 11.796875vw;
		margin-bottom:1.171875vw;
	}
	.each-category{
		margin-bottom:3.203125vw;
	}
	.cat-item a{
		width: 10.156250vw;
	}
	.posts-container{
		margin-left:3.281250vw;
		width: 77.343750vw;
	}
	.section-header{
		border-bottom:0.078125vw solid #0072C3;
		padding-bottom:0.625000vw;
		margin-bottom: 2.343750vw;
	}
	.section-title{
		font-size:1.562500vw;
	}
	.link-more {
		font-size: 1.093750vw;
		margin-top: 1.171875vw;
	}
	.link-more-arrow{
		width:1.406250vw;
		height:1.406250vw;
		margin-left:0.546875vw;
	}
	.link-more-arrow svg {
		width: 1.484375vw;
		height: 1.406250vw;
	}
	.btn-detail{
		margin-top:1.796875vw;
		font-size:1.171875vw;
		height:3.281250vw;
		border-radius:2.343750vw;
		border:0.078125vw solid #0072C3;
	}
	.each-post{
		width:23.984375vw;
	}
	.list-post-preview,.list-post-pickup,.list-post-last{
		gap:2.578125vw;
	}
	.list-post-pickup,.list-post-preview{
		margin-bottom:4.687500vw;
		font-size: 1.250000vw;
	}
	.post-title{
		font-size:1.406250vw;
		min-height: 4.062500vw;
		margin-top:1.250000vw;
	}
	.separator{
		margin:0.937500vw 0;
		border:0.078125vw solid #0072c3;
	}
	.post-categories-wrapper {
		column-gap: 0.781250vw;
		row-gap: 0.390625vw;
	}
	.each-post.each-post-project {
		margin-bottom: 6.250000vw;
	}
	.post-list{
		font-size:1.015625vw;
		line-height:1.406250vw;
	}
	.post-detail{
		font-size:1.093750vw;
		line-height:1.406250vw;
		margin-left:1.875000vw;
	}
	.post-meta.company{
		margin-top:0.781250vw;
	}
	.post-category{
		font-size:1.171875vw;
		padding:0.468750vw 0.781250vw;
		border:0.078125vw solid #0072C3;
		border-radius:1.171875vw;
	}
	.top-content-section{
		padding:0 0 4.687500vw 0;
	}
	.no-image,.item {
		height: 14.765625vw;
	}
	.post-meta.period {
		margin: 0.468750vw 0;
	}
	/* Project Section */
	.top-project-section{
		padding:12.812500vw 0 6.406250vw 0;
	}
	.project-top-title{
		font-size:2.812500vw;
	}
	.container-project {
		padding-bottom: 4.687500vw;
	}
	.page-numbers.current{
		width:4.062500vw;
		height:4.062500vw;
	}
	.pagination {
		gap: 1.718750vw;
		font-size:1.875000vw;
	}
	.chev{
		border:0.078125vw solid #717071;
		width:2.187500vw;
		height:2.187500vw;
	}
	.chev img{
		width:0.468750vw;
		height:0.937500vw;
	}
	/* Project Single Page */
	.top-project-info-section{
		padding:15.234375vw 0 0 0;
	}
	.position-page,.position-page a{
		font-size:1.093750vw;
	}
	.position-page{
		margin-bottom:3.359375vw;
	}
	#bookmark-trigger span{
		font-size:1.093750vw;
	}
	#like-trigger, #bookmark-trigger { user-select: none; display: inline-flex; align-items: center; gap: 0.625000vw; }
	.container-project-info{
		padding: 0 10.156250vw 0 10.781250vw;
	}
	.container-project-info-detail{
		padding-bottom:6.250000vw;
	}
	.title-project-info{
		font-size:2.187500vw;
		line-height:3.125000vw;
		margin-top:1.171875vw;
	}
	.project-info-card{
		gap:5.156250vw;
		margin-top:3.125000vw;
		margin-bottom:6.250000vw;
	}
	.project-thumbnail{
		width:49.921875vw;
		height:27.265625vw;
		border-radius:2.343750vw;
	}
	.project-info-list dl dt{
		font-size:1.250000vw;
		border-radius:2.343750vw;
		padding:0.156250vw 1.015625vw 0.312500vw 0.937500vw;
		border:0.078125vw solid #0072C3;
		margin:1.562500vw 0 0.625000vw 0;
	}
	.project-info-list dl dd{
		font-size:1.562500vw;
	}
	.bookmark-container{
		gap:2.656250vw;
		margin-top:2.109375vw;
	}
	#like-count-text{
		font-size:1.250000vw;
	}
	.like-svg{
		width:1.953125vw;
		height:1.406250vw;
	}
	.bookmark-svg{
		width:1.484375vw;
		height:1.484375vw;
	}
	.link-project-button{
		width:24.765625vw;
		height:5.078125vw;
		border:0.078125vw solid #0072C3;
		border-radius:3.515625vw;
		font-size:1.562500vw;
		margin-top:2.343750vw;
	}
	.link-project-button-expired {
		width: 24.765625vw;
		height: 5.078125vw;
		border: 0.078125vw solid #9E9E9E;
		border-radius: 3.515625vw;
		font-size: 1.562500vw;
		margin-top: 2.343750vw;
	}
	.content-required-title {
		font-size: 1.562500vw;
	}
	.content-required-login {
		width: 23.437500vw;
		margin: 4.687500vw auto 0 auto;
		font-size: 1.171875vw;
		height: 3.281250vw;
		border-radius: 2.343750vw;
		border: 0.078125vw solid #0072C3;
	}
	.content-required-register {
		width: 23.437500vw;
		margin: 1.562500vw auto 0 auto;
		font-size: 1.171875vw;
		height: 3.281250vw;
		border-radius: 2.343750vw;
		border: 0.078125vw solid #0072C3;
	}
	.body-text{
		font-size:1.093750vw;
		line-height:1.875000vw;
	}
	.title-text{
		font-size:1.562500vw;
		margin-bottom:1.171875vw;
		border-left: 0.312500vw solid #0072c3;
		padding-left: 1.171875vw;
		margin-bottom:1.171875vw;
	}
	.gallery-image {
		gap: 1.796875vw;
		margin-top: 4.687500vw;;
	}
	.gallery-image img{
		width:28.828125vw;
		height:16.171875vw;
		border-radius:1.562500vw;
	}
	.text-value {
		margin-top: 4.687500vw;
	}
	.post-info{
		width:46.875000vw;
		gap:2.343750vw;
		border-radius:5.390625vw;
		margin-top:7.812500vw;
		border:0.078125vw solid #0072C3;
		border-radius:5.390625vw;
		padding:1.328125vw 1.640625vw;
	}
	.thumbnail-info{
		width:8.046875vw;
		height:8.046875vw;
	}
	.post-info p {
		font-size: 1.250000vw;
	}
	.message-info{
		font-size:1.250000vw;
		margin-bottom:1.328125vw;
	}
	.message-detail{
		font-size:1.093750vw;
		line-height:1.875000vw;
	}
	.requirment-text{
		margin-top:4.687500vw;
	}
	.writer-information{
		margin-top:4.687500vw;
		margin-bottom:11.718750vw;
		gap:2.734375vw;
	}
	.title-writter{
		font-size:1.406250vw;
	}
	.writer-information span{
		width:4.843750vw;
		height:4.843750vw;
	}
	.name-writter{
		font-size: 1.562500vw;
	}
	.another-project-list{
		gap: 2.343750vw; 
	}
	/* Application Page */
	.application-top-section{
		padding:12.812500vw 0 5.937500vw 0;
	}
	.application-top-section .container p{
		font-size:2.812500vw;
	}
	.application-detail-card{
		border-radius:3.125000vw;
		padding:4.765625vw 5.468750vw;
		max-width: 79.687500vw;
	}
	.application-detail-info{
		gap:5.156250vw;
	}
	.application-thumbnail-info img{
		width:49.218750vw;
		height:27.343750vw;
		border-radius:2.343750vw;
	}
	.application-detail-card h1{
		font-size:2.187500vw;
		line-height:3.125000vw;
		margin-bottom:3.125000vw;
	}
	.container-form-application{
		max-width:79.687500vw;
	}
	.container-form-application h2{
		font-size:2.812500vw;
		margin:6.250000vw 0 4.375000vw 0;
	}
	#application-form-wrapper h3{
		font-size:1.562500vw;
		border-left:0.312500vw solid #0072C3;
		padding-left:1.171875vw;
		margin-bottom:4.765625vw;
	}
	.label-part {
		gap:0.625000vw;
		margin-bottom:0.859375vw;
		margin-top:3.125000vw;
	}
	.tag-require{
		width:3.906250vw;
		height:1.796875vw;
		border-radius:2.343750vw;
		font-size:1.093750vw;
	}
	.label-form{
		font-size:1.250000vw;
	}
	#application-form-wrapper .wpcf7-form-control:not([type="hidden"]):not([type="submit"]) {
		padding: 0.781250vw;
		border: 0.078125vw solid #0072C3;
		border-radius: 0.781250vw;
		font-size:1.093750vw;
		min-height: 3.437500vw;
	}
	.example-fill{
		font-size:0.937500vw;
		margin-left:0.859375vw;
	}
	.title-part-2{
		margin-top:6.250000vw;
	}
	#btn-to-confirm, #btn-submit-real, #btn-back{
		font-size:1.640625vw;
		max-width:50.781250vw;
		height:5.078125vw;
		border-radius:3.906250vw !important;
		border:0.078125vw solid #0072C3;
	}
	#btn-back{
		border:0.078125vw solid #0072C3;
	}
	#application-form-wrapper {
		margin-bottom: 11.796875vw;
	}
	#application-form-wrapper.is-readonly .wpcf7-form-control:not([type="hidden"]):not([type="submit"]) { 
		border: 0.078125vw solid #ccc;
	}
	#application-form-wrapper.is-readonly .wpcf7-submit { 
		pointer-events: auto !important; 
	}
	.confirm-part p:first-child{
		font-size:1.406250vw;
	}
	.confirm-part p:last-child{
		font-size:1.250000vw;
	}
	.confirm-part input[type="checkbox"i] {
		border: 0.078125vw solid #0072C3;
		width: 1.328125vw;
		height: 1.328125vw;
		margin-right: 0.390625vw;
	}
	.confirm-part input[type="checkbox"i]:checked::after {
		left: 0.390625vw;
		top: 0.078125vw;
		width: 0.312500vw;
		height: 0.625000vw;
		border-width: 0 0.156250vw 0.156250vw 0;
	}
	.btn-container{
		margin-top:1.640625vw;
	}
	.wpcf7-not-valid-tip{
		font-size:0.937500vw;
		margin-top:0.781250vw;
		font-weight:700;
	}
	/* Thanks page */
	.thanks-top-section{
		padding:17.578125vw 0 3.906250vw 0;
	}
	.thanks-top-section .container h1{
		font-size:2.343750vw;
	}
	.thanks-content-section .container p{
		font-size:1.250000vw;
		line-height: 1.875000vw;
	}
	.thanks-content-section{
		padding:4.843750vw 0 7.890625vw 0;
	}
	.link-container {
		row-gap: 2.343750vw;
		max-width: 27.343750vw;
		margin: 3.203125vw auto 0 auto;
	}
	.link-container a{
		font-size:1.640625vw;
		padding:1.562500vw 0;
		border:0.078125vw solid #0072C3;
		border-radius:3.906250vw;
		width:100%;
	}
	.log-out-button {
		width: 11.718750vw;
		height: 2.890625vw;
		border: 0.078125vw solid #e50000;
		border-radius: 1.562500vw;
		font-size: 1.171875vw;
	}
}