/*!
Theme Name: prakaschemical
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: prakaschemical
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

prakaschemical is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*
@media(max-width: 1493px) and (min-width: 1367px){}
@media(max-width: 1366px){}
@media(max-width: 1199px){}
@media(max-width: 991px){}
@media(max-width: 767px){}
@media(max-width: 480px){}
*/
:root {
    --white:#ffffff;
    --e-global-color-primary: #13283C;
    --e-global-color-secondary: #F7941D;
    --text:#5D6371;
    --grey:#EDF1F4;
    --grey2:#F3F5FA;
}
*{margin: 0; padding: 0; box-sizing: border-box !important; outline: none !important;}
hr {opacity: 0.3;}
a{
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.light-links a {color: var(--white) !important;}
.light-links a:hover{color: var(--e-global-color-secondary) !important;}
.elementor-button {
  line-height: 18px !important;
  box-shadow: inset 0 0 0 0 var(--e-global-color-primary) !important;
  -webkit-transition:all ease-out 0.8s !important;
  -moz-transition: all ease-out 0.8s !important;
  transition: all ease-out 0.8s !important;
  position: relative;
}
.elementor-button:hover{
  box-shadow: inset 0 -100px 0 0 var(--e-global-color-primary) !important;
}
.heading-uc,.heading-uc *{text-transform: uppercase;}
/* Splash Screen */
.splash-screen {
  display: none; /* default state = hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: white;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.splash-screen.show {
  display: flex;
}

.splash-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}

.splash-screen.hide {
  display: none !important;
}

body.splash-visible {
  overflow: hidden;
}

/* Header CSS */
.main-header{
  position: relative;
  overflow: visible;
  z-index: 99;
  box-shadow: 0px 4px 4px -1px  rgba(12, 12, 13, 0.05);
}
.main-header ul.elementskit-navbar-nav {gap: 22px;}
.main-header ul.elementskit-dropdown {
    min-width: 150px !important;
    max-width:unset;
    padding: 0px !important;
    background-color: var(--white) !important;
    border: none !important;
    transform: translateY(0) !important;
    box-shadow:none !important;
    z-index: 99;
    box-shadow: 0px 4px 4px -1px  rgba(12, 12, 13, 0.05);
}
.main-header ul.elementskit-dropdown .elementskit-dropdown{height:auto;}
.main-header ul.elementskit-dropdown li a{padding: 10px 20px !important;background-color: transparent !important;}
.main-header ul.elementskit-dropdown li {margin-bottom:0px;}
.main-header ul.elementskit-dropdown li a {white-space: nowrap;}
/* .main-header ul.elementskit-dropdown.elementskit-submenu-panel li {position: unset !important;} */
.main-header button.elementskit-menu-hamburger {
    padding: 0px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: 1px solid rgba(94, 119, 143, 1) !important;
}
.main-header button.elementskit-menu-hamburger i{font-size:20px;}
/* Footer CSS */
.footer-menu-wrap ul.footer-menu {list-style-type: none;padding: 0px !important;margin: 0px !important;}
.footer-menu-wrap ul.footer-menu li:not(:last-child) {margin-bottom: 18px;}
.footer-contactinfo .elementor-widget-icon-box{position: relative;}
.footer-contactinfo .elementor-widget-icon-box:last-child::before{display: none !important;}
.footer-menu-wrap .elementor-heading-title {text-wrap: nowrap;}
/* Inner Page */
.inner-breadcums nav.breadcrumb{display: flex;flex-wrap: wrap;color: var(--white);gap: 5px;font-size: 14px;line-height: 20px;}
.inner-breadcums nav.breadcrumb a {font-weight: 500 !important;color: var(--white);}
.inner-breadcums nav.breadcrumb span {font-weight: 600;color:var(--e-global-color-secondary);}
.inner-breadcums nav.breadcrumb a:hover {color: var(--e-global-color-secondary);}

/* contact page css */

/* Form Wrapper */
.contact-page-form .contact-form-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.contact-page-form .contact-form-wrapper br{
  display:none;
}
.contact-page-form .contact-form-wrapper .full-width {
  grid-column: span 2;
}

/* Input Fields */
.contact-page-form .contact-form-wrapper .form-field {
  position: relative;
}

.contact-page-form .contact-form-wrapper input,
.contact-page-form .contact-form-wrapper textarea {
  width: 100%;
  padding: 15px 40px 15px 20px;
  border: 1px solid #E2E2E266;
   font-family: 'Inter';
   font-weight: 400;
  font-size: 14px;
  outline: none;
  color:#5D6371;
  background-color:#E2E2E266;
  transition: border 0.3s;

}

.contact-page-form .contact-form-wrapper input:focus,
.contact-page-form .contact-form-wrapper textarea:focus {
  border-color: #f7931e;
}

/* Icons inside inputs */
.contact-page-form .contact-form-wrapper .icon {
  position: absolute;
  right: 15px;
  top: 14px;
/*top: 50%;
  transform: translateY(-50%);*/
  font-size: 16px;
  color: #888;
  pointer-events: none;
  z-index: 99;
}
.contact-page-form .contact-form-wrapper .icon .fa::before{
  color:#5D6371;
}
/* Message Field */
.contact-page-form .contact-form-wrapper textarea {
  min-height: 100px;
  resize: vertical;
}

/* Terms Checkbox */
.contact-page-form .contact-form-wrapper .terms {
  grid-column: span 2;
  font-size: 13px;
  margin: 10px 0px;
}

/* Submit Button */
.contact-page-form .contact-form-wrapper .send-btn {
  background: #f7931e;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.3s;
  width: 230px;
}
input.wpcf7-form-control.wpcf7-submit {margin-top: 20px;}
.contact-page-form .contact-form-wrapper .send-btn:hover {
  background: #d97c0f;
}
.contact-page-form .form-field.terms span.wpcf7-list-item.first.last {
    display: block;
    margin-left: 0px;
}

.contact-page-form .form-field.terms input[type="checkbox"] {
    width: 26px !important;
    height: 26px;
    border: 1.5px solid #5D6371 !important;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px !important;
    vertical-align: middle;
    color: #0D0D0D !important;
}

.contact-page-form .form-field.terms label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-page-form .form-field.with-countrycode {
    display: flex;
}
.contact-page-form .form-field.with-countrycode .select-box{
   width: 72%;
   margin-right: 8px;
}
.contact-page-form .contact-form-wrapper .select-box p {
    height: 100%;
}
.contact-page-form .contact-form-wrapper select{
    width: 100%;
    padding: 10px 8px 12px 11px;
    border: 1px solid #E2E2E266;
    font-size: 14px;
    height: 49px;
    outline: none;
    color: #5D6371;
    background-color: #E2E2E266;
    transition: border 0.3s;
}
.product-request.contact-page-form .contact-form-wrapper select{
        padding: 15px 40px 15px 20px;
}
.product-request.contact-page-form .form-field.with-countrycode .select-box{
    width: 75%;
}
.contact-page-form .form-field.with-countrycode > p{
     width:0px !important;
}



/* contact page css  */

/* home page css */
/* Parent container (section background) */
.inner-page-banner video {
  loop: true;
}
.inner-page-banner .eael-fancy-text-container{
    min-height: 64px !important;
}
#particles-js {
  position: relative;
  width: 100%;
  overflow: hidden; /* stops canvas from overflowing */
}

/* Canvas should stay inside */
#particles-js .particles-js-canvas-el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important; /* fill the parent */
}


#home-page-form.contact-page-form .contact-form-wrapper {
    display: flex;
    flex-direction: column;
}
#home-page-form.contact-page-form .contact-form-wrapper textarea{
    height:80px;
}
#home-page-form.contact-page-form .form-field.with-countrycode .select-box {
    width: 50%;
}

.eventslider {
    display: flex;
    gap: 23px;
}


.eventslider .title .event-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    padding-top: 21px;
    padding-bottom: 10px;
}

.eventslider .event-slide {
    background-color: #FFFFFF;
    flex: 0 0 calc((100% - (23px * 3)) / 4);
}

.eventslider .content-box {
    padding: 20px;
    padding-top: 0px;
	border-bottom: 3px solid #5D637180;
}

.eventslider .event-img img {
    display: flex;
    width: 100%;
    height: 233px;
/*    object-fit: cover;*/
}

.eventslider .location-date {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom: 76px;
	gap: 20px;
}
.eventslider .location-date span{
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.93px;
    letter-spacing: 0.13px;
}

.eventslider .know-btn a {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 13.37px;
	color: #5D6371;
}

.eventslider .location {
    display: flex;
    align-items: center;
    gap: 5PX;
    position: relative;
}

.eventslider .date {
    display: flex;
    gap: 5px;
    align-items: center;
}

.eventslider .location::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 0.83px;
    background-color: #5d637180;
    right: -14px;
}
.eventslider .know-btn a{
	position:relative;
}
/* .eventslider .know-btn a::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #5D6371; 
} */
 .eventslider .know-btn a {
  position: relative;
  display: inline-block;
  color: #5D6371; /* default gray */
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.eventslider .know-btn a::after {
  content: '→'; /* actual arrow */
  position: relative;
  display: inline-block;
  margin-left: 6px;
  font-size: 16px;
  transition: all 0.3s ease;
  color: inherit;
}

.eventslider .know-btn a:hover {
  color: #F7931E; /* orange on hover */
}

.eventslider .know-btn a:hover::after {
  transform: translateX(4px); /* smooth arrow slide */
}




.eventslider .event-slide:hover .content-box .know-btn a{
   color:#F7941D;
}
.eventslider .event-slide:hover .content-box .know-btn a::before{
   border-left: 12px solid #F7941D;
}
.eventslider .event-slide:hover .content-box{
    border-bottom-color:#F7941D;
}

.application-sec .application-img img {
    width: 100%;
    height: 396px;
    object-fit: cover;
    display: flex;
}

.application-sec .application-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 22px !important;
    text-align: center;
    position:absolute;
    bottom: 22px;
    color:#FFFFFF !important;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.4s ease-in-out;
    z-index: 2;
}
.application-sec .application-img-title-box {position: relative;overflow: hidden;display: flex;}
.application-sec .application-img-title-box a{position: relative; z-index: 1;width:100%;}
.application-sec .application-img-title-box::before,
.application-sec .application-img::after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;transition: opacity 0.4s ease-in-out;}

/* Default gradient */
.application-sec .application-img-title-box::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.94%, rgba(0, 0, 0, 0.7) 100%);
    opacity: 1;
}

/* Hover gradient */
.application-sec .slick-center .application-img::after {
    background: linear-gradient(180deg, rgba(247, 148, 29, 0) 37.36%, rgba(247, 148, 29, 0.95) 100%);
    opacity: 1;
    z-index: 1;
}
.application-sec  .application-img:hover::after {
    background: linear-gradient(180deg, rgba(247, 148, 29, 0) 37.36%, rgba(247, 148, 29, 0.95) 100%);
    opacity: 1;
    z-index: 1;
}

/* On hover → fade to orange gradient */
.application-sec .application .slick-center .application-img::after {
    opacity: 1;
}

