:root{
    --borderGray:#D9D9D9;
}

.light-grey-bg {background-color: var(--light-gray);}


.text-center{text-align:center;}
section ul, section ol{margin:20px 0 20px 40px;padding-left:0;}
section ul li{list-style-type:disc;}
section ol li {list-style-type:decimal;}
section ol li + li, 
section ul li + li{margin-top:10px;}
u{text-decoration:underline;}

h1 sup, h2 sup { font-size: 60%; } 

.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}

.light-grey-bg .lg-shape:before { border-bottom-color: var(--light-gray); }

strong {font-family:var(--font-gothambold);font-weight:normal;}

/** Inner banner **/


.inner-banner .container{width:100%;}
.inner-banner .banner-content p{font-size:var(--f52);font-family:var(--font-gothamlight);letter-spacing:-0.8px;margin-bottom: 0;}
.inner-banner.border-bottom{border-bottom:45px solid var(--color-primary);}
.banner-sec.inner-banner .banner-content h1 {margin-bottom: 0;font-size: var(--f120);}

/* Overview Section CSS Start */
hr { height:4px;background-color:var(--color-primary);border:0;margin:35px 0; width: 100%;}
.overview-section.light-grey-bg{padding-bottom:calc(var(--s100));}
.overview-wrapper{display:grid;grid-template-columns: 600px 1fr;gap: 100px;align-items:flex-start;}
.overview-image img{width:100%;height:auto;display:block;}
.overview-content h2{color:var(--color-primary);font-family: var(--font-gotham_boldregular);}
.overview-top-sec{padding-bottom:50px;}
.overview-top-sec h2{font-size:var(--f47);color:var(--color-primary);font-family:var(--font-gotham_boldregular);}
.overview-top-sec p{font-size:var(--f30);}
.overview-top-sec p strong{font-family:var(--font-gothammedium);}
.image-right .overview-image{order:2;}
/* Overview Section CSS End */

/* Services Section CSS Start */
.services-section{margin-top: -40px;}
.services-heading{background-color:var(--color-primary);padding: 25px 15px;text-align:center;position:relative;margin-bottom:80px;}
.services-heading h2{font-size: var(--f30);color: var(--white);margin:0;}
.services-heading:after{content:"";position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);width:0;height:0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 24px solid var(--color-primary);}
.services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap: 40px;}
.service-card{position:relative;overflow:hidden;}
.service-card-image{width:100%;height:518px;object-fit:cover;display:block;}
.service-card-overlay{position:absolute;bottom:0;left:0;right:0;background: rgb(204 31 54 / 60%);padding: 30px 15px;text-align:center;}
.service-card-title{color: var(--white);margin-bottom: 10px;font-size: var(--f24);}
.service-card-subtitle{color: var(--white);margin-bottom: 0;font-size: var(--f20);}
.service-card-overlay .hover-iffect{display:none;-webkit-animation:productAnimation 1s;animation:productAnimation 1s;padding-top:10px;border-top:3px solid var(--white);max-width:325px;margin:15px auto 0;}
.service-card-overlay .hover-iffect a{font-size:var(--f20);color:var(--white);font-family:var(--font-gotham_boldregular);}
.service-card-overlay .hover-iffect a:hover{opacity:0.90;}
.service-card{position:relative;}
.service-card:before{content:"";position:absolute;top:100%;left:0;right:0;bottom:0;transition:all ease-in-out 0.5s;width:100%;height:100%;background-color:rgb(204 31 54 / 60%);}
.service-card .service-card-overlay{transition:all ease-in-out 0.4s;}
.service-card:hover:before{top:0;}
.service-card:hover .service-card-overlay{background-color:transparent;}
.service-card-overlay:before{content:"";position:absolute;width:100%;height:100%;background-color:rgb(204 31 54 / 60%);left:0;top:0;z-index:-1;mix-blend-mode:soft-light;transition:all ease-in-out 0.5s;}
.service-card:hover .service-card-overlay:before{background-color:transparent;}
.service-card:after {position:absolute;content:"";width:0;height:0;border-bottom:50px solid var(--white);border-left:50px solid transparent;right:0;bottom:0;transition:var(--transition-slow);}
.service-card:hover:after{border-bottom:30px solid var(--white);border-left:30px solid transparent;}

