﻿/***** BEGIN RESET *****/
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: "Sarabun", sans-serif;
	box-sizing: border-box;
	line-height: 1.8;
	overflow-x: hidden;
	font-weight: 500;
	font-style: normal;
	background:#FFFCF6;
}


a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

a {cusor:pointer;}

.flex {display:flex;}

button {font-family: "Roboto Condensed", sans-serif;text-transform:uppercase;cursor:pointer}
.wrapper {width: 90%;margin: 0 auto;}
.bold-green {font-weight:900;color:#35603E;}

.bold {font-weight:900;}



.inventory-buttons button:hover,.inventory-buttons button:active,.inventory-buttons button:focus,.parts-buttons button:hover,.parts-buttons button:active,.parts-buttons button:focus,.parts-page-buttons button:hover,.parts-page-buttons button:active,.parts-page-buttons button:focus,.contact-buttons button:hover,.contact-buttons button:active,.contact-buttons button:focus {background:#204528;transition:ease-in-out .3s;}


hr{border:#000 1px solid;}
h1,h2,h3,h4,h5,h6 {font-family: "Roboto Condensed", sans-serif;text-transform:uppercase;}
h2 {font-size: clamp(1.875rem, 1.5559rem + 1.5957vw, 3.75rem);}
/*--- HEADER STYLES ---------------------*/
header {}
.main-site-header {display: flex;background:#35603E;padding: 20px 2%;justify-content: space-between;}

.header-end {display:flex;align-items:center;gap: 40px;flex:1;justify-content: end;}
.header-end i {color:#fff;font-size:18px;}
.phone-button {background:#fff;padding:10px 40px;width: 28%;text-align: center !important;box-sizing: unset !important;}
.phone-button a{color:#35603E;text-transform:uppercase;font-weight:600;font-family: "Roboto Condensed", sans-serif;font-size:16px;}
.phone-button i{color:#35603E !important;margin-right: 5%;}


.mobile-icon .phone-button {display:none;}
.search-content.mobile {display:none;}
/*---BODY--------------------------------*/

/*---HOMEPAGE STYLES----------------------*/
.home-hero {background: url("../siteart/hero.png");background-repeat: no-repeat;background-size: cover;height: 807px;background-position: 0;position:relative;background-color:#000;}
.home-hero {color:#fff;}
.gradient {background: rgba(0,0,0,0.5);height: 100%;}
.home-hero .content {display: flex;justify-content: center;width: 100%;text-align: center;flex-direction: column;position: relative;bottom: -30%;}
.home-hero h1 {font-size: clamp(3.75rem, 3.109rem + 3.2051vw, 6.875rem);line-height:1;margin-bottom: 40px;}

.parts-buttons.contact button {max-width: 400px;}

a.home-buttons {width: 100%;max-width: 390px;}

.home-buttons button{background:#35603E;color:#fff;border:none;padding:15px 60px;font-size: 17px;font-weight:700;box-shadow: 3px 8px 15px rgba(0,0,0,0.5);width: 100%;}

.home-buttons button:hover,.home-buttons button:active,.home-buttons button:focus{background:#fff;color:#35603E;transition:ease-in-out .3s;}

/*---INVENTORY CATEGORIES STYLES--------*/
.inventory-cat {width: 100%;max-width: 550px;padding: 60px 0;display: flex;flex-direction: column;gap: 18px;position: relative;align-items: center;}

.cat-sections {width: 100%;max-width: 420px;}

.gray-back{background: #EBE8E0;position: absolute;width: 100%;height: 63%;left: -103px;top: 130px;z-index: -1;padding: 0 60px;}

.dark-green {background: #204528;height: 100%;padding: 35px 20px;display: flex;align-items: center;}
.dark-green i {font-size: 20px;}

.content-header {margin-top: 130px;}

.cat-sections .content {width: 60%;}
.cat-sections img {width: 100%;height: 267px;object-fit: cover;}
#about .wrapper.flex {width: 90%;margin: 0 auto;}
#about p {margin-bottom:30px;}
.content-header {padding: 40px 80px;background: #35603E;color: #fff;right: -8%;position: relative;margin-bottom: 30px;}
.content-wrapper {width: 60%;margin: 0 auto;}


.inventory-buttons button {padding: 35px 0 35px 20px;width: 100%;border: unset;height: 54px;background: #35603E;color: #fff;margin-top: -9px;display: flex;justify-content: space-between;align-items: center;font-weight: 900;font-size: 18px;}


.home-buttons-flex {display: flex;justify-content: center;gap: 14px;}

/*---PART SECTION STYLES--------*/
#parts-request {background: url("/siteart/fill-out-our-form.png");background-repeat: no-repeat;background-size: 100%;height: 350px;overflow: hidden;position: relative;margin-top: 70px;background-color:#000;}
#parts-request {color:#fff;}
#parts-request .flex{display: flex;position: relative;z-index:200;justify-content: space-around;}
#parts-request .flex {top: 32%;align-items: center;}
#parts-request h2{font-weight:400;font-size:70px;}
.parts-title {    width: 100%;
    max-width: 700px;
    line-height: 1;
    border-right: #fff solid 6px;
    padding-right: 60px;}
.black-overlay {background: rgba(0,0,0,0.3);width: 100%;height: 100%;padding: 70px;position: absolute;z-index: 100;}
.parts-title {width: 100%;max-width:700px;line-height: 1;}

.parts-buttons .dark-green{display: flex;align-items: center;padding: 40px 20px;}
.parts-buttons .dark-green i{font-size: 25px;}

.parts-buttons button {    
	padding: 40px 0px 40px 20px;
    width: 100%;
    border: unset;
    max-width: 1140px;
    height: 54px;
    background: #35603E;
    color: #fff;
    margin-top: -9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 900;
    font-size: 21px;
    gap: 120px;}

.parts-content {width: 50%;}
/*--------FORM STYLES--------------------*/
.dropbtn {
      color: #fff;
	background:unset;
    font-size: 16px !important;
    letter-spacing: 1px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    display: block;
    margin: 0px 2px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 600;
    padding: 12px 20px;
    font-family: "Roboto Condensed", sans-serif;
	border:none;
}


/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: unset;
}

/* The search field */
#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 45px 30px;
  border: none;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}
#myInput i {color:#2e6e35;font-size:20px;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#204528;
    width: 100%;
    left: 0;
    top: 142px;
	z-index: 10;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


input#keyword {padding: 10px 10px;width: 94%;margin: 0 auto;display: flex;}
.form-feild {display:flex;}
#myInput button#Submit {position: absolute;right: 80px;top: 27px;background: unset;border: unset;top: 54px;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


#myDropdown a {
  opacity: 1;
  transition: opacity 0.3s ease;
}

#myDropdown a.hidden {
  opacity: 0;
  pointer-events: none;
}

form {padding: 50px 0px;width: 100%;margin: 0 auto;}
.form label {color:#fff;}
.form input,.form textarea,.form select {box-sizing:border-box;padding:18px 10px;border:unset;width: 100%;margin-bottom:25px;}
.formfield {display:flex;gap: 30px;}
.formfield > div {width:100%;}

.accordion, input[type="submit"] {
	all: pointer;
    background: #fff;
    color: #35603E;
    padding: 10px 10px;
    font-size: 20px;
    text-align: center;
    width: 100%;
	max-width: 200px;
	margin-top:30px;
	font-weight:600;
	text-transform:uppercase;}

.accordion:hover,.accordion:active,.accordion:focus, input[type="submit"]:hover,input[type="submit"]:active,input[type="submit"]:focus {background:#204528;color:#fff;transition:ease-in-out .3s;}

input[type="submit"] {margin-top:unset;padding: 18px 10px;}

hr{border:#000 1px solid;}

.panel {
  display: none;
  margin-top:30px;
}

.panel.service {
  padding: 20px 0;
  display: none;
  overflow: hidden;
}

.panel.service {
	    background: #fff;
    max-width: 100%;
    padding: 20px 0;
    box-shadow: unset;
    border-radius: 20px;
}


.CaptchaPanel {text-align: left !important;}
.CaptchaMessagePanel,.CaptchaWhatsThisPanel a {color:#fff;}


/*-------- Parts STYLES ----------------*/

.sub-hero {background: url("../siteart/fill-out-our-form.png");background-repeat: no-repeat;background-size: cover;height: 350px;background-color:#000;}
.sub-hero .content {display: flex;justify-content: center;width: 100%;text-align: center;flex-direction: column;position: relative;bottom: -30%;color: #fff;font-size: clamp(1.5625rem, 1.488rem + 0.3723vw, 2rem);}


.split-section.parts .flex {justify-content: space-between;padding: 70px 0;flex-direction: column;}
.form.parts {width: 100%;}

.parts-image {width: 100%;position:relative;}
.parts-image .gray-back{    background: #EBE8E0;
    width: 84%;
   height: 58%;
  top: 90px;
    z-index: -1;
    padding: 0 60px;
    left: 0px;}

.parts-image img {max-width: 90%;display: flex;margin: 0 auto !important;}


.button.flex .contact-box {width:100%;padding: 0;}
.parts .flex.top {flex-direction:row;gap: 90px;}
.parts-content .content-header {padding: 40px 28%;right: 100px;width: 50%;margin-top: 0px;}
.parts-content {width: 100%;}
.parts-content p {width: 90%;}
/*-------- CONTACT STYLES ----------------*/
form.wrapper.flex {flex-direction: column;padding: 90px 0;}

.contact .content-header {padding: 40px 28%;right: 100px;width: 76%;margin-top: 0px;}

.home-hero.small {background: unset;height:100%;}
.split-section .flex {justify-content: space-between;padding: 50px 0 120px;}
.form {background:#35603E;width: 41%;position: relative;}
.contact-box {width: 100%;}
.contact .contact-box {display: flex;flex-direction: column;width: 100%;}
.contact-sections.flex {gap: 11px;padding: 10px 0;}
.contact-buttons button {
	background: #35603E;
    border: unset;
    padding: 20px;
    color: #fff;
    width: 100%;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    height: 89px;
    font-weight: 800;}

.map {max-width: 750px;width: 100%;}

.form {background: #35603E;width: 38%;padding: 0 1%;
}

.parts-page-buttons button {background:#35603E;border:unset;padding: 20px 10px;color:#fff;width:100%;font-size:19px;}

.button.flex {width: 89%;display: flex;flex-direction: row !important;gap: 20px;}
.contact .flex {flex-direction:column;gap:20px;padding: 30px 0;}

.map-info {width: 100%;max-width: 748px;}

div#formpage,.panel {width: 100%;}

.form .gray-back {left: -73px;}
/*-------- FOOTER STYLES ----------------*/
footer{background: #35603E;}

.footer {display:flex;color:#fff;padding: 80px 20px;gap: 30px;}
.footer a{color:#fff;text-transform:uppercase;font-family: "Roboto Condensed", sans-serif;font-weight:600;font-size: 16px;}
.footer li{margin-bottom: 3px;}

.footer-logo {padding: 0px 10%;border-right: solid #fff 5px;width: 21%;display: flex;align-items: center;box-sizing: unset !important;}

.footer-logo img{max-width: 1070px;width: 100%;}

.category-wrapper {display: flex;justify-content: center;gap: 71px;margin: 0 auto;}

.location-flex {display: flex;gap: 7px;}
.location-flex i {margin-top: 8px;}

p.large-text {font-family: "Roboto Condensed", sans-serif;text-transform:uppercase;font-weight: 700;font-size: clamp(1.5625rem, 1.4949rem + 0.3378vw, 1.875rem);}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-bcrumbs-and-title {padding-top: 40px !important;}
.list-heading {padding-top: 70px;}
a.view-listing-details-link.des-view-listingDetails.template-branded-button,.shipping.listing-widget__shipping a,.financing.listing-widget__financing.Currency a,.faceted-search-content .faceted-section-box .faceted-search,.faceted-search-content .selected-facets-container .selected-facet {background:#35603E!important;color:#fff !important;}
.detail_breadcrumbs {padding-top: 40px !important;}

/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1880px) {
	.footer-logo {padding: 0px 6%;}
	#parts-request {height: 230px;}
	#parts-request h2 {font-size: 57px;}
	.parts-title {max-width: 540px;width: 100%;}
	.phone-button {width: 30%;}
	.parts-page-buttons button {font-size: 16px;}
}

@media only screen and (max-width: 1700px) {
	.contact .content-header {width: 58%;}
	.form {width: 63%;}
	.split-section .flex {gap: 100px;}
	
	.button.flex {gap:20px;}
	form.wrapper.flex {gap: unset;}
	.contact-sections.flex {gap:11px !important;}
	.parts-content .content-header {width: 63%;}
}

@media only screen and (max-width: 1600px) {
	.split-section.parts .flex  {gap: 13px;}
	.parts-image img {max-width: 100%;}
	.parts .flex.top {align-items: center;gap: 100px;}
	.parts-image .gray-back {background: #EBE8E0;width: 88%;height: 86%;top: 40px;z-index: -1;padding: 0 60px;left: -28px;}
	.map-info {width: 100%;max-width: 628px;}
	.contact .content-header {width: 100%;padding: 30px 50px;text-align: center;}
	.button.flex {width: 100%;}
	.header-end {width: 39%;}
	.parts-page-buttons button {padding: 20px 7px;}
	.contact-buttons button {height: 119px;justify-content: center;font-size: 16px;}
}


@media only screen and (max-width: 1500px) {
	.category-wrapper {gap: 41px;}
	p.large-text {font-size: 25px;}
}


@media only screen and (max-width: 1400px) {
	.phone-button {width: 42%;}
}



@media only screen and (max-width: 1300px) {
	.split-section .flex {flex-direction: column;align-items: center;}
	.map-info {width: 100%;max-width: 988px;}
	.map {max-width: 970px;width: 100%;}
	.contact .content-header {padding: 40px 0;right: 0;width: 100%;margin-top: 0px;text-align: center;max-width: 100%;}
	.map {max-width:100%;}
	.contet .content-header {padding: 40px 80px;background: #35603E;color: #fff;right: unset;left: 64px;position: relative;margin-bottom: 30px;}
	.parts .flex.top {flex-direction: column;gap: 0;}
	.form {padding: 30px;background: #35603E;width: 94%;margin-top: 42px;}
	.contact-sections.flex {flex-direction: row;}
	.formfield {flex-direction: column;gap: unset;}
	.header-end {width: 40%;}
	.parts-image .gray-back {display:none;}
}

@media only screen and (max-width: 1240px) {
	.phone-button a {width:100%;}
	.header-end {display:none !important;}
	form#myInput.mobile {background:#1D3823;width:100%;}
	#myInput.mobile button#Submit{position: absolute;background: unset;border: unset;top: 178px;right: 55px;}
	.search-content.mobile {display:block;}
	.mobile-icon .phone-button {display:flex;justify-content: center;max-width: 200px;}
	.split-section .flex {gap: unset;}
	.parts-content .content-header {width:100%;right:unset;padding: 30px 0;max-width: unset;}
	.content-header {padding: 30px 0;text-align:center;position: relative !important;left: 0 !important;max-width:100%;}
	.content .content-header {padding: 30px 0;text-align:center;position: relative !important;right: -8%;left: unset !important;max-width:100%;}
	.button.flex button{width:100%;}
	.footer-logo {padding: 0px 2%;}
	
	#parts-request .flex {padding: 37px 30px;flex-direction:row !important;}
	#parts-request {height: auto !important;}
	.parts-title {max-width: 410px;}
	#parts-request h2 {font-size: 40px;}
	.parts-buttons button {gap: 40px;}
	#parts-request .flex {top: 6%;}

}


@media only screen and (max-width: 1200px) {
	.header-end {display:none !important;}
	.button.flex {flex-direction: column;width: 100%;}
	.content-header {right: -16%;max-width: 510px;width: 100%;}
	.inventory-cat {width: 140%;}
	.dark-green {padding: 29px 20px;}
	.footer-logo {padding: 0px 6%;}
	.category-wrapper {    flex-direction: row;
    width: 90%;
    gap: unset;
    padding-top: 40px;
    justify-content: space-between;}
	.inventory-cat .gray-back {left: -89px;}
	.home-buttons-flex {gap: 20px;flex-direction: column;align-items: center;}
	a.home-buttons {max-width: 660px;}
}

@media only screen and (max-width: 1100px) {
	.wrapper.flex {flex-direction: column;}
	#parts-request .flex {top: 16%;gap: 37px;}
	.inventory-cat {width:100%;max-width: 1000px;padding: 40px 0;flex-direction: row;}
	.gray-back {background: #EBE8E0;position: absolute;width: 100%;height: 43%;left: -69px;top: 90px;z-index: -1;padding: 0 60px;}
	.content .content-header {margin-top: 40px;right: unset;max-width: 100%;width: 100%;text-align: center;}
	.content-wrapper {width: 90%;}
	.content-header {padding: 30px 0;}
	.inventory-buttons button {padding: 29px 0 29px 20px;}
	.cat-sections{max-width:100%;}
	.footer {padding: 50px 60px;}
	.footer {flex-direction: column-reverse;gap: 50px;padding: 17px;}
	.footer-logo {border-right:unset;justify-content: center;width: 100%;padding:unset;padding-top: 30px;border-top: 3px solid #fff;}
	.footer-logo img {max-width: 300px;justify-content: center;}
}

@media only screen and (max-width:1020px) {
	#myInput.mobile button#Submit {top: 169px;}
}

@media only screen and (max-width: 1000px) {
	
	.button.flex {flex-direction: column !important;}
	
	.gray-back {display:none;}
	.parts-title {border-right: unset;padding-right:unset;width: 100%;max-width: 440px;line-height: 1.2;}
	#myInput.mobile button#Submit {right: 51px;top: 169px;}

	#parts-request .flex {flex-direction: column !important;gap: 50px;}
	
	#parts-request h2 {    font-weight: 400;
    font-size: 40px;
    text-align: center;
    border-bottom: #fff solid 4px;
    padding-bottom: 20px;}
	
	
	#parts-request h2 {    
	font-weight: 400;}
	
	#parts-request {
	background: url("/siteart/fill-out-our-form.png");
	background-color:#000;
    background-repeat: no-repeat;
    background-size: unset;
    height: 324px;
    overflow: hidden;
    position: relative;
    background-position: -100px -10%;}
}
	
	
@media only screen and (max-width: 900px) {
	.home-hero h1 {font-size: clamp(3.125rem, 2.4353rem + 3.4483vw, 4.375rem);}
	.home-buttons button {max-width: 900px;width:100%;}
	#about .wrapper.flex {flex-direction: column;}
	.gray-back {display:none;}
	.content-header {right: unset;}
	.content-header {margin-top: 20px;}
	
	.content-wrapper {width: 90%;}
	.formfield {flex-direction: column;gap: unset;}
	.split-section.parts .flex {padding: 40px 0 70px;}
	.parts-buttons button {padding: 40px 0 40px 20px;font-size: 16px;}
	.contact .content-header {padding: 30px 0;width: 100%;}
	
	.inventory-cat {max-width: 100%;flex-direction:column;}
	#myInput.mobile button#Submit {right: 50px;top: 168px;}
	.home-buttons-flex {gap: 20px;flex-direction: column;align-items: center;}
	a.home-buttons {width: 100%;max-width: 90%;}
	.split-section .flex {padding: 50px 0 60px;}
	.contact-sections.flex {padding: 3px 0 19px;}
	form.wrapper.flex {padding: 29px 0;}
	.split-section.parts .flex {padding: 40px 0 18px;}
	.inventory-buttons button {padding: 37px 0 37px 20px;}
	.dark-green {padding: 37px 30px;}
}

@media only screen and (max-width: 767px) {
	.category-wrapper{    flex-direction: column;
    width: 90%;
    gap: 30px;
    padding-top: 40px;
    justify-content: space-between;}
}
	
@media only screen and (max-width: 767px) {
	.contact-sections.flex {flex-direction:column;}
	.contact .content-header {padding: 30px 0;right: 0;
    width: 100%;
    margin-top: 0px;
    text-align: center;
    postion: relative;}
	.split-section.parts .flex {gap: 20px;}
	.contact-header {padding: 40px 80px;background: #35603E;color: #fff;right: -90px;position: relative;margin-bottom: 30px;}
	
	
}

@media only screen and (max-width: 700px) {
	.parts-buttons.contact button {width:100%;max-width:unset !important;}
	a.parts-buttons {width: 100% !important;}
	.parts-title {max-width: 90%;}
	#parts-request h2 {font-size: 38px;}
	
	
}


@media only screen and (max-width: 600px) {
	.parts-content .content-header {padding: 40px 0;text-align: center;width: 100%;margin-top: 0px;right:0;}
	.contact-header {padding: 40px 80px;background: #35603E;color: #fff;right: -90px;position: relative;margin-bottom: 30px;}
	#myInput.mobile button#Submit {top: 156px;}
	#menu-button a {padding: 0 0 0 0.7em;margin-right:unset;}
	.logo {width: 40%;}
	#parts-request .flex {padding: 37px 0px;}
	.home-hero {height: 667px;}
	.home-hero .content {bottom: -25%;}
	.home-hero h1 {font-size:48px;}
	
	.home-buttons button {max-width: 900px;width: 100%;}
}



@media only screen and (max-width: 500px) {
	#myInput.mobile button#Submit {top: 149px;}
	#parts-request h2 {font-size: 32px;}
	.home-buttons button {padding: 15px 0;font-size: 16px;}
	.home-hero h1 {font-size: 40px;}
}

@media only screen and (max-width: 400px) {
	.parts-buttons button {padding: 40px 0px 40px 16px;gap: 11px;font-size: 16px;}
	#parts-request h2 {font-size: 28px;}
}