.application-sec .slick-center .application-img-title-box .application-title {
    transform: translate(-50%, calc(-50% - 54px)); /* keep X centered, move Y up */
}
.application {
    padding-left: 15px;
}
.application-slider .slick-track{ margin: 0;}

.application-slider .slick-slide {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.application-slider .slick-center {
    transform: translateY(-50px); 
    z-index: 13;
}


.application{
    position:relative;
}
.application-slider .slick-center .application-link {
    width: 72px;
    height: 72px;
    /* background-color: #13283c47; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); 
    z-index: 11;
}
.application-slider .slick-center .application-link a {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #13283C;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-2.png');
    background-repeat: no-repeat;
    background-position: center center; font-size:0;
}
.application-slider .slick-center .application-link a:after{
	content:"";
	width: 72px;
    height: 72px;
    background-color: #13283c47;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    position: absolute;
    left: 50%; transform:translateX(-50%);
    z-index: -1;
	
}
.application.slick-slide.slick-center .application-link a{background-color: #F7941D;}
.application.slick-slide.slick-center .application-link a:after{background-color: rgba(247, 148, 29, 0.2)};
.application.slick-slide .application-link {display: none; /* hide by default */}
.application.slick-slide.slick-center .application-link {
   display: flex; 
  justify-content: center;
  align-items: center;
}
.application-slider .slick-list {
    padding-top: 51px !important;
}

.application-slider .slick-arrow {
    position: absolute;
    /* top: -140px; */
    top: -112px;
}

.single-industries #second-section-id a.elementor-button.elementor-button-link.elementor-size-sm {
    min-width: 325px;
}
.single-industries .contact-content-box a.elementor-button.elementor-button-link.elementor-size-sm {
    min-width: 325px;
}

.application-slider .slick-prev {
	right:458px;
	transform: translate(-50%, -50%);
	height: 67px;
	width: 67px;
	border-radius: 33px !important;
	background-color: transparent;
	border:2px solid #fff;
	font-size:30px;
	color:#fff;
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.application-slider .slick-next {
	right: 373px;
	transform: translate(-50%, -50%);
	height: 67px;
	width: 67px;
	border-radius: 33px !important;
	background-color: transparent;
	border:2px solid #fff;
	font-size:30px;
	color:#fff;
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-1.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.application-slider .slick-arrow:hover{
	background-color:#F7941D;
	border-radius: 33px;
	border:none;
	cursor:pointer;
}
.application-slider .slick-arrow:hover{
	background-color:#F7941D;
	border-radius: 33px;
	border:none;
	cursor:pointer;
}
.application-main-sec{ 
    margin-top: -175px !important;
}
.text-counter-align .elementor-counter-title {
    text-align: center;
}
/* .application-slider.no-slider{display: grid;grid-template-columns: repeat(4, 1fr);max-width: 1440px;margin: 0 auto;padding: 0px 15px;gap:15px;} */
.application-slider.no-slider {display: flex;flex-wrap: wrap;justify-content: center;max-width: 1440px;margin: 0 auto;padding: 0 15px;gap: 15px;}
/* 4-column layout */
.application-slider.no-slider > * {flex: 0 0 calc(25% - 15px);}
.application-slider.no-slider .application {padding-left: 0px;}
.application-slider.no-slider .application-link a {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #13283C;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-2.png');
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
}
.application-slider.no-slider .application-link a:after {
    content: "";
    width: 72px;
    height: 72px;
    background-color: #13283c47;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.application-slider.no-slider .application:hover .application-link {display: flex;justify-content: center;align-items: center;}
.application-slider.no-slider .application-link {width: 72px;height: 72px;display: flex;justify-content: center;align-items: center;border-radius: 40px;position: absolute;left: 50%;transform: translate(-50%, -50%);z-index: 11;display: none;}
.application-slider.no-slider .application {transition: transform 0.4s ease, box-shadow 0.4s ease;}
.application-slider.no-slider .application:hover {transform: translateY(-50px);z-index: 13;}
.application-slider.no-slider .application-title{left: 0;right: 0;max-width: 80%;margin: 0 auto;transform: none;}
.application-slider.no-slider .application:hover .application-title {transform: translateY(-50px) !important;}
/* ---- Create Accordion --- */

    .Industries-accordion {
        max-width: 1200px;
        display: flex;
        overflow: hidden;
        gap: 9px;
        margin: 0 auto;
    }

    .Industries-tab {
        position: relative;
        width: 20%;
        height: inherit;
        padding: 20px;
        background: #000;
        color: #FFF;
        cursor: pointer;
        height: 520px;
        transition: width .5s ease;
    }

    .Industries-tab img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all .5s ease;
    }

    .Industries-content {
        position: absolute;
        z-index: 2;
        white-space: nowrap;
        /* top: 225px; */
        opacity: 0;
		width: 404px;
        top:auto;
        bottom: 30px;
    }

    .Industries-content .Industries-heading {
        margin-bottom: 2px;
        text-overflow: clip;
        font-size: 24px;
        text-transform: uppercase;
    }

    .Industries-content .Industries-p {
        margin: 0;
    }

    /* --- Hover Effects --- */

    .Industries-tab img {
        opacity: .6;
    }

    .Industries-tab:hover {
        width: 80%;
    }

    .Industries-tab:hover .Industries-content {
        transition: all .5s ease;
        opacity: 1;
    }
    .Industries-strait-heading {
        z-index: 3;
        position: absolute;
        writing-mode: vertical-rl; 
        transform: rotate(180deg);
        display: inline-block;
        height: 350px;
        margin: 5px;
        bottom:46px;
        left: 41%;
    }
    .Industries-tab:hover .Industries-strait-heading {
        display:none;
    }
	.Industries-strait-heading {
		font-family: Inter !important;
		font-weight: 600;
		font-size: 22px !important;
		letter-spacing: 0px !important;
		color: #FFFFFF !important;
	}
	.Industries-content .Industries-heading {
		font-family: Inter !important;
		font-weight: 600;
		font-size: 22px !important;
		letter-spacing: 0px !important;
		color: #FFFFFF !important;
		white-space: break-spaces;
		padding-right: 15px;
		width: 404px;
	}

	.Industries-content .line {
		width: 58px;
		height: 3px;
		opacity: 1;
		border-radius: 40px;
		background-color: #F7941D;
		margin: 14px 0px;
	}

	.Industries-content .Industries-p {
		font-family: Inter !important;
		font-weight: 500;
		font-size: 14px !important;
		line-height: 21px;
		letter-spacing: 0px;
		width: 404px;
		margin-bottom: 30px;
		white-space: normal;
		padding-right: 15px;
	}

	.Industries-content .learn-btn {
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
		color: #FFFFFF !important;
		border-radius: 2px 2px 2px 2px;
		padding: 12px 46px 12px 20px;
		background-color:transparent;
		border: 1px solid #FFFFFF;
	}
	/* Content inside each .e-child (background stays as-is) */
	.chemical-section .e-child > .elementor-widget {
	  opacity: 0;
	  transform: translateY(40px);
	  transition: opacity 0.8s ease, transform 0.8s ease;
	}

	.chemical-section .e-child > .elementor-widget.visible {
	  opacity: 1;
	  transform: translateY(0);
	}

    .Industries-content .learn-btn{
        position:relative;
    }
    .Industries-content .learn-btn::after {
        content: '';
        height: 14px;
        width: 16px;
        background-image: url(./images/arrow-white.svg);
        display: inline-block;
        margin-left: 10px;

    }
    #powerTip {
        background-color: #fff;
        color: #000 !important;
    }
    #powerTip p{
        color: #000 !important;
        font-size:13px;
        font-weight:500;
    }
    #powerTip.n:before{
        border-top-color:#fff;
    }
   
    .counter-home-first .counter-home-first-full {
        height: 100%;
    }


/* Home page css end */

/* application page css */
#application-filter .application-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  grid-template-rows: repeat(3, auto);   /* 3 rows */
  gap: 12px; /* space between rows and columns */
}
#application-filter .application-list .application-item a {
    position: relative;
}
#application-filter .application-list .application-item a::before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(19, 40, 60, 0.64) url(images/arrow-yellow-industries.svg) no-repeat center center;
    background-size: 100px;
    z-index: 1;
}
#application-filter .application-list .application-item a:hover::before{
    opacity: 1;
    visibility: visible;
}
#application-filter .application-item-img-title-box {
    position: relative;
    overflow: hidden;
}

#application-filter .application-list .application-item-img img {
    width: 100%;
    /* height: 396px; */
    height: 100%;
    object-fit: cover;
    display: flex;
}

#application-filter .application-list .application-item-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 19px !important;
    text-align: center;
    position: absolute;
    /* bottom: 20px; */
    top: 90%; 
    color: #FFFFFF !important;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.4s ease-in-out;
    z-index: 2;
    width: 264px;
}

#application-filter .application-list .application-item-img-title-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity 0.4s ease-in-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.94%, rgba(0, 0, 0, 0.7) 100%);
}

#application-filter .application-list .application-item-title a {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    width: 100%;
}

#application-filter #application-list {
    margin-top: 40px;
    margin-bottom: 50px;
}

#application-filter .load-more-wrap button {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #FFFFFF !important;
    border-radius: 2px 2px 2px 2px;
    padding: 12px 30px 12px 30px;
    background-color: #F7941D;
    border: 1px solid #FFFFFF;
    cursor: pointer;
	display: flex;
    justify-content: center;
    margin: auto;
    gap: 10px;
    align-items: center;
}
#application-filter .load-more-wrap button:hover{
	background: #13283C;
}
#application-filter .load-more-wrap {
    text-align: center;
}
#application-filter .alphabet-filter {
    display: flex;
    gap: 7.2px;
    justify-content: center;
}

#application-filter .alphabet-filter a {
    font-family: Inter;
    font-weight: 600;
    font-size: 19.78px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 7.23px 11.75px;
    border: 1.1px solid #5D6371;
    border-radius: 2.2px;
    color: #5D6371;
    display: inline-block; cursor: pointer;
}
#application-filter .alphabet-filter .alphabet-link.active{
    background-color: #F7941D;
    border: 1.1px solid #F7941D;
    color: #fff;
}
#application-filter .load-more-wrap button::after {
    content: '';
    height: 14px;
    width: 16px;
    background-image: url(./images/arrow-white.svg);
    display: block;
}
/* application page css */

/*blog page css start*/
.blog-filter-postlisting-sec .container {
    max-width: 1200px;
    margin: 0px auto;
   
}
/*blog page css end*/

/* industries page css start */
.cpt-items-grid.industries-item h3{
    font-size:20px;
}
.industry-filter  .category-buttons {
    background-color: #5D637114;
    padding: 4px;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0;
    margin: auto;
    margin-bottom: 40px;
}

.industry-filter .category-btn {
    padding: 11px 15px !important;
    border: 0px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    background-color: transparent !important;
    color: #0D0D0D !important;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.industry-filter .category-btn:Hover,.industry-filter .category-btn.active {
    color: var(--white) !important;
    background-color: var(--e-global-color-secondary) !important;
}
/* Default - show desktop buttons */
.industry-filter .category-dropdown.mobile-view {
  display: none;
}

/* industries page css end */


