@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --deepgreen: #023f75;
  --deepblue: #003761;
  --lightgray: #e8ecef;
  --gray-2: #f9f9f9;
  --text-black: #181832;
  --text-white: #ffffff;
  --maroon: #a00909;
  --text-blue: #062c53;
  --teal-green: #0a8890;
  --teal-blue: #127099;
  --light-blue1: rgb(15, 122, 174);
  --vibernt-color-dep: #c6ff96;
  --vibernt-color-light: #5decd8;
  --cnvs-themecolor-rgb: 0, 78, 65;
  --footer-gradinet-blue: linear-gradient(73deg, rgba(2, 0, 19, 1) 0%, rgba(7, 3, 53, 1) 52%, rgba(2, 0, 19, 1) 100%);
  --highlight-link: #0c67c4;
  --text-black: #000000;
  --text-white: #ffffff;
  --cnvs-primary-font: "Raleway", sans-serif;
  --cnvs-secondary-font: "Raleway", sans-serif;
  --cnvs-link-color: #0c67c4;
  --cnvs-btn-color: #022549 !important;
  --cnvs-themecolor: #d32f2f;
  /* --cnvs-contrast-bg:#4DB6AC   !important; */
  --cnvs-contrast-900: #004d40 !important;
}

body {
  font-family: "Raleway", sans-serif !important;
  font-weight: 400;
  padding-top: 0px !important;
}

a {
  text-decoration: none !important;
}

video {
  object-fit: cover;
}

.bg-theme-light {
  background-color: var(--cnvs-section-bg);
}

.logo-dark,
.logo-default {
  width: 200px !important;
  height: auto !important;
}

@media (min-width: 992px) {
  #top-bar.transparent-topbar {
    z-index: 399;
    border-bottom: 0;
    margin-top: 15px;
  }

  #top-bar.transparent-topbar {
    background: transparent !important;
  }

  #top-bar+#header.transparent-header.floating-header {
    margin-top: 15px;
  }
}

.dark .top-links li>a,
.dark #top-social li a {
  color: #fff;
}

.dark .top-links li:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark #top-social li {
  border-left: 0;
}

.revo-slider-emphasis-text {
  font-size: 64px;
  font-weight: 700;
  letter-spacing: -1px;

  padding: 15px 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.revo-slider-desc-text {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  width: 650px;
  text-align: center;
  line-height: 1.5;
}

.revo-slider-caps-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 3px;

}

.tp-video-play-button {
  display: none !important;
}

.tp-caption {
  white-space: nowrap;
}

.top-layer-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 99;
  background: rgb(0, 77, 64);
  background: linear-gradient(181deg, rgb(236, 236, 236) 5%, rgb(2 0 19 / 0%) 55%);
}

.lang-box {
  text-decoration: none;
  background: #f6f6f6;
  border: 1px solid var(--text-white);
  text-align: center;
  font-size: 10px;
  display: inline-block;
  padding: 3px;
  width: 22px;
  color: var(--text-black);
  margin-left: 5px;
}

.language-box,
.theme-box {
  align-items: center;
  display: flex;
  padding: 12px;
}

.theme-box a {
  display: inline-block;
  border: 1px solid var(--text-white);
  margin-left: 5px;
  width: 20px;
  height: 22px;
}

.theme-box-gray {
  background-color: #f6f6f6;
}

.theme-box-yellow {
  background-color: #fce305;
}

.block-misc-search .top-search-form-2 {
  opacity: 1;
  background-color: #eee;
  top: 100%;
  height: 0%;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
}

.block-misc-search.top-search-open .top-search-form {
  transform: scaleY(1);
  height: 100%;
}

.top-search-form input {
  color: #fff !important;
}

.block-misc-search .top-search-form-2 input::-moz-placeholder {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: none;
}

.block-misc-search .top-search-form-2 input:-ms-input-placeholder {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: none;
}

.block-misc-search .top-search-form-2 input::-webkit-input-placeholder {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: none;
}

.block-misc-search .dark.top-search-form-2 input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

.block-misc-search .dark.top-search-form-2 input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

.block-misc-search .dark.top-search-form-2 input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

.is-expanded-menu #header.transparent-header.floating-header .container {
  background: transparent !important;
}

.sticky-header-shrink #logo img {
  width: 150px !important;
  height: auto !important;
}

#top-social li a:hover .ts-text {
  max-width: 290px;
  padding-right: 12px;
  transition: all 0.4s ease;
}

.is-expanded-menu .mega-menu-content,
.is-expanded-menu .sub-menu-container {
  background-color: #004d40;
}

@media (min-width: 992px) {
  /* .block-mega-menu-4 .mega-menu-content {
    --bg-light-2: #fbf9f1;
    background: #FFF;
    background: linear-gradient(to right, #FFF 66.666667%, var(--bg-light-2) 66.666667%, var(--bg-light-2) 100%);
  } */

  .block-mega-menu-4 .bg-light-2 {
    background-color: var(--bg-light-2) !important;
  }

  .block-mega-menu-4 .mega-menu-column {
    max-height: calc(100vh - 101px);
    overflow: auto;
  }

  .block-mega-menu-4 .hover-opacity .feature-box {
    transition: opacity 0.2s ease;
    will-change: opacity;
  }

  .block-mega-menu-4 .hover-opacity:hover .feature-box:not(:hover) {
    opacity: 0.3;
  }

  .block-mega-menu-4 .mega-menu-column .feature-box::before {
    content: "";
    opacity: 0;
    position: absolute;
    background-color: #52ada2;
    width: 100%;
    top: -20px;
    left: -20px;
    border-radius: 2px;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    transform: scale(0.875);
    transition: transform 0.2s linear;
  }

  .block-mega-menu-4 .mega-menu-column .feature-box:hover::before {
    opacity: 0.06;
    transform: scale(0.95);
  }
}

.block-mega-menu-4 .mega-menu-column .feature-box .fbox-content {
  padding-right: 0;
}

.block-mega-menu-4 .mega-menu-column .feature-box>i {
  line-height: 1.25;
  font-size: 18px;
}

.block-mega-menu-4 .mega-menu-column .feature-box h5 {
  transition: color 0.15s linear;
}

