:root{
    --primary1: 39,34,34; /* #272222 */
    --primary2: 226,14,14; /* #E20E0E */
    --primary3: 46,86,167; /* #2E56A7 */
    --color_black: 0,0,0;
    --color_gray: 212,212,212; /* #D4D4D4 */
    --color_white: 255,255,255;
    --baseFont: "Open Sans", sans-serif; 
    --imgPrimary1: invert(9%) sepia(17%) saturate(367%) hue-rotate(314deg) brightness(98%) contrast(89%);
    --imgPrimary2: invert(16%) sepia(64%) saturate(5288%) hue-rotate(353deg) brightness(95%) contrast(106%);
    --imgGray: invert(100%) sepia(0%) saturate(1491%) hue-rotate(192deg) brightness(90%) contrast(83%);
    --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
    --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
    --padding: clamp(2.5rem, 1.3rem + 6vw, 6.25rem);
    --paddingSm: clamp(1.25rem, 0.65rem + 3vw, 3.125rem);
    --mb:1.875rem;
    --bs-breadcrumb-divider: '/';
  }

  body {font-family: var(--baseFont); font-weight: 400; font-variant-ligatures: no-common-ligatures; overflow-x: hidden;}
  a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
  button:focus {outline: none;}
  a {color: rgb(var(--baseColor));}

  .transition {-webkit-transition: all .3s linear; transition: all .3s linear;}
  ::selection {color: rgb(var(--color_white)); background: rgb(var(--primary1));}

  #wrapper{padding-bottom1: var(--padding); position: relative;  z-index: 3; background-color: rgb(var(--color_white));}

  .clr-1 {color: rgb(var(--primary1)) !important;} .bg-clr-1 {background-color: rgb(var(--primary1)) !important;}
  .clr-2 {color: rgb(var(--primary2)) !important;} .bg-clr-2 {background-color: rgb(var(--primary2)) !important;}
  .clr-3 {color: rgb(var(--primary3)) !important;} .bg-clr-3 {background-color: rgb(var(--primary3)) !important;}
  .clr-gray {color: rgb(var(--color_gray)) !important;} .bg-gray {background-color: rgb(var(--color_gray)) !important;}

.common-section {min-height: calc(100vh - 88px);}

  /* button custom */
  .btn-custom {position: relative; font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem); background: transparent; border: 1px solid rgba(76, 76, 76,0.2); color: rgb(var(--primary1)); overflow: hidden; transition: all .2s linear; border-radius: 50px; padding: 6px 12px; line-height: 20px; display: inline-flex; align-items: center; margin-top: 1rem;}
  .btn-custom .has-arrow{background-color:rgb(var(--primary2)); width: 24px; height: 24px; border-radius: 50%; display: inline-block; position: relative; margin-left: 0.5rem;}
  .btn-custom .has-arrow::after{content: ""; background-image: url('../images/arrow.svg'); background-repeat: no-repeat; background-position: center center; position: absolute; inset: 0; width: 11px; height: 11px; margin: auto; display: inline-block; transition: all .3s linear;}
  .btn-custom:hover, .btn-custom:focus, .btn-custom:active {background: rgb(var(--primary1)); color: rgb(var(--color_white));}
  .btn-custom:hover .has-arrow::after{transform: rotate(45deg);}

  /* owl-carousel */
  .owl-flex .owl-stage {display: flex;}
  .owl-carousel.style01 .owl-dots {text-align: center; margin-top: 1.5rem;}
  .owl-carousel.style01 .owl-dots .owl-dot span{width: 16px; height: 16px; border-radius: 50%; background: transparent; border: 1px solid rgb(var(--primary3)); display: block; margin: 0 5px;}
  .owl-carousel.style01 .owl-dots .owl-dot.active span{background-color: rgb(var(--primary3));}
  .owl-carousel.style01 .owl-nav {display: flex; justify-content: center; margin-top: 1rem;}
  .owl-carousel.style01 .owl-nav button{width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgb(var(--primary2));}
  .owl-carousel.style01 .owl-nav button:before {content: ''; background: url('../images/right-caret-icon.svg') center center no-repeat; width: 13px; height: 21px;}
  .owl-carousel.style01 .owl-nav button.owl-prev:before {transform: rotate(180deg);}
  .owl-carousel.style01 .owl-nav [class^='owl-'].disabled {cursor: default; opacity: 0.5;}
  .owl-carousel.style01 .owl-nav.disabled {display: none;}
  .owl-carousel .item:not(:first-child) {display: none;}
  
  /* header */
  header {width: 100%; left: 0; right: 0; top: 0; margin: 0 auto; transition: all 0.3s; z-index: 99 !important;}
  header::after{content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; width: 100%; 
    background: linear-gradient(to top, transparent 0%, rgba(var(--color_black),0.8) 100%); z-index: 2; height: 100%;}
  header .navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
  header .navbar {transition: all 0.3s linear; z-index: 10; padding: 0;}
  header .navbar .navbar-nav .nav-link {padding: 2rem 0; color: rgb(var(--color_white)); font-weight: 600;}
  header .navbar .navbar-nav .nav-item:hover > .nav-link {color: rgb(var(--color_white));}
  header .navbar .btn-custom{font-size: 1rem; border:1px solid  rgb(var(--color_gray)); color: rgb(var(--color_white));}
  header .navbar .btn-custom:hover,header .navbar .btn-custom:focus,header .navbar .btn-custom:active{background: rgb(var(--color_white)); color: rgb(var(--color_black)); border-color: rgb(var(--color_white));}
  header.fixed {box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1); background: rgba(var(--color_black),0.4); backdrop-filter: blur(11px);}
  header .social-icons img {filter: var(--imgPrimary1); transition: 0.4s;}
  header .social-icons a:hover img {filter: var(--imgPrimary2);}
  header .dropdown-menu {width: 230px; border: 0; opacity: 0; visibility: hidden; transition: all .3s linear; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15); padding: 1rem 0; border-radius: 0; background-color: #21409A; top: 120%;}
  header .dropdown:hover > .dropdown-menu {display: block; visibility: visible; opacity: 1; top: 100%;}
  header .dropdown-menu .dropdown-item{color: rgb(var(--color_white)); font-weight: 600;}
  header .dropdown-menu .dropdown-item:hover{color: rgba(var(--color_white),0.8) !important;}
  header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {color: rgb(var(--color_white)); background-color: transparent;}
  header .dropdown-menu li {margin: 0 !important; padding: 0 !important;}
  header .dropdown-item {--bs-dropdown-link-color: rgb(var(--baseColor)); white-space: normal; padding: 0.3rem 1rem;}
  #navbarNav .navbar-nav>li, #navbarNav + .btn-custom{position: relative;opacity: 0;} 
  #navbarNav .navbar-nav li{padding: 0 1.5rem;}