/* blog page css start */
#blog-filter #filter-form select,#blog-filter #filter-form input#search-filter {
    border: none;
    height: 50px;
    font-family: "Owners";
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: .06em;
    text-align: left;
    background-color: #f7f7f7;
}
.blog-filter-postlisting-sec #blog-filter .By-Year .filter-title {
    width: 75px;
}

.blog-filter-postlisting-sec #blog-filter .By-Month .filter-title {
    width: 99px;
}

.blog-filter-postlisting-sec #blog-filter .by-industry .filter-title {
    width:124px;
}
.blog-filter-postlisting-sec #blog-filter #filter-form select {
    width: 100%;
    z-index: 999;
    position: relative;
    border: 1px solid #5D637157;
    border-radius: 5px;
    background-color: #FFFFFF;
    padding-left: 16px;
    font-family: 'Inter';
    font-size: 14px;
    color: #5D6371 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#blog-filter #filter-form select.nitro-lazy {
    background-image: none !important;
}



#blog-filter .search-box-f,#blog-filter #category-filter,#blog-filter #tag-filter {
    margin-top: 6px;
}

.blog-filter-postlisting-sec #blog-filter .filter-title {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #0D0D0D;
    text-transform: capitalize;
    display:block;
}

.blog-filter-postlisting-sec #blog-filter #filter-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 40px;
    gap: 42px;
}

.blog-filter-postlisting-sec .select-filter-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc((100% - 84px) / 3);
}

.blog-filter-postlisting-sec {
    padding-top: 84px;
    padding-bottom: 121px;
    background-image: url(./images/column-bt.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-filter-postlisting-sec #blog-filter #filter-form select {
    background: url(./images/arrow-down.svg) no-repeat right 12px center;
    background-size: 16px;
}
#blog-filter  #search-btn {
    background: #111;
    height: 50px;
    padding: 0;
    margin: 0;
    margin: 0 auto;
    width: 20%;
    border: none;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

#blog-filter  input#search-filter {
    width: 100%;
}

#blog-filter  .search-box-f {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 999;
}

#blog-filter  .serchbox-filter {
    display: inline-block;
    width: calc(32% - 5px);
}

.blog-post-main.whitepapers-main .pagination {
    bottom: 0 !important;
}

.blog-post-main.whitepapers-main .whitepapers-box {
    position: relative;
   
}

.blog-post-main .whitepapers-box {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.blog-post-main .whitepaper-item {
    width: calc(33.63% - 15px) !important;
    box-shadow: 0px 0px 4px 0px #0000001F;
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
}
.blog-post-main .blog-post {
   
    padding: 0px;
}
.blog-post-main .blog-post .whitepaper-thumbnail img {
    width: 100%;
    /* height: 222px; */
    object-fit: cover;
    display: flex;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.blog-post-main .whitepaper-content {
    padding: 20px;
    
}
.blog-post-main .btn-group {
    padding-bottom: 24px;
}

.blog-post-main.whitepapers-main .whitepaper-content h2 {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px; min-height: 44px;
}
.blog-post-main.whitepapers-main .whitepaper-line-title {
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #5E778F4D
}
.whitepaper-line-title a {
    text-decoration: none;
}
.blog-post-main.whitepapers-main .whitepaper-content>p {
    min-height: 95px;
}
.blog-post-main .whitepaper-line hr {
    margin: 30px 0 30px;
}
.blog-post-main .whitepaper-line hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
}
.blog-post-main.whitepapers-main .btn-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-post-main .btn-whitepaper {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration:none;
    display: flex;
    gap: 10px;
    align-items: center;

}


.blog-post-main.whitepapers-main .whitepaper-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: .06em;
    text-align: left;
}

.blog-post-main.whitepapers-main .whitepaper-content .whitepaper-date-time p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    display: inline-block;
    padding: 5px 6px;
    background: #EAEAEA;
    border-radius: 3px;
    margin-bottom: 10px;
}
.blog-post-main.whitepapers-main .whitepaper-content  .whitepaper-time p {
    font-size: 12px;
    font-style: italic;
    letter-spacing: .5px;
}


.blog-post-main .btn-whitepaper a::after {
    content: '';
    height: 14px;
    width: 16px;
    background-image: url(./images/orange-arrow.svg);
    display: block;
}
.blog-post-main .whitepaper-time {
    display: flex;
    gap: 5px;
    align-items: center;
}
.blog-post-main .whitepaper-time a::before {
    content: '';
    height: 18px;
    width: 18px;
    background-image: url(./images/clock.svg);
    display: block;
}

.blog-filter-postlisting-sec .pagination-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 50px;
}

.blog-filter-postlisting-sec .pagination-sec a {
    display: inline-block;
}

.blog-filter-postlisting-sec .pagination-sec .pagination a{
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 32.5px;
    text-align: center;
    padding: 2px 15px;
    border: 1.63px solid #DFE3E8;
    border-radius: 6.5px;
    text-decoration: none;
    margin-right: 10px;
    color: #0D0D0D;
}

.blog-filter-postlisting-sec .pagination-sec .pagination .current {
    border: 1.63px solid #F7941D;
    color: #F7941D;
}
.blog-box .page-num.page-numbers.next, .blog-box .page-num.page-numbers.prev {
    background-color: #F7941D;
    color: white;
    border: 1px solid #f7941d;
}
.blog-boxs .page-num.page-numbers.next, .blog-boxs .page-num.page-numbers.prev {
    background-color: #F7941D;
    color: white;
    border: 1px solid #f7941d;
}
 
/* about us page */
.video-pay-btn {
    cursor: pointer;
}
.text-rote-about h2 {writing-mode: vertical-rl; /* makes text vertical */transform: rotate(180deg);}
.abour-us-logsec {
    box-shadow: 0px 0px 30.83px 0px #00000026;
}
.map-home .elementor-icon-box-description a{
    color: #FFF;
}
.map-home .elementor-icon-box-description a:hover{
    text-decoration: underline;
    color: #FFF !important; 
}
/* .map-home .elementor-icon-box-description{
    text-decoration: none !important;
} */
img.tabing-img {
    /* width: 290px !important; */
    width: 100% !important;
}
.tabing-inner-img{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
        padding-top: 20px;
}
.tabing-inner-img img{
    margin: 0 !important;
}
.tabing-inner-img br{
    display: none !important;  
}
/* about us page */
/* manufacturing */
.capabilities-tab-main button.e-n-tab-title{
    justify-content: space-between;
}
.capabilities-tab-main .elementor-widget-image-box{
    width: 100%;
}
.capabilities-tab-main img{
    width: 100%;
}
.capabilities-tab-main ul{
    padding-top: 20px; 
    color: #FFF;
     margin-left: 20px;
}
.capabilities-tab-main .tab-description{
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35em;
    color: #FFFFFF;
    padding-bottom: 21px;
}
.capabilities-tab-row{
     display:block;
}
.capabilities-tab-row .elementor-widget-image-box{
    margin-bottom:10px !important;
}


/* grid section */

.container-grid {
    max-width: 1460px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.header {
    margin-bottom: 15px;
}
.header h3 {
    text-transform: uppercase;
    margin: 0;
}
.casestudies-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    gap: 20px;
}
.casestudy-box {
    position: relative;
    transition: all 300ms ease-in-out;
    margin-left: 0;
    margin-right: 0;
    background-size: cover;
    width: calc(33% - 20px);
}
.casestudy-box-wrap, .casestudy-box-hover {
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner-box {
    position: relative;
    background-color: darkred;
     height:calc(100% - 20px);
    margin-bottom: 20px;
}  
.inner-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.box-content { 
    min-height: 300px;
    display: flex;   
    height: calc(100% - 20px);
    /* padding: 40px; */
}
.box-content p { 
    margin: 0;
   color: #FFF;
}
.casestudy-box-hover {
    position: absolute;
    top: 0px;
    transition: 500ms all;
    opacity: 0;
    visibility: hidden;
    left: 0;
}
.casestudy-box-hover .inner-box {
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: relative;
    top: 0;
    padding: 10px;
    height: calc(100% - 23px);
    left: 0;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}
.result_hover .casestudy-box-wrap + .casestudy-box-hover {
    border-top: none;
    top: 0;
    height: 620px;
    visibility: visible;
    opacity: 1;
    width: 100%;
    z-index: 99;
}
.box-content-1 p {
    color: #FFF;
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    z-index: 999;

}
.result_hover .casestudy-box-wrap {
    z-index: 99;
    margin: 0;
}
.casestudy-box-wrap > .box-content p {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    width: 80%;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    color: #000000;
}
.casestudy-box-wrap .box-content h3{
    padding: 40px;
    color: #191919 !important;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 700;
        position: relative;
    margin-left: 0;
    padding-left: 95px;
}
.casestudy-box-wrap .box-content h3:before {
    content: '';
    height: 2px;
    width: 37px;
    background: #191919;
    position: absolute;
    left: 40px;
    display: inline-block;
    top: 45px;
}
.casestudy-box-hover .box-content-1 h3{
    padding: 30px;
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 700;
     position: relative;
    margin-left: 0;
        padding-left: 85px;
            z-index: 999;
}
.casestudy-box-hover .inner-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45); 
    z-index: 1;
    border-radius: inherit;
}
.casestudy-box-hover .box-content-1 h3:before {
    content: '';
    height: 2px;
    width: 37px;
    background: #FFFFFF; 
    position: absolute;
    left: 30px;
    display: inline-block;
    top: 35px; 
}
.casestudy-box:nth-child(4n) .casestudy-box-wrap + .casestudy-box-hover,
.casestudy-box:nth-child(5) .casestudy-box-wrap + .casestudy-box-hover, 
.casestudy-box:nth-child(6) .casestudy-box-wrap + .casestudy-box-hover {
    right: 0;
    top: -320px;
    bottom:auto;
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff);
    width: 10px;
    height: 10px;
    content: '';
    color: #FFF;
    background: transparent;
    left: 20px;
    right: 0;
    width: 100%;
    text-align: end;
    justify-content: end;
} 
.pmb-0 p {margin-bottom: 15px;}
.pmb-0 p:last-child {margin-bottom: 0px !important;}
.tab-leadership .long-text-wrapper p{margin-top:15px;}
/* grid section */

/* manufacturing */
@media(min-width:1500px){
    .Industries-accordion {
        max-width: 1440px;
    }
    .blog-filter-postlisting-sec .container {
        max-width: 1440px;
        margin: 0px auto;
    }
    .singel-bottom-section .row .col-9 {
      width: 65%;
    }
    .singel-bottom-section .row .col-3 {
        width: 35%;
    }
    
}