/* Color Primary */
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary:hover h5 {
  color: var(--bs-primary);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-primary::before {
  background-color: var(--bs-primary);
}

/* Color Info */
.block-mega-menu-4 .mega-menu-column .feature-box.card-info>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-info:hover h5 {
  color: var(--bs-info);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-info::before {
  background-color: var(--bs-info);
}

/* Color warning */
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning:hover h5 {
  color: var(--bs-warning);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-warning::before {
  background-color: var(--bs-warning);
}

.welcome-section {
  padding: 4rem 0;

  /* background: url("../images/intro-bg1.png") no-repeat; */

  background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.before-heading {
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  background-color: rgba(var(--cnvs-themecolor-rgb, 38, 125, 244), .1);
  color: var(--cnvs-themecolor, #267DF4);
  padding: 7px 15px;
  border-radius: 4px;
  font-weight: 800;
}

.welcome-section p {
  margin: 15px 0;
}

.section-heading h1 {
  text-align: center;

  text-transform: uppercase;

  font-size: 26px;

  font-weight: bold;

  letter-spacing: 1px;

  color: #01442c;

  display: flex;

  grid-gap: 22px;

  align-items: center;

  justify-content: center;
}

.section-heading span {
  display: block;

  font-size: 24px;

  color: var(--cnvs-themecolor);
}

.section-heading h1:after,
.section-heading h1:before {
  content: " ";

  display: block;

  border-bottom: 2px solid var(--cnvs-themecolor);

  width: 100px;
}

.know-more {
  display: flex;

  font-size: 16px;
  font-weight: bold;
  align-items: center;

  justify-content: center;
  color: var(--cnvs-themecolor);
}

.know-more i {
  background: var(--cnvs-themecolor);
  color: #ffffff;
  border-radius: 50%;
  margin-left: 10px;
  font-size: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

.know-more:hover {
  color: #01442c;
}

.gear-img {
  position: absolute;

  right: 25px;

  bottom: 0;

  width: 85px;

  transform: scale(1);

  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}

.service-section {
  padding: 4rem 0;

  background: url("../images/service-bg1.webp") no-repeat;

  background-size: cover;

  background-attachment: fixed;
}

.info-box {
  position: relative;
}

.info-item {
  display: flex;

  background-color: #ffffff;

  border-radius: 4px;

  transition: all 500ms ease-in-out;
}

.info-img img {
  height: 100%;
  min-width: 100px;
  max-width: 100px;
  object-fit: cover;
  transition: all 500ms ease-in-out;
  width: 100% !important;
}

.info-item:hover {
  background-color: #7CB342;

  color: #ffffff;
}

.info-item:hover .info-img img {
  transform: translateY(-20px);


}

.info-item:hover .know-more {
  color: #ffffff;
}

.info-content {
  margin-left: 30px;

  display: flex;

  align-items: center;

  padding: 20px 20px 20px 0;
}

.info-title img {
  margin-right: 25px;
  /* filter: hue-rotate(133deg); */
  height: 55px;
}

.info-title {
  align-items: center;

  flex-wrap: wrap;

  font-weight: bold;

  font-size: 22px;
}

.info-button .know-more {
  justify-content: flex-end;
}

/*********************runa di**************************************/

/* Events and news  */

.news-section {
  padding: 70px 0;
}

.top_title h3 {
  font-size: 26px;

  line-height: 35px;

  color: var(--green);

  font-weight: 700;
}

.view-all-news {
  background-color: var(--orange);

  padding: 10px 30px;

  width: 130px;

  transform: skew(-25deg);
}

.view-all-news a {
  color: var(--white);

  display: block;

  text-align: center;

  transform: skew(25deg);

  font-family: "Readex Pro", sans-serif;

  font-size: 14px;
}

.news_event_row {
  padding-top: 30px;
}

.event_box {
  border: 1px dotted rgb(0 0 0 / 55%);

  height: 100%;

  border-radius: 10px;

  margin-bottom: 15px;
}

.event_box img {
  width: 100%;
}

.event_box_content {
  padding: 25px 15px 15px;

  position: relative;
}

.event_box_content h6 {
  font-size: 16px;

  color: var(--green);

  font-weight: 700;

  margin-bottom: 15px;
}

.event_box_content p {
  color: var(--black);

  font-size: 13px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;
}

.event_date span {
  display: block;
}

.event_date .date {
  background-color: var(--orange);

  color: var(--black);

  font-size: 13px;

  font-weight: 600;

  padding: 5px 15px;

  line-height: 15px;

  border-radius: 15px;
}

.event_date .date i {
  color: var(--white);

  margin-right: 5px;
}

.event_date {
  margin-left: 5px;

  position: absolute;

  right: 5px;

  top: -15px;
}

.know-mr a {
  color: var(--black);

  font-size: 13px;
}

.know-mr i {
  width: 24px;

  height: 24px;

  color: var(--white);

  border-radius: 50%;

  text-align: center;

  line-height: 24px;

  font-size: 14px;

  background: var(--orange);
}

.news-event-car .owl-item .oc-item img {
  height: 220px;
}

/*------------- our partners and affiliates ---------------*/

.our-affiliates-partners {
  background: url(../images/shadow-bkg.png) no-repeat scroll center center;

  background-size: contain;

  padding: 50px 0;

  border-top: 1px solid rgb(0 0 0 / 25%);
}

.video-wrapper {
  position: relative;
}

.video-wrapper .wrapper {
  display: inline-block;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.video-wrapper .video-main {
  position: relative;

  display: inline-block;
}

.video-wrapper .video {
  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 100%;

  background: transparent;

  color: #fff;

  display: inline-block;

  background: #000000;

  z-index: 999;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  50% {
    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

  100% {
    -webkit-transform: scale(0.9, 0.9);

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.video-wrapper.fa-play:before {
  content: "\f04b";
}

.video-wrapper .waves {
  position: absolute;

  width: 150px;

  height: 150px;

  background: rgba(0, 0, 0, 0.3);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  border-radius: 100%;

  right: -50px;

  bottom: -50px;

  z-index: -1;

  -webkit-animation: waves 3s ease-in-out infinite;

  animation: waves 3s ease-in-out infinite;
}

.wave-1 {
  -webkit-animation-delay: 0s;

  animation-delay: 0s;
}

.video-wrapper .wave-2 {
  -webkit-animation-delay: 1s;

  animation-delay: 1s;
}

.video-wrapper .wave-3 {
  -webkit-animation-delay: 2s;

  animation-delay: 2s;
}

.our-affiliates-partners h3 {
  color: #000;
}

/*----------------------- counter -------------------*/

.counter-section {
  background: url(../images/counter-bg.jpg) no-repeat scroll 0 0;
  padding: 5% 0;
  background-size: cover;
}

.counter-section h3 {
  color: #fff;

  font-weight: 600;
}

.counter-section .count-digit-holder {
  font-size: 50px;

  line-height: 50px;

  font-weight: 900;

  color: var(--white);

  text-align: center;
}

.counter-section .count-title {
  font-size: 18px;

  line-height: 22px;

  font-weight: 400;

  color: var(--white);

  text-align: center;

  margin-top: 15px;
}

.counter-icon-holder {
  margin-right: 10px;
}

.count-area-content span {
  vertical-align: middle;
}

/*------------------------ testimonial slider -------------*/

.testimonial-slider {
  overflow: hidden;
}

.title-with-sepa {
  position: relative;
}

.testimonial-slider-section {
  padding: 50px 0;
}

.title-subtitle h3 {
  font-weight: 700;

  color: var(--black);
}

.title-subtitle span {
  color: var(--orange);

  font-size: 18px;

  display: block;

  line-height: 30px;

  font-weight: 400;
}

.testimonial-slider .owl-item {
  background: #fff7eb;

  padding: 51px 15px 80px;

  margin-top: 60px;

  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  margin-bottom: 10px;
}

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

/* .testimonial-slider .item{display: flex; flex: 1 0 auto; height: 100%;} */

.testimonial-slider .owl-item .testi-author {
  text-align: center;
}

.testimonial-slider .owl-item .testi-author img {
  width: 102px;

  height: 102px;

  border-radius: 102px;

  margin: -102px auto 0;
}

.testimonial-slider .testi-content {
  margin-top: 10px;

  padding: 0 30px;
}

.testimonial-slider .testi-content p {
  position: relative;
}

.testimonial-slider .testi-content p::before {
  position: absolute;

  left: -30px;

  top: 0;

  content: url(../images/quote-top.png);

  width: 24px;

  height: 21px;
}

.testimonial-slider .testi-content p::after {
  position: absolute;

  right: -30px;

  bottom: 0;

  content: url(../images/quote-bottom.png);

  width: 24px;

  height: 21px;
}

.testimonial-slider .testi-content h5 {
  color: var(--orange);

  line-height: 21px;

  font-weight: 700;
}

.testimonial-slider .testi-content h6 {
  color: #444;

  line-height: 18px;

  font-weight: 300;

  font-size: 12px;
}

.testi-bottom-details {
  position: absolute;

  bottom: 15px;

  left: 45px;

  right: 45px;
}

.testimonial-slider .owl-nav {
  position: absolute;

  top: -81px;

  right: 0px;
}

.testimonial-slider .owl-nav button {
  background: rgba(0, 0, 0, 0.5) !important;

  width: 26px;

  height: 26px;

  border-radius: 26px !important;

  color: #fff !important;
}

.testimonial-slider .owl-nav button:hover {
  background: var(--orange) !important;
}

/*--------------------- footer -------------------------*/
#footer {
  padding-bottom: 0 !important;
  background: linear-gradient(90deg, rgba(6, 74, 10, 1) 0%, rgba(0, 65, 54, 1) 35%, rgba(2, 64, 16, 1) 100%) !important;
}


.footer-top {
  background: #d2dbf4 url(../images/footer_bg.png) no-repeat scroll 0 0;

  padding: 60px 0 0;

  border-top: 1px solid rgb(0 0 0 / 25%);

  background-size: cover;
}

.footer-top p {
  color: var(--white);

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;
}

.dash {
  background: url(../images/dash-blue.png) no-repeat scroll 0 bottom;
}

.footer-highlight {
  color: var(--black);

  font-weight: 500;

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 5px;
}

.visit-details {
  color: var(--white);

  font-weight: 600;

  margin-top: 5px;

  margin-bottom: 0px;

  font-size: 14px;

  line-height: 34px;
}

.footer-top h6 {
  color: var(--black);

  font-weight: 700;

  padding-bottom: 15px;

  margin-bottom: 30px;
}

.footer-top .links {
  padding: 0;
}

.footer-top .links li {
  list-style: none;

  font-weight: 400;

  font-size: 14px;

  line-height: 28px;

  transition-duration: 0.6s;
}

.footer-top .links li a {
  color: var(--white);

  transition-duration: 0.6s;
}

.footer-top .links li:hover a {
  padding-left: 10px;
}

.footer-social {
  padding: 0;

  font-size: 0;

  margin-bottom: 0px;

  text-align: right;
}

.footer-social li {
  list-style: none;

  display: inline-block;

  margin-left: 5px;
}

.footer-social li:first-child {
  margin-left: 0px;
}

.footer-social li a {
  font-size: 17px;

  color: var(--color4);
}

.pr-4 {
  padding-right: 40px;
}

.footer-social li a {
  width: 30px;

  height: 30px;

  line-height: 30px;

  display: block;

  border-radius: 5px;

  text-align: center;

  color: var(--white);

  border: 1px solid #fff;
}

.footer-social li:first-child a {
  background: #0863f7;
}

.footer-social li:nth-child(2) a {
  background: #302929;
}

.footer-social li:nth-child(3) a {
  background: #3589dd;
}

.footer-social li:nth-child(4) a {
  background: #d90000;
}

.footer-top-part-two {
  padding: 15px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.5);

  margin-top: 15px;
}

.copy-right {
  color: var(--black);

  padding: 10px 0;

  background: var(--cnvs-themecolor);

  font-size: 13px;

  line-height: 26px;

  font-weight: 600;
}

/* ------------ footer end --------------------*/

/*------------- scroll to top --------------*/

#topbutton {
  background-color: var(--orange);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  position: fixed;
  bottom: 60px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#chatbutton {
  width: 57px;
  height: 84px;
  position: fixed;
  bottom: 50%;
  right: 15px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#topbutton::after {
  content: "\f062";

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  font-style: normal;

  font-size: 15px;

  line-height: 30px;

  color: #fff;
}

#topbutton:hover {
  cursor: pointer;

  background-color: #333;
}

#topbutton:active {
  background-color: #555;
}

#topbutton.show,
#chatbutton.show {
  opacity: 1;
  visibility: visible;
}

/******************************kaustav*****************************/

.lubricant_header .top_header {
  padding: 2px 0;

  background-image: -webkit-linear-gradient(45deg, #01442c 50%, #fff 50%);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top_header ul {
  padding-left: 0;

  margin: 0;
}

.top_header ul li {
  display: inline-block;
}

.top_header_left ul li a {
  padding-right: 30px;

  font-size: 13px;

  font-weight: 500;

  position: relative;
}

.lubricant_header .top_header_left ul li a:after {
  content: "|";

  position: absolute;

  right: 12px;
}

.lubricant_header .top_header_left ul li:last-child a:after {
  content: "";

  display: none;
}

.top_header_left ul li:last-child a {
  padding-right: 0;
}

.top_header ul li a {
  color: #fff;
}

.top_header_right ul li {
  margin-right: 20px;
}

.top_header_right ul li:last-child {
  margin-right: 0;
}

.top_header_right ul li a i {
  font-size: 11px;

  color: var(--white);

  font-weight: 400;
}

/*.top_header_right ul li a{

width: 25px;

height: 25px;

display: block;

line-height: 25px;

border-radius: 50px;

text-align: center;

}*/

/*.top_header_right ul li a:first-child{

background: #0863F7;

}



.top_header_right ul li:nth-child(2) a{

background: #302929;

}



.top_header_right ul li:nth-child(3) a{

background: #3589DD;

}



.top_header_right ul li:nth-child(4) a{

background: #9F0C0C;

}*/

.nav-area {
  background-color: #f7f1f1;

  position: relative;
}

.main-menu {
  display: flex;

  align-items: center;

  padding-left: 0;

  margin-bottom: 0;
}

.cover-nav {
  display: flex;
}

.lubricant_header .navbar-nav>li {
  position: relative;

  vertical-align: top;

  width: auto;

  height: auto;

  margin: 0px 30px 0px 0px;
}

.lubricant_header .navbar-nav>li>a {
  position: relative;

  z-index: 1;

  display: block;

  color: var(--black);

  font-size: 14px;

  font-weight: 500;

  padding: 4px 0px;

  line-height: 25px;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;
}

.lubricant_header .navbar-nav>li>a {
  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  color: #000;

  font-weight: 700;

  position: relative;
}

.lubricant_header .navbar-nav>li>a:after {
  content: "";

  width: 1px;

  height: 15px;

  background-color: #e81d20;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -12px;
}

.lubricant_header .navbar-nav>ul>li:last-child a:after {
  content: "";

  display: none;
}

.lubricant_header .navbar {
  padding: 0;
}

.lubricant_header .navbar-nav>li a:first-child {
  padding-left: 0;
}

.lubricant_header .navbar-nav>li a:last-child {
  padding-right: 0;
}

.lubricant_header .navbar-toggler span {
  display: block;

  width: 32px;

  height: 4px;

  background-color: #000;

  border-radius: 15px;

  margin: 7px 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  position: relative;

  transition: all 0.3s;
}

.lubricant_header .navbar-toggler span::before,
.lubricant_header .navbar-toggler span::after {
  content: "";

  position: absolute;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #000;

  border-radius: 15px;

  top: -10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;
}

.lubricant_header .navbar-toggler span::after {
  top: 10px;
}

.lubricant_header .navbar-toggler[aria-expanded="true"] span::before,
.lubricant_header .navbar-toggler[aria-expanded="true"] span::after {
  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  top: 0;
}

.lubricant_header .navbar-toggler {
  outline: none !important;

  border: 0 !important;
}

.lubricant_header .navbar-toggler:focus {
  box-shadow: none;
}

.lubricant_header .navbar-toggler[aria-expanded="true"] span {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

.request_quote {
  background-color: var(--orange);

  padding: 8px 40px 9px 5px;

  position: absolute;

  right: 0;

  top: 0;

  min-width: 350px;

  z-index: 9;
}

.request_quote a {
  color: var(--white);
}

.request_quote a {
  font-size: 18px;

  font-weight: 600;

  display: flex;

  align-items: center;
}

.request_quote a img {
  margin-right: 8px;
}

.request_quote::before {
  position: absolute;

  content: "";

  width: 63px;

  height: 100%;

  top: 0px;

  left: -29px;

  background: var(--orange);

  transform: skew(-50deg);

  z-index: -1;
}

.search-container i {
  font-size: 24px;

  color: #e81d20;
}

.enq_btn {
  background: #01442c;

  width: 142px;

  padding: 10px 10px 5px;

  text-align: center;

  margin-left: 50px;

  color: #fff;

  border-top: 3px solid #eb1111;
}

.enq_btn img {
  display: block;

  margin: auto;
}

.enq_btn span {
  font-size: 14px;

  line-height: 24px;

  font-weight: 600;

  font-family: "Open Sans", sans-serif;
}

.button {
  display: inline-block;

  margin: 4px 2px;

  font-size: 14px;

  padding-left: 32px;

  padding-right: 32px;

  /* height: 50px;

  line-height: 50px; */

  text-align: center;

  color: white;

  text-decoration: none;

  cursor: pointer;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.button:hover {
  transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  background-color: white;

  color: black;
}

.search-container {
  position: relative;

  display: inline-block;

  margin: 4px 2px;

  height: 50px;

  width: 50px;

  vertical-align: bottom;
}

.mglass {
  display: inline-block;

  pointer-events: none;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);
}

.searchbutton {
  position: absolute;

  font-size: 22px;

  width: 100%;

  margin: 0;

  padding: 0;
}

/* .search:focus + .searchbutton {

  transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  background-color: white;

  color: black;

} */

.search {
  position: absolute;

  left: 49px;
  /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */

  background-color: white;

  outline: none;

  border: 1px solid #d1d1d1;

  padding: 0 16px;

  width: 250px;

  height: 100%;

  z-index: 10;

  display: none;

  transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -webkit-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;
}

/* .search:focus {

  width: 250px; 

  padding: 0 16px 0 0;

} */

.expandright {
  left: auto;

  right: 49px;
  /* Button width-1px */
}

/* .expandright:focus {

  padding: 0 0 0 16px;

      border: 1px solid #ccc;

} */

@media (max-width: 767px) {
  .lubricant_header .top_header_left {
    padding-top: 4px;
  }

  .lubricant_header .top_header {
    background-image: -webkit-linear-gradient(45deg, #01442c 100%, #fff 0%);

    padding: 2px 0 0;

    border-bottom: 0;
  }

  .enq_btn {
    width: auto;
    margin-left: 0;
  }

  .lubricant_header .navbar-nav>li>a:after {
    content: "";

    display: none;
  }

  .nav_menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    padding: 15px !important;
  }

  .lubricant_header .navbar-toggler {
    margin-right: 45px;
  }

  .search-container {
    position: absolute;

    right: 0;

    top: 6px;

    width: 30px;

    height: 40px;
  }

  .cust-bg {
    background: #f5f5f5;

    padding: 5px 12px;
  }
}

.owl-theme .owl-nav {
  margin-top: 0 !important;
}

/* Lubricant Header */

/* Header End */

/******************************prabesh*****************************/

/*

Banner Style

======================================================*/

.banner-area {
  background-color: var(--color3);
  position: relative;

  overflow: hidden;
}

.banner-button {
  background: var(--orange);
  padding: 15px 15px;
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  top: 10px;
  right: 0;
  border-radius: 25px 0 0 25px;
  transition: 0.5s;
  z-index: 9;
}

.banner-button i {
  color: var(--white);
  margin-right: 5px;
}

.banner-button:hover {
  background: var(--black);
  color: var(--white);
}

.banner-area .container-fluid {
  padding: 0;

  padding-left: 0;

  max-width: 100%;

  margin-right: 0;

  margin-left: auto;
}

.slider-item {
  position: relative;
}

.video-wd {
  /* height: 100vh; */
}

.slider-item.banner-bg-1 {
  background-image: url(../images/banner-img1.jpg);
}

.slider-item.banner-bg-2 {
  background-image: url(../images/banner-img2.jpg);
}

.slider-item.banner-bg-3 {
  background-image: url(../images/banner-img3.jpg);
}

.slider-item.banner-bg-4 {
  background-image: url(../images/banner-img4.jpg);
}

.slider-item.banner-bg-5 {
  background-image: url(../images/banner-img5.jpg);
}

.slider-item.banner-bg-6 {
  background-image: url(../images/banner-img6.jpg);
}

.slider-item.banner-bg-7 {
  background-image: url(../images/banner-img7.jpg);
}

.slider-item.banner-bg-8 {
  background-image: url(../images/banner-img8.jpg);
}

.slider-content {
  max-width: 100%;

  margin-left: 0;

  margin-right: auto;
}

.slider-content h1 {
  font-size: 50px;

  color: #ffffff;

  margin-bottom: 20px;

  position: absolute;

  top: 35%;

  left: 5%;

  width: 50%;
}

.slider-content p {
  color: #ffffff;

  margin-bottom: 30px;
}

.slider-content.style2 {
  background-color: #ffffff;

  padding: 50px;
}

.slider-content.style2 h1 {
  color: var(--color3);
}

.slider-content.style2 p {
  color: #555555;
}

.hero-slider {
  position: relative;
}

.hero-slider.owl-theme .owl-dots {
  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 99;

  left: 0;
}

.hero-slider.owl-theme .owl-dots .owl-dot {
  display: block;
}

.hero-slider.owl-theme .owl-dots .owl-dot span {
  width: 45px;

  height: 45px;

  margin: 5px 0;

  background: transparent;

  display: block;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  border-radius: 50%;

  position: relative;

  color: #ffffff;
}

.hero-slider.owl-theme .owl-dots .owl-dot span::before {
  position: absolute;

  content: "01";

  left: 0;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 16px;
}

.hero-slider.owl-theme .owl-dots .owl-dot:hover span,
.hero-slider.owl-theme .owl-dots .owl-dot.active span {
  color: #ffffff;

  font-size: 18px;

  font-weight: 600;

  position: relative;
}

.hero-slider.owl-theme .owl-dots .owl-dot:hover span::after,
.hero-slider.owl-theme .owl-dots .owl-dot.active span::after {
  position: absolute;

  content: "";

  height: 1px;

  width: 40px;

  background-color: #ffffff;

  left: -30px;

  top: 22px;
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(2) span::before {
  content: "02";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(3) span::before {
  content: "03";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(4) span::before {
  content: "04";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(5) span::before {
  content: "05";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(6) span::before {
  content: "06";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(7) span::before {
  content: "07";
}

.hero-slider.owl-theme .owl-dots .owl-dot:nth-child(8) span::before {
  content: "08";
}

.hero-slider.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;

  bottom: 30px;

  left: 30px;

  bottom: -130px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: transparent;

  border: 1px solid #eeeeee;

  color: #ffffff;

  height: 40px;

  width: 40px;

  line-height: 43px;

  border-radius: 100%;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  font-size: 24px;
}

.hero-slider.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;

  top: -2px;

  left: -1px;
}

.hero-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
  left: 100px;
}

.hero-slider.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;

  right: -1px;

  left: auto;

  top: -2px;
}

.hero-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--color2);

  color: #ffffff;

  border: 1px solid var(--color2);
}

.hero-slider2 .slider-item {
  padding-left: 0;
}

.hero-slider2.owl-theme .owl-nav [class*="owl-"] {
  position: absolute;

  bottom: 30px;

  left: 100px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: transparent;

  border: 1px solid #dfdbdb;

  height: 40px;

  width: 40px;

  line-height: 43px;

  border-radius: 100%;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;

  font-size: 24px;

  opacity: 0;

  transition: all ease 0.5s;
}

.hero-slider2.owl-theme .owl-nav [class*="owl-"] i {
  position: relative;

  top: -2px;

  left: -1px;

  color: #ffffff;
}

.hero-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
  right: 100px;

  left: auto;
}

.hero-slider2.owl-theme .owl-nav [class*="owl-"].owl-next i {
  position: relative;

  right: -1px;

  left: auto;

  top: -2px;
}

.hero-slider2.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--color2);

  color: #ffffff;

  border: 1px solid var(--color2);
}

.hero-slider2:hover.owl-theme .owl-nav [class*="owl-"] {
  opacity: 1;
}

.hero-slider2.style2.owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0.15);
}

.hero-slider2.style2.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--color2);
}