#navbarNav .navbar-nav>li.has-megamenu {
    position: static;
    opacity: 0;
    transform: none !important;
}

 
header .navbar-expand-lg .navbar-nav{position: static;}
  

header .has-megamenu .dropdown-menu {
    left:auto;
    right:0;
    width: 75%;
    padding: 1rem 0;
}
header .has-megamenu .dropdown-menu img{max-width: 60px;}
header .has-megamenu .dropdown-menu .menu-item{ padding: 1rem; border-right: 1px solid rgba(var(--color_white),0.3); height: 100%;}
header .has-megamenu .dropdown-menu .row [class^="col-"]:nth-child(3) .menu-item{border: none;}
header .has-megamenu .dropdown-menu .row [class^="col-"]:last-child .menu-item{background-color: #BC0A0A; display: inline-block; border: none; margin: 0 1rem; padding: 1rem;}

header .has-megamenu .dropdown-menu li a:hover, header .has-megamenu .dropdown-menu li a.active {
    color: rgb(var(--color_white));
}

header .has-megamenu .dropdown-menu .tab-content {
    height: calc(100% - 3rem);
}

header .has-megamenu .dropdown-menu .tab-content.products-tab-content {
    background-color: rgb(var(--color_white));
}

header .has-megamenu .dropdown-menu .tab-content .tab-pane {
    height: 100%;
}

header .has-megamenu .dropdown-menu .tab-content .products-block {
    height: 100%;
}

header .has-megamenu .dropdown-menu .tab-content#nav-tabContent {
    background-color: rgba(var(--color_black),0.15);
}

  

  /* banner */
  .banner-wrap{position: relative; z-index: 3;}
  #video-wrap{overflow: hidden; height: 100vh; position: relative; }
  #video-wrap::after{content: ""; background: rgba(var(--color_black),0.3); position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 2;}
  #video-outer{ position: relative; z-index: 2; height: 100vh; }
  #video-outer video{ position: absolute;  min-width: 100%;  min-height: 100%; z-index: 1;}
  
  .banner-text{position: absolute; height: 100%; width: 100%; color: rgb(var(--color_white)); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;
    z-index: 2; inset: 0;}

  /* Typography */
  .padding {padding: var(--padding) 0;}
  .paddingSm {padding: var(--paddingSm) 0;}
  h2.title {font-size: clamp(1.375rem, 1.1964rem + 0.8929vw, 2rem); color: rgb(var(--color_black)); font-weight: 400; text-transform: capitalize;}
  h2.title span{font-weight: 600;}
  .title-tag{font-size: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem); text-transform: uppercase; opacity: 0.5; margin-bottom: 0.8rem; letter-spacing: 2.7px; font-weight: 600;}
  h3.sub-title {font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);}

  /* pic */
  .pic {overflow: hidden; display: block;}
  .pic img {transition: 0.4s;}
  .pic:hover img {transform: scale(1.08);}

  p{font-size: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem);}

  /* Section overlapping styles */
  .section {position: relative; z-index: 2;}
  
  /* Scroll-triggered overlapping effect */
  /* .banner-section,.banner-content, .about-section, .manufacturer-section,.global-section,.application-section{
  position: sticky; top: 0;} */
  /* .about-section, .manufacturer-section,.global-section,.application-section{min-height: 100vh;} */
  /* Banner Section */
  .banner-content {color: rgb(var(--color_white)); text-align: center; background-color:transparent; position: absolute; 
    inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2;
  }

  /* Banner Section */
  .banner-section {z-index: 2;}
  .banner-card h1{font-size: clamp(2rem, 1.4286rem + 2.8571vw, 4rem);}
  .banner-card .sub-text{font-size: clamp(1.375rem, 1.1964rem + 0.8929vw, 2rem);}

  .section-title {opacity: 0; transform: translateY(30px); }

  /* Manufacturer Section */
  .manufacturer-section {z-index: 4;} 
  .manufacturer-content{opacity: 0; transform: translateY(50px);}

  /* Global Section */
  .global-section {z-index: 5;} 
          
  /* Application Section */
  .application-section {z-index: 6;} 

            
  /* Responsive adjustments */
  /* @media (max-width: 768px) {
    .section:not(:first-child) {
        margin-top: -50px;
    }
  } */

  /* About Section */
  .video-wrap .overlay{position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgb(var(--color_white)); inset: 0; }
  .about-section {z-index: 3;}
  .about-section p{font-size: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem);}
  .about-section .pic{position: relative; transition: all 0.3s ease;}
  .about-section .pic .play-icon{width: 72px; height: 72px; display: block; margin: auto; position: absolute; inset: 0; background-image: url('../images/play-icon.svg'); background-repeat: no-repeat; background-position: 0 0;
    background-size: cover; z-index: 1;
  }
  .about-section .pic::after{content: ""; background-color: rgba(var(--color_black),0.3); position: absolute; inset: 0; width: 100%; height: 100%;}
  .about-section .pic:hover{border-radius: 1rem;}
  .about-card .about-inner{transition: all 0.3s ease; transform: translateY(50px); opacity: 0;}

  .product{left: 20%;}
  .product-title-wrap .btn-custom{background-color: transparent; border: none; border-radius: 0; font-size: 1rem;}
  .product-title-wrap .btn-custom .has-arrow{background-color: #4C4C4C;  }
  .product-title-wrap .btn-custom:hover,.product-title-wrap .btn-custom:focus,.product-title-wrap .btn-custom:active{color: rgb(var(--primary2));}
  .product-title-wrap .btn-custom:hover .has-arrow,.product-title-wrap .btn-custom:hover .has-arrow,.product-title-wrap .btn-custom:hover .has-arrow{
  background-color: rgb(var(--primary2));
  }

  /* product-wrap */
  .product-wrap .product {flex: 1; transition:1s; position: relative; height: 400px; overflow: hidden;}
  .product-wrap .product .product-img{ width: 100%; height: 100%; overflow: hidden; position: relative;}
  .product-wrap .product .product-img::before{content: ""; position: absolute; inset: 0; background-image: linear-gradient(to top, rgba(var(--color_black), 0.7), transparent); z-index: 1;}
  .product-wrap .product .product-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
  .product-wrap .product .product-content{position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; padding: 2rem; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; z-index: 1;}
  .product-wrap .product .product-content .icon{ transition: 0.4s; flex-shrink: 0;}
  .product-wrap .product .product-content .text{display: none; opacity: 0; line-height: 1.2; white-space: nowrap; color: rgb(var(--color_white)); font-size: clamp(0.9375rem, 0.8839rem + 0.2679vw, 1.125rem); font-weight: 600; transition: 0.4s;}
  .product-wrap .product:hover,.product-wrap .product.active{flex: 5; }
  .product-wrap .product:hover .product-content .text,.product-wrap .product.active .product-content .text{display: block; opacity: 1; }
  .product-wrap .product .product-content .content-inner{ position: relative; transform: translateX(-50%);}
  .product-wrap .product .product-content.active{transform: translateX(-50%);}


  /* manufacturer-section */
  .manufacturer-section{background-attachment: fixed; background-image: url('../images/manufacturer-bg.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
  .manufacturer-section::after{content: ""; background-color:rgba(46, 86, 167,0.95); position: absolute; inset: 0; width: 100%; height: 100%; display: block;}
  .manufacturer-section .btn-custom{border-color: rgb(var(--color_white),0.4); color: rgb(var(--color_white),0.8);}
  .manufacturer-section .btn-custom:hover,.manufacturer-section .btn-custom:focus,.manufacturer-section .btn-custom:active{
    background-color: rgb(var(--color_white)); color: rgb(var(--color_black));
    border-color: rgb(var(--color_white));
  }
  .manufacturer-section .overlay{position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(46, 86, 167,1); inset: 0; }
  .manufacturer-section .pic{transition: all .3s linear;}
  .manufacturer-section .pic:hover{border-radius: 1rem;}

  /* global-section */
  .home .global-section{background-color: #202020;}
  .home .global-section .tagline{color: rgb(var(--color_gray));}
  .global-section h2{text-transform: none;}
  .global-section h4{font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem); font-weight: 400;}

  .global-presence{background-color: #F7FEE7;}
  /* .global-presence p{font-size: clamp(0.9375rem, 0.8594rem + 0.3906vw, 1.25rem); line-height: normal; text-align: center;} */
  .world-map{position: relative;}
  .world-map .location{position: absolute;}
  /* .world-map .location.india .map-marker::before{background-color: rgb(var(--color_white));}
  .world-map .location.india .map-marker::after{border: 1px solid rgb(var(--color_white));} */
  .home .world-map .location .map-marker{scale:0;}
  .world-map .location .map-marker{ border-radius: 50%;  width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; padding: 3px; }
  .world-map .location .map-marker::before{content: ""; border-radius: 50%; background-color: #BC0A0A; width: 100%; height: 100%;}
  .world-map .location .map-marker::after{content: ""; inset: 0; position: absolute; border-radius: 50%; margin: 2px; border: 1px solid rgb(var(--color_white)); animation: borderanimate 1s linear infinite alternate;}
  @keyframes borderanimate {
      to {
        transform: scale(1.5);
        opacity: 0.95;
      }
  }

  .tooltip{font-size: 1rem;}
  .tooltip-inner {
    background-color: rgb(var(--color_white)) !important;
    color: rgb(var(--color_black)) !important;
  }
  .tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
  .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgb(var(--color_white)) !important;
  }
  .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
  .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgb(var(--color_white)) !important;
  }
  .tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
  .tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgb(var(--color_white)) !important;
  }
  .tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
  .tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: rgb(var(--color_white)) !important;
  }

  .tagline{text-align: center; margin-top: -4rem; margin-bottom: 1rem; position: relative; z-index: 0; font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);}
  .tagline span{font-weight: 600;}

 