@media screen and (max-width: 1369px) {
    .blog-post-main .btn-whitepaper {
        padding: 12px 45px 12px 15px;
        font-size: 12px;
    }
   img.tabing-img {
    /* width: 220px !important; */
    width: 100% !important;
    }
    .single-industries .contact-page-form .form-field.with-countrycode .select-box{
            width: 100%;
    } 
    
}
@media(max-width:1275px){
    .blog-filter-postlisting-sec .container{
        padding:0px 16px;
    }
    .blog-filter-postlisting-sec .select-filter-box{
        width: calc((100% - 54px) / 3);
    }
    .blog-filter-postlisting-sec #blog-filter #filter-form{
        gap: 22px;
    }
    .blog-filter-postlisting-sec #blog-filter .filter-title {
        font-size: 14px;
    }
     .blog-filter-postlisting-sec {
        padding-top: 50px;
        padding-bottom: 65px;
    }
}
@media (max-width:1175px){
    .blog-post-main .whitepaper-item {
        width: calc(50% - 8px) !important;
    }
    .application-slider.no-slider > * {flex: 0 0 calc(33.333% - 15px);}
}
@media(max-width:890px){
    .blog-filter-postlisting-sec .select-filter-box {
        width: calc((100% - 0px) / 1);
    }
    .blog-filter-postlisting-sec .select-filter-box {
        align-items: flex-start;
        flex-direction: column;
    }
   .single-industries .contact-content-box a.elementor-button.elementor-button-link.elementor-size-sm {
        min-width: 250px;
    }

}
@media (max-width: 767px) {
    .blog-post-main .whitepaper-item {
        width:100% !important;
    }
    .blog-post-main .btn-group {
         padding-bottom: 0px;
    }
    .blog-post-main.whitepapers-main .whitepaper-content h2 {
        min-height: 60px;
    }
    .blog-post-main.whitepapers-main .whitepaper-content h2{
        font-size: 20px;
    }
    .blog-post-main.whitepapers-main .whitepaper-content p {
        font-size: 14px;
        line-height: 19px;
    }
    .blog-post-main.whitepapers-main .whitepaper-content>p {
        min-height: 60px;
    }
    .blog-post-main .whitepaper-line hr {
        margin: 0px 0 30px;
    }

    .blog-post-main.whitepapers-main {
        padding: 0px 0px 55px;
    }
  
    .blog-filter-postlisting-sec {
        padding-top: 40px;
        padding-bottom: 22px;
    }
}
@media (max-width: 600px) {
    .blog-post-main .whitepaper-line hr {
        margin: 30px 0 30px;
    }
    .whitepapers-main .pagination{
            gap: 10px;
    }
}
/* blog page css end */

/* blog detail css */
.blog-detail-div-bottom .container {
    max-width: 1200px;
    margin: 0px auto;
}
.blog-detail-div-bottom .blogtitle-main {
    margin-bottom:40px;
}
.blog-detail-div-bottom .blogtitle-main h2 {
    font-family: Inter;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
}
.blog-detail-div-bottom {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #EDF1F4;
}
.blog-detail-div-bottom .pagination-sec {
    display: none;
}
.blog-box .whitepaper-thumbnail {
  position: relative;
  overflow: hidden;
}
.blog-boxs .whitepaper-thumbnail {
  position: relative;
  overflow: hidden;
}
 
.blog-box .whitepaper-thumbnail a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #13283C80;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
.blog-boxs .whitepaper-thumbnail a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #13283C80;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2;
}
 
.blog-box .whitepaper-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
.blog-boxs .whitepaper-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
 
/* Hover effect from parent */
.blog-post.whitepaper-item:hover .whitepaper-thumbnail a::after {
  opacity: 1;
}
 
.blog-box .whitepaper-thumbnail a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("images/arrow.png") center no-repeat;
  background-size:68px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 3;
    cursor: pointer;
}
 
.blog-boxs .whitepaper-thumbnail a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("images/arrow.png") center no-repeat;
  background-size:68px;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 3;
    cursor: pointer;
}
 
.blog-post.whitepaper-item:hover .whitepaper-thumbnail a::before {
  opacity: 1;
}
/* .homeInnovative-slider{
	overflow:hidden !important;
} */
/* blog detail css */

/* about us */
.dates-wrap {
    position: relative;
}
.dates-wrap .date {
    width: 11.28%;
    align-items: center;
    display: flex;
    justify-content: end;
}
.dates-wrap {
    justify-content: start;
    align-items: start;
    gap: 0px;
}
.date-content {
  display: none;
  width: 100%;
  margin-top: 20px;
}
.date-content.active {
  display: flex;
}
.dates-wrap .date .elementor-heading-title {
    width: 40px;
    height: 40px;
    font-size: 0px;
    line-height: 0px;
    background: #8F8F8F;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transform: scale(0.5);
    transition: transform 0.5s cubic-bezier(0.25, 1.25, 0.5, 1);
    z-index: 1;
}
.dates-wrap .date.active .elementor-heading-title{
    transform: scale(1);
    background: #00A855;
}
.dates-wrap .date.visited .elementor-heading-title{background: #00A855;}
.dates-wrap:before{
  content:'';
  width: 100%;
  height: 2px;
  background: #8F8F8F;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dates-wrap .date:before{
  content:'';
  width: 0%;
  height: 2px;
  background:#00A855;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: width 0.3s ease;
  opacity: 0;
}
.dates-wrap .date.active:before,
.dates-wrap .date.visited:before{
  opacity: 1;
  width: calc(100% + 20px);
}
.dates-wrap .date.active 
.date-content-container {
  max-width: 100%;
  margin: 0 auto;
}
.date-content .elementor-widget-container{width: 100% !important;}
.date-content figure.elementor-image-box-img,
.date-content .elementor-image-box-content{
  /* width: 100% !important; */
}
.date-content .elementor-image-box-content {
    display: block;
    gap: 50px;
    padding-left: 50px !important;
    padding-right: 50px !important;
} 
.date-content figure.elementor-image-box-img .elementor-image-box-img-inner{
  float: right;
}
.date-content .elementor-image-box-content ul li {
    color: #6F6F6F;
}

.date-content .elementor-image-box-content ul {
    padding: 0px 0px 0px 20px !important;
    margin: 0px !important;
}
.date-content .elementor-image-box-content ul li + li {
    margin-top: 5px;
}
.bold-text{
    color: #6F6F6F;
    font-weight: 700;
}
.video-pay-btn.popmake-3088{
    cursor: pointer;
    background: #fff;
    padding: 20px;
    border-top-left-radius: 23px;
    right: 0 !important;
    bottom: 0 !important;
}
/* about us */

/* about us new */
.services-main{
    background: #13283C; 
     background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/bg-timeline.png') !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;  
}
.timeline-slider{
    margin-left: 234px;
    /* width: 90%;
    margin-left: auto; */
}
.timeline-slider .slick-list {
  overflow: visible;
  padding-right: 10%; /* shows a bit of the next slide */
}
.timeline-slider {
  overflow: hidden; /* prevent layout breaking */
}

.timeline-slider h3.elementor-image-box-title {
    border-top: 2px solid rgb(255 255 255 / .3);
    font-size: 42px;
    font-weight: 800;
    color: #FFFFFF;
    padding-top: 30px;
    line-height: 46px;
        padding-bottom: 20px;
}
.timeline-slider .timeline-item.slick-slide p, .timeline-slider .timeline-item.slick-slide ul li {
    font-size: 16px !important;
    font-weight: 400;
    color: #FFF;
    margin: 0;
    line-height: 20px !important;
    letter-spacing: 0.5px;
    width: 85%;
}
.timeline-slider .timeline-item.slick-slide ul li {
    margin-left: 20px;
}
.timeline-item .elementor-image-box-wrapper{
    margin-left: -10px;
}
.timeline-item .elementor-image-box-description{
    width: 75%;
}
/* .timeline-slider .timeline-item {
    margin-right: 30px
} */
.timeline-arrows .custom-arrow {
    background-color: #fff0;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    font-size: 0;
    cursor: pointer;
    margin-left: 20px; 
    transition: background 0.3s ease;
    border: 1px solid #FFF
}
.timeline-arrows .custom-arrow:hover {
    background-color: transparent;
    border: 1px solid #F7941D;
    border-radius: 50%;
}
.timeline-arrows .custom-arrow.slick-prev {
    left: -100px
}
.timeline-arrows .slick-prev:before,.timeline-arrows .slick-next:before {
    content: ''!important
}
.timeline-arrows .slick-prev {
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector.png');
    background-repeat: no-repeat;
    background-position: center
}
.timeline-arrows .slick-next:hover{
background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-7.png');
}
.timeline-arrows .slick-next {
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-1.png');
    background-repeat: no-repeat; 
    background-position: center
}
.timeline-arrows .slick-prev:hover{
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-8.png');
}
.timeline-arrows .slick-next:hover,
.timeline-arrows .slick-prev:hover, 
.timeline-arrows .slick-next:focus,
.timeline-arrows .slick-prev:focus{
    background-color: transparent;
    border: 1px solid #F7941D;
    border-radius: 50%;
}
.timeline-slider {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px 0;
}


.timeline-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: -16px;                 /* tweak this to sit exactly on the line */
  transform: translateX(-50%);
  width: 24px;                /* outer size = border size */
  height: 24px;
  background: #1c2f48;        /* border color */
  -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  z-index: 3;
  transition: all .18s ease;
  box-sizing: border-box;
}

/* INNER: the visible fill on top of the border */
.timeline-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: -13px;                 /* inner is a little lower so border shows */
  transform: translateX(-50%);
  width: 24px;                /* inner size smaller than outer to show border */
  height: 24px;
  background: #fff;           /* inactive fill (white) */
  -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  z-index: 4;
  transition: all .18s ease;
  box-sizing: border-box;
}

/* ACTIVE state: make the entire hexagon orange and add subtle glow */
.timeline-item.slick-current::after {
  background: #f68b1f; /* orange color */
  border-color: #f68b1f;
  box-shadow: 0 6px 14px rgba(246,139,31,0.25);
}


.timeline-slider .slick-list{
      padding-top: 50px;
    padding-left:11px;
}
/* about us new */
/* core value */
.core-values {
  text-align: center;
  position: relative;
}
.subtitle {
  color: #666;
  font-size: 14px;
  max-width: 400px;
  margin: 0 auto 40px;
}
.circle-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 30px;
}
.circle {
    background: #5D6371;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    cursor: pointer;
    font-size: 28px;
    color: #333;   
    z-index: 999;
    border: 10px solid transparent !important;
}
.circle.active {
  background: #ff9800;
  color: #fff;
  border: 10px solid rgba(255,255,255,0.6) !important;
  /* transform: scale(1.15);
  box-shadow: 0 0 15px rgba(255,152,0,0.6); */
}
.circle:hover {
  transform: scale(1.15);
}

.center-text h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.center-text p {
  font-size: 14px;
  color: #555;
}

