.page-template-pillar-page .parallax-window {
  min-height: 360px;
  background: transparent;
}
@media (min-width: 769px) {
.page-template-pillar-page .featured-image {
    margin-top: 0;
    //background-attachment: fixed;
    max-height: 360px;
  }
}
.page-template-pillar-page .site-inner {
  padding: 0;
  max-width: 100%;
}
.inner-wrap {
  max-width: 1220px;
  margin: 0 auto;
  padding: 20px 40px;
}
.page-template-pillar-page .entry-title {
    max-width: 1220px;
    padding: 0 40px;
    margin: 50px auto 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}
@media (min-width: 960px) {
  .page-template-pillar-page .entry-title {
    font-size: 40px;
    line-height: 44px;
}
}
.pi-pillar-nav {
  background-color: #014260;
    margin:0;
}
.ppn-list {
  padding:0 !important;
  margin: 0 !important;
  text-align: center;

}
.ppn-list li {
  border-bottom: 1px solid #fff;
  list-style-type: none !important;
  padding: 0 !important;
   margin: 0 !important;
}
.ppn-list a {
  background-color: #014260;
  display: block;
  padding: 10px 50px;
  color: #ffffff !important;
  font-weight: 600;
}
.ppn-list a:hover, .ppn-list a.active { 
    background-color: #F67F21;
    color: #ffffff !important;
}
.ppn-list li.active a { 
    background-color: #F67F21 !important;
    color: #ffffff !important;
}
.pi-pillar-nav.mobile-hidden,.right-img.mobile-hidden {
  display: none;
}
.right-img {
  margin: 0 auto 20px;
  max-width: 465px;
  width: 100%;
}
.right-img img {
  display: block;
  vertical-align: top;
}
@media (min-width: 960px) { 
  .pi-pillar-nav {
  position: fixed;
  width: 100%;
  top: 94px;
  z-index: 999;
}
.ppn-list li { 
   border-bottom: 0;
   display: table;
}
.ppn-list a {
  padding: 10px 60px;
  display: table-cell;
  vertical-align: middle;
}
.ppn-list {
  display: flex;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto !important;
  list-style-type: none;
  padding: 0 40px !important;
}
.page-id-3323 .ppn-list li {
   width: 33.33%;
} 
.pi-pillar-nav.mobile-hidden,.right-img.mobile-hidden {
  display: block;
}
.pi-pillar-nav.desktop-hidden,.right-img.desktop-hidden {
  display: none;
}
.right-img {
  float: right;
  margin: 10px 0 9px 45px;
}
}

.left-content-right-img-module {
  background-color: #F7F7F7;  
  margin: 0 !important;
}
.left-content-right-img-module .inner-wrap {
  padding-top: 40px;
  padding-bottom: 15px; 
  padding-left: 0;
  padding-right: 0;
}
.lcri-heading {
   font-size: 28px;
   color: #014260;
   line-height: 32px;
   padding-left: 40px;
   padding-right: 40px;
}
@media (min-width: 960px) { 
.lcri-heading {
   font-size: 36px;
   line-height: 40px;
   padding-left: 0;
   padding-right: 0;
}
.left-content-right-img-module .inner-wrap {
  padding-left: 40px;
  padding-right: 40px; 
}
  }
.lcri-text {
  color: #333333;
   padding-left: 40px;
  padding-right: 40px; 
}
@media (min-width: 960px) { 
.lcri-text {
  padding-right: 0;
  padding-left: 0;
}
  }
.lcri-items-wrap {
   
}
.lcri-item {
   background-color: #014260;
   margin-bottom: 25px;
   padding: 40px 49px 40px 50px;
   border: 1px solid rgba(0,0,0,0.1);
   overflow: hidden;
}
@media (min-width: 960px) {
.lcri-item {
   padding: 40px 49px 20px 50px;
   border-radius: 10px;
}
  }
.lcri-item p { 
  color: #ffffff;
}
.lcri-item:nth-of-type(2n) p {
    color: #333333;
}
.lcri-item ul {
   padding:0;
   margin: 0 0 16px 0;
   clear: none;
}
.lcri-item ul li {
  padding-left: 40px;
  list-style-type: none !important;
  background-image: url(https://teamocti.com/wp-content/uploads/2025/04/check-icon.png);
  background-size: 18px;
  background-position: 3px 5px;
  background-repeat: no-repeat;
  font-size: 15px;
  line-height: 29px;
  font-weight: 600;
  color: #ffffff;
}
.lcri-item:nth-of-type(2n) ul li {
  color: #333333;
}
.lcrii-title {
   font-size: 24px;
   line-height: 28px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 16px !important;
}
@media (min-width: 960px) { 
.lcrii-title {
   font-size: 32px;
   line-height: 36px;
}
  }
.lcri-item:nth-of-type(2n) .lcrii-title {
  color: #014260;
}
.lcrii-desktop-img {
   display: none;
   max-width: 415px;
   width: 100%;
}
.lcrii-mobile-img {
    max-width: 415px;
   width: 100%;
   margin: 0 auto;
}
.lcrii-mobile-img img {
   display: block;
   width: 100%;
   vertical-align: top;
}

.lcri-item:nth-of-type(2n) {
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,0.1);
}
@media (min-width: 960px) { 
  .lcrii-desktop-img {
    float: right;
    display: block;
    z-index: 1;
    position: relative;
    margin: 10px 0 30px 70px;
  }
  .lcrii-mobile-img {
   display: none;
}
}