.hero-slider2 .owl-thumbs {
  text-align: right;

  position: relative;

  margin-top: -90px;

  z-index: 1;
}

.hero-slider2 .owl-thumbs button {
  padding: 0;

  border: none;

  -webkit-transition: all ease 0.5s;

  transition: all ease 0.5s;
}

.hero-slider2 .owl-thumbs button:hover,
.hero-slider2 .owl-thumbs button.active {
  -webkit-filter: grayscale(0.9);

  filter: grayscale(0.9);
}

.owl-thumb-item img {
  width: 100%;
}

.owl-thumbs .owl-thumb-item {
  width: 115px;
  height: 50px;
}

/**********************responsive*********************************/

@media only screen and (max-width: 768px) {
  .contact-image {
    width: 100%;
  }

  .contact-section {
    position: relative !important;
    display: block;
    top: 0;
    right: 0;
    width: 100% !important;
    padding: 30px !important;
    z-index: 0;
  }
}

@media only screen and (max-width: 576px) {
  .gear-img {
    width: 170px;
  }

  .info-item {
    flex-wrap: wrap;
  }

  .info-img img {
    display: none;
  }

  .count-area-content {
    margin-bottom: 15px;
  }

  .counter-section {
    padding: 4rem 0;
  }

  .enq_btn {
    display: none;
  }

  .slider-item {
    height: 200px !important;

    padding: 0 !important;
  }
}