.halfcircle-wrapper {
    width: 818px;
    height: calc(796px /2);
    margin: 0 auto;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.core-values {
    height: calc(796px /2);
    overflow: hidden;
}
.circle-wrapper {
    position: relative;
    width: 100%;
    justify-content: space-between; 
}
.circle-wrapper:after{
    content:""; height:100%; width:100%; display:block;  border:2px solid #000; border-radius:50%;  height:796px;
    position:absolute; top:-180px
}
.circle-wrapper .circle {
    position: absolute;
}

.circle-wrapper .circle:nth-child(2) { 
       left: 148px;
        top: -168px;
}
.halfcircle-wrapper {
    width: 828px;
    height: calc(451px /2);
    margin: 0 auto;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.core-values {
    height: calc(796px /2);
    overflow: hidden;
    position: relative;
    /* background: aqua; */
}
.circle-wrapper {
    position: relative;
    width: 100%;
    justify-content: space-between;
}
.circle-wrapper:after{
    content:"";
    height:100%;
    width:100%;
    display:block;
       border: 3px solid #F1D6B5;
    border-radius:50%;
       height: 727px;
    position: absolute;
    top: -170px;
}
.circle-wrapper .circle {
    position: absolute;
}
.circle-wrapper .circle:first-child {
       left: -20px;
    top: 22px;
    }

.circle-wrapper .circle:nth-child(3) {
    left: 578px;
        top: -168px; 
}
.circle-wrapper .circle:last-child {
    left: 747px;
    top: 26px;
}
.center-text {
    position: absolute;
    background: #fff;
    BOTTOM: 0px;
    max-width: 646px;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    border-top-left-radius: 900px;
    border-top-right-radius: 900px;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 0;
}
.halfcircle-inner-text{
    position: absolute;
    top: 11%;
    padding: 74px;
    width: 100%;
}
.bottom-line hr {
    background-color: #F7941D;
    margin: 0;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 16px;
    height: 5px;
    color: #F7941D;
    z-index: 999;
    opacity: 999;
    border: none;
}
/* core value */

/* singel page */
.single .container-singel{
    max-width: 1480px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.single .container{
    max-width: 1460px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.single .container-singel h1{
    font-family: "Inter", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    color: #0d0d0d;
    padding-bottom: 30px;
    max-width: 750px;
}
.single .container-singel h2{
    font-family: "Inter", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25em;
    color: #0d0d0d;
    padding-bottom: 20px;
}
.single .container-singel h3{
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.23em;
    color: #0d0d0d;
    margin-bottom: 25px;
}
.single .container-singel h4{
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}  
.single .container-singel p{ 
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #5D6371;
    letter-spacing: 0.2px;
    padding-bottom: 20px;
}
.single .container-singel  hr{
    margin: 20px 0 40px 0;
}
.single-box-img {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding-bottom: 20px;
}
.single-box-img img{
    width: auto;
    object-fit: cover;
}
.singel-bottom-section .row{
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
        align-items: center;
}
.singel-bottom-section .row .col-9{
    width: 60%;
}
.singel-bottom-section .row .col-3{
    width: 40%;
    text-align: end;
}
.singel-bottom-section {
  padding: 80px 60px !important;
  border-radius: 20px;
  background-color: #f7941d;
  background-image: 
    url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Frame-1321316009.png'),
    url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Frame-1321316010.png');
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, right center;
  background-size: contain, contain;
      margin: 60px auto 60px auto !important;
}
.single .singel-bottom-section h2 {
    font-family: "Inter", Sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
    color: #FFFFFF;
    padding-bottom: 20px;
}
.single .singel-bottom-section p {
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.2px;
    max-width: 700px;
}
.single .singel-bottom-section .singel-btn a{
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #0D0D0D;
}
.single .singel-bottom-section .singel-btn a {
  display: inline-block;
  color: #000;
  font-weight: 600;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  padding: 13px 20px;
  background: #FFF;
}
.single .singel-bottom-section .singel-btn a::after {
  content: "\2192"; 
  font-size: 18px;
  margin-left: 10px;
  transition: all 0.3s ease;
  position: relative;
  top: 1px;
}
.single .singel-bottom-section .singel-btn a:hover {
  color: #fff !important;
  background:#000;
}
.sinlge-author-box{
    background-color: #13283C;
    padding: 28px 22px !important;
}
.sinlge-author-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px !important;
}
.author-box{
    display: flex;
    gap: 20px;
    align-items: center;
}
.sinlge-author-box .author-box .author-detals h5{
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #FFFFFF;
        padding-bottom: 3px;
    text-transform: capitalize;
}
.sinlge-author-box .author-box .author-detals span{
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #FFFFFF99;
}
.single .container-singel h3 {
  position: relative;
  padding-left: 15px; 
  font-weight: 700;
  color: #000;
}
.single .container-singel h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 30px;
  background-color: #f28c1d;
  border-radius: 2px;
}

.single main#primary {
    background: url(https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/AdobeStock_400791583-2-1.png);
}
/* singel page */
/* leadership */
.leadershipteam img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.leadershipteam-main{
    background: #EDF1F4; 
     background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/d-bg.png') !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;   
    overflow: hidden; 
} 
.leadershipteam .slick-slide {
  margin: 0 10px; 
  overflow: hidden !important;
}
.leadershipteam .slick-list {
  margin: 0 -10px; 
}
.leadershipteam .slideItem:nth-child(even){
    margin-top:50px;
}
.team-content{
    display:none;
        transition: all 0.4s ease !important; 
}
/* .slick-current.slick-active .team-content, */
.leadershipteam .slideItem:hover .team-content{
    display:block !important;
    transition: all 0.4s ease !important; 
}
.leadershipteam .slick-arrow {
     display: none !important;
}
.team-box-l, .team-box-l * {
    position: relative;
}
.team-box-l *{
    z-index:1
}
.team-box-l:after{
    content:'';
    width:100%;
    background: #ffffff;
    display:block;
    height:100%;
    position:absolute;
    left:0;
    bottom: -83px;
}
.leadership-team-info .elementor-widget-image{
    width: 100%;
    z-index: 0;
}
.leadership-team-info:after {
    content: '';
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-9.png');
    background-position: center left;
    background-repeat: no-repeat;
    z-index: 9999 !important;
    left: auto;
    right: 30px;
    position: absolute;
    top: 12px;
    display: block;
    height: 24px;
    width: 28px;
}
/* .slick-current.slick-active .leadership-team-info:after, */ 
.leadershipteam .slideItem:hover .leadership-team-info:after{
    background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-10.png');
}
.leadershipteam .slideItem:hover:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(255 165 0 / 19%) 0%, rgba(255, 140, 0, 0.85) 100%);
    z-index: 889;
    opacity: 1;
    transition: all 0.4s ease;
}
.leadership-team-info {
    z-index: 889;
}
.main-popup-box {
    display: flex;
    width: 100%;
    gap: 30px;
}
.popup-box-img-col img{
    width: 100%;
}
.popup-box-img-col {
    width: 40%;
}
.popup-box-content-col {
    width: 60%;  
}
/* leadership */

/* acf apge */

.suppliers-slider .suppliers-Item{
    width:16%;
}
.suppliers-slider .suppliers-Item .elementor-image-box-img{
    display: flex;
    justify-content: center;
    margin: 0px auto 20px !important;
}
.suppliers-slider .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  list-style: none;
}
.suppliers-slider .slick-dots li {
  margin: 0;
}
.suppliers-slider .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C9D2DC; /* light gray */
  border: none;
  font-size: 0; /* hide text (1, 2, 3) */
  cursor: pointer;
  transition: all 0.3s ease;
  padding:0 !important;
}
.suppliers-slider .slick-dots li.slick-active button {
  background: #F59B23; /* orange active dot */
  transform: scale(1.2);
}
.suppliers-slider .slick-track{
    display: flex !important;
}
.suppliers-slider .slick-slide{
    height: inherit !important;

}
.suppliers-slider .slick-slide {
  margin: 0 5px; /* adjust 10px as needed */
}
.suppliers-slider .slick-list {
  margin: 0 -5px;
}


.customers-slider .slick-track{
    display: flex !important;
}
.customers-slider .slick-slide{
    height: inherit !important;

}
.customers-slider .slick-slide {
  margin: 0 5px; /* adjust 10px as needed */
}
.customers-slider .slick-list {
  margin: 0 -5px;
}
.customers-slider .slick-dots {
        display: none !important;
    }
/* acf apge */

#popmake-5023.pum-theme-3080 .pum-container, .pum-theme-lightbox .pum-container{
    padding: 30px !important;
    border: none !important; 
}
/* #popmake-6457.pum-theme-3080 .pum-container, .pum-theme-lightbox .pum-container{
    padding: 50px 20px 50px !important;
    border: none !important; 
} */
#popmake-5023.pum-theme-3080 .pum-content, .pum-theme-lightbox .pum-content h2{
        font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0D0D0D;
}
#popmake-5023.pum-theme-3080 .pum-content, .pum-theme-lightbox .pum-content h3{
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #5D6371;
    padding-bottom: 20px;
}
#popmake-5023.pum-theme-3080 .pum-content, .pum-theme-lightbox .pum-content p{
    font-size: 16px;
    color: #5d6371;
    padding-bottom: 10px;
    font-weight: 400;
}

/* produt page popup  */
.product-request .popup-title{
    font-family: "Inter", Sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.25em !important;
    color: #0D0D0D !important;
    text-align: center !important;
    padding-bottom: 30px!important; 
}
.product-request .product-note{
    font-family: "Inter", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;  
    color: #5D6371 !important;
}
.product-request .agree-terms{
    font-family: "Inter", Sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5em !important;
    color: #0D0D0D !important;
}
/* produt page popup  */

.banner-icon {
    background: hsl(210deg 8.06% 48.63%);
    border: 2px solid #fff;
    padding: 18px;
    border-radius: 50px;
    display: inline-flex;
    width: 45px;
    height: 70px;
    justify-content: center;
    cursor: pointer;
    transform: translateX(0%);
    align-items: center;
    vertical-align: middle;
}
.banner-icon .elementor-icon-wrapper{
    position: relative;
    top: 4px;
}
.trainingprogramsslider .slick-track{
    display: flex !important;
}
.trainingprogramsslider .slick-slide{
    height: inherit !important;
}

/* 404 page */
.fullpage-404 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 40px 20px;
    background: #f7f7f7; /* light grey bg */
}
.fullpage-404 h1 {
    font-size: 100px !important;
    line-height: 1;
    color: #ff8800;
    font-weight: 800;
    margin: 0 0 20px;
}
.fullpage-404 h2 {
    font-size: 36px;
    color: #1a1a1a;
    margin-bottom: 15px;
    font-weight: 600;
}
.fullpage-404 p {
    font-size: 18px;
    max-width: 550px;
    color: #555;
    margin: 0 auto 35px;
}
.fullpage-404 a.home-btn {
    background: #ff8800;
    color: #fff;
    padding: 14px 40px;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
}
.fullpage-404 a.home-btn:hover {
    background: #13283c;
    transform: translateY(-2px);
    color: #FFFFFF;
}
/* 404 page */

.full-text {
    display: none;
    /* margin-top: 15px; */
}
.read-more-btn {
    display: inline-block;
    margin-top: 15px;
    color: #FF8A00; /* your theme color */
    font-weight: 600;
    cursor: pointer;
}
.single-image-box img{
    width: 100%;
}
.single-image-box {
    padding-bottom: 60px;
}
.single-date {
    background: #EAEAEA;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-bottom: 30px;
    color: #111111;
    font-family: 'Inter';
    font-weight: 400;
}
.flavour-box-list .elementor-widget{
    height: 100%;
}

.download-brochure select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center; /* Adjust arrow spacing */
    padding-right: 30px; /* Adjust space for arrow */
}
.about-content-justify p{
        text-align: justify;
}