.icon-titlebox { display: flex; flex-direction: row; align-items: center; gap: 15px; margin-bottom: 20px; }
.icon-titlebox .icon-content { width: calc(100% - 70px); }
.icon-titlebox .icon-content h6 { margin: 0; font-size: var(--f28); font-family: var(--font-gothambold);  }
.icon-titlebox.primary-color .icon-content h6 {color: var(--color-primary);}

.icon-grid-main { display: grid; gap: 30px; align-items:start; grid-template-columns: repeat(4, 1fr); text-align: center; }
.icon-grid-main .icon-box { width: 190px; height: 190px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto 20px; background-color: var(--color-primary); clip-path: polygon( 25% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 25% ); }
.icon-grid-main p { font-size: var(--f25); font-family: var(--font-primary); max-width: 235px; margin: 0 auto; }
.icon-grid-main h3 { font-size: var(--f30); font-family: var(--font-gothambold); margin-bottom: 10px; }
.icon-grid-main.max-width-full p {max-width: 100%;}

@keyframes productAnimation{
from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}

/* Services Section CSS End */

.thermal-process-main{text-align:left;}
.thermal-process-main h3{font-size:var(--f24);}
.overview-full-content h3{font-size:var(--f30);font-family:var(--font-gothambold);}

/**careers page css**/
.careers-info-main{display:flex;flex-wrap:nowrap;gap:50px;padding-bottom:var(--s60);}
.careers-info-main .careers-right-box{width:35%;}
.careers-info-main .careers-content{width:calc(100% - 35%);}
.careers-info-main .careers-right-box h2, .positions-detail h2.h5{font-size:var(--f28);color:var(--color-primary);font-family:var(--font-gothambold);}
/**careers page END **/

/* Contact Page CSS Start */
.contact-info{margin-bottom:30px;}
.contact-info h2{font-size:var(--f28);color:var(--color-primary);font-family:var(--font-gothambold);margin-bottom:5px;}
.contact-info p{margin-bottom:4px;}

.contact-row{display:flex;flex-wrap:wrap;gap:20px;}
.contact-row .contact-col{width:calc(50% - 10px);}

.form-group{margin-bottom:30px;}
form label{display:block;margin-bottom:8px;font-size: var(--f24);font-family: var(--font-primary);display: none;}
.required{color:var(--primary-color);margin-left:2px;}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{width:100%;padding: 21px 19px;color: var(--dark-gray);border: 2px solid var(--borderGray);border-radius:0px;font-size: var(--f24);font-family: var(--font-primary);transition:border-color 0.3s ease,box-shadow 0.3s ease;background-color:var(--white);}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{outline:none;border-color:var(--black);}
input::placeholder,
textarea::placeholder{color:var(--dark-gray) !important; opacity: 1;}