/*=== tab css ===*/

 .accordion-tabs {
  padding-left: 0 !important;
}
.tab-header-and-content {
  padding-left: 0;
  padding-bottom: 0 !important;
  list-style-type: none !important;
}
.tab-link {
  display: block;
  color: #014260 !important;
  border: 1px solid #F67F21;
  border-top: 0;
  font-size: 16px;
  font-family: fieldwork;
  font-weight: 600;
  padding: 20px 20px 14px;
}
.tab-header-and-content:first-child .tab-link {
   border-top: 1px solid #F67F21;
}
.tab-link.is-active {
  background-color: #F67F21;
  color: #fff !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tab-link span {
  display: inline-block;
  vertical-align: top;
}
.pati-icon {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  min-width: 28px;
  text-align: center;
}
.pati-icon img {
  vertical-align: middle;
}
.pati-off-img {
  display: none;
}
.is-active .pati-off-img {
  display: inline-block;
}
.pati-on-img {
  display: inline-block;
}
.is-active .pati-on-img {
  display: none;
}
.tab-content {
  display: none;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.tab-content:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #313131;
   opacity: 0.85;
}
.pati-content {
  position: relative;
  z-index: 1;
  padding: 30px 40px 30px;
}
.pati-title {
  font-style: 30px;
  line-height: 36px;
  color: #fff;
}
.pati-content p {
   font-size: 15px;
   line-height: 24px;
   color: #fff;
} 
.pati-content p a {
   text-decoration: underline;
   color: #fff !important;
}
.pati-content p a:hover {
  text-decoration: none;
}
.pati-content ul {
  padding: 10px 5px 25px !important;
}
.pati-content ul li {
  padding-left: 40px;
  list-style-type: none !important;
  background-image: url(https://teamocti.com/wp-content/uploads/2025/04/check-icon.png);
  background-size: 18px;
  background-position: 3px 5px;
  background-repeat: no-repeat;
  font-size: 15px;
  line-height: 29px;
  font-weight: 600;
  color: #ffffff;
}
.pati-btn {
  background-color: #F67F21;
  border: 2px solid #F67F21;
  display: inline-block;
  vertical-align: top;
  border-radius: 6px;
  font-size: 15px;
  line-height: 23px;
  color: #fff !important;
  font-weight: 500;
  padding: 8px 28px 8px;
}
.pati-btn:hover {
     background-color: transparent;
     color: #fff !important;
}

@media (min-width: 960px) {
  .accordion-tabs {
  padding-left: 0 !important;
  text-align: center;
  background-color: #F67F21;
  margin: 0 !important;
}
.tab-header-and-content {
  display: inline;
}
.tab-link {
  display: inline-block;
  width: 30.5%;
  max-width: 380px;
}
.pati-off-img {
  display: inline-block;
}
.is-active .pati-off-img {
  display: none;
}
.pati-on-img {
  display: none;
}
.is-active .pati-on-img {
  display: inline-block;
}
.tab-link {
  border:none;
  padding: 22px 20px 20px;
  line-height: 26px !important;
  color: #fff !important;
  border-top: 1px solid #F67F21 !important;
  border-bottom: 1px solid #F67F21 !important;
  vertical-align: top;
}
.tab-link.is-active, .tab-link:hover {
  background-color: #fff;
  color: #014260 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #F67F21;
  border-bottom: 1px solid #F67F21;
}
.tab-link:hover .pati-on-img {
   display: inline-block;
}
.tab-link:hover .pati-off-img {
   display: none;
}
.tab-header-and-content:first-child .tab-link {
  border-top: none;
}
.tab-content {
  float: left;
  text-align: left;
  width: 100%;
}
.pati-content {
  position: relative;
  z-index: 1;
  padding: 55px 40px 55px;
  max-width: 1140px !important;
  margin: 0 auto;
}
.pillar-anchor {
  margin-bottom: 0 !important;
  padding-top: 168px;
  margin-top: -168px;
}
.pillar-tab-module::before, .pillar-tab-module::after {
  content: " ";
  display: table;
}
.pillar-tab-module::after {
  clear: both;
}
.pillar-tab-module .inner-wrap {
  padding-top: 48px;
  padding-bottom: 30px;
}
}
.left-content-right-img-bottom-module {
  background-color: #f7f7f7;
  border-bottom: 10px solid #f67f21;
}
.left-content-right-img-bottom-module .inner-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.lcribm-heading { 
   font-size: 28px;
   line-height: 32px;
   color: #014260;
   font-weight: 700;
}
.left-content-right-img-bottom-module p {
  color: #333333;
}
.lcribi-desktop-img {
   display: none;
   max-width: 465px;
   width: 100%;
}
.lcribi-mobile-img {
    max-width: 465px;
   width: 100%;
   margin: 0 auto;
}
.lcribi-mobile-img img {
   display: block;
   width: 100%;
   vertical-align: top;
}
.left-content-right-img-bottom-module ul {
  padding-left: 0 !important;
  margin-bottom: 16px !important;
}
.left-content-right-img-bottom-module ul li {
  padding-left: 40px;
  list-style-type: none !important;
  background-image: url(https://teamocti.com/wp-content/uploads/2025/04/check-icon.png);
  background-size: 18px;
  background-position: 3px 5px;
  background-repeat: no-repeat;
  font-size: 15px;
  line-height: 29px;
  font-weight: 600;
  color: #333333;
}
.lcribi-cta-wrap {
  margin-top: 40px !important;
  margin-bottom: 0 !important;
  text-align: center;
  clear: both;
}
.lcribi-cta {
  background-color: #F67F21;
  border: 2px solid #F67F21;
  display: inline-block;
  vertical-align: top;
  border-radius: 6px;
  font-size: 15px;
  line-height: 23px;
  color: #fff !important;
  font-weight: 500;
  padding: 8px 28px 8px;
}
.lcribi-cta:hover {
     background-color: transparent;
     color: #333333 !important;
}
@media (min-width: 960px) { 
  .lcribi-mobile-img {
    display: none;
  }
  .lcribi-desktop-img {
    display: block;
    float: right;
    z-index: 1;
    position: relative;
    margin: 5px 0 20px 75px;
  }
  .two-col-list {
  clear: none;
  width: calc(100% - 540px);
}
}
@media (min-width: 1200px) { 
.two-col-list {
  clear: none;
  -webkit-column-count: 2;
   -o-column-count: 2;
    column-count: 2;
}
}

@media (max-width: 767px) {
   .request-quote-cta-module {
    padding: 0 !important;
   }
   .request-quote-title {
    padding: 35px 33px 0px !important;
   }
   .request-quote-cta {
  padding: 0px 33px 20px !important;
}
}

/* Style for page - An Overview of High-Temperature Insulation Across Industries */

.high-temp-solutions{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/wp-content/uploads/2025/09/high-temperature-insulation-solutions-by-octi.png);
    margin: 0;
    border-bottom:10px solid #f67f21;
}
.aerospace-industry{
    background-color: #fff;
    margin: 0;
}

.data-center-industry{
    background-color: #F7F7F7;
    clear: both;
    margin: 0;
}

.racing-industry{
    background-color: #fff;
    margin: 0;
}

.fleet-commercial-industry{
    background-color: #F7F7F7;
    margin: 0;
}

.mining-industry{
    background-color: #fff;
    margin: 0;
}

.marine-industry{
    background-color: #F7F7F7;
    margin: 0;
}

.oil-gas-industry{
    background-color: #fff;
    margin: 0;
}

.power-generation-industry{
    background-color: #F7F7F7;
    margin: 0;
}

.power-generation-industry .pgi-intro{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.power-generation-industry .pgi-wrap{
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.power-generation-industry .pgiw-item{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    border-radius: 11px;
    background-color: #fff;
    padding: 30px;
}
.pgii-img{
    display: block;
    margin: 0 auto;
}
.pgii-img img{
    max-width: 430px;
    width: 100%;
}
.pgiw-img{
    display: block;
    margin:  0 auto;
}
.pgiw-item{
    text-align: center;
}
.htii-overview{
    background-color: #fff;
    margin: 0;
}
.htii-overview p, .power-generation-industry p, .oil-gas-industry p, .marine-industry p, .mining-industry p, .fleet-commercial-industry p, .racing-industry p, .data-center-industry p, .aerospace-industry p, .high-temp-solutions p{
    margin-bottom: 30px;
}
.img-right{
    display: block;
    margin: 0 auto 20px;
}
.img-right img{
    display: block;
    margin: 0 auto;
}
.pgii-content p{
  margin-bottom: 0;
}

  .htii-overview .inner-wrap{
    padding-top: 40px;
    padding-bottom: 20px;
  }
.power-generation-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.oil-gas-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.marine-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.mining-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.racing-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.fleet-commercial-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.data-center-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.aerospace-industry .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px;
}

.high-temp-solutions .inner-wrap{
  padding-top: 40px;
  padding-bottom: 20px; 
}

.rfq-pillar-custom{
  margin:0;
  text-align:center
}
.custom-pi-new{
  margin-top:30px !important;
}

.custom-pi-new .ppn-list li{
  display: block;
}

 .custom-pi-new .ppn-list li a{
    font-size:15px;
    line-height:21px;
    font-weight:bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .page-id-3615 .featured-image.parallax-window{
    background-position: 30% center !important;
  }

/* Media Query for above 640px Start */

@media (min-width: 640px) { 

  .custom-pi-new .ppn-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }
  .custom-pi-new .ppn-list li{
    display:flex;
    justify-content:center;
    flex-basis:50%

  }
  .custom-pi-new .ppn-list li a{
    padding:15px 25px;
  }

}
/* Media Query for above 640px End */


/* Media Query for above 768px Start */

@media (min-width: 768px) { 
  .htii-overview .inner-wrap{
    padding-top: 52px;
    padding-bottom: 50px;
  }

.oil-gas-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.marine-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.mining-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.racing-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.fleet-commercial-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.data-center-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.aerospace-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.power-generation-industry .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px;
}

.high-temp-solutions .inner-wrap{
  padding-top: 80px;
  padding-bottom: 50px; 
}

.rfq-pillar-custom{
  text-align:left;
}
  .power-generation-industry .pgi-wrap{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    .pgiw-item{
        flex-basis: 48%;
    }
    .htii-overview .inner-wrap{
        
    }
    .img-right{
        
    }
    .power-generation-industry .pgi-intro{
       
    }
    .pgii-content{
    }
    .pgii-img{
    }
    .pgii-img img{
    }
}

/* Media Query for above 768px End */


/* Media Query for above 960px Start */

@media (min-width: 960px) { 

.custom-pi-new{
  margin-top:0 !important;
}

.custom-pi-new .ppn-list{
  flex-wrap: nowrap;
  padding: 0 0 !important;
}

.custom-pi-new .ppn-list li{
  flex-basis: unset;
  position: relative;
}
.custom-pi-new .ppn-list li:last-child::after {
  border: 0;
}

.custom-pi-new .ppn-list li:after{
  position: absolute;
  content:"";
  height: 29px;
  border-right: 1px solid #fff;
  opacity: 0.43;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
 .custom-pi-new .ppn-list li a{
    font-size:14px;
    line-height:20px;
    padding:  15px 10px;
  }

  
    .img-right{
        float: right;
        padding-left: 50px;
        padding-bottom: 12px;
        margin: 0;
    }
    .power-generation-industry .pgi-intro{
        flex-direction: row;
        justify-content: space-between;
    }
    .pgii-content{
        flex-basis: 48%;
    }
    .pgii-img{
        margin: 0;
        flex-basis: 48%;
    }
    .pgii-img img{
        margin-left: auto;
    }
    .power-generation-industry .pgiw-item{
        flex-direction: row;
        text-align: left;
        column-gap: 30px;
    }
    .pgiw-img{
        align-self: center;
    }
    .pgiw-img img{
        min-width: 79px;
        max-width: 100px;
    }
}
/* Media Query for above 960px End */


/* Media Query for above 1200px Start */

@media (min-width: 1200px) { 
 .page-id-3615 .featured-image.parallax-window{
    background-position: center left !important;
  }
 .custom-pi-new .ppn-list li a{
    font-size:15px;
    line-height:21px;
    padding: 19px 11px;
  }
  
    .htii-overview .inner-wrap{
        
    }
    .img-right{
        padding-left: 111px;
    }
    .power-generation-industry .pgi-intro{
       
    }
    .pgii-content{
        flex-basis: 52%;
    }
    .pgii-img{
        flex-basis: unset;
    }
    .pgii-img img{
    }
    .power-generation-industry .pgi-wrap{
        gap: 30px;
    }
    .power-generation-industry .pgiw-item{
        max-width: 525px;
        padding: 30px 30px 0;
        /* min-height: 217px; */
    }
}
/* Media Query for above 1200px End */


/* Media Query for above 1400px Start */

@media (min-width: 1400px) { 

    .htii-overview .inner-wrap{
        
    }
    .img-right{
        
    }
     .power-generation-industry .pgiw-item{
      /* max-height: 217px; */
     }
    .power-generation-industry .pgi-intro{
       
    }
    .pgii-content{
        flex-basis: 50%;
    }
    .pgii-img{
    }
    .pgii-img img{
    }
}
/* Media Query for above 1400px End */