Title tag our-story (EN)

Our Story

<div class="sec_score">
<div class="img_bg_box"><img src="https://cms-web.unique.co.th/stocks/our_story_about/o0x0/9f/cy/9fcybw2hfvz/bg-(1).jpg" alt="bg-(1).jpg" /></div>
<div class="wrap_content">
<h2 class="title_box" data-font="med"><span class="txt_red fadein"> <span class="txt_red fadein">We are constructing</span> <br /><span class="txt_gray4a fadein">a brighter future</span></span></h2>
<h3 class="sub_title_box fadein"><span class="txt_gray32"> <span style="font-size: 36px;"><span style="font-size: 34px;"><span style="font-size: 30px;"><span style="font-size: 32px;"><span style="font-size: 33px;"><span style="font-size: 40px;"><span style="font-size: 32px;"><span style="font-size: 40px;"><span style="font-size: 32px;">Unique Engineering and Construction Public Company Limited</span></span></span></span></span></span></span></span></span></span></h3>
<h4 class="des_box fadein"><span class="txt_gray4a"> Is a leading company in the infrastructure construction industry of Thailand <br class="hide_xs" />and has earned a reputation for its high-quality performance.</span></h4>
<div class="box_card">
<div class="card_score w_m_240 fadein">
<div class="title" data-font="lig">The company was <br class="hide_xs" />established in</div>
<div class="score_number" data-font="bol">1994</div>
<div class="unit" data-font="med"> </div>
</div>
<div class="card_score w_m_360 fadein deley_200">
<div class="title" data-font="lig">With registered capital with the Stock <br class="hide_xs" />Exchange of Thailand paid up of Bath</div>
<div class="score_number" data-font="bol">1,081,016,252</div>
<div class="unit" data-font="med">Baht</div>
</div>
<div class="card_score w_m_240 fadein deley_400">
<div class="title" data-font="lig">And has achieved <br />consistent success for</div>
<div class="score_number" data-font="bol">30</div>
<div class="unit" data-font="med">Years</div>
</div>
</div>
</div>
</div>
<style>
	.sec_score {
		position: relative;
		width: 100dvw;
		height: auto;
	}
	.sec_score .img_bg_box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.sec_score .img_bg_box img {
		pointer-events: all;
		object-fit: cover;
		object-position: center bottom;
		width: 100%;
		height: 100%;
	}
	.sec_score .wrap_content {
		pointer-events: none;
		position: relative;
		z-index: 2;
		padding: 160px 20px 120px;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.sec_score .wrap_content .title_box {
		pointer-events: all;
		font-size: 70px;
		line-height: 80px;
	}
	.sec_score .wrap_content .sub_title_box {
		pointer-events: all;
		margin-top: 80px;
		font-size: 40px;
		line-height: 48px;
	}
	.sec_score .wrap_content .des_box {
		pointer-events: all;
		margin-top: 20px;
		font-size: 22px;
		line-height: 30px;
	}
	.sec_score .wrap_content .box_card {
		margin-top: 60px;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
		column-gap: 40px;
	}
	.sec_score .wrap_content .box_card .card_score {
		pointer-events: all;
		padding: 53px 20px 28px;
		width: 100%;
		background-color: rgba(204, 204, 204, 0.3);
		backdrop-filter: blur(5px);
		border-radius: 10px;
	}
	.sec_score .wrap_content .box_card .card_score.active .score_number .group_char .number:not(.is_txt) {
		top: -48px;
	}
	.sec_score .wrap_content .box_card .card_score .title {
		font-size: 15px;
		line-height: 22px;
		color: #323333;
	}
	.sec_score .wrap_content .box_card .card_score .score_number {
		margin-top: 30px;
		font-size: 42px;
		line-height: 48px;
		color: #BD1F27;
		max-height: 48px;
		overflow: hidden;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char {
		position: relative;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char.sub {
		z-index: 1;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char.main {
		z-index: 2;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char .number {
		position: relative;
		top: 0;
	}
	.sec_score .wrap_content .box_card .card_score .unit {
		font-size: 15px;
		line-height: 22px;
		color: #BD1F27;
	}

	.txt_red {
		color: #95191F;
	}

	.txt_gray4a {
		color: #4A4A4A;
	}

	.txt_gray32 {
		color: #323333;
	}

	.w_m_240 {
		max-width: 240px;
		width: 100%;
	}

	.w_m_360 {
		max-width: 360px;
		width: 100%;
	}

	.w_m_380 {
		max-width: 380px;
		width: 100%;
	}

	.w_m_470 {
		max-width: 470px;
		width: 100%;
	}

	.fs_50 {
		font-size: 50px;
		line-height: 48px;
	}

	.fs_15 {
		font-size: 15px;
		line-height: 22px;
	}

	@media (max-width: 767px) {
		.sec_score .wrap_content {
			padding: 85px 20px 50px;
		}
		.sec_score .wrap_content .title_box {
			font-size: 40px;
			line-height: 45px;
		}
		.sec_score .wrap_content .sub_title_box {
			margin-top: 50px;
			font-size: 25px;
			line-height: 30px;
		}
		.sec_score .wrap_content .des_box {
			margin-top: 20px;
			font-size: 19px;
			line-height: 26px;
		}
		.sec_score .wrap_content .box_card {
			margin-top: 40px;
			flex-direction: column;
			row-gap: 20px;
		}
		.sec_score .wrap_content .box_card .card_score {
			max-width: 100%;
			padding: 35px 40px;
		}
		.sec_score .wrap_content .box_card .card_score.active .score_number {
			margin-top: 20px;
		}
		.sec_score .wrap_content .box_card .card_score .score_number {
			font-size: 32px;
			line-height: 47px;
		}
	}
</style>




 We are constructing a brighter future
 Unique Engineering and Construction Public Company Limited
 Is a leading company in the infrastructure construction industry of Thailand and has earned a reputation for its high-quality performance.


The company was established in
1994
 


With registered capital with the Stock Exchange of Thailand paid up of Bath
1,081,016,252
Baht


And has achieved consistent success for
30
Years





	.sec_score {
		position: relative;
		width: 100dvw;
		height: auto;
	}
	.sec_score .img_bg_box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.sec_score .img_bg_box img {
		pointer-events: all;
		object-fit: cover;
		object-position: center bottom;
		width: 100%;
		height: 100%;
	}
	.sec_score .wrap_content {
		pointer-events: none;
		position: relative;
		z-index: 2;
		padding: 160px 20px 120px;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.sec_score .wrap_content .title_box {
		pointer-events: all;
		font-size: 70px;
		line-height: 80px;
	}
	.sec_score .wrap_content .sub_title_box {
		pointer-events: all;
		margin-top: 80px;
		font-size: 40px;
		line-height: 48px;
	}
	.sec_score .wrap_content .des_box {
		pointer-events: all;
		margin-top: 20px;
		font-size: 22px;
		line-height: 30px;
	}
	.sec_score .wrap_content .box_card {
		margin-top: 60px;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
		column-gap: 40px;
	}
	.sec_score .wrap_content .box_card .card_score {
		pointer-events: all;
		padding: 53px 20px 28px;
		width: 100%;
		background-color: rgba(204, 204, 204, 0.3);
		backdrop-filter: blur(5px);
		border-radius: 10px;
	}
	.sec_score .wrap_content .box_card .card_score.active .score_number .group_char .number:not(.is_txt) {
		top: -48px;
	}
	.sec_score .wrap_content .box_card .card_score .title {
		font-size: 15px;
		line-height: 22px;
		color: #323333;
	}
	.sec_score .wrap_content .box_card .card_score .score_number {
		margin-top: 30px;
		font-size: 42px;
		line-height: 48px;
		color: #BD1F27;
		max-height: 48px;
		overflow: hidden;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char {
		position: relative;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char.sub {
		z-index: 1;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char.main {
		z-index: 2;
	}
	.sec_score .wrap_content .box_card .card_score .score_number .group_char .number {
		position: relative;
		top: 0;
	}
	.sec_score .wrap_content .box_card .card_score .unit {
		font-size: 15px;
		line-height: 22px;
		color: #BD1F27;
	}

	.txt_red {
		color: #95191F;
	}

	.txt_gray4a {
		color: #4A4A4A;
	}

	.txt_gray32 {
		color: #323333;
	}

	.w_m_240 {
		max-width: 240px;
		width: 100%;
	}

	.w_m_360 {
		max-width: 360px;
		width: 100%;
	}

	.w_m_380 {
		max-width: 380px;
		width: 100%;
	}

	.w_m_470 {
		max-width: 470px;
		width: 100%;
	}

	.fs_50 {
		font-size: 50px;
		line-height: 48px;
	}

	.fs_15 {
		font-size: 15px;
		line-height: 22px;
	}

	@media (max-width: 767px) {
		.sec_score .wrap_content {
			padding: 85px 20px 50px;
		}
		.sec_score .wrap_content .title_box {
			font-size: 40px;
			line-height: 45px;
		}
		.sec_score .wrap_content .sub_title_box {
			margin-top: 50px;
			font-size: 25px;
			line-height: 30px;
		}
		.sec_score .wrap_content .des_box {
			margin-top: 20px;
			font-size: 19px;
			line-height: 26px;
		}
		.sec_score .wrap_content .box_card {
			margin-top: 40px;
			flex-direction: column;
			row-gap: 20px;
		}
		.sec_score .wrap_content .box_card .card_score {
			max-width: 100%;
			padding: 35px 40px;
		}
		.sec_score .wrap_content .box_card .card_score.active .score_number {
			margin-top: 20px;
		}
		.sec_score .wrap_content .box_card .card_score .score_number {
			font-size: 32px;
			line-height: 47px;
		}
	}


<div class="sec_expertise">
<div class="sec_expertise">
<div class="img_bg_box"><img src="https://cms-web.unique.co.th/stocks/our_story_about/o0x0/xi/b1/xib1eq8pvqm/bg_about_our_story_2.png" alt="bg_about_our_story_2.png" /></div>
<div class="wrap_content">
<div class="box_flex">
<div class="img_box fadein fade_left"><img src="https://cms-web.unique.co.th/stocks/our_story_about/o0x0/b8/y1/b8y1ocbvtr4/img_expertise.jpg" alt="img_expertise.jpg" /></div>
<div class="txt_box fadein deley_200 fade_right">
<div class="txt_title" data-font="med">The company specializes in medium and large-scale public infrastructure projects focusing on mass transit systems. Our esteemed clientele comprises government agencies and state-owned enterprises, with whom we have maintained enduring partnerships.</div>
<div class="txt_des" data-font="lig">Our continuous services span various aspects of public infrastructure construction, including mass transit railway structures, steel and reinforced concrete bridges, underground services (water, electricity, and telecommunications), reinforced concrete and asphalt roadworks, steel structures, and dam and retaining wall construction. </div>
</div>
</div>
</div>
</div>
</div>
<style>
	.sec_expertise {
		position: relative;
		width: 100dvw;
		height: auto;
	}
	.sec_expertise .img_bg_box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.sec_expertise .img_bg_box::before {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: 66.666%;
		background: linear-gradient(to bottom, #bd1f27 0%, #bd1f27 50%, rgba(189, 31, 39, 0) 100%);
		z-index: 3;
	}
	.sec_expertise .img_bg_box::after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(189, 31, 39, 0.9);
		z-index: 2;
	}
	.sec_expertise .img_bg_box img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		z-index: 1;
		width: 100%;
		object-fit: cover;
		object-position: center bottom;
		filter: grayscale(1);
	}
	.sec_expertise .wrap_content {
		position: relative;
		z-index: 2;
		padding: 100px 20px;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		text-align: center;
		pointer-events: none;
	}
	.sec_expertise .wrap_content .box_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		column-gap: 40px;
		pointer-events: auto;
	}
	.sec_expertise .wrap_content .box_flex .img_box img {
		border-radius: 10px;
		overflow: hidden;
		max-width: 460px;
		width: 100%;
		height: auto;
	}
	.sec_expertise .wrap_content .box_flex .txt_box {
		color: #FFF;
		max-width: 370px;
		width: 100%;
		text-align: left;
	}
	.sec_expertise .wrap_content .box_flex .txt_box .txt_title {
		font-size: 20px;
		line-height: 29px;
	}
	.sec_expertise .wrap_content .box_flex .txt_box .txt_des {
		margin-top: 20px;
		font-size: 15px;
		line-height: 22px;
	}



	@media (max-width: 767px) {
		.sec_expertise .wrap_content {
			padding: 65px 20px 50px;
		}
		.sec_expertise .wrap_content .box_flex {
			flex-direction: column;
		}
		.sec_expertise .wrap_content .box_flex .img_box img {
			max-width: 100%;
		}
		.sec_expertise .wrap_content .box_flex .txt_box {
			max-width: 100%;
			text-align: left;
		}
		.sec_expertise .wrap_content .box_flex .txt_box .txt_title {
			margin-top: 30px;
			font-size: 18px;
			line-height: 26px;
		}
		.sec_expertise .wrap_content .box_flex .txt_box .txt_des {
			margin-top: 20px;
			font-size: 15px;
			line-height: 22px;
		}
	}
</style>








The company specializes in medium and large-scale public infrastructure projects focusing on mass transit systems. Our esteemed clientele comprises government agencies and state-owned enterprises, with whom we have maintained enduring partnerships.
Our continuous services span various aspects of public infrastructure construction, including mass transit railway structures, steel and reinforced concrete bridges, underground services (water, electricity, and telecommunications), reinforced concrete and asphalt roadworks, steel structures, and dam and retaining wall construction. 






	.sec_expertise {
		position: relative;
		width: 100dvw;
		height: auto;
	}
	.sec_expertise .img_bg_box {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.sec_expertise .img_bg_box::before {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: 66.666%;
		background: linear-gradient(to bottom, #bd1f27 0%, #bd1f27 50%, rgba(189, 31, 39, 0) 100%);
		z-index: 3;
	}
	.sec_expertise .img_bg_box::after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(189, 31, 39, 0.9);
		z-index: 2;
	}
	.sec_expertise .img_bg_box img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		z-index: 1;
		width: 100%;
		object-fit: cover;
		object-position: center bottom;
		filter: grayscale(1);
	}
	.sec_expertise .wrap_content {
		position: relative;
		z-index: 2;
		padding: 100px 20px;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		text-align: center;
		pointer-events: none;
	}
	.sec_expertise .wrap_content .box_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		column-gap: 40px;
		pointer-events: auto;
	}
	.sec_expertise .wrap_content .box_flex .img_box img {
		border-radius: 10px;
		overflow: hidden;
		max-width: 460px;
		width: 100%;
		height: auto;
	}
	.sec_expertise .wrap_content .box_flex .txt_box {
		color: #FFF;
		max-width: 370px;
		width: 100%;
		text-align: left;
	}
	.sec_expertise .wrap_content .box_flex .txt_box .txt_title {
		font-size: 20px;
		line-height: 29px;
	}
	.sec_expertise .wrap_content .box_flex .txt_box .txt_des {
		margin-top: 20px;
		font-size: 15px;
		line-height: 22px;
	}



	@media (max-width: 767px) {
		.sec_expertise .wrap_content {
			padding: 65px 20px 50px;
		}
		.sec_expertise .wrap_content .box_flex {
			flex-direction: column;
		}
		.sec_expertise .wrap_content .box_flex .img_box img {
			max-width: 100%;
		}
		.sec_expertise .wrap_content .box_flex .txt_box {
			max-width: 100%;
			text-align: left;
		}
		.sec_expertise .wrap_content .box_flex .txt_box .txt_title {
			margin-top: 30px;
			font-size: 18px;
			line-height: 26px;
		}
		.sec_expertise .wrap_content .box_flex .txt_box .txt_des {
			margin-top: 20px;
			font-size: 15px;
			line-height: 22px;
		}
	}


<div id="wstd" class="sec_project"><input class="/" type="hidden" />
<div class="box_detail">
<div class="col_left w_m_380 fadein" data-font="med">For large public utility construction or specific technologies projects that have special requirements from the employer</div>
<div class="col_right w_m_470 fadein deley_200">In construction operations, the company strategically plans and subdivides tasks into smaller components based on the specific characteristics of each project type <br /><br />We have expertise in various types of public infrastructure construction, particularly mass transit systems. In addition, our clients include government agencies and state-owned enterprises with long-standing positive relationships.</div>
</div>
<input class="/" type="hidden" />
<div class="box_des fadein">
<div class="txt_title txt_red">At present, the Company has registered paid-up capital of Baht 1,081,016,253</div>
<div class="txt_des txt_gray4a">common shares: 1,081,016,253 shares and paid-up capital Baht 1,081,016,253 </div>
</div>
<input class="/" type="hidden" /></div>
<p><input class="//" type="hidden" /></p>
<style> 
	.sec_project {
		position: relative;
		padding: 120px 20px 0;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		overflow: visible;
	}

	.sec_project .box_detail {
		position: relative;
		display: flex;
		justify-content: space-between;
		column-gap: 40px;
	}

	.sec_project .box_detail .col_left {
		color: #95191F;
		font-size: 20px;
		line-height: 29px;
	}

	.sec_project .box_detail .col_right {
		color: #4A4A4A;
		font-size: 15px;
		line-height: 22px;
	}

	.sec_project .ws-inn {
		position: relative;
		padding-top: 100px;
		top: 0;
	}

	.sec_project .ws-inn .bg_logo {
		position: absolute;
		width: 733px;
		height: 698px;
		top: -110px;
		left: -395px;
		background-image: url('../images/layout/unique_water_marker_red.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.sec_project .ws-inn .sec-slide .std-swiper {
		position: relative;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: nowrap;
		position: relative;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card {
		margin-right: 80px;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct {
		width: 365px;
		height: 220px;
		padding: 30px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 10px 10px 0 0;
		transition: 0.3s ease;
		background-color: #FFFFFF;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct .ind {
		background: rgba(0, 0, 0, 0.1);
		width: 45px;
		height: 30px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		color: #323333;
		transition: 0.3s ease;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct .card-dt .txt-tt {
		width: 305px;
		height: 88px;
		padding: 40px 0;
		margin-bottom: 40px;
		color: #323333;
		font-size: 15px;
		transition: 0.3s ease;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-img img {
		width: 365px;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar {
		margin-top: 20px;
		position: relative;
		width: 100%;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar em {
		position: absolute;
		font-size: 10px;
		color: #BD1F27;
	}

	.sec_project .box_des {
		max-width: calc(100% + (20px * 2) - 285px);
		width: 100%;
		padding: 90px 20px 120px;
		margin: 0 -20px 0 auto;
	}

	.sec_project .box_des .txt_title {
		font-size: 20px;
		line-height: 29px;
	}

	.sec_project .box_des .txt_des {
		margin-top: 17px;
		font-size: 15px;
		line-height: 22px;
	}

	.txt_red {
		color: #95191F;
	}

	@media (max-width: 767px) {
		.sec_project {
			padding: 65px 0 50px;
		}

		.sec_project .box_detail {
			flex-direction: column;
			padding: 0 20px;
		}

		.sec_project .box_detail .col_right {
			margin-top: 20px;
		}

		.sec_project .ws-inn {
			padding-top: 30px;
			padding-bottom: 30px;
			overflow-x: clip;
		}

		.sec_project .ws-inn .sec-slide {
			height: fit-content;
		}

		.sec_project .ws-inn .sec-slide .slide-inn {
			position: relative;
			top: unset;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper {
			overflow-x: scroll;
			padding-left: 20px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card {
			margin-right: unset;
			width: 100%;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:not(:last-child, :first-child) {
			padding-right: 40px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:first-child,
		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:last-child {
			padding-right: 40px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct {
			width: 100%;
			padding: 20px;
			overflow: clip;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar {
			padding: 0 20px;
		}

		.sec_project .box_des {
			max-width: 100% !important;
			margin: 0;
			padding: 20px 20px 0px;
		}
	}
</style>



For large public utility construction or specific technologies projects that have special requirements from the employer
In construction operations, the company strategically plans and subdivides tasks into smaller components based on the specific characteristics of each project type We have expertise in various types of public infrastructure construction, particularly mass transit systems. In addition, our clients include government agencies and state-owned enterprises with long-standing positive relationships.



At present, the Company has registered paid-up capital of Baht 1,081,016,253
common shares: 1,081,016,253 shares and paid-up capital Baht 1,081,016,253 



 
	.sec_project {
		position: relative;
		padding: 120px 20px 0;
		max-width: calc(920px + (20px * 2));
		width: 100%;
		margin: 0 auto;
		overflow: visible;
	}

	.sec_project .box_detail {
		position: relative;
		display: flex;
		justify-content: space-between;
		column-gap: 40px;
	}

	.sec_project .box_detail .col_left {
		color: #95191F;
		font-size: 20px;
		line-height: 29px;
	}

	.sec_project .box_detail .col_right {
		color: #4A4A4A;
		font-size: 15px;
		line-height: 22px;
	}

	.sec_project .ws-inn {
		position: relative;
		padding-top: 100px;
		top: 0;
	}

	.sec_project .ws-inn .bg_logo {
		position: absolute;
		width: 733px;
		height: 698px;
		top: -110px;
		left: -395px;
		background-image: url('../images/layout/unique_water_marker_red.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.sec_project .ws-inn .sec-slide .std-swiper {
		position: relative;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: nowrap;
		position: relative;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card {
		margin-right: 80px;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct {
		width: 365px;
		height: 220px;
		padding: 30px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 10px 10px 0 0;
		transition: 0.3s ease;
		background-color: #FFFFFF;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct .ind {
		background: rgba(0, 0, 0, 0.1);
		width: 45px;
		height: 30px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 13px;
		color: #323333;
		transition: 0.3s ease;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct .card-dt .txt-tt {
		width: 305px;
		height: 88px;
		padding: 40px 0;
		margin-bottom: 40px;
		color: #323333;
		font-size: 15px;
		transition: 0.3s ease;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-img img {
		width: 365px;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar {
		margin-top: 20px;
		position: relative;
		width: 100%;
	}

	.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar em {
		position: absolute;
		font-size: 10px;
		color: #BD1F27;
	}

	.sec_project .box_des {
		max-width: calc(100% + (20px * 2) - 285px);
		width: 100%;
		padding: 90px 20px 120px;
		margin: 0 -20px 0 auto;
	}

	.sec_project .box_des .txt_title {
		font-size: 20px;
		line-height: 29px;
	}

	.sec_project .box_des .txt_des {
		margin-top: 17px;
		font-size: 15px;
		line-height: 22px;
	}

	.txt_red {
		color: #95191F;
	}

	@media (max-width: 767px) {
		.sec_project {
			padding: 65px 0 50px;
		}

		.sec_project .box_detail {
			flex-direction: column;
			padding: 0 20px;
		}

		.sec_project .box_detail .col_right {
			margin-top: 20px;
		}

		.sec_project .ws-inn {
			padding-top: 30px;
			padding-bottom: 30px;
			overflow-x: clip;
		}

		.sec_project .ws-inn .sec-slide {
			height: fit-content;
		}

		.sec_project .ws-inn .sec-slide .slide-inn {
			position: relative;
			top: unset;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper {
			overflow-x: scroll;
			padding-left: 20px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card {
			margin-right: unset;
			width: 100%;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:not(:last-child, :first-child) {
			padding-right: 40px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:first-child,
		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card:last-child {
			padding-right: 40px;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .card-wrapper .card .card-ct {
			width: 100%;
			padding: 20px;
			overflow: clip;
		}

		.sec_project .ws-inn .sec-slide .std-swiper .wrap-pg-bar {
			padding: 0 20px;
		}

		.sec_project .box_des {
			max-width: 100% !important;
			margin: 0;
			padding: 20px 20px 0px;
		}
	}


Our Stories

The Construction of Mass Transit System Project Bang Sue- Ra

The Construction of Mass Transit System Project Bang Sue- Rangsit Section Contract 1: Civil Works for Bang Sue Grand Station and Depots

The Design and Construction of the Purple Line Project, Tao

The Design and Construction of the Purple Line Project, Tao Pun - Rat Burana (Kanchanapisek Road) Section Contract 4: Underground Civil Works Memorial Bridge - Dao Khanong Section