@media only screen and (max-width: 1399px) {
  .request_quote {
    min-width: 230px;
  }

  .inner-banner-left-txt h1 {
    font-size: 32px;
    line-height: 50px;
  }

  .inner-banner-left-txt {
    padding-top: 60px;
  }

  .logo-dark,
  .logo-default {
    width: 150px !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .top_header_left {
    text-align: center;
    padding-bottom: 8px;
  }

  .top_header_right {
    text-align: center;
  }
}

@media only screen and (max-width: 576px) {
  .visit-details {
    display: block !important;
    text-align: center;
  }

  .visit-details span {
    display: block;
    line-height: 18px;
  }

  .footer-social {
    text-align: center;
    margin-top: 20px;
  }

  .counter-section .count-digit-holder {
    font-size: 40px;
    line-height: 40px;
  }

  .counter-icon-holder img {
    max-width: 40px;
  }

  .event_box {
    height: auto;
  }
}

@media only screen and (max-width: 1399px) {
  .request_quote {
    min-width: 230px;
  }

  .inner-banner-left-txt h1 {
    font-size: 32px;
    line-height: 50px;
  }

  .inner-banner-left-txt {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .top_header_left {
    text-align: center;
    padding-bottom: 8px;
  }

  .top_header_right {
    text-align: center;
  }
}

.fbox-icon i,
.bg-white-soft {
  background-color: var(--cnvs-contrast-900);
}

.cnvs-switcher-container {
  display: none !important;
}

#oc-testi .owl-stage-outer {
  overflow: visible;
}

#copyrights {
  padding: calc(var(--cnvs-content-padding)* .2) 0;
  background-color: #004d40 !important;
  overflow: hidden;
}