.select-wrapper{position:relative;}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:90px;}
select {
    background-image: url(/cassette.axd/file/images/refresh-images/select-arrow-bfcb190eef9a8972daef0a2ff57cc889ee63a1c8.svg);
    background-size: 75px 75px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
textarea{min-height:300px;resize:vertical; resize: none;}
.submit-btn{background-color: var(--color-primary);color:var(--white);padding: 15px 40px;font-size: var(--f30);border:none;border-radius: 0;font-family: var(--font-gothambold);font-weight:600;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px;}
.submit-btn:after{content:"";background-image:url(/cassette.axd/file/images/refresh-images/white-arrow-0a82790b0c59d52869c7a97d400bee927027b1ec.svg);display:inline-block;vertical-align:middle;width:15px;height:27px;background-size:contain;background-repeat:no-repeat;margin:0 0 0 10px;}
.submit-btn:hover{background-color: var(--color-primary-dark);}

/* Contact Page CSS End */

.list-title h2 { font-size: var(--f30); font-family: var(--font-gothambold);margin-bottom: 0;color: var(--color-primary);}
.list-title { padding-bottom: var(--s40); }
.list-two-col h3 { text-align: center; }
.list-two-col  ul { display: flex; flex-wrap: wrap; margin: 0; column-gap: 20px; }
.list-two-col ul li { width: calc(50% - 40px); margin-left: 30px; margin-top: 0; margin-bottom: 10px; }
.list-title hr + h2, .list-title hr + h3 { padding-top: var(--s40); }

/* Responsive Styles */
@media (max-width:1550.98px){
.inner-banner .banner-content br {display: none;}
.inner-banner.border-bottom{border-width: 25px;}
.inner-banner .banner-content{max-width:840px;}
.overview-wrapper {grid-template-columns: 50% 1fr;gap: 70px;}
.services-cards{gap:30px;}
}

@media (max-width:1440.98px){
.service-card-image{height:440px;}
.icon-grid-main .icon-box { width: 140px; height: 140px; }
.icon-grid-main .icon-box img { max-width: 70px; width: 100%; }
.careers-info-main {gap: 30px;}
}

@media (max-width:1199.98px){
.inner-banner.border-bottom{border-width: 20px;}
.service-card-overlay .hover-iffect{display:block !important;border-top:2px solid var(--white);}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{padding:15px 15px;font-size:var(--f20);}
select{background-size:55px 55px;padding-right:70px;}
.submit-btn{padding:12px 30px;font-size:var(--f28);}
.submit-btn:after{width:11px;height:21px;margin:0 0 0 6px;}
textarea{min-height:250px;}
.list-title hr + h2, .list-title hr + h3 {
    padding-top: 20px;
}
}

@media (max-width:1024.98px){
.overview-wrapper{grid-template-columns:1fr;gap: 40px;}
.overview-image{max-width: 1000px;margin:0 auto;}
.services-cards{grid-template-columns: repeat(2,1fr);}
.icon-grid-main .icon-box { width: 100px; height: 100px; }
.icon-grid-main .icon-box img { max-width: 50px;}
.icon-grid-main.thermal-process-main{grid-template-columns:repeat(2,1fr);}
.image-right .overview-content{order:2;}
.image-right .overview-image{order:1;}
}

@media (max-width:767.98px){
h1, h2, h3,h4,h5,h6{margin-bottom:15px;}
p {margin-bottom:20px;}
p:last-child{margin-bottom:0;}
section ul, section ol{margin:10px 0 10px 35px;}
.inner-banner .banner-content p {margin-bottom: 5px;word-wrap: break-word;}
.banner-sec.inner-banner .banner-content h1{word-wrap:break-word;}
.inner-banner.border-bottom{border-width:15px;}
.overview-section{padding-bottom:var(--s100);}
.overview-wrapper {gap: 20px;}
.overview-top-sec { padding-bottom: 30px; }
.services-section{margin-top:0;}
.service-card-image{height:400px;}
.services-cards{grid-template-columns: 1fr;max-width: 450px;margin: 0 auto;}
.services-heading {margin-bottom: 50px;}
.service-card-overlay {padding: 20px 10px;}
section ol li + li,section ul li + li{margin-top:8px;}
.icon-grid-main { grid-template-columns: repeat(2, 1fr); }
.icon-grid-main .icon-box { width: 80px; height: 80px; }
.icon-grid-main .icon-box img { max-width: 40px;}
.icon-titlebox .icon-content { width: 100%; }
.icon-titlebox { flex-direction: column; gap: 10px; margin-bottom: 15px; }
hr { margin: 25px 0; height: 3px; }
.icon-grid-main.thermal-process-main{grid-template-columns:repeat(1,1fr);gap:15px;}
.careers-info-main{gap:20px;}
.careers-info-main{flex-wrap:wrap;}
.careers-info-main .careers-content,.careers-info-main .careers-right-box{width:100%;}
.service-card:after {border-bottom:30px solid var(--white);border-left:30px solid transparent;}
.service-card:hover:after {border-bottom:15px solid var(--white);border-left:15px solid transparent;}

.contact-row{flex-direction:column;gap:15px;}
.contact-row .contact-col{width:100%;}
.contact-info{margin-bottom:20px;}
.form-group{margin-bottom:20px;}
select{background-size:47px 47px;padding-right:60px;}
input[type="text"],input[type="email"],input[type="tel"],select,textarea{padding:13px 12px;}
textarea {min-height:200px;}
.submit-btn:after{width:11px;height:16px;margin:0 0 0 0;}
.submit-btn{padding:12px 20px;}

}

@media (max-width:575.98px){
.list-two-col ul { flex-direction: column; }
.list-two-col ul li { width: auto;}
.list-two-col h3 { text-align: left; }
}

@media (max-width:479.98px){
.service-card-image{height:350px;}
.icon-grid-main { grid-template-columns: repeat(1, 1fr); }
}