.customers-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    list-style: none;
}
.customers-slider .slick-dots li {
    margin: 0;  
}
.customers-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #C9D2DC; /* light gray */
    border: none;
    font-size: 0; /* hide text (1, 2, 3) */
    cursor: pointer;
    transition: all 0.3s ease;
    padding:0 !important;
}
.customers-slider .slick-dots li.slick-active button {
    background: #F59B23; 
    
    /* transform: scale(1.3) !important; */
}

.customers-slider ul.slick-dots li:hover button{
    
    /* transform: scale(1.3) !important; */
    background: #F59B23; 
}



.chamber-accordion{
    display:flex;
    gap:70px;
    align-items:center;
    width: 100%;
    position: relative;
    justify-content: space-between;
}
.chamber-accordion:before {
    content: '';
    height: 94%;
    width: 1px;
    background:  rgba(93, 99, 113, 0.3);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* IMAGE SIDE */
.accordion-image{
    position:relative;
    width: calc(50% - 70px);
   height: 390px;
}
.accordion-img-item{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.6s ease;
}
.accordion-img-item.active{
    opacity:1;
    visibility:visible;
}
.accordion-img-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:6px;
}
/* ACCORDION SIDE */
.accordion-block{
     max-width: calc(50% - 70px);
    width:100%;
}
.accordion-wrap{
    border-bottom: 1px solid rgba(93, 99, 113, 0.3); 
}
.accordion-wrap:last-child{
    border-bottom:none !important;
}
.accordion-title{
    display:flex;
    align-items:center;
    padding: 30px 0px;
    cursor:pointer;
}
.accordion-title .title{
    font-size:20px;
    font-weight:600;
    color:#0D0D0D;
}
.accordion-wrap.active .title{
    color:#FF991D;
}
.accordion-title .plus{
    margin-left:auto;
    color:var(--white-color);
}
.accordion-wrap.active .fa-plus::before{
    content:"\f068";
}
.accordion-content{
    display:none;
    padding:0 0px 24px;
    max-width:100%;
}
.accordion-content p{
    font-size: 16px;
    color:#5D6371;
    line-height:1.35em;
}
.accordion-title .plus {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide Font Awesome icon */
.accordion-title .plus i {
    display: none;
}
.accordion-title .plus::before {
    content: "\2193"; /* ↓ */
    font-size: 20px;
    color: #6b7280;
    transition: all 0.3s ease;
}
.accordion-wrap.active .accordion-title .plus {
    background: #f7941d; /* Orange */
}

.accordion-wrap.active .accordion-title .plus::before {
    content: "\2191"; /* ↑ */
    color: #ffffff;
}
.accordion-title:hover .plus {
    transform: scale(1.05);
}
.whypartner-main .elementor-element {
    min-height: 310px;
}
.justify p{ 
    text-align: justify;
}
.industries-template-default .long-text-wrapper div{ 
    text-align: justify;
}

.media-slider-section {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 40px 0;
    }

    .media-slider-section .swiper-slide {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        border-radius: 10px;
    }
    .media-slider-section .swiper-autoheight, 
    .media-slider-section .swiper-autoheight .swiper-slide {
        height: 100%;
    }
    .media-slider-section .swiper-slide img,
    .media-slider-section .swiper-slide video {
        width: 100%;
        height: 400px;
        object-fit: cover;
        border-radius: 10px;
        transition: transform 0.3s ease;
    }

    .media-slider-section .swiper-slide:hover img,
    .media-slider-section .swiper-slide:hover video {
        transform: scale(1.05);
    }
    .media-slider-section .swiper-slide:nth-child(even){
        margin-top:50px;
    }
    .media-slider-section .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .media-slider-section .play-btn::before {
        content: '';
        border-style: solid;
        border-width: 10px 0 10px 16px;
        border-color: transparent transparent transparent #000;
        margin-left: 4px;
    }

    .media-slider-section .swiper-button-next, 
    .media-slider-section .swiper-button-prev {
        color: #000;
    }

    /* ===== POPUP ===== */
    .media-slider-section .media-popup {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        animation: fadeIn 0.3s ease;
    }

    .media-slider-section .media-popup-content {
        position: relative;
        max-width: 90vw;
        max-height: 90vh;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: scaleIn 0.3s ease;
    }

    .media-slider-section .media-popup-content img,
    .media-slider-section .media-popup-content video {
        width: auto;
        max-width: 100%;
        max-height: 85vh;
        border-radius: 10px;
        display: block;
        margin: 0 auto; 
    }

    .media-slider-section .popup-close {
        position: absolute;
        top: -15px;
        right: -15px;
        background: #fff;
        color: #000;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        cursor: pointer;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
        transition: background 0.3s;
    }

    .media-slider-section .popup-close:hover {
        background: #000;
        color: #fff;
    }

    @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @keyframes scaleIn {
        from {transform: scale(0.9); opacity: 0;}
        to {transform: scale(1); opacity: 1;}
    }
    .tab-sec .nav-tabs li a.elementkit-nav-link{
        display:inline-block !important;
    }
    .ctablockgrid .elementor-widget-image{
            height: 100%;
    }
    .ctablockgrid .elementor-widget-image img{
            object-fit: cover;
            height: 100%;
    }
     .no-applications{
        text-align: center;
    }
.contact-content-box a,.contact-content-box a:hover {color:#FFF !important;}  
.contact-page-form .wpcf7 form .wpcf7-response-output{ margin: 20px 0 0 0;}
.addres-h-box li a,.addres-h-box li a:hover{color: #5D6371;}

#applyJobPopup .wpcf7 form.sent .wpcf7-response-output {display: block !important;margin-top: 15px;}
.contact-form-industry span.wpcf7-spinner{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 15px 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
.application-link a {
    position: absolute;
}
.agree-text .wpcf7-not-valid-tip{
    font-size: 16px;
}
.single-industries #second-section-id a.elementor-button.elementor-button-link.elementor-size-sm:focus{
    background:#13283c;
}
#clear-filters{
        margin: 0 auto;
}
.wpc-search-field-wrapper a.wpc-search-clear-icon{
    left: -60px !important;
    right: 0;
    top: -4px !important;
}
/****************Responsive*****************/
@media(min-width:1920px){
	.application-main-sec {
		margin: 0 auto;
		max-width: 1920px !important;
	}
}
@media(max-width:1800px){
    .application-slider .slick-prev{
        right: 390px;
    }
    .application-slider .slick-next {
        right: 305px;
    }
}
@media(max-width:1700px){
     .application-slider .slick-prev{
        right: 332px;
    }
    .application-slider .slick-next {
        right: 247px;
    }
}

@media(max-width:1600px){
     .application-slider .slick-prev{
        right: 278px;
    }
    .application-slider .slick-next {
        right: 194px;
    }
}
@media(max-width:1500px){
     .application-slider .slick-prev{
        right: 233px;
    }
    .application-slider .slick-next {
        right: 149px;
    }
    .single .container-singel, .single .container {
        max-width: 1200px;
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }
    .single-box-img img {
        width: 352px;
        object-fit: cover;
    }
    .leadership-team-info:after{
        height: 22px;
        width: 23px;
    }
    .product-request.contact-page-form .contact-form-wrapper select {
        padding: 15px 0px 15px 10px;
    }
    .fullpage-404{
            min-height: 70vh;
    }
    .fullpage-404 h1 {
        font-size: 70px !important;
    }
    .whypartner-main .elementor-element {
        min-height: 340px;
    }
     .timeline-slider {
        margin-left: 135px;
    }
    .addres-h-box a {
        line-break: anywhere;
    }
}
@media(max-width:1400px){
     .application-slider .slick-prev{
        right: 187px;
    }
    .application-slider .slick-next {
        right: 100px;
    }
     .timeline-slider {
        margin-left: 90px;
    }
    .banner-icon{
        width: 40px;
        height: 60px;
        transform: translateX(0%);
    }
    .banner-icon .elementor-icon{
        font-size: 20px !important;
    }
    .addres-h-box li:first-child {
        max-width:90%;
    }
    .main-header .elementskit-dropdown>li>.elementskit-dropdown {
        left: 100%;
        top: 4px !important;
    } 

}
@media(max-width:1300px){
     .application-slider .slick-prev{
        right: 138px;
    }
    .application-slider .slick-next {
        right: 54px;
    }
}
@media(max-width: 1366px){
	.eventslider .location-date span{
		font-size: 12px;
    	line-height: 13.93px;
	}
   #popmake-5023.pum-theme-3080 .pum-container, .pum-theme-lightbox .pum-container{
        padding: 20px !important;
    }
     .timeline-slider {
        margin-left: 130px;
    }
    
}
@media(max-width:1300px){
    .timeline-slider {
        margin-left: 80px;
    }
}
@media(max-width:1275px){
	#application-filter .alphabet-filter{
		overflow-x: scroll; padding-bottom:20px;
	}
    .chamber-accordion{
        gap: 50px;
    }
    .accordion-image{
        width: calc(50% - 50px);
    }
    .accordion-block{
        max-width: calc(50% - 50px);
    }
    #application-filter .alphabet-filter{
            justify-content: start;
    }
     
}
@media(max-width:1250px){
    .timeline-slider {
        margin-left: 40px;
    }
}
@media(min-width: 1400px){
	.addres-h-box br{
        display: none;
    }
}
@media(max-width: 1199px){
   .main-header ul.elementskit-navbar-nav {gap: 15px;}
   .main-header .elementskit-navbar-nav>li>a{font-size:12px !important;}
   .main-header .sub-to-submenu ul.elementskit-dropdown{left:unset;right:0;}
	.eventslider .content-box{
		    padding: 15px;
			padding-top:0px;
	}
	.eventslider .title .event-title{
		    font-size: 14px;
			padding-top: 16px;
	}
	.eventslider .know-btn a{
		font-size: 14px;
    	line-height: 11.37px;
	}
	.eventslider .know-btn a::before{
		top: 53%;
	}
	.eventslider .eventslider{
		gap: 13px;
        flex: 0 0 calc((100% - (13px * 3)) / 4);
	}
	 .application-slider .slick-prev{
        right: 101px;
    }
    .application-slider .slick-next {
        right: 18px;
    }
    .application-slider .slick-arrow{
            top: -33px;
    }
    .blog-detail-div-bottom .blogtitle-main h2{
        font-size: 28px;
    }
    .blog-detail-div-bottom{
        padding-top: 55px;
        padding-bottom: 0px;
    }
    .blog-detail-div-bottom .container {
       padding: 0px 15px;
    }
}
@media(max-width:1076px) and (min-width:768px){
    .single-industries .application-slider  button.slick-arrow {width:55px !important;height:55px !important;display:block !important;top:-90px;}
    .single-industries .application-slider button.slick-prev {right:90px !important;}
}
@media(max-width:1075px){
	.eventslider .slick-list {
		margin: 0 -10px;
	}
	.eventslider .slick-slide {
		margin: 0 10px; /* left + right = 20px total gap */
	}
	.eventslider .slick-arrow {
    	position: absolute;
       bottom: -12px;
	}

	.eventslider .slick-prev {
		left: 47%;
		transform: translate(-50%, -50%);
		height: 67px;
		width: 67px;
		border-radius: 33px;
		background-color: transparent;
		border:2px solid #5E778F;
		font-size:30px;
		color:#5E778F;
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-3.png');
        background-repeat: no-repeat;
        background-position: center center;
	}
    .eventslider .slick-prev:hover{
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-5.png');
         background-repeat: no-repeat;
        background-position: center center;
        background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;

    }
	.eventslider .slick-next {

		left: 56%;
		transform: translate(-50%, -50%);
		height: 67px;
		width: 67px;
		border-radius: 33px;
		background-color: transparent;
		border:2px solid #5E778F;
		font-size:30px;
		color:#5E778F;
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-4.png');
        background-repeat: no-repeat;
        background-position: center center;
	}
    .eventslider .slick-next:hover{
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-6.png');
         background-repeat: no-repeat;
        background-position: center center;
        background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;

    }
	.eventslider .slick-arrow:hover{
		background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;

	}
	.eventslider{
		padding-bottom:145px;
	}
	.application-slider .slick-prev{
        display:none !important;
    }
    .application-slider .slick-next {
       display:none !important;
    }
	#application-filter .application-list .application-item-title a{
		font-size: 18px;
	}
	#application-filter .alphabet-filter a{
		font-size: 17.78px;
	}
	#application-filter .application-list .application-item-img img{
		/* height: 315px; */
		height: 100%;
	}
	#application-filter .application-list .application-item-title{
		width: 218px;
	}
	#application-filter .application-list .application-item-title{
		font-size: 18px !important;
	}
    .cpt-items-grid.industries-item h3{
        font-size: 18px;
    }
    .single-box-img img {
        width: 300px;
        object-fit: cover;
    }
    .suppliers-slider .suppliers-Item {
        width: 30%;
    }
    .suppliers-slider{
        justify-content: center;
    }
    .customers-slider .slick-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 30px;
        list-style: none;
    }
    .customers-slider .slick-dots li {
        margin: 0;  
    }
    .customers-slider .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #C9D2DC; /* light gray */
        border: none;
        font-size: 0; /* hide text (1, 2, 3) */
        cursor: pointer;
        transition: all 0.3s ease;
        padding:0 !important;
    }
    .customers-slider .slick-dots li.slick-active button {
        background: #F59B23; /* orange active dot */
        transform: scale(1.2);
    }
    .leadership-team-info:after{
        top: 10px;
    }
    .fullpage-404 {
        min-height: 50vh;
    }
    .addres-h-box li:first-child {
        max-width: 100% ;
    }    
    .br-removed p br{
        display: none;
    }
    .addres-h-box a {
        line-break: auto;
    }
}