#chartdiv {
  background: var(--text-white);
  border-radius: 10px;
  padding: 15px;
  height: 500px;
}

#oc-clients-full .oc-item {
  background: var(--text-white);
  text-align: center;
  border-radius: 7px;
  padding: 10px;
}

#oc-clients-full .oc-item img {
  height: 55px;
  width: auto;
  margin: 0 auto;
}

.news-event-car .oc-item {
  opacity: .35;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
}

.news-event-car .oc-item h4,
.news-event-car .oc-item p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-event-car .owl-item.active.center .oc-item {
  opacity: 1;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 12px 22px rgba(0, 0, 0, .15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 12px 22px rgba(0, 0, 0, .15);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.heading-icon {
  width: 40px;
  margin-bottom: 10px;
  filter: invert(1);
}

@media(min-width: 992px) {
  .hero-features {
    transform: translateY(-50%);
    padding: 40px 30px;
    max-width: 80%;
    margin-left: auto;
    border-left: 4px solid rgba(0, 0, 0, .2);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
}

/*** 

====================================================================
	Milestone Page
====================================================================

***/
.milestone-head span {
  font-size: 16px;
  color: var(--vibernt-color-light);
}

.milestone-head {
  font-size: 30px;
  color: var(--cnvs-contrast-900);
  margin-bottom: 0px;
  font-weight: bold;
}

.milestone-tab .nav-tabs:hover .nav-link {
  border: 0;
  border-radius: 0;
  color: var(--deepblue);
}

.milestone-tab .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
  color: var(--text-blue);
}

.milestone-tab .nav-tabs .nav-link.active {
  border: 0;
  border-top: 1px solid var(--bs-cyan);
  border-width: 5px;
  border-radius: 0;
  background: #fbfbfb;
  color: var(--deepblue);
}

.milestone-tab .tab-pane {
  padding: 2rem 25px;
}

.milestone-tab .tab-pane.active {
  background: #fbfbfb;
}

.milestone-tab .owl-dots {
  margin-top: 0 !important;
}

.service-block-four {
  position: relative;
  margin-bottom: 30px;
}

.milestone-tabname {
  position: relative;
}

.milestone-tabname .owl-nav {
  position: absolute;
  right: 0;
  width: 70px;
  bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.milestone-tabname .owl-nav button.owl-prev,
.milestone-tabname .owl-nav button.owl-next {
  border: 2px solid #dadada;
  display: block;
  padding: 0px 10px !important;
  font-size: 24px;
  border-radius: 50%;
  text-align: center;
  margin: 0;
  cursor: pointer;
  color: #ffffff;
  line-height: normal;
  background: var(--cnvs-contrast-900);
}

.milestone-tabname .owl-nav button.owl-next {
  display: block;
}

.service-block-four .inner-box {
  position: relative;
  padding: 30px 22px;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--text-white);
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  min-height: 300px;
}

.service-block-four .inner-box .image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center bottom;
  background-repeat: no-repeat;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.service-block-four .inner-box .image-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.85;
  background-color: var(--cnvs-contrast-900);
}

.service-block-four .inner-box:hover .image-layer {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.service-block-four .inner-box .post-number {
  position: absolute;
  right: 30px;
  top: 35px;
  line-height: 1em;
  font-weight: 800;
  font-size: 50px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: linear-gradient(to bottom, var(--cnvs-contrast-900) 0%, var(--text-white) 100%);
}

.service-block-four .inner-box:hover .post-number {
  color: var(--text-white);
}

.service-block-four .inner-box:hover .icon-box {
  color: var(--text-white);
  /* background: var(--color-fourtyone); */
  background: linear-gradient(to right, var(--vibernt-color-dep) 0%, var(--cnvs-contrast-900) 100%);
}

.service-block-four .inner-box .icon-box {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  font-size: 34px;
  color: var(--text-blue);
  background-color: #f7f7f7;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-block-four .inner-box:hover .icon-box {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.service-block-four .inner-box h5 {
  font-weight: 800;
  color: var(--text-blue);
  font-size: 25px;
  margin-top: 20px;
  position: relative;
  z-index: 9;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-block-four .inner-box:hover h5,
.service-block-four .inner-box:hover .text {
  color: var(--text-white) !important;
}

.service-block-four .inner-box .text {
  position: relative;
  font-size: 14px;
  margin-top: 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  overflow-y: auto;
  height: 105px;
}

/* width */
.service-block-four .inner-box .text::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.service-block-four .inner-box .text::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.service-block-four .inner-box .text::-webkit-scrollbar-thumb {
  background: var(--vibernt-color-dep);
  border-radius: 5px;
}

/* Handle on hover */
.service-block-four .inner-box .text::-webkit-scrollbar-thumb:hover {
  background: var(--vibernt-color-dep);
}

.board-members-section {
  padding: 4rem 0;
}

.section-header h2 {
  font-size: 35px;
  font-weight: bold;

}

@media (min-width: 992px) {
  .toggle-bg.toggle-active .toggle-header .toggle-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    color: var(--cnvs-themecolor);
  }
}

.tender-search-section {
  padding: 25px;
  background: var(--cnvs-contrast-900);
  margin-bottom: 0px;
  /* color: #ffffff; */

}

.tender-search-section .d-flex {
  justify-content: space-between;
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px;
  vertical-align: middle;
}

.tender-search-section .form-control {
  margin: 0;
  margin-bottom: 10px;
  align-items: center;
  padding: 7px 15px;
  min-width: 150px;

}

.tender-search-section .form-group {
  margin-bottom: 0;
}

.tender-search-section .form-floating>label {
  left: auto;
}

.tender-search-section select.form-control {
  appearance: auto;
  margin-right: 5px;
  height: 55px;
}

.tender-search-section button {
  width: 100%;
  background: var(--vibernt-color-light);
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  color: var(--deepblue);
  padding: 7px 15px;
}

.tender-search-section button:hover {
  background-color: var(--deepblue);
  color: var(--text-white);
}

.tender-search-section .form-check .form-check-input {
  float: left;
  margin-left: 0em;
  margin-right: 15px;
}

.tender-list-section td {
  position: relative;
  font-size: 14px;
}

.tender-list-section {
  padding: 4rem 0;
  background: url('../images/bg-block-circle-left-top.png') top left no-repeat;
}

.toggle-bg .toggle-content {
  --cnvs-toggle-content-padding-y: 1rem;
  background-color: var(--cnvs-toggle-header-bg);
}

.bookmark {
  position: absolute;
  font-size: 30px;
  top: -7px;
  right: 0px;
}

.tender-list-section .view-all {
  top: 0;
}

.tender-list-section tr th {
  background-color: var(--cnvs-contrast-900);
  color: var(--text-white);
  padding: 5px 10px;

}

.icon-bx-sm {
  padding: 15px;
  background-color: var(--light-blue1);
  cursor: pointer;
}

.icon-bx-sm a {
  display: block !important;
}

.icon-bx-sm i {
  font-size: 26px;
  vertical-align: middle;
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

.active-corrigendum-stripe {
  display: block;
  background: -webkit-linear-gradient(-68deg, #E8F5E9, #36eed9);
  padding: 5px 15px;
  width: 100%;
  margin-top: 10px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.desc-tender {
  font-size: 12px;
  margin-top: 5px;
}

.share-print {
  justify-content: flex-end;
  font-size: 20px;
}

/*** 

====================================================================
	Certificate Page
====================================================================

***/
.certificate-box {
  padding: 4rem 0 0;
}

.certification-small-box {
  padding: 25px;
  background-color: #CFD8DC;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-bottom: 4rem;
  font-family: "Poppins", sans-serif;
  width: 100%;
}

.certificate-box .col-sm-6:nth-child(2) .certification-small-box {
  background-color: #B2EBF2;
  /* color: #ffffff; */
}

.certificate-box .col-sm-6:nth-child(2) .certification-small-box h3,
.certificate-box .col-sm-6:nth-child(4) .certification-small-box h3,
.certificate-box .col-sm-6:nth-child(3) .certification-small-box h3 {
  color: var(--text-white);
}

.certificate-box .col-sm-6:nth-child(3) .certification-small-box {
  background-color: var(--deepblue);
  color: var(--text-white);

}

.certificate-box .col-sm-6:nth-child(4) .certification-small-box {
  background-color: #80CBC4;
  color: #ffffff;
}

.certificate-box .col-sm-6:nth-child(5) .certification-small-box {
  background-color: #FFCCBC;
}

.certification-small-box h3 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 25px 0;
  color: var(--deepblue);
}

.certification-small-box h4 {
  font-size: 16px;

  font-weight: bold;

}

.certification-small-box .small-desc {
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 10px;
}

.certification-small-box hr {
  color: #bdbdbd;
}

.logo-holder {
  background: #f5f5f5;
  margin: -22% auto 0;
  width: fit-content;
  padding: 25px;
  border-radius: 10px 10px 25px 25px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

.logo-holder img {
  width: 150px;
}

.underliner {
  background-image: linear-gradient(to bottom, transparent calc(100% - var(--cnvs-underliner-size)), rgb(44 255 220 / 50%) calc(100% - var(--cnvs-underliner-size))) !important;
}

.lower-alpha {
  list-style: lower-alpha;
}

.lower-roman {
  list-style: lower-roman;
}

#shop-filter-btn.show {
  background-color: var(--cnvs-themecolor);
  color: #FFF !important;
}

#shop-filter-sorting .dropdown-item {
  padding: 0 !important;
  color: #111;
}

#shop-filter-sorting .dropdown-item.active,
#shop-filter-sorting .dropdown-item:active,
#shop-filter-sorting .dropdown-item:hover {
  background-color: var(--bs-gray-200) !important;
}

#shop-filter-sorting .dropdown-item span {
  display: block;
  padding: 8px 20px;
  border-bottom: 1px solid var(--bs-gray-200);
  font-size: .925rem;
}

#shop-filter-sorting .dropdown-toggle::after {
  content: "\F128";
  font-family: "bootstrap-icons";
  border: 0;
  vertical-align: middle;
  margin: 0 0 0 6px;
}

