/* 226 */


@media screen and (min-width: 240px) and (max-width: 991px) {

  .hover-effect:after {
    content: none;
    color: var(--tc-theme-primary);
    position: absolute;
    opacity: 0;
    left: -20px;
    transition: 0.5s;
    color: blue;
  }
  .hover-effect:hover {
    opacity: 1 !important;
    left: 10px;
}
 

  .drop-accordion .drop-according-header {
    font-size: 14px;
  }

  .bread-crumb.box-banner {
    padding: 0px;
  }
  .bread-crumb.box-padding {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-section .paragraph-base {
    padding-right: 0px;
    margin-bottom: 15px;
  }


  .benefits-section .dropdown-toggle {
    font-size: 14px;
  }
  .footer-images .footer-logo {
    width: 70%;
  }
  .container {
    padding: 0px 30px;
  }
  .section-footer {

    padding: 20px 20px;
  }
  .footer-bottom {
    align-items: center !important;
  }

  .section-footer .container {
    padding: 0px;
  }

  .grid-listing {
    grid-template-columns: repeat(1, 1fr);
  }
  .start-today {
    margin: 12px;
    padding: 60px 15px;
  }
  .improvement .about-content {
    flex-direction: column;
  }
  .tab-section #expoundTabs {
    display: flex;
    overflow: scroll;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    scroll-padding-left: 10px;
  }
  .tab-section h3 {
    font-size: 30px;
  }
  .card-pricing .bottom-pricing {
    padding: 0px;
  }

  .Expound-features .heading-lg {
    font-size: 18px;
  }

  .tab-section .card-pricing .fa {
    font-size: 25px;
  }
  .technologies-section p {
    margin-top: 15px;
    text-align: center;
  }

  .announce h2 {
    font-size: 16px;
    line-height: 25px;
  }

  .contact-section .info-contact {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .chemical-services-section {
    /* padding: 45px 0px; */
    padding: 30px 0px;
  }
  .chemical-services-section .service-item {
    font-size: 13px;
  }

  .chemical-services-section .container {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }

  .transformation-section {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .chemical-industry .left-content {
    padding-right: 0px;
  }
  .chemical-industry {
    padding: 30px 20px;
    gap: 10px;
  }

  .benifit-section {
    padding: 15px 20px;
  }
  .benifit-section .page-content-box {
    flex-direction: column;
  }

  .chemical-contact {
    padding: 90px 0px;
    text-align: center;
  }

  .chemical-industry .right-content {
    padding-left: 0px;
  }
  .features-photo-desc {
    padding: 120px 20px;
  }
  .features-photo-desc .container {
    align-items: center;
  }
  .gridient-heading-section .container {
    flex-direction: column;
    padding: 0px;
    gap: 25px;
  }
  .gridient-heading-section {
    padding: 45px 20px;
  }
  .sap-services-section {
    padding: 120px 0px;
  }
  .service-number {
    /* width: 15%; */
  }
  .services-list li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-content .ps-5 {
    padding-left: 0px !important;
  }
  .Expound-features .nav-tabs {
    text-align: left;
    /* padding-left: 165px; */
  }
  .four-part-section .four-part-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .about-page-section .heading-3xl {
    font-size: 30px !important;
  }

  .location-section .location-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .location-section {
    margin: 40px 20px;
  }

  .job-opening-section {
    padding: 90px 20px;
  }
  .job-opening-section .cards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .contact-banner-section {
    padding: 120px 20px;
  }
  .contact-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .contact-lets-talk-section {
    padding: 90px 0px;
  }
  .job-section {
    padding: 30px 0px;
  }
  .job-section .container {
    padding: 0px;
  }
  .stats-section {
    padding: 90px 0px;
  }
  .tab-section .tab-content {
    /* padding: 0px; */
    text-align: justify !important;
  }
  .tab-section .tab-content ul {
    text-align: justify;
    padding-left: 15px;
  }
  .four-part-section .section-item h2 {
    font-size: 22px;
  }
  /* .tab-section h3 {
    font-size: 16px;
  } */

  .chemical-services-section .service-item {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    gap: 10px;
    /* flex-direction: column; */
  }

  .box-padding {
    height: 45vh;
  }
  .banner-small-title {
    margin-bottom: 0px;
    font-size: 14px;
  }
  .title-banner {
    font-size: 30px !important;
    margin-bottom: 11px;
  }
  .btn-primary {
    padding: 12px 20px;
    font-size: 14px;
    margin-right: 25px;
  }
  .btn-border-white {
    padding: 12px 20px;
    font-size: 14px;
  }
  .box-agency {
    padding: 60px 0px 80px 0px;
  }
  .about-section img {
    /* height: 250px; */
    object-fit: cover;
    /* margin-top: 20px; */
  }
  .start-today .card-info p {
    text-align: center;
  }
  .improvement {
    padding: 15px 20px;
    /* text-align: center; */
  }
  .improvement h5 {
    font-size: 22px;
    text-align: center;
  }
  .improvement p {
    text-align: center;
  }
  .tab-section #expoundTabs li {
    font-size: 15px;
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    margin: 0px 0%;
    border: none !important;
    flex-grow: 0;
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 10px; /* Ensures full visibility */
  }

  /* Hide scrollbar for WebKit browsers (Chrome, Safari) */
  .tab-section #expoundTabs {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent; /* Track & thumb color */
    display: flex;
    justify-content: space-around !important;
    width: 100%;
  }

  /* WebKit Browsers */
  .tab-section #expoundTabs::-webkit-scrollbar {
    width: 6px; /* Adjust width as needed */
  }

  .tab-section #expoundTabs::-webkit-scrollbar-thumb {
    background-color: transparent; /* Transparent scrollbar thumb */
  }

  .tab-section #expoundTabs::-webkit-scrollbar-track {
    background-color: transparent; /* Transparent scrollbar track */
  }

  .technologies-section .container {
    padding: 0px;
  }
  .technologies-section .option-btn {
    font-size: 14px;
  }

  .announce .container {
    padding: 0px;
  }
  .contact-section .info-contact .heading-3xl {
    font-size: 16px !important;
  }
  .bread-crumb {
    height: 30vh;
    font-size: 18px;
  }
  .benefits-section .heading-3xl {
    font-size: 30px;
  }
  .transformation-section .left-content {
    max-width: 100%;
    padding: 0px 60px;
  }
  .section-heading {
    font-size: 27px !important;
  }
  .chemical-contact p {
    width: 100%;
  }
  .bread-crumb h1 {
    font-size: 23px;
  }
  .features-photo-desc {
    padding: 15px 20px;
  }
  .features-photo-desc .container {
    padding: 0px;
  }
  .improvement .container {
    padding: 0px;
  }
  .location {
    text-align: center;
  }
  .contact-lets-talk-section .container {
    padding: 0px 16px;
  }
  .contact-lets-talk-section .contact-form {
    padding: 20px;
  }
  .box-agency {
    padding: 45px 20px;
  }
  .box-agency .container {
    padding: 0px;
  }
  .about-section.diversity-banner img {
    height: 100%;
  }
  .chemical-industry .right-content {
    text-align: justify;
  }
  .diversity-sec-2 {
    padding-bottom: 20px;
  }

  .col-reverse-class {
    flex-direction: column-reverse !important;
  }
  .improvement .about-content {
    text-align: justify;
  }
  .stats-section .stat-card {
    width: 100%;
  }
  .chemical-contact {
    padding: 50px 0px;
  }

  .tab-section {
    padding: 15px 15px;
  }
  .tab-section .container {
    padding: 0px;
  }
  .tab-section .tab-content.eng-tab {
    padding: 0px;
  }
  .chemical-industry.long-content-section .container {
    flex-direction: column;
    gap: 30px;
    padding: 0px;
  }
  /* .chemical-industry.long-content-section .container ul {
    padding-left: 20px;
  }
  .mill-pading-tab.tab-section #expoundTabs {
    padding-left: 210px;
  }
  .auto-pading-tab.tab-section #expoundTabs {
    padding-left: 420px;
  }

  .eng-padding-tab.tab-section #expoundTabs {
    padding-left: 400px;
  }

  .media-pading-tab.tab-section #expoundTabs {
    padding-left: 481px;
  }

  .retail-padding-tab.tab-section #expoundTabs {
    padding-left: 273px;
  } */

  /* .raw-padding-tab.tab-section #expoundTabs {
    padding-left: 190px;
  } */
  .page-heading-box {
    padding: 20px 5px;
  }
  .transformation-section .get-started-btn {
    padding: 10px 20px;
    font-size: 16px;
  }
  .transformation-section .left-content h1 {
    font-size: 20px;
  }
  .box-title-top {
    margin-bottom: 20px;
  }
  .box-about-us {
    padding: 45px 20px;
  }
  .transformation-section .right-content {
    padding: 0px;
  }
  .benifit-section .benefit-list span {
    text-align: start;
  }
  .normal-buttons {
    margin: auto;
  }
  .index-box-section {
    padding: 30px 15px;
  }
  .index-box-section .container {
    padding: 0px;
  }
  .index-heading-box {
    padding: 20px 5px;
  }
  .start-today h3 {
    font-size: 22px;
  }
  .start-today p {
    font-size: 16px;
  }
  .start-today .container {
    padding: 0px;
  }
  .technologies-section h3 {
    font-size: 22px;
  }
  .technologies-section .inner-container {
    padding: 0px;
  }
  .start-today .index-cards {
    margin-top: 0px;
  }
  .box-contacts {
    padding: 40px 15px;
  }
  .box-contacts.chemical-contact .btn {
    margin-top: 0px;
  }
  .box-contacts .container {
    padding: 0px;
  }
  .announce {
    padding: 60px 15px;
  }
  .coumn-gap {
    gap: 25px;
  }
  .services-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .pb-15-section {
    padding-bottom: 15px !important;
  }
  .pt-15-section {
    padding-top: 15px !important;
  }
  .long-content-section .services-list-2 {
    padding-left: 20px;
    gap: 5px;
  }
  .about-page-section .about-page-content-box h3 {
    margin-bottom: 30px;
  }
  .about-page-section .heading-3xl {
    padding-bottom: 30px;
  }
  .job-opening-section {
    padding: 30px 20px;
  }
  .box-about-us .container {
    padding: 0px;
  }
  .section-footer {
    padding: 40px 20px;
  }
}

