@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
html{overflow-x:hidden; direction:ltr; scroll-behavior: smooth;}
body {direction:ltr; position:relative;}
:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}
a{color:black;}
a,
button {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: "Assistant", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}
.skip-link{left:0;}
strong{font-weight:bold;}
b{font-weight:bold;}
.container{
	max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    position: relative;
}

.top_section{width:100%;  margin:0 auto; padding:20px 0 9rem; background:#C7C8C0; webkit-clip-path: ellipse(150% 55% at 48% 44%); clip-path:ellipse(150% 55% at 48% 44%);}
.logo{width:auto; margin:0; padding:0 0 20px;}
.logo a{display:inline-block; cursor:pointer;}
.logo a img{max-width:100%; height:auto; width:220px; object-fit:cover; max-height:100%;}
.contnet_section{max-width:950px; margin:50px auto 0; padding:0;}
.contnet_section p{font-size:16px; font-weight:400; line-height:25px; color:black; margin-bottom:1rem;}
.form_section{width:100%; clear:both; margin:60px auto 0; padding:0; max-width:950px; position:relative;}
.form_block{display:block; width:100%; background-color: #fff; border-radius: 6px; box-shadow: 0 12px 40px 0 rgba(20, 41, 63, .16);}
#product-search-form{width:100%; display:block; padding: 6px 6px 6px 16px;align-items: center; display:grid; display: grid;
grid-template-columns: auto 1fr auto; box-sizing: border-box; border: 0 solid #e5e7eb; vertical-align: middle; gap:20px;}
#product-search-form input#search_keyword{border: none; width: 100%; font-family: "Assistant", sans-serif; padding: 8px 16px; border-radius:0px; line-height:normal; color:black; outline:0; font-size:20px; border:1px solid transparent; border-radius:6px;}
#product-search-form button{color:white; font-size:17px; text-align:center; font-weight:400; font-family: "Assistant", sans-serif; cursor:pointer; background-color:black; height: 42px; width: 161px; border-radius:6px; outline:0; border:none;  transition: 0.4s linear; -webkit-transition: 0.4s linear;}
#product-search-form button:hover{background:darkgrey; color:white;}
#product-search-form input#search_keyword:focus{border:1px solid #eeeeee;}
.result_section{width:100%; margin:0 auto; padding:0; clear:both; border:1px solid #d5d7e5; box-shadow:0 .75rem 2.5rem 0 rgba(20,41,63,.16); padding:1.5rem 1.875rem 1.5rem; max-width:950px; margin-top:-100px; border-radius:8px; background:white; position:relative; z-index:1;}
.result_section h2{color:#14293f; margin:0 0 15px; font-size:1.5rem; font-weight:700; line-height:1.8125rem;}
.bottom_section{width:100%; clear:both; margin:50px auto 30px; padding:0; max-width:950px;}
.bottom_section p{font-size:16px; font-weight:400; line-height:25px; margin-bottom:1rem;}
.bot_info{width:100%; display:grid; grid-template-columns:1fr 1fr; column-gap:30px; vertical-align:top;}
.bot_info img{width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;}
.product-item {
    position: relative;
    border: .5px solid #aab1b9;
    border-radius: 6px;
    padding: 1.25rem 1rem 1rem;
    margin-bottom: .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 25px;
    display: grid;
    /*grid-template-columns: 3fr 1fr;
    gap: 10px;
    row-gap: 10px;*/
	grid-template-columns:1fr;
}
.pro_block a{display: grid; /*grid-template-columns: 60% 40%; gap: 5px*/ grid-template-columns:25% 50% 25%;}
.product-item strong{text-transform:capitalize;}
#product-search-form svg{width:22px !important; height:auto !important;}
.product-item svg{width: 28px !important; height:34px !important;}
.product-item svg a{display:inline-block; cursor:pointer;}
.pdficon{vertical-align: top;display: grid; grid-template-columns:1fr; gap: 5px;}
.product-details{width:100%; display:block; margin:0 auto; padding:0;}
.product-details #back-to-results{font-size: 16px;
    font-weight: 600;
    color: black;
    cursor: pointer;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
	line-height:26px;
	vertical-align: middle;
    display: flex;
    gap: 5px;
	}
.product-details h3{color:#14293f; margin:0 0 15px; font-size:1.5rem; font-weight:700; line-height:1.8125rem;}
.d_pro{display: grid;
    grid-template-columns: 40% 60%;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
    max-width: 70%;}
.gne{font-size: 16px;
    font-weight: 400;
    line-height: 25px;}
.info{margin:10px 0; display:block; font-size: 16px;
    font-weight: 400;
line-height: 25px;}
.ldiv{margin: 0; display: block; width:100%;}
.ldiv strong{margin: 0 0 10px; display: inline-block;}
.pbox{border: 1px solid rgba(0, 0, 0, .125);
    border-radius: var(--large-border-radius);
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    border-radius: 8px;
    padding: .75rem 1.25rem;
    cursor: pointer;}
.twoblock{display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 0;
gap: 10px; position:relative;}
.pbox a{
    font-size: 16px;
	line-height:20px;
    color: black;
    font-weight: 600;}
.pbox a img{max-width: 32px; object-fit: cover; width: auto; height: auto;}
.pbox a span{font-size: 14px; font-weight: 400;}
.odiv{margin:1rem 0 0; display: block; width:100%;}
.pbox{margin-bottom:1rem;}
.pbox:last-child{margin-bottom:0rem;}
.showmore{position: absolute; right: 0; width:auto; cursor:pointer;}

@media(max-width:1024px){
	.d_pro{max-width:90%;}
}
@media(max-width:1000px){
	.contnet_section{max-width:90%;}
	.form_section{max-width:90%;}
	.result_section{max-width:90%;}
	.bottom_section{max-width:90%;}
	.pro_block{grid-template-columns: 25% 50% 25%;}
}
@media(max-width:800px){
	.pro_block a{grid-template-columns: 1fr; row-gap:7px;}
	.pbox a{font-size:14px;}
}
@media(max-width:767px){
	.logo{padding:0px;}
	.bottom_section{max-width:100%;}
	.contnet_section{margin:20px auto 0;}
	.contnet_section{max-width:100%;}
	.form_section{max-width:100%; margin:20px auto 0;}
	.result_section{max-width:calc(100% - 30px); margin-top: -40px; padding:15px;}
	.top_section{padding:20px 0 4rem;}
	.contnet_section p{font-size: 14px; line-height: 22px; margin-bottom: 0.5rem;}
	.logo a img{width:160px;}
	.search-icon{display:none;}
	#product-search-form{grid-template-columns: 70% 28%; padding: 5px; gap: 5px;}
	#product-search-form input#search_keyword{padding: 5px; font-size: 15px;}
	#product-search-form button{font-size: 14px; height: 31px; width: 100%;}
	.bot_info{grid-template-columns: 1fr; row-gap: 10px; column-gap:0px;}
	.bottom_section{margin:20px auto 20px;}
	.result_section h2{font-size: 1.2rem; margin: 0 0 10px;}
	.product-details h3{font-size: 1.2rem; margin: 0 0 10px;}
	.product-item{font-size: 14px; line-height:20px; grid-template-columns: 1fr; gap:5px; row-gap:5px;}
	#product-search-form svg{display:none;}
	.pro_block a{grid-template-columns: 1fr;}
	.pdficon{margin-top:5px; grid-template-columns:1fr;}
	.d_pro{grid-template-columns: 1fr; max-width: 100%; font-size: 14px; line-height:25px; margin:0;}
	.pbox{padding:10px;}
	.product-details #back-to-results{font-size: 14px; line-height:26px;}
	.gne{font-size: 14px; line-height:25px;}
	.info{font-size: 14px; line-height:20px;}
	.pbox a{font-size: 14px; line-height:20px;}
	.ldiv strong{font-size: 14px; line-height:20px;}
	.pbox.fblock .twoblock{padding-bottom:20px;}
	.pbox.fblock .twoblock .showmore{bottom: 0;}
	
}