@charset "utf-8";

/* CSS Document */





@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*---------- Google Fonts ----------*/

/* font-family: "Inter", sans-serif; */



body {

	font-family: "Poppins", sans-serif;

	background-color: #fff;

	color: #000000;

	font-size: 18px;

	line-height: 22px;

}



figure {

	margin: 0;

}



a,

input,

button,

textarea {

	outline: none !important;

}



a {

	text-decoration: none;

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.container-fluid,

.container {

	padding-left: 15px;

	padding-right: 15px;

}



.row {

	margin-left: -15px;

	margin-right: -15px;

}



.row>* {

	padding-left: 15px;

	padding-right: 15px;

}



p {

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

}

p a {

	text-decoration: none;

	color: inherit;

}



p a:hover {

	text-decoration: none;

	color: #ed1c24;

}



ul li,

ol li {

	font-size: inherit;

	line-height: inherit;

	color: #3A3A3A;

}



ul li a,

ol li a {

	text-decoration: none;

	color: inherit;

}



ul li a:hover,

ol li a:hover {

	text-decoration: none;

	color: #ed1c24;

}



h1 {

	font-family: "Poppins", sans-serif;

	font-size: 75px;

	line-height: 112px;

	font-weight: 600;

}



h2 {

	font-family: "Poppins", sans-serif;

	font-size: 68px;

	line-height: 88px;

	font-weight: 500;

}



h3 {

	font-family: "Poppins", sans-serif;

	font-size: 56px;

	line-height: 84px;

	font-weight: 400;

}



h4 {

	font-family: "Poppins", sans-serif;

	font-size: 48px;

	line-height: 72px;

	font-weight: 500;

}



h5 {

	font-family: "Poppins", sans-serif;

	font-size: 32px;

	line-height: 48px;

	font-weight: 400;

}



h6 {

	font-family: "Poppins", sans-serif;

	font-size: 25px;

	line-height: 40px;

	font-weight: 400;

}



p {

	font-family: "Poppins", sans-serif;

	font-size: 18px;

	line-height: 26px;

	font-weight: 400;

}



.alignleft {

    float: left;

    margin: 20px 20px 20px 0;

}



.alignright {

    float: right;

    margin: 20px 0 20px 20px;

}





.aligncenter {

    float: none;

    display: block;

    margin: 20px auto;

}



blockquote {

    padding-left: 30px;

    border-left: 5px solid #ed1c24;

    margin-bottom: 20px;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.form-control:focus {

	box-shadow: none;

	border-color: transparent;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



textarea

{

   resize: none;

}



.main-title {

	font-size: 65px;

	line-height: 80px;

	font-weight: 600;

	color: #fff;

}



.main-title * {

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	margin: 0;

}



.section-title {

	font-size: 45px;

	line-height: 60px;

	font-weight: 600;

	color: #000000;

}



.section-title * {

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	margin: 0;

}



.block-title {

	font-size: 30px;

	line-height: 40px;

	font-weight: 600;

	color: #000000;

}



.block-title * {

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	margin: 0;

}



.detail {

	font-size: 20px;

	line-height: 32px;

	font-weight: 400;

}



.font-24 {

	font-size: 24px !important;

	font-weight: 600 !important;

}



.detail * {

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	margin: 0;

}



figure {

	margin: 0;

}



/* buttons */



.btn {

	font-size: 20px;

	line-height: 25px;

	font-weight: 500;

	padding: 15px 24px;

	border-radius: 7px;

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	-ms-border-radius: 7px;

	-o-border-radius: 7px;

	border: 2px solid transparent;

	text-transform: uppercase;

}



.btn-red {

	background-color: #ed1c24;

	color: #fff;

}



.btn-red:hover {

	background-color: transparent;

	color: #ed1c24;

	border-color: #ed1c24;

}



/* buttons */





/*==================================================================*/

/*========== Header Start ==========*/

/*==================================================================*/



.header {

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

}



.navbar {

	padding: 23px 0;

}



.navbar-brand {

	margin: 0;

	padding: 0;

}



.navbar-nav .nav-item .nav-link {

	padding: 0;

	font-size: 20px;

	line-height: 25px;

	color: #000000;

}



.navbar-nav .nav-item .nav-link:hover {

	color: #ed1c24;

}



.navbar-nav .nav-item.current-menu-item .nav-link,

.navbar-nav .nav-item .nav-link.active {

	font-weight: 700;

}



.navbar-nav .nav-item:not(:last-child) {

	margin-right: 42px;

}



/*==================================================================*/

/*========== Header End ==========*/

/*==================================================================*/







/*==================================================================*/

/*========== New Class Add Start ==========*/

/*==================================================================*/



.banner-wrp {

	position: relative;

}



.banner-text .detail {

	color: #fff;

	font-size: 24px;

	line-height: 40px;

	font-weight: 400;

	max-width: 730px;

	width: 100%;

}



.banner-text .main-title {

	padding: 30px 0;

}



.banner-text .btn {

	margin: 30px 0 0 0;

}



.banner-content {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}



.banner-text {

	max-width: 780px;

	width: 100%;

}



.banner-img-slider img {

	width: 100%;

	height: 950px;

	object-fit: cover;

}





/* welcome */



.mt-35 {

	margin-top: 35px;

}



.welcome-wrp {

	padding: 120px 0 165px;

}



.welcome-img {

	position: relative;

}



.welcome-img .years-50 {

    position: absolute;

    bottom: -78px;

    right: -6px;

}



.welcome-img > img {

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

}



.welcome-content {

	max-width: 755px;

	width: 100%;

	margin: 0 0 0 auto; 

}



.welcome-content .detail {

	padding: 20px 0 0 0;

}



.welcome-content .detail p:last-child {

	margin: 0;

}



.welcome-content .detail p {

	margin: 0 0 15px 0;

}



.welcome-wrp .row {

	align-items: center;

}



/* welcome */



/* material-selection */



.material-selection-wrp {

	padding: 33px 0;

}



/* material-selection */



/* skilled-personnal-main */



.skilled-personnal-wrp {

	padding: 124px 0 120px;

}



.welcome-content ul {

	padding: 0;

	margin: 0 0 15px;

	list-style-type: none;

}



.welcome-content ul li {

	font-weight: 600;

	position: relative;

	padding: 0 0 0 20px;

	font-size: 20px;

	line-height: 22px;

}



.welcome-content ul li:not(:last-child) {

	margin: 0 0 10px;

}



.welcome-content ul li::before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	border: 3px solid #ed1c24;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



.welcome-content ul.list-two {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	flex-wrap: wrap;

}



.welcome-content ul.list-two li {

	flex: 0 0 33.33%;

}



.skilled-personnal-bottom {

	padding: 65px 0 0 0;

	max-width: 1530px;

	width: 100%;

	margin: 0 auto;

}



.tech-support-title {

	padding: 0 0 40px;

}



.tech-support-wrp {

	padding: 90px 0 100px;

}



.tech-support-bottom .welcome-content .detail {

	padding: 13px 0 0 0;

}



.tech-support-title .section-title {

	padding: 0 0 25px 0;

}



/* skilled-personnal-main */



/* bar */



.bar-wrp {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 20px 0;

}



.bar-main {

	background-color: #f3f3f3;

}



.breadcrumb {

	margin: 0;

}



.breadcrumb .breadcrumb-item {

	font-size: 20px;

	line-height: 22px;

	color: #000000;

}



.breadcrumb .breadcrumb-item a:hover {

	color: #ed1c24;

}



.breadcrumb .breadcrumb-item.active {

	font-weight: 600;

}



.bar-wrp .block-title {

	font-weight: 600;

	text-transform: uppercase;

}



.gaskets-capabilities-img img {

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

}



.compressed-non-right ul li:last-child {

	margin-right: 0;

}



.gaskets-capabilities-img {

	max-width: 750px;

	width: 100%;

}



.gaskets-capabilities-title {

	max-width: 1480px;

	width: 100%;

	margin: 0 auto 66px;

}



.gaskets-capabilities-bottom .gaskets-capabilities-contant {

	max-width: 740px;

	width: 100%;

	margin: 0 0 0 auto;

}



.gaskets-capabilities-bottom .gaskets-capabilities-contant .section-title {

	padding: 0 0 25px 0;

}



.gaskets-capabilities-bottom .row:nth-child(even) {

	flex-direction: row-reverse;

}



.gaskets-capabilities-bottom .row:nth-child(even) .gaskets-capabilities-img {

	margin: 0 0 0 auto;

}



.gaskets-capabilities-bottom .row:nth-child(even) .gaskets-capabilities-contant {

	margin: 0;

}



.gaskets-capabilities-bottom .row {

	margin-bottom: 90px;

}



.gaskets-capabilities-bottom .row:last-child {

	margin-bottom: 0;

}



.gaskets-capabilities-wrp {

	padding: 112px 0 120px;

}



.gaskets-capabilities-title .section-title {

	margin: 0 0 30px;

}



.gaskets-capabilities-last {

	padding: 90px 0 0 0;

}



/* bar */



/* material-selection */



.material-main {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	padding: 115px 0 125px;

}



.compressed-non {

	flex: 0 0 1200px;

	width: 100%;

	max-width: 100%;

}



.compressed-non-title .detail {

	padding: 35px 0 0 0;

}



.compressed-non-img img{

	width: 100%;

	height: 100%;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

}



.compressed-non-img {
	flex: 0 0 305px;
	background-color: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}



.compressed-non-block {
	width: 100%;

	padding: 35px 60px 35px 40px;

	background-color: #f3f3f3;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

}



.compressed-non-content {

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

	padding: 17px 0 0 ;

}



.compressed-non-section {

	padding: 50px 0 0 0;

}



.compressed-non-section .compressed-non-block:not(:last-child) {

	margin: 0 0 40px 0;

}



.compressed-non-right {

	padding: 0 0 0 53px;

}



.compressed-non-right .detail p {

	padding: 0 0 10px;

}



.compressed-non-right .detail p:last-child {

	padding: 0;

}



.compressed-non-right span {

	font-size: 20px;

	line-height: 25px;

	font-weight: 400;

	padding: 15px 0 10px 0;

	display: block;

}



.compressed-non-right ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.compressed-non-right ul li {

	font-size: 20px;

	line-height: 30px;

	font-weight: 600;

	color: #000;

	position: relative;

	padding: 0 0 0 20px;

}



.compressed-non-right ul li::before {

	content: "";

	position: absolute;

	top: 12px;

	left: 0;

	width: 5px;

	height: 5px;

	background-color: #ed1c24;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

}



.load-more {

	text-align: center;

	margin: 20px 0 0 0;

}



.load-more .btn {

	font-size: 18px;

	line-height: 18px;

}



.gaskets-capabilities-title .detail p {

	margin: 0 0 15px 0;

}



.gaskets-capabilities-title .detail p:last-child {

	margin: 0;

}



.gaskets-capabilities-bottom .gaskets-capabilities-contant.compressed-non-right {

	padding: 0;

}



/* material-selection */



/* filter */

.filter {
	position: sticky;

	top: 20px;

	z-index: 99;

	max-width: 100%;

	background-color: #f3f3f3;

	padding: 30px 40px;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	flex: 0 0 341px;

	width: 100%;
}


.filter-form {

	padding: 20px 0 0 0;

}



.filter-form label {

	font-size: 18px;

	line-height: 20px;

	font-weight: 400;

}



.form-select:focus {

	box-shadow: none;

}



.filter-form .form-select {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ed1c24" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
	background-size: 18px 18px;
	background-color: transparent;

	border: none;

	padding: 5px 0 0 0;

	font-size: 20px;

	line-height: 36px;

	font-weight: 600;

	border-bottom: 1px solid #000;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

}



.filter-form .form-select option {

	font-size: 15px;

}



.filter-form form .form-group {

	padding: 0 0 33px;

}



.filter-form .form-check:last-child {

	padding: 0;

}



.filter-form  .form-check {

	display: block;

	padding: 0 0 15px;

}

  

.form-check input {

	padding: 0;

	height: initial;

	width: initial;

	margin-bottom: 0;

	display: none;

	cursor: pointer;

}

  

.form-check label {

	position: relative;

	cursor: pointer;

}

  

.form-check label:before {

	content:'';

	-webkit-appearance: none;

	background-color: transparent;

	background-color: #fff;

	border: 2px solid #e1e1e1;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

	padding: 8px;

	display: inline-block;

	position: relative;

	vertical-align: middle;

	cursor: pointer;

	margin-right: 10px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

}

  

.form-check input:checked + label:after {

	content: '';

	display: block;

	position: absolute;

	top: 5px;

    left: 8px;

    width: 5px;

    height: 10px;

	border: solid #000;

	border-width: 0 2px 2px 0;

	transform: rotate(45deg);

}



.filter-btns {

	text-align: center;

}



.filter-btns .btn {

	width: 100%;

	font-size: 18px;

	line-height: 18px;

}



.filter-btns .red-blank {

	margin: 18px 0 0 0;

	padding: 0;

	color: #ed1c24;

	width: auto;

	border: none;

}



.red-blank:hover {

	color: #000;

}



/* filter */



/* products */



.products-main {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

	align-items: flex-start;

	column-gap: 37px

}



.products-main .products-block {

	flex: 0 0 300px;

	margin: 0 0 50px;

	max-width: 300px	;
}



.products-main .products-block .block-title {

	padding: 20px 0 0 ;

}



.products-block:hover .block-title {

	color: #ed1c24;

}



.products-block .products-img  {

	background-color: #f3f3f3;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	max-width: 300px;

	margin: 0 auto;

	width: 100%;

	height: 240px;

	overflow: hidden;

	display: flex;

	justify-content: center;

	align-items: center;

}



.products-img img {

	object-fit: cover;

	/* width: auto; */

	/* height: auto; */

	object-position: center;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}



.products-block:hover .products-img img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}



/* products */



.notfound-main {

	padding: 80px 0;

}



.typography-wrp {

	padding: 20px 0;

}



.inner-search-banner {

	padding: 50px 0 0;

}



/*==================================================================*/

/*========== New Class Add End ==========*/

/*==================================================================*/





/*==================================================================*/

/*========== Footer Start ==========*/

/*==================================================================*/



.footer {

	background-color: #000000;

	color: #fff;

}



.footer-top .footer-title {

	font-size: 24px;

	line-height: 30px;

	font-weight: 600;

	margin: 0 0 20px;

}



.footer-tag *,

.footer-title * {

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	margin: 0;

}



.footer-top ul li {

	color: #fff;

	font-size: 18px;

	line-height: 22px;

	font-weight: 400;

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

}



.footer-top ul li:not(:last-child) {

	margin-bottom: 15px;

}



.footer-top ul li a:hover {

	color: #ed1c24;

}



.footer-main {

	padding: 65px 0 44px;

}



.contact-one {

    padding: 0 0 0 104px;

    max-width: 410px;

	width: 100%;

}



.contact-two {

	margin: 0 0 0 -20px;

}



.footer-top ul{

	padding: 0;

	margin: 0;

	list-style-type: none;

}



.footer-top ul li svg {

    color: #ed1c24;

    margin: 0 10px 0 0;

    position: relative;

    top: 2px;

}



.footer-tag {

	font-size: 20px;

	line-height: 22px;

	font-weight: 600;

	padding: 0 0 15px 0;

}



.footer-bottom {

	padding: 36px 0 39px;

	border-top: 1px solid #262626;

}



.footer-bottom-main {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.footer-bottom .detail {

	font-size: 18px;

	line-height: 22px;

	font-weight: 400;

}



.footer-bottom .detail a:hover {

	color: #ed1c24;

}


#backToTop {
	display: none; /* Hidden by default */
	position: fixed; 
	bottom: 20px; 
	right: 20px; 
	z-index: 1000; 
	background-color: #0073e6; /* Customize the color */
	color: white;
	border: none;
	padding: 10px 15px;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  
  #backToTop:hover {
	background-color: #005bb5; /* Hover color */
  }


/*==================================================================*/

/*========== Footer End ==========*/

/*==================================================================*/





/* Contact Page */



.contact-info {

	max-width: 655px;

	width: 100%;

}



.contact-info .section-title {

	padding: 0 0 20px;

}



.contact-area-list {

	padding: 25px 0 0 0;

}



.contact-area-common ul {

	padding: 10px 0 0;

	margin: 0;

	list-style-type: none;

}



.contact-area-common ul li {

	font-size: 20px;

	line-height: 40px;

	font-weight: 600;

}



.contact-area-common ul li svg {

    color: #ed1c24;

    margin: 0 10px 0 0;

    position: relative;

    top: 0;

}



.contact-area-list .contact-area-common:not(:last-child) {

	padding: 0 0 30px;

}



.contact-form {

	max-width: 800px;

	width: 100%;

	margin: 0 auto 0 0;

	background-color: #f3f3f3;

	padding: 45px 100px 45px;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

}



.form-full {

	padding: 40px 0 0;

}



.form-full .form-control:focus {

	box-shadow: none;

}



.form-full .form-control {

	font-size: 20px;

	line-height: 22px;

	color: #000;

	font-weight: 400;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

	border: 1px solid #ebebeb;

	padding: 18px 18px;

}



.form-full .form-group {

	margin: 0 0 30px;

}



.form-full .form-control::placeholder {

	font-weight: 300;

	color: #666666;

}



.form-full textarea {

	height: 140px;

	padding: 10px 22px;

	font-size: 18px;

	line-height: 18px;

}

 

.wpcf7-form.invalid .wpcf7-response-output {

	border: none;

	color: #ed1c24;

	margin: 15px 0 0 0 ;

	padding: 0;

	font-size: 18px;

}

 

.wpcf7-form.sent .wpcf7-response-output {

	border: none;

	color: #155724;

	margin: 15px 0 0 0 ;

	padding: 0;

	font-size: 18px;

}

 

.wpcf7-form.failed .wpcf7-response-output {

	border: none;

	color: #ed1c24;

	margin: 15px 0 0 0 ;

	padding: 0;

	font-size: 18px;

}



.wpcf7-not-valid-tip {

	font-size: 15px;

}



.contact-wrp {

	padding: 124px 0;

}



/* Contact Page */







/* our-materials-block page */



.our-materials-block {

	height: 100%;

}



.our-materials-block.compressed-non-block {

	padding: 30px;

}



.our-materials-block .compressed-non-right {

	padding: 0 0 0 30px;

}



.our-materials-block .compressed-non-img {

	flex: 0 0 240px;

	background-color: #fff;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

}



.our-materials-block .compressed-non-right ul {

	padding: 10px 0 0 0;

}



.our-materials-section .our-materials-inner:not(:last-child) {

	padding: 0 0 50px;

}



.our-materials-block .compressed-non-right ul li {

	padding: 0;

}



.our-materials-block .compressed-non-right ul li:not(:last-child) {

	margin: 0 0 5px;

}



.our-materials-block .compressed-non-right span {

	padding-bottom: 0;

}



.our-materials-block .compressed-non-right ul li::before {

	display: none;

}



.our-materials-inner .row >* {

	margin: 0 0 40px 0;

	padding: 0 25px;

}



.our-materials-inner .row {

	margin: 0 -25px;

}



.our-materials-inner .section-title {

	font-size: 36px;

	line-height: 40px;

	padding: 0 0 35px;

}



.our-materials-list ul {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	margin: 0;

	padding: 50px 0 0 0;

	list-style-type: none;

	gap: 18px;

}



.our-materials-list ul li a {

	display: block;

	font-size: 20px;

	line-height: 22px;

	font-weight: 600;

	color: #000;

	padding: 19px 35px;

	border: 2px solid #ed1c24;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

}



.our-materials-list ul li a:hover {

	background-color: #ed1c24;

	color: #fff;

}



.our-materials-section {

	padding: 70px 0 100px 0;

}



.our-materials-img {

	background-color: #f3f3f3;

	padding: 21px;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	-ms-border-radius: 15px;

	-o-border-radius: 15px;

}



.our-materials-img * {

	width: 100%;

	height: 100%;

}



.our-materials-content .block-title {

	font-size: 36px;

	line-height: 40px;

	padding: 0 0 30px;

}



.our-materials-content ul li {

	font-size: 20px;

	line-height: 25px;

	color: #000;

	font-weight: 600;

	position: relative;

	padding: 0 0 0 25px;

}



.our-materials-content ul li:not(:last-child) {

	margin: 0 0 15px 0;

}



.our-materials-content ul {

	counter-reset: section;

}



.our-materials-content ul li::before {

	counter-increment: section;

  	content: counter(section) ". ";

	position: absolute;

	top: 0;

	left: 0;

	

}



.our-materials-content ul {

	padding: 15px 0;

	margin: 0;

	list-style-type: none;

}



.our-materials-full-block .our-materials-inner:nth-child(even) .row {

	flex-direction: row-reverse;

}



.our-materials-titles {

	padding: 90px 0 0 0;

}



/* our-materials-block page */



.description-404 {

	padding: 100px 0;

}



/* typography */

.typography-section {

	padding-top: 110px;

	padding-bottom: 110px;

}



.typography-section .typography-block {

	margin-bottom: 50px;

}



.typography-section .typography-block .typography-detail {

	padding-left: 35px;

}

.typography-detail * {
	word-break: break-all;
}



.typography-section .typography-block .typography-detail ol,

.typography-section .typography-block .typography-detail ul {

	padding-left: 20px;

}



.typography-section .typography-block .typography-detail ol li a,

.typography-section .typography-block .typography-detail ul li a {

	color: inherit;

}



.typography-section .typography-block .typography-detail ol li a:hover,

.typography-section .typography-block .typography-detail ul li a:hover {

	color: #ed1c24;

}



.typography-section .typography-block p {

	margin-bottom: 25px;

}

/* typography */

.loader-ajax {
    text-align: center;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    opacity: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    z-index: 999999;
    display: block;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
}

.loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.content {
	overflow-x: clip;
}

/* .banner-main,
.banner-main,
.banner-main,
.banner-main,
.banner-main {
	overflow: hidden;
} */

.filter-form .btn-check:checked+.btn,.filter-form  .btn.active,.filter-form  .btn.show,.filter-form  .btn:first-child:active,.filter-form :not(.btn-check)+.btn:active {
	border: none !important;
}

.material-description {
	padding: 10px 0 30px;
}

.material-description ol li {
	font-weight: 600;
	margin: 0 0 5px;
}

.material-description ol li:last-child {
	margin: 0;
}

.filter-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
	/* font-size: 20px !important; */
    /* line-height: 36px !important; */
	font-size: 16px !important;
	color: #212529 !important;
    padding: 1px 6px !important;
	margin-bottom: 5px;
}

.filter-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 !important;
}

.coming-soon-main .our-materials-titles {
	padding: 90px 0;
}

.filter-form .select2-container--default .select2-selection--multiple {
	border: none;
	border-bottom: 1px solid #000 !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	position: relative;
	padding: 0 33px 0 0;
}

.filter-form .select2-container--default .select2-selection--multiple::before {
	content: "";
	position: absolute;
	top: 7px;
	right: 10px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%23ed1c24" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 18px;
    height: 18px;
}

.filter-form .select2-container {
	width: 100% !important;
}

.filter-form .select2-results__options .select2-results__option {
	font-size: 16px !important;
	line-height: 18px !important;
}

.filter-form .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #000 !important;
}




.header-logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.header-logo .year-logo {
    max-width: 100px;
    width: 100%;
    margin-left: 20px;
}

.go-top {
    position: fixed;
    cursor: pointer;
    bottom: 100px;
    right: 0;
    color: #ffffff;
    background-color: #ed1c24;
    z-index: 1;
    display: none;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 10px 0 0 10px;
    line-height: 46px;
    transition: 0.5s;
}