@media(min-width: 1025px){
  .main-header .elementskit-navbar-nav>li>a{padding:0px !important;}
  /* .main-header ul.elementskit-dropdown .elementskit-dropdown:before {
    content: '';
    background: rgba(93,99,113,0.5);
    width: 1.5px;
    height: 100%;
    display: block;
    position: absolute;
    left:0;
  } */
  /* .main-header ul.elementskit-dropdown .elementskit-dropdown:after {
      content: "\e876";
      font-family: elementskit !important;
      speak: none;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      background:#fff !important;
      position:absolute;
      left:-4px;
      top: 15px;
      line-height: 19px !important;
      font-size:20px !important;
      color: rgba(93,99,113,0.5);
  } */
   .main-header .sub-to-submenu ul li a .elementskit-submenu-indicator {
    position: absolute !important;
    right: 20px;
    transform: rotate(-90deg);
    font-size: 12px !important;
  }
  .main-header .sub-to-submenu ul.elementskit-dropdown>li a{padding-right:50px !important;}
.main-header .sub-to-submenu ul.elementskit-dropdown ul.elementskit-dropdown>li a {padding-right:20px !important;}

 
}

@media(min-width: 1451px){
  /* .main-header ul.elementskit-dropdown .elementskit-dropdown li{padding-left:20px !important;} */
  .main-header .sub-to-submenu ul.elementskit-dropdown ul.elementskit-dropdown>li{padding-left:0 !important;}
}