.img-hover-in,
.img-hover-in img,
.product .product-image,
.product .product-image img {
  transition: transform .5s ease-out, border-radius .5s ease-out;
  border-radius: 6px
}

.img-hover-in:hover img,
.product:hover .product-image img {
  transform: scale(1.15)
}

.img-hover-in:hover,
.product:hover .product-image {
  transform: scale(.95);
  border-radius: 10px
}

.img-overlap img {
  width: calc(100% + 30%);
  max-width: none
}

.img-overlap+div {
  border-radius: .3rem;
  padding: 60px
}

#sticky-dots {
  position: -webkit-sticky;
  position: sticky;
  top: 50%;
  margin-left: -20px;
  height: 100%;
  text-align: center;
  transform: translateY(-50%)
}

.sticky-dot {
  display: block;
  position: relative;
  padding: 0;
  margin: 3px 0;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: var(--cnvs-themecolor) !important;
  transition: all .3s ease;
  transform-origin: center center
}

.sticky-dot i.bi-play {
  font-size: 20px
}

.sticky-dot.active i.bi-circle::before {
  content: "\f287"
}

.sticky-dot.active i.bi-play::before {
  content: "\f4f4"
}

.sticky-dot.active {
  transform: scale(1.5);
  margin: 6px 0
}

.cart-border .quantity {
  --cnvs-cart-quantity-bg: transparent;
  --cnvs-cart-quantity-border-color: var(--cnvs-themecolor);
  --cnvs-cart-quantity-bg-hover: transparent;
  border: var(--cnvs-cart-quantity-border) solid var(--cnvs-cart-quantity-border-color)
}