.statistic-slider .item{height: 100%; display: flex;}
  .statistic-item .data .text{line-height: 1.2;}
  .statistic-item .number-wrap{font-size: clamp(2rem, 1.4286rem + 2.8571vw, 4rem);}
  .statistic-item .data .text{font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem); }

  /* application-section*/
  .application-section{background-color: #F6F6F6;}
  .application-section::before{content: ""; position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; background-size: cover;
    background-image: url('../images/pipe-bg.jpg'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
  }

  /* application-item */
  .application-item{background-color: rgb(var(--color_black)); transition: transform 0.3s ease; transform: translateY(50px); opacity: 0;}
  .application-item img{transition: 0.3s;}
  .application-pic:after{content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 100%);}
  .application-item:hover img {transform: scale(1.08);}
  .application-item h5{font-weight: 600; color: rgb(var(--color_white)); padding: 1.5rem; z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center;}


  .view-all-wrap{line-height: 2;}


  .news-slider .item{height: 100%;}
  .news-item *{transition: all .3s linear;}
  .home .news-item{background-color: rgb(var(--color_white)); transform: translateY(50px); opacity: 0; }
  .news-item{padding: 14px 20px; height: 100%; border: none; border-radius: 0; transition: transform 0.3s ease; background-color: #F8F8F8;}
  .news-item .news-pic{margin-bottom: 1rem;}
  .news-item h4{font-weight: 600; text-transform: uppercase;}
  .news-item p{max-width: 90%;}
  .news-item span.icon{background:#21409A; width: 34px; height: 34px; border-radius: 50%; position: absolute; right: 1rem; bottom: 1rem;}
  .news-item span.icon::before{content: ""; width: 20px; height: 20px; display: flex; position: absolute; margin: auto; text-align: center; background-image: url('../images/arrow.svg'); background-repeat: no-repeat; background-position: center center; inset: 0; transition: all .3s linear;}
  .news-item:hover h4{color: rgb(var(--primary2));}
  .news-item:hover span.icon{background-color: rgb(var(--primary2));}
  .news-item:hover span.icon::before{transform: rotate(45deg);}

  .owl-carousel .owl-stage { display: flex; }
  

  /* footer-section */
  .home .footer-section{ position: fixed; left: 0; right: 0; bottom: 0;}
  .footer-section{padding-left:var(--paddingSm); padding-right: var(--paddingSm); background-color: #202020;}
  .footer-section a:hover,.footer-section a:focus{color: rgb(var(--primary2));}
  .footer-section .address-block .text{opacity: 0.80;}

  .corporate-brochure{height: 180px; background-color: rgb(var(--primary2)); background-image: url('../images/brochure-pic.png'); background-repeat: no-repeat; background-position: right center;}
  .corporate-brochure .text-block{display: flex; flex-direction: column; justify-content: center; width: 50%; position: relative;}
  .corporate-brochure .text-block .btn-custom{color: rgb(var(--color_white)); border-color: #C7D9FD;}
  .corporate-brochure .text-block .btn-custom .has-arrow{background-color: #21409A;}
  .corporate-brochure .text-block .btn-custom:hover,.corporate-brochure .text-block .btn-custom:focus,.corporate-brochure .text-block .btn-custom:active {border-color: rgb(var(--primary1));}

  .request-quote{height: calc(100% - 3.25rem); position: relative; padding: 1.5rem; background-color: #21409A; background-image: url('../images/pipes-pic.png'); background-repeat: no-repeat; background-position: right bottom;}
  .request-quote .block-item{display: flex; flex-direction: column; width: 75%; justify-content: center; position: relative; z-index: 1;}
  .request-quote .block-item p{font-size: 1.5rem;}
  .request-quote .block-item p a{text-decoration: none; font-weight: 600; color: rgb(var(--color_white));}
  .request-quote .block-item .btn-custom{border-color: #C1D5FE; color: rgb(var(--color_white));}
  .request-quote .block-item .btn-custom .has-arrow{background-color: rgb(var(--primary2));}
  .request-quote .block-item .btn-custom:hover,.request-quote .block-item .btn-custom:focus,.request-quote .block-item .btn-custom:active {border-color: rgb(var(--primary1));}

  .links{padding-bottom: 30px; margin: 0; border-bottom: 1px solid rgba(var(--color_white),0.5);}
  .links li{margin: 0 1.5rem;}
  .links li a{color: rgb(var(--color_white)); text-decoration: none; font-size: 1.063rem; font-weight: 600;}
  .links li a:hover{color: rgb(var(--primary2));}

  .copyright .text{color: #D4D4D4;}
  .copyright .social-media{margin-bottom: 0;}
  .copyright .social-media li{margin: 0 8px;}
  .copyright .social-media li a img{height: 20px; filter: var(--imgWhite);}
  .copyright .social-media li a:hover img{filter: var(--imgPrimary2);}
  .copyright a{text-decoration: none;}
  .copyright a:hover{color: rgb(var(--primary2));}


  
/* inner pages styles */
.inner-banner {padding-top: 23.33%; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.inner-banner:before {content: ''; position: absolute; inset: 0; background: rgba(var(--color_black),0.45); z-index: 1;}
.inner-banner .container {position: absolute; inset: 0; z-index: 1; transition: all .3s linear; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.breadcrumb {color: rgb(var(--color_white));}
.breadcrumb li{font-weight: 400;}
.breadcrumb li a{font-weight: 400;}
.breadcrumb li,.breadcrumb li a{font-size: 1.125rem; text-transform: uppercase;}
.breadcrumb li.active,.breadcrumb li a{color: rgb(var(--color_white));}
.breadcrumb li.active{font-weight: 600;}
.breadcrumb-item+.breadcrumb-item::before{color: rgb(var(--color_white));}

/* .inner-container p{font-size: 1rem;}  */
.inner-container h2.title{text-transform: none;}


/* about-content */

.about-content h3 {color:rgb(var(--color_black));}
.about-content h3 span {font-weight:600;}
.video-box {background-color:rgb(var(--primary3)); color:rgb(var(--color_white)) !important; padding:10px 20px; display:flex; align-items:center; justify-content:center; text-decoration:none; gap:10px; transition:background-color 0.3s ease;}
.video-box span {font-size:15px;}
.video-box:hover {background-color:#163a7c; text-decoration:none;}
  
/* leadership-section */
.leadership-card { background-color: #F6F6F6; padding: calc(var(--padding) / 2);  }

    
.vision-mission-wrap {z-index:7; position:relative;}
.vision-mission-wrap + .application-section .news-slider {margin-bottom:0 !important;}
.vision-section {display:flex; flex-wrap:wrap;}
.vision-block, .mission-block {flex:1 1 50%; padding:calc(var(--padding) /2); display:flex; flex-direction:column; background-color:#3F79ED;}
.mission-block {background-color:#2E56A7;}
.values-block {flex:1 1 100%; background-color:#E20E0E; padding:calc(var(--padding) /2); display:flex; flex-wrap:wrap; align-items:center;}
.text-col {flex:1;}

/* journey */
.journey {padding-left: calc(var(--padding) / 2); padding-right: calc(var(--padding) / 2);}
.journey .slider {padding: 0 2rem; margin-top: var(--padding);}
.journey .slider:before {content: ''; position: absolute; left: 0; right: 0; top: calc(50% - 42px); width: 100%; height: 84px; background-image: url('../images/pipe.png'); background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.journey .item {position: relative; padding-left: 1.2rem; display: flex; flex-direction: column; justify-content: flex-end;}
.journey .item .content-wrapper {padding-left: 2.5rem; display: flex; flex-direction: column;}
.journey .item .content-wrapper:before {content: ''; width: 2px; height: 100%; position: absolute; left: 2.5rem; top: 0; background-color: rgb(var(--primary3));}
.journey .item .content-wrapper:after{content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: calc(2.5rem - 5px); top: 0; background-color: rgb(var(--primary3))}
.journey span.rounded-circle {position: relative; left: 0; top: 0; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: rgb(var(--primary2));}
.journey span.rounded-circle em {position: relative; z-index: 1; font-style: normal;}
.journey .content {padding: 0;}
.journey .content .journey-title {background-color: #EEEEEE; color: rgb(var(--primary3)); padding: 0.5rem 1rem; margin: 1rem;}
.journey .content p{margin: 1rem;}
.journey .owl-carousel.style01 .owl-nav button.owl-prev {left: -20px;}
.journey .owl-carousel.style01 .owl-nav button.owl-next {left: auto; right: -20px;}
.journey .owl-carousel.style01 button.owl-prev:before {transform: rotate(-135deg);}
.journey .owl-carousel.style01 button.owl-next:before {transform: rotate(45deg);}
.journey .owl-carousel.style01 .owl-nav button {position: absolute; left: 0; top: calc(50% - 20px); width: 40px; height: 40px; background: rgb(var(--primary3)); border-radius: 50%;}
.journey .owl-carousel.style01 .owl-nav button:before {content: ''; width: 19px; height: 19px; background: url('../images/arrow.svg') center center no-repeat; filter: grayscale(1);}

.journey .owl-item:nth-child(odd) .item .rounded-circle {order: 2;}
.journey .owl-item:nth-child(odd) .item .content {order: 1;}
.journey .owl-item:nth-child(even) .item .content-wrapper::after{top: auto; bottom: 0;}

.tooltip{opacity: 1; --bs-tooltip-opacity: 1;}
.tooltip-inner{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.bg{background-color: #F4F4F4;}
.clientele .clientele-slider .item img{width: auto;}
.clientele .clientele-slider .item .item-inner{padding: 10px; background-color: rgb(var(--color_white));}


.sidebar{border: 3px solid #F6F6F6; padding: 12px; position: sticky;}
.sidebar ul{margin: 0; padding: 0; list-style: none;}
.sidebar ul li a{font-size: 1.25rem; padding: 12px 30px 12px 12px; text-decoration: none; font-weight: 600; color: rgb(var(--primary3)); display: block; border-bottom: 1px solid #F6F6F6; position: relative;}
.sidebar ul li a::after{content: ""; transform: scale(0); background-image: url('../images/arrow02.svg'); background-repeat: no-repeat; background-position: center center; width: 10px; height: 20px; display: inline-block; transition: all .3s linear; background-size: contain; position: absolute; top: 16px; right: 12px;}
.sidebar ul li.active a{background-color: rgb(var(--primary3)); color: rgb(var(--color_white));}
.sidebar ul li.active a::after{transform: scale(1);}
.sidebar ul li:last-child a{border-bottom: none;}

/* report-item */ 
.report-item {text-align:left; height: 100%;}
.report-item img {transition:all .3s linear;}
.report-item:hover img {transform:scale(1.1);}
.report-item .report-caption {font-size:0.95rem; margin-top:8px; display:flex; justify-content:space-between; align-items:center; line-height:normal; margin-top: auto;}
.report-item .report-caption .pdf-icon {background-image:url('../images/pdf-icon.png'); background-repeat:no-repeat; background-size:cover; width:19px; height:24px; background-size:cover; margin-left:8px; display:block; flex-shrink:0;}
.report-item .report-caption .mp3-icon {background-image:url('../images/audio-icon.png'); background-repeat:no-repeat; background-size:cover; width:19px; height:24px; background-size:cover; margin-left:8px; display:block; flex-shrink:0;}
.accordion-item {margin-bottom:20px; border:none; border-radius:0 !important ; background-color:#F4F4F4;}
.accordion-item .accordion-button {background:transparent; font-size:1.1rem; padding:14px 18px; font-weight:600; color:rgb(var(--color_black)); border-radius:0 !important; position:relative; display:flex; justify-content:space-between;}
.accordion-item .accordion-button .has-arrow {background-color:rgb(var(--primary2)); width:24px; height:24px; border-radius:50%; display:inline-block; position:relative; margin-left:0.5rem; transform:rotate(135deg); transition:all .3s linear;}
.accordion-item .accordion-button .has-arrow::after {content:""; transform:rotate(0deg); background-image:url('../images/arrow.svg'); background-repeat:no-repeat; background-position:center center; position:absolute; inset:0; width:11px; height:11px; margin:auto; display:inline-block; transition:all .3s linear;}
.accordion-item .accordion-button.collapsed .has-arrow {transform:rotate(45deg);}
.accordion-item .accordion-button:not(.collapsed) {background:transparent; color:#000; box-shadow:none;}
.accordion-item .accordion-button:focus {box-shadow:none;}
.accordion-item .accordion-button::after {display:none;}
.accordion-item .accordion-button:not(.collapsed)::after {transform:rotate(90deg);}
.accordion-body {padding:20px;}

.grievance-block  a:hover{color: rgb(var(--primary2));}

#cert-tab{border: none;}
#cert-tab .nav-link{border: none; background-color: transparent; color: #9A9A9A; position: relative; padding: 20px;}
#cert-tab .nav-link.active{color: rgb(var(--primary3)); font-weight: 600;}
#cert-tab .nav-link:first-child::after{content: ""; width: 1px; height: 40px; background-color: rgb(var(--primary3)); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

#cert-content .card{transition: all .3s linear;}
#cert-content .card .card-footer .icon{background-image:url('../images/zoom-icon.png'); background-repeat:no-repeat; background-size:cover; width:21px; height:21px; background-size:cover; margin-left:8px; display:block; flex-shrink:0; transition: all .3s linear;}
#cert-content .card:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#cert-content .card:hover .card-footer .icon{transform: scale(1.2);}
.glightbox-clean .gslide-title{margin-bottom: 0; font-weight: 600; text-align: center; color: rgb(var(--color_white));}
.glightbox-clean .gdesc-inner{background-color: rgb(var(--primary3)); padding: 10px 15px;}


.test-card {background:#EFEFEF; border-radius:0; padding:30px 25px; text-align:center; height:100%;}
.test-card img {width:110px; height:110px; margin-bottom:15px; object-fit:contain;}
.test-title {font-size:18px; font-weight:700; color:#272222; margin-bottom:10px;}
.test-desc {font-size:14px; color: rgb(var(--color_black));}
.bottom-img {width:100%; height:300px; object-fit:cover;}


.left-box {background-color:rgb(var(--primary3)); color:rgb(var(--color_white)); padding:40px; }

.left-box h6 { margin-top:25px; color: #9FBDFA; font-weight: 600;}
.left-box p{font-size: 1rem;}
.left-box p a{color: rgb(var(--color_white)); text-decoration: none;}
.left-box p a:hover {text-decoration: underline;}

.office-box {background:#d9e6ff; padding:30px 40px; border-radius:4px; margin-top:20px; color:#002a60;}
.office-box h6 {font-weight:700; margin-bottom:15px;}
.office-box p{font-size: 1rem; color: #272222;}
.form-wrapper { padding:40px; border:1px solid #D8E5FF;  height: 100%;}
.form-wrapper .form-select{border: 1px solid #C4C4C4; border-radius: 8px; padding: 12px;}
.form-wrapper .form-control{border: 1px solid #C4C4C4; border-radius: 8px; padding: 12px;}
.form-wrapper h2{color: #08083A; font-weight: 600;}
.form-wrapper textarea.form-control {height: 165px; resize: none;}
.form-wrapper .btn-submit {background:rgb(var(--primary2)) !important; color:rgb(var(--color_white)) !important; font-weight:700; padding:18px 36px; border-radius:50px; border: none;}

.cust-form .form-select{border: 1px solid #C4C4C4; border-radius: 8px; padding: 12px; border: 1px solid rgba(var(--primary3),0.5); background-color: transparent;}
.cust-form .form-control{border: 1px solid #C4C4C4; border-radius: 8px; padding: 12px; border: 1px solid rgba(var(--primary3),0.5); background-color: transparent;}
.cust-form h2{color: #08083A; font-weight: 600;}
.cust-form textarea.form-control {height: 120px; resize: none;}
.cust-form .btn-custom {background:rgb(var(--primary2)) !important; color:rgb(var(--color_white)) !important; padding:16px 32px; border-radius:50px; border: none; margin-top: 0;}


.product-tab {padding:12px; cursor:pointer; transition:0.3s; height:100%; display:flex; flex-direction:column; position:relative;}
.product-tab.active {background:rgb(var(--primary3));}
.product-tab::before {content:""; background-color:rgba(var(--primary3), 0.5); height:2px; width:85%; position:absolute; left:12px; bottom:0;}
.product-tab.active::before {background-color:transparent;}
.product-tab::after {content:""; position:absolute; width:28px; height:28px; transform:rotate(-45deg); bottom:-14px; left:20px; background-color:transparent; z-index:-1;}
.product-tab.active::after {background:rgb(var(--primary3));}
.product-tab.active .product-name {color:rgb(var(--color_white));}
.product-tab img {height:90px;}
.product-tab .product-name {font-size:1.125rem; color:rgb(var(--primary3)); font-weight:600; margin-top:auto;}
.product-info {background-color:#F6F6F6;}
.product-details .spec-box {border:none; border-bottom:1px solid rgba(142, 142, 142,0.5); padding:12px 0;}
.product-details .spec-box:last-child {border-bottom:none;}
.product-details .spec-box .label {font-size:1.125rem; color:rgb(var(--primary3)); font-weight:600; width:40%;}
.product-details .spec-box .value {font-size:1.125rem; color:rgb(var(--color_black)); width:calc(60% - 20px); padding-left:20px;}
.applications-box {background:#F6F6F6; padding:40px;}
.application-slider-inner .item {position:relative; height:100%;}
.application-slider-inner .item-inner {position:relative; display:flex; flex-direction:column; height:100%;}
.application-slider-inner .owl-item:first-child .item .item-inner::after {display:none;}
.application-slider-inner .item .item-inner::after {content:""; width:1px; height:100%; background-color:rgba(188, 10, 10, 0.5); display:block; position:absolute; left:-12px; top:0;}
.application-slider-inner .item-inner img {height:80px; margin-bottom:20px;}
.application-slider-inner .item-inner .small {font-size:1.125rem; color:rgb(var(--primary3)); font-weight:600;}


.applications-box .owl-nav button{width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgb(var(--primary2)) !important;}
.applications-box .owl-nav button:before {content: ''; background: url('../images/right-caret-icon.svg') center center no-repeat; width: 13px; height: 21px;}
.applications-box .owl-nav button.owl-prev,.applications-box .owl-nav button.owl-next{position: absolute; top: 50%; transform: translateY(-50%);}
.applications-box .owl-nav button.owl-prev{ left: -55px;}
.applications-box .owl-nav button.owl-next{ right: -55px;}
.applications-box .owl-nav button.owl-prev:before {transform: rotate(180deg);}
.applications-box .owl-nav [class^='owl-'].disabled {cursor: default; opacity: 0.5;}


.pkg-card {
        background: #21409A;
        color: rgb(var(--color_white));
        padding: 35px 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 25px;
        height: 180px;
    }
    
/* #BrochureModel .modal-dialog .modal-content{background-color: #d9e6ff;}     */
#dwn-brochure .modal-dialog .modal-content .modal-body{border-top: 1px solid rgba(var(--primary3),0.2);}
#dwn-brochure .modal-header{background-color: rgb(var(--primary3)); color: rgb(var(--color_white));}
#dwn-brochure .modal-header .btn-close{filter: invert(1); opacity: 1;}
#dwn-brochure .btn-custom{background-color: rgb(var(--primary3)); color: rgb(var(--color_white));} 

.journey .item *{transition: all .3s ease;}
.journey span.rounded-circle{z-index: 1;}
.journey .item:hover .rounded-circle{transform: scale(1.2);}    
.test-card{transition: all .3s linear;}
.test-card:hover{border-radius: 1rem; box-shadow: rgba(var(--primary3),0.2) 0px 7px 29px 0px; box-shadow: rgba(var(--primary3),0.16) 0px 1px 4px, rgba(var(--primary3),0.9) 0px 0px 0px 3px;}

.error-desc{color: #dc3232;font-size: 0.90rem;font-weight: normal; display: block;}