@media(max-width:1450px){
.main-header ul.elementskit-dropdown li a {
    padding: 7px 12px !important;
}
  .main-header ul.elementskit-dropdown .elementskit-dropdown li{padding-left:0 !important;}
  .main-header ul.elementskit-dropdown{
    min-width: 165px !important;
    max-width: 170px;
  }
  .main-header ul.elementskit-dropdown li a {
    white-space: break-spaces;
}
.main-header .sub-to-submenu ul li a .elementskit-submenu-indicator {
    right: 9px;
}
.product-request .popup-title{
        font-size: 25px !important;
}
}
@media(max-width: 1024px){
  html #wpadminbar{height:46px !important;}
  .elementskit-menu-overlay {opacity: 0 !important;visibility: hidden !important;}
  body.mobile-menu-active .ekit-template-content-header::after {
        opacity: 1;
        visibility: visible;
  }
  body .ekit-template-content-header::after {
        content: "";
        height: 100%;
        width: 100%;
        display: block;
        position: fixed;
        background-color: rgb(0 0 0 / .8);
        z-index: 9;
        top: 116px;
        left: 0%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
  .product-finder-btn a.elementor-button {padding: 14px 12px !important;}
  .product-finder-btn a.elementor-button .elementor-button-content-wrapper{gap:5px !important;}
  .header-logo.elementor-widget-image img{max-height:58px;object-fit: contain;object-position: left center;}
  .main-header .elementskit-menu-offcanvas-elements{right:0;left: auto !important;top:116px !important;-webkit-transition: width 0.5s linear !important;
-o-transition: width 0.5s linear !important;
transition: width 0.5s linear !important; width:0px !important;}
  .main-header .elementskit-menu-offcanvas-elements.active{right:0;left: auto !important;width:100% !important;}
  .main-header .elementskit-menu-container .elementskit-nav-identity-panel {display: none;}
  body.admin-bar .main-header .elementskit-menu-offcanvas-elements{top:calc(116px + 32px) !important;}
  body.mobile-menu-active .elementskit-menu-hamburger i:before{content: "\e9a5" !important;}
  body.mobile-menu-active{overflow-y: hidden;}
  .main-header .elementskit-navbar-nav{background-color: var(--white) !important;}
  .main-header .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator{padding: 5px;border: 0px;font-size: 12px !important;}
  .main-header .elementskit-navbar-nav>li>a{padding:3px 0px !important;background-color: transparent !important;font-size: 14px !important;line-height:20px;margin:18px 16px !important;}
  .main-header .elementskit-navbar-nav>li{border-bottom:1px solid rgba(216, 222, 237, 1);}
  .main-header .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a{height: auto !important;}
  .main-header .elementskit-navbar-nav{display: flex;flex-direction: column;justify-content: start;}
  .main-header ul.elementskit-dropdown li a{padding:0px !important;margin: 18px 16px;}
  .main-header .elementskit-navbar-nav-default .elementskit-navbar-nav {overflow-y: auto;height: 100%;padding-bottom: 150px;}
  .main-header .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements{overflow-y: hidden;}
  .main-header .elementskit-menu-offcanvas-elements ul#menu-main-menu{border-top:1px solid rgba(216, 222, 237, 1);}
	
  .contact-page-form .form-field.with-countrycode .select-box { width: 211px !important;margin-right: 8px;}
  .timeline-slider {
    margin-left: 25px;
    }
    /* .core-main-destop{
        display: none;
  } */
  .core-velue-box{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .core-velue-box .elementor-image-box-img{
        margin-top: -76px !important;
  }
  .core-velue-box .elementor-image-box-wrapper {
    padding: 30px;
    }
   .core-velue-box h3.elementor-image-box-title {
        position: relative;
        padding-bottom: 10px;
    }
    .core-velue-box h3.elementor-image-box-title:before {
        content: '';
        position: absolute;
        background-color: #F7941D;
        width: 50%;
        height: 2px;
        top: auto;
        left: 0;
        bottom: 0px;
        margin: 0 auto;
        right: 0;
    }
    #popmake-6457.pum-container.pum-responsive.pum-responsive-small{
        width: 80%;
    }
    .chemical-section .NormalTextRun{
        word-wrap: anywhere !important;
    }
    .casestudy-box{
            width: calc(50% - 20px);
    }
    .casestudies-list{
        justify-content: center;
    }
    .col-md-12{
        padding-right: 0;
        padding-left: 0;
    }
    .casestudy-box-wrap .box-content h3:before{
        top: 47px;
    }
    .casestudy-box-hover .box-content-1 h3:before{
        top: 37px;
    }
    .banner-icon{
        width: 40px;
        height: 60px;
        transform: translateX(0%);
    }
    .banner-icon .elementor-icon{
        font-size: 16px !important;
    }
    .banner-icon .elementor-icon-wrapper {
        position: relative;
        top: 2px;
    }
    .whypartner-main .elementor-element {
        min-height: 360px;
    }
}
@media(max-width: 782px){
  body.admin-bar .main-header .elementskit-menu-offcanvas-elements{top:calc(116px + 46px) !important;}
}
@media(max-width: 991px){
    .inner-breadcums nav.breadcrumb{font-size: 12px;line-height:18px;}
	.contact-page-form .contact-form-wrapper {display: flex;gap: 8px;flex-direction: column;}
	.eventslider .slick-prev{
		left: 45%;
	}
	.Industries-content .Industries-p{
		width: 290px;
	}
	.Industries-content .Industries-heading{
		width: 290px;
	}
    .cpt-items-grid.industries-item{
        grid-template-columns: repeat(2, 1fr);
    }
    .industry-filter .category-btn{
        padding: 11px 8px !important;
    }
     .chamber-accordion{
        gap: 20px;
    }
    .accordion-image{
        width: calc(50% - 20px);
    }
    .accordion-block{
        max-width: calc(50% - 20px);
    }
    .chamber-accordion:before{
        height: 90%;
    }
    .accordion-title{
            padding: 20px 0px;
    }
    .ctablockgrid .elementor-widget-image img {
        object-fit: fill;
        height: 100%;
    }
    .cta-region .cta-remove-bg{background-image: none !important;}
    .cta-region .e-con-full.e-flex{width: 100% !important;}
}
@media(max-width: 992px){
     .Industries-tab {
        height: 600px; 
    } 
    .leadershipteam .slick-arrow {
       position: absolute;
        bottom: -140px;
        top: auto;
        display: block !important; 
    }
    .leadershipteam .slick-prev {
		left: 47%;
		transform: translate(-50%, -50%);
		height: 67px;
		width: 67px;
		border-radius: 33px;
		background-color: transparent;
		border:1px solid #5D6371;
		font-size:30px;
		color:#5D6371;
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-3.png');
        background-repeat: no-repeat;
        background-position: center center;
	}
    .leadershipteam .slick-prev:hover{
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-5.png');
         background-repeat: no-repeat;
        background-position: center center;
        background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;
    }
	.leadershipteam .slick-next {
		left: 56%;
		transform: translate(-50%, -50%);
		height: 67px;
		width: 67px;
		border-radius: 33px;
		background-color: transparent;
		border:1px solid #5E778F;
		font-size:30px;
		color:#5E778F;
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-4.png');
        background-repeat: no-repeat;
        background-position: center center;
	}
    .leadershipteam .slick-next:hover{
        background-image: url('https://staging.project-in-progress.com/prakash-chemical/wp-content/uploads/2025/10/Vector-6.png');
         background-repeat: no-repeat;
        background-position: center center;
        background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;
    }
	.leadershipteam .slick-arrow:hover{
		background-color:#F7941D;
		border-radius: 33px;
		border:none;
		cursor:pointer;
	}
    .leadershipteam .slick-prev {
        left: 40%;
    }
    .leadershipteam .slick-next {
        left: 62%;
    }
    .region-title br{
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .industry-accodian-5p .Industries-content,
    .industry-accodian-5p .Industries-content .Industries-heading,
    .industry-accodian-5p .Industries-content .Industries-p{width:350px !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .industry-accodian-5p .Industries-tab{transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s !important;}
    .industry-accodian-5p .Industries-content{width: 100%;left: 0;right: 0;padding: 0px 10px;}
    .industry-accodian-5p .Industries-content .Industries-heading,
    .industry-accodian-5p .Industries-content .Industries-p{width:100%;}
}
@media(min-width: 768px){
   .footer-contactinfo .elementor-widget-divider>div{height:100%;width: 1px;background: rgba(255, 255, 255, 0.5);}
   .footer-contactinfo .elementor-widget-divider{max-width: fit-content !important;max-width: -webkit-fit-content;max-width: -moz-fit-content;}
   .footer-contactinfo .elementor-widget-icon-box{min-width: -webkit-fit-content !important;min-width: -moz-fit-content !important;min-width: fit-content !important;}
   .footer-contactinfo .elementor-widget-icon-box.footer-address{min-width:auto !important;}
}
@media(max-width: 767px){
  .footer-contactinfo .elementor-widget-icon-box:before{
    top: auto;
    left: auto;
    right: auto;
    bottom: -20px;
    width: 100%;
    height: 1px;
  }
  .footer-contactinfo .elementor-icon-box-wrapper {display: flex !important;flex-wrap: nowrap;flex-direction: row !important;gap: 20px !important;}
  .footer-contactinfo .elementor-icon-box-icon {margin-bottom: 0px !important;}
  .footer-contactinfo .elementor-icon-box-content{width: 100%;}
  .contact-page-form .form-field.with-countrycode .form-item {width: 100%;}
	
  .home-form-sec {width: 90%;margin: 0px  auto;position: relative;bottom: unset !important;margin-top:-280px;}
	.eventslider .slick-next{left: 57%;}
	.eventslider .slick-prev{left: 44%;}
	.Industries-accordion {
		flex-direction: column;
		gap: 4px;
	}

	.Industries-accordion .Industries-tab {
		height: auto;
		width: 100% !important;
		padding: 0px;
	}

	.Industries-accordion .Industries-content {
		width: 100%;
		position: relative;
		padding: 173px 28px 28px 28px;
		top: unset;
        bottom: unset;
		opacity: 1 !important;
	}

	.Industries-accordion .Industries-strait-heading {display: none;}

	.Industries-accordion .Industries-tab:hover {
		width: unset;
	}

	.Industries-accordion .Industries-content .learn-btn {
		display: inline-block;
		font-size: 12px;
		padding: 10px 37px 10px 16px;
	}

	.Industries-accordion .Industries-content .Industries-heading {
		font-size: 18px !important;
	}

	.Industries-accordion .Industries-content .line {
		margin: 11px 0px;
	}
	#application-filter .application-list{
		grid-template-columns: repeat(2, 1fr);
	}
	#application-filter .application-list .application-item-title {
		width: 240px;
	}
    .industry-filter .category-buttons.desktop-view {
        display: none;
    }
       
    .industry-filter .category-dropdown.mobile-view {
        display: block;
        width: 100%;
    }
    .industry-shortcode-wrapper{width: 100%;}
    .industry-filter .category-dropdown.mobile-view .custom-dropdown {position: relative;width:100%;margin-bottom: 30px;}
     .industry-filter .category-dropdown.mobile-view .selected-item{width: 100%;padding: 12.5px 14px;border: none;font-size: 14px;font-family: 'Inter';font-weight: 500;color: #FFFFFF;background-color: #F7941D !important;appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url('./images/arrow-down-white.svg');background-repeat: no-repeat;background-position: right 10px center;background-size: 14px; border: 1px solid #f7941d;cursor: pointer;}
    /* .industry-filter .category-dropdown.mobile-view .selected-item.open{background-image: url('./images/arrow-down-white-rotate.svg');} */
    .industry-filter .category-dropdown.mobile-view .dropdown-list {display: none;position: absolute;width: 100%;border: 1px solid #ccc;background: #fff;z-index: 10;list-style-type: none;margin: 0px;padding: 0px;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);overflow: visible;}
    .industry-filter .category-dropdown.mobile-view .dropdown-list li {padding: 10px;cursor: pointer;color: #0D0D0D;}
    .industry-filter .category-dropdown.mobile-view .dropdown-list li:hover {background: #f7941d;color: #fff;}
    .industry-filter .category-dropdown.mobile-view .dropdown-list {list-style-type: none;margin: 0px;padding: 0px;border: 1px !important;box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 30%);overflow: visible;}
    .industry-filter .category-dropdown.mobile-view select {
        width: 100%;
        padding: 12.5px 14px;
        border: none;
        font-size: 14px;
        font-family: 'Inter';
        font-weight: 500;
        color: #FFFFFF;
        background-color: #F7941D !important;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: url('./images/arrow-down-white.svg');
        background-repeat: no-repeat;
        background-position: right 10px center; /* position of arrow */
        background-size: 14px; 
        margin-bottom: 30px;
    }
     .leadership-team-info:after{
        top: 10px;
        height: 22px;
        width: 22px;
    }
	.application-list-sec + .application-list-sec {margin-top: 12px;}
    #popmake-6457.pum-container.pum-responsive.pum-responsive-small {width: 90%;}
    .result_hover .casestudy-box-wrap + .casestudy-box-hover{height: 100%;}
    .casestudy-box:nth-child(4n) .casestudy-box-wrap + .casestudy-box-hover,
    .casestudy-box:nth-child(5) .casestudy-box-wrap + .casestudy-box-hover,
    .casestudy-box:nth-child(6) .casestudy-box-wrap + .casestudy-box-hover {
        right: 0;
        top: 0;
        bottom:0; 
    }
    .whypartner-main .elementor-element {
        min-height: auto;
    } 
    .pum-theme-lightbox .pum-container{
        top: 30px !important;
    } 
    .flavour-box-list .elementor-widget-image-box{
        height: auto;        width: 47%;
    }
    /* SLider Issue */
    .application-sec .application-title{
        left:0 !important;
        right: 0 !important;
        transform:none !important;
        bottom:20px !important;
    }
    .application-sec .slick-center .application-img-title-box .application-title{
        transform: translateY(-40px) !important;
    }
    .application-sec .application-img img,
    .application-img{height:100% !important;}
    .addres-h-box li span br{
        display: none;
    } 
    .addres-h-box a{
        display: initial !important;
    } 
    .addres-h-box li a{
        display: initial !important;
    }
}
@media(max-width:650px){
    

    .eventslider .slick-prev {
        left: 42%;
    }
    .eventslider .slick-next {
        left: 59%;
    }
    .timeline-arrows .custom-arrow{
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }
    .single-box-img img{
        width: 100%;
        object-fit: cover;
    }
    .single-box-img{
        gap: 1px;
    }
    .singel-bottom-section{
            padding: 50px 30px !important;
    }
    .singel-bottom-section .row .col-9 {
        width: 100%;
    }
    .singel-bottom-section .row .col-3 {
        width: 100%;
        text-align: end;
    }
    .singel-bottom-section .row {
        display: flex;
        flex-wrap: wrap !important;
    }
    .singel-bottom-section .row{
        gap: 35px;
    }
    .singel-bottom-section .row .col-3{
        text-align: center;
    }
    .singel-bottom-section{
            background-position: bottom left, right top;
    }
    .sinlge-author-box{
        flex-wrap: wrap;
         gap: 20px;
    }
    .single .singel-bottom-section h2{
        font-size: 28px;
        line-height: 33px;
    }
    .acf-tabs-main{
        min-height: 100% !important;
    }
    .leadershipteam .slideItem:nth-child(even) {
        margin-top: 0 !important;
    }
    .casestudy-box {
        width: calc(100% - 0px); 
    }
    .fullpage-404 {
        min-height: 80vh;
    }
    .fullpage-404 h1{
            font-size: 50px !important;
    }
    .single-image-box {
        padding-bottom: 40px;
    }
    .single-date{
        margin-bottom: 20px;
    }
    .media-slider-section .swiper-slide:nth-child(even){
        margin-top: 0px !important;
    }
    .chamber-accordion{
            display: block;
    }
    .accordion-image {
        width: calc(100% - 0px);
    }
    .accordion-block {
        max-width: calc(100% - 0px);
    }
    .chamber-accordion:before{
        display: none;
    }
    .accordion-title .title{
        font-size: 18px;
    }
    .accordion-content p{
        font-size: 16px;
    }
    .pum-container.pum-responsive{
        width: 90% !important;
    }
     .manufacturing-first-col-row .col-1{
        order: 2;
    }
    .manufacturing-first-col-row .col-2{
        order: 1;
    }
    .media-slider-section{
        padding: 0px 0;
    }
}
@media(max-width: 580px){
    .eventslider .slick-list{padding:0 25% 0 0 !important;}
     .eventslider .slick-prev {
        left: 40%;
    }
    .eventslider .slick-next {
        left: 61%;
    }
	#application-filter .application-list{
		grid-template-columns: repeat(1, 1fr);
	}
	#application-filter .application-list .application-item-img img {
        /* height: 440px; */
        height: 100%;
    }
	#application-filter #application-list {
		margin-top: 30px;
		margin-bottom: 30px;
	}
    .cpt-items-grid.industries-item {
        grid-template-columns: repeat(1, 1fr);
    }
    .timeline-slider {
        margin-left: 0px;
    }
    .timeline-slider h3.elementor-image-box-title {
        border-top: 2px solid rgb(255 255 255 / .3);
        font-size: 32px;
        font-weight: 800;
        color: #FFFFFF;
        padding-top: 30px;
        line-height: 38px;
        padding-bottom: 20px;
    }
}
@media(max-width: 480px){
.contact-content-box .elementor-image-box-wrapper {
    display: flex;
    gap: 5px;
}
  .eventslider .slick-prev {
        left: 39%;
    }
    .eventslider .slick-next {
        left: 62%;
    }
    img.tabing-img {
        /* width: 140px !important; */
        width: 100% !important;
    }
    .tabing-inner-img{
        justify-content: space-between;
    }
    .popup-box-img-col {
        width: 100%;
        padding-bottom: 10px; 
    }
    .popup-box-content-col {
        width: 100%;
    }
    .main-popup-box{
        display: block;
    }
}


.productPopupBody .contentBlock .wpc-filter-product_id, .productPopupBody .contentBlock .wpc-filter-product_data{display:none !important;}
.iconTopMenu .elementor-icon-list-items.elementor-inline-items {display: flex;    list-style-type: none;margin: 0;}