@charset "utf-8";
/* CSS Document */

html{scroll-behavior: smooth; /*scroll-padding-top: 50px;*/}

body{font-family: "Noto Sans JP", sans-serif; word-spacing:1px; font-weight: 400; font-size:16px; color:#000000; background-color:#f6f6f6; margin:0px; padding:0px; line-height: 1.7; letter-spacing: 0.05em;}

*{position:relative; box-sizing: border-box; transition: ease all .2s}
label{display:block;}
img{width:100%; display: table}
a{color:#000; text-decoration:none}
a:hover{color:#000; text-decoration:none}
ul,ol{margin:0px; padding:0px;}
ul li, ol li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:700; line-height:1.4; letter-spacing: 0.05em;}

p{}

figure{margin:0px;}

.t1{font-size:60px} 
.t2{font-size:46px;}
.t2-inner{font-size:36px; line-height:1.4;}
.t3{font-size:36px; line-height:1.6;}
.t4{font-size:22px; line-height:1.5;}
.t5{font-size:20px; line-height: 1.7;}
.t6{font-size:18px; line-height:1.6}
.t7{font-size:16px; letter-spacing: 0.1em; line-height: 1.7}
.t8{font-size:14px}
.t9{font-size:24px;}

.subtext{font-size:16px; letter-spacing: 0.1em; line-height: 1.7;}

.n-t1{font-size: 28px;}
.n-t2{font-size:40px; letter-spacing: 0.05em; line-height: 1.5; margin-top:10px}

.h-t1{font-size: 28px; line-height:1.5}
.h-t2{font-size: 24px;}
.h-t3{font-size:18px;}
.h-t4{font-size:16px;}


.t-eng{font-family: "Lato", sans-serif;}
.t-blue{color:#0553dd}
.t-white{color:#fff;}

.t-bar:before{width:70px; height:1px; background-color:#0553dd; position: absolute; content:''; left:0px; bottom:-20px;}


.b-radius1{border-radius:12px;}
.b-radius2{border-radius:24px;}

.text-center{text-align:center}
.block-center{display: block; width: fit-content; margin: 0px auto}

.container{max-width:1440px;}
.container-big{max-width:1600px;}


.container,
.container-big,
.container-short{width:100%; padding: 0px 80px; margin:0px auto}

section{padding:130px 0px;}

.view-more{width:fit-content; font-weight: 700; display: flex; align-content: center; align-items: center; border-radius: 1px;  margin-top:40px; flex: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.view-more i{ display: flex; justify-content: center; align-items: center; background: #0553dd; border-radius: 50%; color: #ffffff; font-size: 24px; height: 60px; width: 60px; margin-right:14px }

.view-more:hover{transform: translateX(15px);}
.view-more:hover i{transform:scale(1.4);   }

a.button{background-color: #0553dd; border-radius: 40px; color: #ffffff; font-size: 15px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.6;
    padding: 12px 24px 12px 24px; text-align: center; width: 240px;}
a.button:hover{opacity:.5}

.header-outer{opacity:0; position: fixed; top: 0; z-index: 5; width: 100%;}

.header .logo{width:250px}
.header .top-navigation{font-weight: 700; line-height:1; width:calc(100% - 250px); display: flex; align-items: center; justify-content: right;}
.header .top-navigation .top-menu ul{}
.header .top-navigation .top-menu ul li a{line-height:1.4; white-space: nowrap; padding:10px 0px; margin-right:30px; letter-spacing: 0.15em;}
.header .top-navigation .top-menu ul li a:hover{color:rgba(0,0,0,.5)}



.header .top-navigation .top-btn a{display: flex; justify-content: center; align-items: center; gap: 6px; background: #060606; color:rgba(255,255,255,1); font-size: 15px; border-radius: 48px; margin: 0px 10px 0px 0px; padding: 11px 20px 12px 20px;}
.header .top-navigation .top-btn a:last-child{background: #0553dd; margin-right:0px;}
.header .top-navigation .top-btn a icon{background: rgba(0, 0, 0, 0.0); border-radius: 0; font-size:16px; color: #FFFFFF; margin: 1px 0px 0px 0px; padding: 0px;
    max-width: 100%;}

.header .top-navigation .top-btn a:hover,
.header .top-navigation .top-btn a:hover icon{color:rgba(255,255,255,.5)}

.home main{margin-top: 88px; padding-top: 60px; }
.home .page-header{margin-top:0px}
.home .page-header .page-head{margin-bottom:80px}

main{margin-top: 88px; padding-top: 90px; }
.page-header{margin-top:10px}
.page-header .page-head{margin-bottom:100px}


.home .page-header h1{font-size:52px; margin-bottom:20px; letter-spacing: 0.1em;}

.page-head-content{width: 94%; }

.home .page-header figure{height: 70vh; border-radius: 0px 130px 130px 0px;}

.page-header figure{align-items: center;  border-radius: 0px 80px 80px 0px; flex: none; flex-direction: column; flex-wrap: nowrap; height: 50vh; justify-content: flex-start; padding: 0px 0px 0px 0px; overflow: hidden;}
.page-header figure img{object-fit: cover; height: 100%;}

.page-header .anchor-link{position: absolute; z-index: 1; right: 146px; top: -39px; }
.page-header .anchor-link .view-more{transform: rotate(90deg); margin:0px;}
.page-header .anchor-link .view-more i{width:80px; height: 80px; margin:0px;}

.section-head-right{padding-left:6%;}
.section-head-left{padding-right:6%;}

.section-head-right figure{height: 50vh; border-radius: 80px 0px 0px 80px; overflow: hidden;}
.section-head-left figure{height: 50vh; border-radius: 0px 80px 80px 0px; overflow: hidden;}


.section-head-left figure img,
.section-head-right figure img{height: 100%; object-fit: cover}

.section-head-right.above-case{background-image: linear-gradient(to bottom, #fff 50%, #f6f6f6 50%)}

.tablist-top{display: flex; font-weight: 700; letter-spacing: 0.1em; overflow-x: hidden;}
.tablist-top li{margin-right:30px;}
.tablist-top li:last-child{margin-right:0px}
.tablist-top li a{font-feature-settings: 'palt' 1; white-space: nowrap;}
.tablist-top li a:hover{opacity:.5}

.tablist-bottom{display: none;}

.company h2{margin-bottom:60px}
.company h3{margin-bottom:20px}
.company .col2 figure{height: 50vh; margin-top: 20px;}
.company .col2 figure img{height: 100%; object-fit: cover;}


.service{background-color:#fff; border-radius: 0px 130px 0px 0px;}
.service h2{margin-bottom:60px}
.service h3{margin-bottom:20px}
.service h6{margin-bottom:6px; font-weight: 900}
.service .service-content{margin-top:60px;}
.service .service-content .col figure{height: 23vh; margin-bottom:20px}
.service .service-content .col figure img{height: 100%; object-fit: cover;}
.service .service-content .col p{margin:10px 0px 0px;}
.service .view-more{margin-right:0px; margin-left: auto}

.case{}
.case h2{margin-bottom:60px}
.case h3{margin-bottom:20px}
.case h6{margin-bottom:6px}
.case .case-content{margin-top:40px;}
.case .case-content .col{background-color:#fff; border-radius:12px; }
.case .case-content .col a{display: block; padding:26px}
.case .case-content .col figure{height: 180px; margin-bottom:20px; overflow: hidden}
.case .case-content .col figure img{height: 100%; object-fit: cover;}
.case .case-content .col a:hover figure img{transform:scale(1.2)}

.case.inner-page{padding:60px 0px 110px 0px}

.case-details{padding-top:0px;}
.case-details-content{max-width:1000px; background-color:#fff; border-radius: 24px; margin:0px auto; padding:60px;}
.case-details .specs{margin-bottom: 10px}
.case-details .specs .date{font-size:15px; font-weight: 700}

.case-details .table-content{overflow-x: auto;}
.case-details .table-content table{margin: 10px 0 10px 0; border-spacing: 1px; font-size: 14px; background-color:#ccc; min-width: 301px;}
.case-details .table-content table th,
.case-details .table-content table td{padding:12px; text-align: left}
.case-details .table-content table th{background: #f6f6f6; color: #060606; font-weight: 700;}	
.case-details .table-content table td{background-color:#fff;}


.case-details strong{}

.case-details h1{border-bottom: 1px solid rgb(227, 227, 227); padding-bottom:30px; margin-bottom: 40px}
.case-details h2{margin-bottom: 20px}
.case-details h3{margin-bottom: 10px}
.case-details p{margin-bottom: 30px}

.case-details .head-img{height:50vh; margin-bottom: 48px;}
.case-details .head-img img{height: 100%; object-fit: cover}
.case-details ol,
.case-details ul{margin-bottom:30px; margin-left:20px}
.case-details ol li,
.case-details ul li{list-style-type: unset}


.specs{display: flex; align-items: center; flex-wrap: wrap; font-size:12px; margin: 0px 0px 6px 0px}
.specs .tag{background-color:#0553dd; color:#fff; line-height: 1.4; margin: 0px 10px 0px 0px; padding: 4px 10px; font-weight: 700; border-radius: 128px;}
.specs .date{color:rgb(136, 136, 136); font-weight: 900}

.case .view-more{margin-right:0px; margin-left: auto}

.contact-details{padding:60px 0px 110px 0px}
.contact-details .contact-details-content{max-width:1000px; margin:0px auto; }
.contact-details .contact-head-text{margin-bottom:40px; line-height: 1.6;}
.contact-details .contact-form{background-color:#fff; border-radius: 24px; padding:50px;}
.contact-details .contact-form .form-group{margin-bottom:20px}
.contact-details .contact-form label{font-weight: 700; margin-bottom: 10px; letter-spacing: 0em;}
.contact-details .contact-form .mandatory{color:#f23a3c; font-size:15px; font-weight: 700; font-family: Lato; margin-left: 5px;}
.contact-details .contact-form .radio-block{padding:8px 0px}
.contact-details .contact-form input[type=radio]{width:15px; height: 15px; margin-right:10px; margin-left: 0px;}

.contact-details .contact-form input[type=text],
.contact-details .contact-form input[type=email],
.contact-details .contact-form input[type=tel],
.contact-details .contact-form textarea,
.contact-details .contact-form select{font-family: noto sans jp; -webkit-appearance: none; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 4px; font-size: 15px; letter-spacing: 0em; line-height: 1.4; padding: 10px; width: 100%;}

.contact-details .contact-form input[type=text],
.contact-details .contact-form input[type=email],
.contact-details .contact-form input[type=tel],
.contact-details .contact-form select{height:50px}

.contact-details .contact-form input::placeholder,
.contact-details .contact-form textarea::placeholder {
  color: #b9b9b9; /* your desired color */
}
			

.contact-details .contact-form textarea{height: 160px; }
.contact-details .contact-form .contact-term{margin-bottom: 27px; font-size: 14px; display: flex;
    align-items: center;
    justify-content: center;}
.contact-details .contact-form .contact-term span:first-child{margin-right:10px}
.contact-details .contact-form .contact-term a{color:#007cff; text-decoration: underline}

.contact-details .contact-form button{display: block; margin:0px auto; background-color: #0553dd; font-weight: 700; cursor: pointer; border-radius: 40px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); color: #fff; border: 0px; font-size: 15px; padding: 15px; width: 30%;}
.contact-details .contact-form button:hover{color:rgba(255,255,255,.7)}

.thanks{padding-top:110px; padding-bottom:200px}

.thanks .thanks-content {
    margin-bottom: 60px;
}

.thanks h2 {
	font-size:24px;
    margin-bottom:20px
}


.news{padding-top:0px;}
.news .news-content{}
.news .news-content .news-list-block{display: block; border-bottom: 1px solid rgb(234, 234, 234); padding: 24px 0px;}
.news .news-content .news-list-block:last-child{}
.news .news-content .news-list-block:hover{padding-left: 15px}
.news .view-more{margin-right:0px; margin-left: auto}

.news.inner-page{padding: 60px 0px 110px 0px;}
.news.inner-page .news-content{margin-top:40px; display: block}
.news.inner-page .news-content .news-list-block{display: flex;}
.news.inner-page .news-content .news-list-block .specs{width:20%;}
.news.inner-page .news-content .news-list-block .specs .date{font-size: 14px;}


.career{padding:150px 0px;color:#fff; overflow: hidden; border-radius: 0px 130px 0px 0px}
.career .container-big{z-index:1;}
.career h2{margin-bottom:60px}
.career h3{margin-bottom:14px}
.career .t-bar:before{background-color:#fff; width: 50px;}
.career .view-more{color:#fff;}
.career .slogan{bottom: -14px;
    color: #ffffff;
    font-size: 140px;
    font-weight: 100;
    height: auto;
    left: auto;
    line-height: 1;
    margin: 0 0 0 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    right: -5px;
    text-align: center;
    top: auto;
    width: auto;
    max-width: 100%;
    justify-content: center;
}


.career .career-bg{
    filter: brightness(0.9);
    position: absolute;
    top: 0;    
    width: 100%;
	height:100%; 
    z-index: -2;}
	
.career .career-bg img{height:100%; object-fit: cover;}

.career:after{width: 100%; height: 100%; background: #093060; opacity:.3; position: absolute; content:''; left:0px; top:0px;}

.enquiry{background-color:#0553dd; color:#fff; padding:100px 0px}
.enquiry .container{}
.enquiry .enquiry-content a{color:#fff;}
.enquiry .enquiry-content .view-more{margin-top:30px}
.enquiry .enquiry-content .view-more i{background-color:#fff; color:#0553dd}
.enquiry h4{margin-bottom:10px}

.footer{background-color:#060606; color:#fff; padding:90px 0px 40px 0px; overflow: hidden}
.footer a{color:rgba(255,255,255, 1);}
.footer a:hover{opacity:.5}

.footer h4{margin-bottom: 40px; line-height: 1.4;}
.footer h6{line-height: 2;}
.footer .footer-menu{display: flex; justify-content: center; align-items: center;}
.footer .footer-menu li{}
.footer .copyright{letter-spacing: 0.15em;}
.footer .footer-menu li a{white-space: nowrap; display: flex; align-items: center; padding:0px 12px; font-size: 14px; line-height:1.4; letter-spacing: 0.14em;}
.footer .footer-menu li:last-child a{padding-right:0px}
.footer .material-icons{font-size: 16px;  margin-left: 5px;}

.footer .footer-bottom{line-height: 1.4; margin-top: 80px; padding-top: 40px; border-top:1px solid rgb(85, 85, 85); display: flex; justify-content: space-between; color:#888; font-size: 12px;}
.footer .footer-bottom a{color:#888}

.mission-vision-block:last-child{margin-bottom:0px}

.message{background-color: #fff;
    border-radius: 0px 130px 130px 0px;
    }

.message h2{margin-bottom: 60px;}
.message h3{margin-bottom: 20px;}

.message .message-content .col2 figure{height:60vh}
.message .message-content .col2 figure img{height: 100%; object-fit: cover}

.message .desigation{margin-top:40px}

.our-value-content .our-value-block{margin-bottom:50px;}
.our-value-content .our-value-block:last-child{margin-bottom:0px;}
.our-value-content .our-value-block .col1 icon{background-color: #fff;
    border-radius: 24px;
    font-size: 38px;
    color: #0553dd;
    padding: 60px;}

.our-value-content .our-value-block h4{margin-bottom:5px;}

.our-value-content .our-value-block{display: flex; align-items: center}
	.our-value-content .our-value-block .col1{width:20%; display: flex;
    justify-content: center;}
	.our-value-content .our-value-block .col2{width:80%; padding-left:30px}

.company-profile h2{margin-bottom:60px}
.company-profile-content ul{border-bottom:1px solid rgb(234, 234, 234); display: flex; align-items: center;}


	
	
.company-profile-content ul li{padding: 20px}
.company-profile-content ul li:first-child{width:20%; padding: 20px 0px; font-weight: 700}
.company-profile-content ul li:last-child{width:80%}



.breadcrumb{font-size:12px; background-color:#fff; text-align: right; padding:24px 40px; color:#888}
.breadcrumb a{margin-right:30px;}
.breadcrumb a:after{width:3px; height: 3px; position: absolute; content:''; background-color:#000; border-radius:50%; top: calc(50% - 3px / 2); right: -15px;}


.business-model{}
.business-model h2{margin-bottom:60px}
.business-model .business-model-graph{margin-top:40px; background: #ffffff; border-radius: 24px; padding: 40px 0px;
    width: 100%; display: flex; justify-content: center}
.business-model .business-model-graph img{width:40%; }

.our-service{background-color:#fff; border-radius: 0px 130px 130px 0px;}
.our-service h2{margin-bottom:60px}

.our-service .our-service-content .our-service-content-block{display: flex; border-bottom: 1px solid rgb(234, 234, 234); margin-bottom:60px; padding-bottom: 60px;}
.our-service .our-service-content .our-service-content-block:last-child{border-bottom:0px; margin-bottom:0px; padding-bottom: 0px;}


.our-service .our-service-content .our-service-content-block .col1 h6{font-weight: 900}
.our-service .our-service-content .our-service-content-block .col1 .services-list{background: #f6f6f6; border-radius: 12px; padding: 20px;}

.our-service .our-service-content .our-service-content-block .col2 figure{border-radius: 24px; overflow: hidden}
.our-service .our-service-content .our-service-content-block .col2 figure img{height: 100%; object-fit: cover}

.error404{padding: 60px 0px 110px 0px;}
.error404 h2{font-size: 32px; line-height: 1.7;}
.error404 .error404-content{margin-bottom:60px;}


@media(min-width:769px)
{
	.d-desktop{display: block}
	.d-mobile{display: none}
	
	.company{padding-top:160px;}
	.company .company-content{display: flex;}
	.company .company-content .col1{width:calc(100% - 40.9%); padding-right:92px}
	.company .company-content .col2{width: 40.9%}
	
	.service .service-content{display: flex; gap:0px 30px; justify-content: space-between;}
	.service .service-content .col{width: calc(33.3% - 30px*2/3);}
	
	.case .case-content{display: flex; gap:0px 20px; justify-content: space-between; flex-wrap: wrap;}
	.case .case-content .col{width: calc(33.3% - 20px*2/3);}
	
	.case.inner-page .case-content{gap:30px 30px;}
	.case.inner-page .case-content .col{width: calc(33.3% - 30px*2/3);}
	
	.news .news-content{display: flex;justify-content: space-between;}
	.news .news-content .col1{width:35%}
	.news .news-content .col2{width:65%}
	
	.enquiry .enquiry-content{display: flex; justify-content: space-between;}
	.enquiry .enquiry-content .col{width:50%}
	.enquiry .enquiry-content .col:first-child{padding-right:60px; border-right:1px #fff solid}
	.enquiry .enquiry-content .col:last-child{padding-left:60px}
	
	.footer .footer-content{display: flex;}
	.footer .footer-content .col1{width:40%}
	.footer .footer-content .col2{width:60%}
	
	.mission-vision-block{display: flex; margin-bottom:80px}
	
	.mission-vision-block .col1{width:25%}
	.mission-vision-block .col2{width:75%}
	
	.message{padding: 130px 0px;}
	.message .message-content{display: flex;}
	.message .message-content .col1{width:60%; padding-right: 80px;}
	.message .message-content .col2{width:40%}
	
	.our-value-content{display: flex;}
	.our-value-content .col1{width:25%}
	.our-value-content .col2{width:75%}
	
	.our-service .our-service-content .our-service-content-block{}
	.our-service .our-service-content .our-service-content-block .col1{width:60%; padding-right: 100px}
	.our-service .our-service-content .our-service-content-block .col2{width:40%;}
	.our-service .our-service-content .our-service-content-block .col2 figure{height: 400px;}
	.our-service .our-service-content .our-service-content-block.first-block .col2 figure{height: 40vh;}
	
		
}

@media(min-width:1141px)
{
	.hamburger{display: none;}
	.header .top-navigation .top-menu ul li.active a{border-bottom:1px solid #060606}
	.header .top-navigation .top-menu ul li:first-child{display: none}
	.header{display: flex; align-items: center; padding: 0px 40px; height: 90px;}
	.header .top-navigation .top-menu ul{display: flex; align-items: center;}
	.header .top-navigation .top-btn{display: flex;}
}

@media(max-width:1140px)
{
	.header{padding:37px 30px}
	
	.header .top-navigation{padding: 70px 0px 0px; text-align: center; display:flex; flex-direction: column; gap: 20px; opacity:0; visibility: hidden; width: 40%; background: #f6f6f6; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.2); position: absolute; top:0px; right: -20%; height: 100vh;}
	.header .top-navigation .top-menu ul li:first-child{display: block}
	.header .top-navigation .top-menu ul li a{padding:20px; margin:0px; display: block; line-height: 1.4;}
	
	.header .top-navigation .top-btn{width:60%;}
	.header .top-navigation .top-btn a{padding: 16px 20px;}
	.header .top-navigation .top-btn a icon{}
	.header .top-navigation .top-btn a:first-child{margin-bottom:20px}
	
	.hamburger{border-radius: 50%; background-color:#0553dd; position: fixed; right:30px; top:22px; width: 48px; height: 46px; display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; align-content: space-evenly; padding:16px; cursor: pointer; z-index:99}
	.hamburger span{transition: ease all .5s; width: 100%; height: 2px; background-color:#fff; border-radius:2px; display: block;}
	.hamburger span:last-child{margin-bottom:0px;}
	
	.hamburger.menuopen{background-color:#0553dd; background-image:none;}
	.hamburger.menuopen span{background-color:#fff;}
	.hamburger.menuopen span:first-child{transform:rotate(45deg); margin-top:5px }
	.hamburger.menuopen span:nth-child(2){display:none; }
	.hamburger.menuopen span:last-child{transform:rotate(-45deg); margin-top:-7px }
	
	.header-outer.showmenu{height:100%;}
	.header-outer.showmenu:before{width:100%; height: 100%; background-color:rgba(0,0,0,.3); position: absolute; content:''; top:0px; animation: animatebg .5s forwards}
	
	@-webkit-keyframes animatebg
	{
		0%{opacity:0;}
		100%{opacity:1;}		
	}
	
	@keyframes animatebg
	{
		0%{opacity:0;}
		100%{opacity:1;}		
	}
	

	
	
	.header-outer.showmenu .header{height: 100%; align-items: unset;}
	.header-outer.showmenu .top-navigation{animation: showmenuanimation .5s forwards}	
	
	@-webkit-keyframes showmenuanimation
	{
		0%{opacity:0; visibility: hidden; right:-20%}
		100%{opacity:1; visibility: visible; right:0%}		
	}
	
	@keyframes showmenuanimation
	{
		0%{opacity:0; visibility: hidden; right:-20%}
		100%{opacity:1; visibility: visible; right:0%}		
	}
	
	.header-outer.removemenu .top-navigation{animation: removemenuanimation .3s forwards}	
	
	@-webkit-keyframes removemenuanimation
	{
		0%{opacity:1; visibility: visible; right:0%}
		100%{opacity:0; visibility: hidden; right:-20%}		
	}
	
	@keyframes removemenuanimation
	{
		0%{opacity:1; visibility: visible; right:0%}
		100%{opacity:0; visibility: hidden; right:-20%}		
	}
	
}

@media(max-width:768px)
{
	section{padding:100px 0px;}
	.container, .container-big{padding: 0px 50px;}
	body{font-size: 16px}
	.d-desktop{display: none}
	.d-mobile{display: block}
	.home .page-header h1{font-size:40px; margin-bottom: 10px;}
	
	.t1{font-size:48px}
	.t2{}
	.t3{}
	.t4{}
	.t5{font-size:16px}
	.t6{}
	.t7{}
	.t8{}
	.subtext{font-size:14px;}
	
	.n-t1{font-size: 24px;}
	.n-t2{font-size:36px; margin-top:0px}
	
	.h-t1{font-size: 24px;}
	
	.home main{margin-top: 88px; padding-top: 30px;}
	.home .page-header .page-head{margin-bottom:60px}
	
	main{margin-top: 90px; padding-top: 50px;}
	.page-header .page-head {margin-bottom: 60px}
	
	.header .top-navigation{width:80%}
	
	.home .page-header figure{height:60vh}
	.home .page-head-content{padding-top:0px}
	
	.page-header figure{height:30vh}

	.page-head-content{padding-top:40px}

	.page-header .anchor-link{right: 146px;}
	.page-header .anchor-link .view-more i{margin: 0px; width: 80px; height: 80px;}
	
	
	.company .company-content .col1{margin-bottom:40px}
	.company .col2 figure{height: 420px;}
	
	.service{}
	.service{}
	.service h2{}
	.service .service-content{margin-top:40px; margin-bottom:80px}
	.service .service-content .col{margin-bottom:40px}
	.service .service-content .col:last-child{}
	.service .service-content .col p{}
	.service .service-content .col figure{height: 340px}
	
	.home .section-head-right figure{height: 40vh;}
	.section-head-right.above-case{background-image: linear-gradient(to bottom, #fff 30%, #f6f6f6 30%);}
	
	
	.case h2{}
	.case h3{}
	.case .case-content{margin-top: 40px}
	.case .case-content .col{border-radius:12px; margin-bottom:20px;}
	.case .case-content .col:last-child{margin-bottom:0px}
	.case .case-content .col a{padding:26px;}
	.case .case-content .col figure{margin-bottom:20px}
	
	.case.inner-page{padding: 20px 0px 100px 0px;}
	.case.inner-page .case-content .col{margin-bottom:30px}
	.case.inner-page .case-content .col:last-child{}
	
	.case-details .container{padding:0px 40px}
	.case-details .head-img{height:30vh;}

	.specs{}
	.specs .tag{white-space: nowrap;}
	
	.news .news-content .col1{margin-bottom:60px}
	.news .news-content .news-list-block{padding: 16px 0px;}
	.news .specs .tag{padding:2px 8px 2px}
	
	.news.inner-page{padding: 20px 0px 100px 0px;}
	.news.inner-page .news-content .news-list-block .specs{width: 30%;}
	
	.career h2{}
	
	.career .slogan{font-size: 90px; text-align: right; bottom:0px; right: 0px;}
	
	.career .t3{font-size:32px;}
	
	.enquiry .t5{font-size:28px}
	
	.enquiry .enquiry-content{}
	.enquiry .enquiry-content .col:first-child{border-bottom:1px #fff solid; margin-bottom: 40px; padding-bottom: 40px;}
	
	.footer h4{margin-bottom: 40px; font-size: 24px;}
	
	.footer .container-big{padding: 0px 80px;}
	
	.footer .footer-content .col1{text-align: center; margin-bottom: 40px;}
	.footer .footer-content .col2{}
	.footer .footer-menu{justify-content: center}
	.footer .footer-bottom{}
	
	.mission-vision-block{margin-bottom: 80px}
	.mission-vision-block .col1{margin-bottom:60px;}
	
	.message .message-content .col2 figure {
    height: 420px;
}
	.message .message-content{display: flex; flex-direction: column-reverse;}
	.message .message-content .col2{margin-bottom: 20px;}
	
	.our-value .our-value-content .col1{margin-bottom: 60px;}
	.our-value-content .our-value-block{margin-bottom:100px;}
	.our-value-content .our-value-block .col1{margin-bottom:0px;}
	.our-value-content .our-value-block .col1 icon{padding:40px}
	
	.our-service .our-service-content .our-service-content-block{flex-direction: column-reverse;}
	.our-service .our-service-content .our-service-content-block .col1,
	.our-service .our-service-content .our-service-content-block .col2{width: 100%;}
	.our-service .our-service-content .our-service-content-block .col2 figure{height:420px;}
	
	.our-service .our-service-content .our-service-content-block .col2{margin-bottom: 20px;}
	
	.contact-details{padding-top: 20px;}
	.thanks{padding-top:150px;}
	
}


@media(max-width:480px)
{
	
	.container, .container-big{padding: 0px 30px;}
	
	main{margin-top: 70px;  padding-top: 20px;}
	
	.home main{margin-top: 70px; padding-top: 20px;}
	.home .page-header .page-head{margin-bottom: 40px;}	
	.home .page-header h1{font-size:30px}
	.home .page-head-content{padding-top:0px}
	
	.page-header{margin-top: 20px;}
	.home .page-header{margin-top: 0px;}
	
	.page-head-content{padding-top:30px}
	
	.t1{font-size:36px;}
	.t2-inner,
	.t2{font-size:32px;}
	
	.t3{font-size:26px;}
	.t4{font-size: 20px;}
	.t5{font-size: 12px;}
	.t6{font-size: 16px;}
	
	.h-t1{font-size: 20px;}
	.h-t2{font-size: 18px;}
	.h-t3{font-size: 16px;}
	.h-t4{font-size: 16px;}
	
	.n-t1{font-size: 18px;}
	.n-t2{font-size: 28px;}
	
	.t-bar:before{bottom:-15px;}
	
	a.button{font-size:14px; width: 208px}
	
	.header {padding: 28px 20px;}
	.header .logo{width: 210px;}
	.hamburger{width:38px; height: 38px; padding: 12px; right: 20px; top: 15px;}

	.header .top-navigation{width: 90%;}
	.page-header .anchor-link{right:0px; top: -26px;}
	
	.home .page-header figure{height:50vh; border-radius: 0px 60px 60px 0px;}
	.page-header figure{height:30vh; border-radius: 0px 60px 60px 0px;}
	
	.page-header .anchor-link .view-more i{width: 60px; height: 60px;}
	
	
	
	.page-header .page-head{margin-bottom: 40px;}
	
	.view-more{margin-top:30px; font-size: 15px; }
	.view-more i{margin-right:10px}
	
	.company{padding-top:60px;}
	.company h2{margin-bottom: 40px;}
	.company h3{margin-bottom: 10px;}
	.company .col2 figure{height: 260px;}
	
	.service{padding-bottom:60px}
	.service .service-content{margin-top:20px; margin-bottom:0px;}
	.service .service-content .col figure{height: 220px;}
	
	.section-head-right figure{border-radius:60px 0px 0px 60px; height: 40vh}
	
	.case{padding-top:60px}
	
	.case.inner-page .case-content{margin-top: 0px;}
	
	.tablist-top{display: none;}
	.tablist-bottom{display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 30px 0px; }
	.tablist-bottom li a{font-weight: 700; display: flex; margin-bottom: 20px;}
	.tablist-bottom li a icon{background: #0553dd;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        height: 26px;
        margin: 0px 10px 0px 0px;
        border-radius: 50%;
        width: 26px; }
		
	.tablist-bottom li:last-child a{margin-bottom: 0px;}
	
	
	.case-details .container{padding: 0px 30px;}
	
	.case-details-content{padding:30px}
	
	.case-details h1{padding-bottom: 20px;  margin-bottom: 20px;}
	.case-details .head-img {
        height: 20vh;
		margin-bottom:20px;
    }
	
	
	.news .news-content .col1 {
        margin-bottom: 40px;
    }
	
	.news.inner-page .news-content{margin-top:0px; margin-bottom: 40px;}	
	.news.inner-page .news-content .news-list-block{flex-direction: column; padding: 26px 0px;}
	.news.inner-page .news-content .news-list-block .specs{width: 100%}
	
	.career{padding:60px 0px; border-radius: 0px 60px 0px 0px;}
	.career .t3{font-size: 26px;}
	.career .slogan{bottom: -5px;
        font-size: 48px;
        right: 0px;}
	
	
	
	.enquiry{padding:60px 0px}
	.enquiry .t5{font-size:20px}
	
	.footer .container-big {
        padding: 0px 30px;
    }
	.footer .footer-menu{flex-direction: column;}
	.footer .footer-menu li{padding: 2% 0px;}
	.footer .footer-bottom{flex-direction: column-reverse; align-items: center; gap: 15px;}
	
	.mission-vision{padding:60px 0px 100px 0px}
	.mission-vision-block{margin-bottom: 60px;}
	.mission-vision-block .col1{margin-bottom: 45px;}
	
	.message{border-radius: 0px 60px 60px 0px;}
	.message h2{margin-bottom: 45px;}
	.message .message-content .col2 figure{height: 300px; }
	
	.our-value .our-value-content .col1{margin-bottom: 45px;}
	
	.our-value-content .our-value-block{flex-direction: column; }
	.our-value-content .our-value-block .col1,
	.our-value-content .our-value-block .col2{width: 100%;}
	.our-value-content .our-value-block .col2{padding-left:0px;}
	
	.our-value-content .our-value-block .col1{margin-bottom: 20px; text-align: center}
	.our-value-content .our-value-block .col1 icon{font-size: 32px; padding: 50px;}
	.our-value-content .our-value-block h4{margin-bottom: 20px; text-align: center}
	
	.company-profile h2{margin-bottom: 45px;}
	
	

	.company-profile-content ul{flex-direction: column; align-items:unset; padding: 16px 0px 16px 0px}
	
	.company-profile-content ul li:first-child,
	.company-profile-content ul li{padding: 0px;}
	
	.business-model{padding-top: 60px;}
	.business-model h2{margin-bottom: 45px;}
	.business-model .business-model-graph img{width: 80%;}
	
	.our-service{border-radius: 0px 60px 60px 0px;}
	.our-service .our-service-content .our-service-content-block{margin-bottom: 40px; padding-bottom: 40px;}
	.our-service .our-service-content .our-service-content-block .col2 figure{height: 200px;}
	.our-service h2{margin-bottom: 45px;}
	
	.contact-details .contact-form{padding:30px}
	.contact-details .contact-form button{width: 80%;}
	
	.thanks{padding:100px 0px;}
}