.cart-border-2 .quantity {
  --cnvs-cart-quantity-height: 48px;
  --cnvs-cart-quantity-color-hover: var(--cnvs-themecolor)
}

.section-single-features {
  padding: 60px 0
}

.button-filter.button-filter-active-hide span:nth-child(2),
.button-filter span:nth-child(1) {
  display: none
}

.button-filter.button-filter-active-hide span:nth-child(1) {
  display: block
}

.is-expanded-menu .menu-link {
  --cnvs-primary-menu-padding-y: calc(calc(var(--cnvs-sticky-header-height) - 22px)* 0.5);
  --cnvs-primary-menu-padding-x: 7px;
  transition: margin .4s ease, padding .4s ease;
}

@media(min-width: 768px) {
  .skincare-shop-single .quantity {
    --cnvs-cart-quantity-width: 38px
  }
}

@media(max-width: 1360px) {

  .logo-dark,
  .logo-default {
    width: 150px !important;
    height: auto !important;
  }
}

.flex-no-wrap {
  flex-wrap: nowrap !important;
}

.device-video-wrap::before,
.dotted-bg::before {
  content: "";
  position: absolute;
  display: block;
  top: 40%;
  left: 35%;
  width: 110%;
  height: 120%;
  background-size: 12px 12px;
  background-position: center;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(#3D80E4 14%, transparent 14%);
  -webkit-mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
  mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
  z-index: 0
}

.dotted-bg::before {
  background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%)
}