@media screen and (min-width: 240px) and (max-width: 379px) {

 
  .box-padding {
    height: 70vh;
  }
  .btn-primary {
    margin-right: 10px;
  }
  .gridient-heading-section {
    padding: 20px 20px;
}
.bread-crumb {
  height: 25vh;
}
.breadcrumb{
  font-size: 14px !important;
 /* padding: 50px 0px !important; */

}
.section-heading {
  font-size: 20px !important;
}
.heading-3xl {
  font-size: 20px;
  line-height: 32px;
}
.about-page-section .heading-3xl {
  font-size: 20px !important;
}
.build-best .announce-heading {
  font-size: 23px;
}
.build-best p {
  font-size: 23px;
}
.tab-section h3 {
  font-size: 20px;
}
.heading-base {
  font-size: 14px;
}
.contact-link {
  font-size: 14px;
}
.contact-banner-section .contact-card h3 i {
  font-size: 35px;
}

}

@media screen and (min-width: 725px) and (max-width: 1025px) {

  /* .box-padding {
    height: 40vh;
  } */
  .btn-primary {
    margin-right: 10px;
  }
  /* .box-padding {
    height: 40vh;
  } */
  .grid-listing {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-cards {
    display: flex;
    flex-direction: row !important;
    align-items: center;
  }
  .card-blog {
    background: #fff;
    color: #333;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    height: 266px;
  }
  .tab-section {
    padding: 45px 0px;
  }
  .pb-15-section {
    padding-bottom: 30px !important;
  }
  .pt-15-section {
    padding-top: 30px !important;
  }
  .btn-border-white {
    font-size: 18px;
  }
  .bread-crumb {
    height: 25vh;
    height: 35vw;
  }
  .box-agency {
    padding: 60px 0px;
  }
  .chemical-industry {
    padding: 45px 20px;
  }
  .benifit-section {
    padding: 45px 20px;
  }
  .heading-3xl {
    font-size: 35px;

  }
   .tab-section .eng-cards-row{
    display: flex;
    flex-direction: row !important;
    height: 100%;
    align-items: stretch !important;
   }
  
  .tab-section .card-pricing {
    padding: 20px;
   padding-bottom: 0px;
  }
  .eng-tab-cards.card-blog{
    padding-bottom: 0px;
  }
  .features-photo-desc .container{
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
 
  }
  .features-photo-desc .card{
    
    width: 48%;

  }
  .service-number {
    /* width: 6%; */
  }
  .improvement h5{
    margin-top: 15px;
  }
  .sap-services-section .page-heading-box {
    padding: 20px 30px;
  }
  .location-section .location-content-box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: stretch;
  }
  .location-section {
    padding: 20px 20px;
  }
  .transformation-section .left-content h1 {
    font-size: 30px;
  }
  .job-opening-section .cards-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: stretch;
  }
  .section-heading {
    font-size: 35px !important;
  }
  .contact-cards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: stretch;
  }
  .cs-section-final .info-contact {
    display: flex;
    flex-direction: row;
    max-width: 70%;
    width: 60%;
  }
  .stats-section .container {
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
  .stats-section .stat-card {
    width: 45%;
  }
  .stats-section .container {
    padding: 0px;
  }
  .job-section .job-listings {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .job-section .job-item {
    padding: 15px;
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer-bottom {
  align-items: center !important;
}
}


@media screen and (min-width: 992px) and (max-width: 1399px) {

  .footer-box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
  }
  .footer-box .footer-images {
    width: 100%;
  }
  .footer-box .footer-content {
    width: 100%;
  }

  
}

.two-number {

  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* .coumn-gap > div {

  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
} */

@media screen and (max-width: 991px)  {

  .coumn-gap{
    gap: 10px;
  }

   
}


.top-bar.top-section{
  width: 100%;

}

.navbar.laptop-navs{
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0px !important;
  position: fixed;
  top: 0;
}

.navbar.laptop-navs .container{
  padding: 15px 0px;
}


@media screen and (min-width: 240px) and (max-width: 991px) {
  .box-padding {
      height: 70vh;
  }
  .bread-crumb {
    height: 40vh;
  }
  
}


@media (max-height: 560px) {
    .box-padding {
        height: 100vh;
    }
}