.dotted-bg.dotted-bg-dark::before {
  background-image: radial-gradient(rgba(4, 4, 4, 0.2) 14%, transparent 14%)
}

.text-nowrap {
  width: 600px;
  position: relative;
  z-index: 2;
  background-color: #fff;

  transform: translateX(0%);
  padding: 0 20px 10px 0;
}

.dark-box {
  background-color: #bafff4 !important;
}

.section-product {
  position: relative;
  width: 100%;
  padding: 4rem 0;
}

.section-product .section-product-image {
  width: 100%
}

.section-product .section-product-content {
  max-width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 20px;
  z-index: 1
}

.section-product .section-product-content h3 {
  font-weight: 800
}

.section-product.alt .section-product-image,
.section-product.alt .section-product-content {
  float: none
}

.section-product .section-product-price {
  font-size: 1.5rem;
  font-weight: 700
}

.explore-text-overlay {
  opacity: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 24px);
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, .6);
  margin-left: 12px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

.text-overlay-wrap:hover .explore-text-overlay {
  opacity: 1
}

.section-contact h3 {
  font-size: 1.4rem;
  font-weight: 700
}

.section-contact>div {
  padding: 30px 20px;
  border: 1px solid #eee
}

.social-icon.si-mini {
  width: 28px;
  height: 28px;
  font-size: 12px;
  line-height: 27px !important
}

.social-icon.si-mini:hover i:first-child {
  margin-top: -27px
}

@media(min-width: 1199px) {

  .product {
    padding: 65px;
    border-right: 1px solid #eee
  }

  .slider-element .heading-block h2 {
    font-size: 3.1rem;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700
  }

  .slider-element .slider-product-desc [class^=col-] {
    padding: 50px
  }

  .play-icon {
    margin: 0 auto
  }

  .section-product .section-product-image {
    position: relative;
    width: 85%;
    background: #fff
  }

  .section-product .section-product-content {
    max-width: 650px;
    position: absolute;
    bottom: 15%;
    right: 0;
    padding: 30px
  }

  .section-product.alt .section-product-image {
    float: right
  }

  .section-product.alt .section-product-content {
    left: 0;
    right: auto
  }
}

@media(max-width: 991px) {
  .slider-element .vertical-middle .container {
    top: 0
  }
}

.services-categories {
  counter-reset: services-category-item-number
}

.services-categories .services-category-item {
  position: relative
}

.services-categories .services-category-item::before {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: var(--bs-gutter-x);
  font-size: 80%;
  font-family: monospace;
  font-weight: 700;
  counter-increment: services-category-item-number;
  content: counter(services-category-item-number, decimal-leading-zero)"."
}

.services-categories .services-category-item a:hover {
  background-color: var(--cnvs-themecolor);
  color: rgba(255, 255, 255, .6)
}

.services-categories .services-category-item a:hover h4 {
  color: #fff
}

.services-categories .services-category-item:hover::before {
  color: #fff
}

.services-category-item .card-body h4 {
  font-size: 15px;
}

.dark {
  background-color: var(--teal-green);
}

.east-map {
  background-image: url('../images/east-map.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.north-map {
  background-image: url('../images/north-map.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #00796B;
}

.west-map {
  background-image: url('../images/west-map.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #00897B;
}

.south-map {
  background-image: url('../images/south-map.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #26A69A;
}

/* -------- svg-underline -------- */
.svg-underline,
.svg-underline span {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.svg-underline.not-animated,
.svg-underline[data-animate]:not(.animated) {
  opacity: 1;
}

.svg-underline::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 13px;
  background-image: url("../images/underline.svg");
  background-size: 100% 13px;
  background-position: bottom center;
  opacity: 0.7;
}

.svg-underline[data-animate]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 13px;
  background: #FFF;
  right: 0;
  bottom: 0;
  -webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dark .svg-underline::before {
  opacity: 0.7;
  background-image: url("../images/underline_dark.svg");
}

.custom-bg,
.custom-bg .svg-underline::after {
  background-color: var(--custom-bg);
}

.svg-underline.svg-underline-animated::after {
  width: 0;
}

.contats-list ul li {
  list-style: none;
  flex: 0 0 auto;
  width: 25%;
  margin: 1rem 0;
  text-align: center;
}

.contats-item {
  text-decoration: none;
  padding: 30px 15px 30px;
  color: #000;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 2px 2px 10px rgba(61, 61, 61, 0.596);
  transition: all 1000ms ease, transform 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 1;
  list-style: none;
}

.contats-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.contats-item .title,
.contats-item h4 {
  font-size: 16px;
  font-weight: 600;
}

.contats-item .call-user {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px 0;
  cursor: pointer;
  transition: inherit;
  /* box-shadow: inset 4px 4px 7px rgba(61, 61, 61, 0.596); */
  background-color: var(--deepblue);
  background-size: 20px 20px;
}

.contats-item p {
  margin-bottom: 0;
}

.contats-item .call-user span {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #ffffff;
}

.city-wise-box {
  display: flex;
  /* flex-wrap: wrap; */
  border-radius: 0.50rem;
  border: 1px dashed var(--text-white);
  padding: 7px 15px;
  justify-content: space-around;
  margin-bottom: 5px;
  cursor: pointer;
  width: 100%;
  align-content: center;
  align-items: center;

}

.city-wise-box h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-white);
  margin-left: 15px;
}

.city-wise-box img {
  max-height: 35px;
  width: auto;
}

.city-address .nav-link {
  padding: 0;
  margin-right: 10px;
}

.city-address.canvas-alt-tabs.tabs-bb .nav-link.active {
  border: 0;
  filter: grayscale(1);
}

.contact-section {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 50%;
  padding: 60px 60px 60px 180px;
  z-index: 0;
}

.contact-image {
  position: relative;
  width: 60%;
  margin-top: 30px;
  z-index: 2;
  box-shadow: 0 0 40px rgba(0, 0, 0, .3);
}

.is-expanded-menu .sub-menu-container .menu-item>.menu-link {
  padding: 2px 15px !important;
}

@media(max-width: 768px) {

  .mega-menu-content,
  .sub-menu-container {
    background-color: #004d40;
  }
}

.rev_slider_wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100% !important;
}

.slider-element,
.forcefullwidth_wrapper_tp_banner {
  height: 100vh !important;
}