@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Licorice&display=swap");

:root {
  --bigcontainer: 1170px;
  --black: #000000;
  --white: #ffffff;
  --yellow: #f9bc43;
  --blue: #004996;
  --lightblue: #6f9ad3;
  --lightgray: #706f6f;
  --darkgray: #585858;
  --Assistant: "Assistant", sans-serif;
  --Roboto-slab: "Roboto Slab", serif;
  --Licorice: "Licorice";
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.post,
.page {
  margin: 0;
}

.row {
  margin: 0;
}

.row > * {
  padding-left: 0;
  padding-right: 0;
}

body {
  width: 100%;
  font-family: var(--Assistant);
  overflow-x: hidden;
}

/* header {
  display: none;
} */
p {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

.bigcontainer {
  width: 100%;
  max-width: var(--bigcontainer);
  margin: 0 auto;
}

/* header css */
.siteheader {
  height: 130px;
  background: var(--white);
}

.stick-header {
  position: sticky !important;
  top: 0;
  width: 100%;
  box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
  z-index: 99 !important;
  background: var(--white);
}

.siteheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 57px 0 40px;
}

/* home css */
.homebanner {
  height: 820px;
}

.videoslide {
  position: relative;
  height: 820px;
  background: url(../image/slider-home-final-scaled.jpg) no-repeat center
    center/cover;
  overflow: hidden;
}

.homebanneriner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.homebanneriner::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.slide-btn-txt h1 {
  text-align: left;
  font-weight: normal;
  font-size: 56px;
  max-width: 648px;
  line-height: 120%;
  letter-spacing: 0px;
  color: var(--white);
}

.slide-btn {
  display: flex;
  gap: 30px;
  margin-bottom: 40px;
}

.slidebtn {
  width: 30px;
  height: 8px;
  background: var(--white);
  border-radius: 6px;
}

.slidebtn.active {
  background: var(--yellow);
  width: 70px;
}

.slide-btn-txt a {
  text-align: left;
  letter-spacing: 0px;
  color: #f9bc43;
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 53px;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.slide-btn-txt a:hover {
  color: var(--white);
}

.slide-btn-txt a::before {
  width: 24px;
  height: 8px;
  content: "";
  background: var(--yellow);
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}

section.second-sec {
  padding: 110px 0;
  background: #f5f5f5;
}

.abtinner {
  border-radius: 80px 16px;
  background: var(--blue);
  padding: 96px 100px;
}

.comansublable {
  text-align: left;
  letter-spacing: 0px;
  color: #6f9ad3;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  font-weight: bold;
}

.introleft h3 {
  text-align: left;
  letter-spacing: 0px;
  color: #f9bc43;
  font-size: 44px;
  line-height: 40px;
  font-family: var(--Assistant);
}

.subintro {
  display: flex;
  grid-gap: 124px;
}

.introright p {
  text-align: left;
  letter-spacing: 0px;
  color: #ffffff;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  font-family: var(--Assistant);
  width: 450px;
  margin-top: 20px;
}

.cardrow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

section.thired-sec {
  background: #f5f5f5;
  padding: 110px 0 293px 0;
}

.cardmain img {
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  display: block;
  position: relative;
}

.cardmain {
  height: 376px;
  background: rgba(13, 43, 136, 0);
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  margin-bottom: 35px;
  -moz-box-sizing: border-box;
  display: block;
  position: relative;
  box-sizing: border-box;
}

.cardcontent {
  top: auto;
  bottom: 0;
  min-height: 25%;
  height: auto;
  max-height: 100%;
  text-align: left;
  padding: 15px;
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 1em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  min-height: 100%;
}

.cardcontent h2 {
  padding-top: 170px;
  font-size: 22px;
  line-height: 58px;
  font-family: var(--Assistant);
  font-weight: 700;
  color: var(--white);
  text-align: center;
  -webkit-transform: translate3d(0, 80px, 0);
  transform: translate3d(0, 115px, 0);
}

.paracontent {
  margin-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
  transform: translate3d(0, 115px, 0);
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  color: var(--white);
  text-align: center;
}

.cardmain:hover .paracontent,
.cardmain:hover .cardcontent h2,
.cardmain:hover img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.cardmain:hover .paracontent {
  opacity: 1;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.cardmain .cardcontent:hover {
  background-image: url(../image/arrow-down.svg) !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: rgba(13, 43, 136, 0.7);
  border-radius: 16px;
}

.gridinner {
  border: 1px solid #f5f5f5;
  padding: 40px 29.5px;
  background: #fff;
}

.foursecgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: -218px;
  z-index: 1;
  position: relative;
}

.gridinner img {
  margin-bottom: 40px;
}

.gridinner h3 {
  text-align: left;
  letter-spacing: 0px;
  color: var(--darkgray);
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 13px;
}

.gridinner p {
  text-align: left;
  letter-spacing: 0px;
  color: #888e91;
  font-weight: normal;
  font-size: 17px;
  line-height: 27px;
}

.foursecgrid .gridinner:nth-child(even) {
  margin-top: 30px;
}

.foursecgrid .gridinner:nth-child(odd) {
  margin-bottom: 30px;
}

section.five-sec {
  padding: 120px 0 169px 0;
}

.fivesecleft h2 {
  text-align: left;
  letter-spacing: 0px;
  color: var(--darkgray);
  font-size: 60px;
  line-height: 62px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 20px;
}

.fivesecleft p {
  text-align: left;
  letter-spacing: 0px;
  color: var(--lightgray);
  font-size: 17px;
  line-height: 27px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 20px;
}

.learnmorebtn {
  text-align: left;
  letter-spacing: 0px;
  color: #f9bc43;
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.learnmorebtn::before {
  width: 24px;
  height: 8px;
  content: "";
  background: var(--yellow);
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}

.contantinner h3 {
  font-family: var(--Roboto-slab);
  font-size: 30px;
  color: var(--blue);
  line-height: 39px;
  text-align: left;
}

.contantinner p {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 20px;
  line-height: 33px;
  letter-spacing: 0px;
  color: var(--lightgray);
}

.fivesecinner {
  display: flex;
  grid-gap: 176px;
}

.flexineer {
  display: flex;
  grid-gap: 38px;
  padding-bottom: 60px;
}

.flexineer:last-child {
  padding-bottom: 0px;
}

.arroow img {
  margin-top: 3px;
}

.fivesecleft {
  max-width: 470px;
}

.six-sec {
  background: #00356c;
  height: 600px;
  padding-top: 0px;
  position: relative;
  overflow: hidden;
  margin-top: -140px;
}

.six-sec::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.location-boxes {
  width: 570px;
  background-color: var(--blue);
  border-bottom: 16px solid var(--lightblue);
  border-radius: 16px;
  padding: 60px 100px;
  position: relative;
  z-index: 1;
}

.location-boxes p {
  font-family: var(--Roboto-slab);
  text-align: left;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0px;
  font-weight: 700;
  font-style: normal;
  color: var(--lightblue);
}

.location-boxes h4 {
  font-family: var(--Assistant);
  font-size: 30px;
  color: var(--blue);
  line-height: 34px;
  text-align: left;
  font-style: normal;
  letter-spacing: 0px;
  color: var(--yellow);
  font-weight: bold;
}

.slide-lft-content span {
  font-family: var(--Roboto-slab);
  text-align: left;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0px;
  font-weight: bold;
  font-style: normal;
  color: #b6bbbe;
}

.slide-lft-content h3 {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 60px;
  line-height: 65px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
  color: #585858;
}

.slide-lft-content h3 {
  position: absolute;
  width: 380px;
}

.slide-rgt-box-innre {
  background: var(--blue);
  border-radius: 16px;
  padding: 83px 20px 44px 20px;
  position: relative;
}

.slide-rgt-box-innre.green {
  background: #739600;
}

.slide-rgt-box-innre::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url(../image/slider-top-arrow.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.slide-sub-inner {
  display: flex;
}

.rostislider {
  padding: 210px 0 150px 0;
  position: relative;
}

.seven-sec {
  position: relative;
}

.seven-sec::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  background: url(../image/location-round.png) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.slide-lft-content {
  margin-top: 110px;
  width: 170px;
  position: relative;
}

.slide-center-img {
  width: 630px;
}

.slide-center-img img {
  width: 100%;
  margin-left: 100px;
}

.slide-rgt-box::after {
  content: "";
  position: absolute;
  left: 40px;
  top: -70px;
  background: url(../image/dash-round.png) no-repeat;
  width: 136px;
  height: 136px;
  background-size: cover;
  z-index: -1;
}

.slide-rgt-box {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-bottom: 50px;
  position: relative;
}

.maxwithcenter {
  max-width: calc(100% - 750px);
  margin: 0 auto;
}

.slide-rgt-box-innre h4 {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
  color: var(--white);
  padding-bottom: 20px;
}

.slide-rgt-box-innre p {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  font-weight: normal;
  font-style: normal;
  color: var(--white);
}

.swiper-button-prev:after {
  content: "";
  width: 75px;
  height: 30px;
  font-size: 20px;
  background: url(../image/arrowone.svg) no-repeat center center;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  border-radius: 100px;
  position: absolute;
  right: -100px;
}

.swiper-button-next:after {
  content: "";
  width: 75px;
  height: 30px;
  font-size: 20px;
  background: url(../image/arrowtwo.svg) no-repeat center center;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  border-radius: 100px;
  position: absolute;
  left: -100px;
  margin: 10px;
}

section.eight-sec {
  background: #f5f5f5;
  padding: 100px 0px 100px 367px;
}

.page-template-location-china-tmpl .relatedpageslider,
.page-template-location-poland-tmpl .relatedpageslider,
.page-template-location-sweden-tmpl .relatedpageslider {
  background: #ffffff !important;
}

.page-template-location-rosti-headquarters .relatedpageslider,
.page-template-location-malaysia-tmpl .relatedpageslider,
.page-template-locations-germany-tmpl .relatedpageslider,
.page-template-location-romania-tmpl .relatedpageslider,
.page-template-locations-turkey-tmpl .relatedpageslider,
.page-template-location-uk-tmpl .relatedpageslider,
.page-template-location-north-carolina-tmpl .relatedpageslider,
.page-template-location-utah-tmpl .relatedpageslider,
.page-template-location-wisconsin-tmpl .relatedpageslider {
  background: #f5f5f5 !important;
}

.news-slider-txt {
  max-width: 75%;
}

.news-slider-txt {
  max-width: 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
}

.news-slider-txt h2 {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 60px;
  line-height: 65px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0px;
  color: #585858;
}

.Viewallbtn {
  text-align: left;
  letter-spacing: 0px;
  color: var(--blue);
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.Viewallbtn:hover {
  color: var(--yellow);
  transition: 0.4s all;
}

.Viewallbtn::before {
  width: 24px;
  height: 8px;
  content: "";
  background: var(--blue);
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}

.newsslider {
  margin-right: -190px;
  padding-bottom: 120px;
}

.newsdsc {
  padding-top: 24px;
}

.new_slide_main {
  margin-right: 32px;
}

.newsslider .swiper-slide {
  width: 590px !important;
  margin-right: 0 !important;
}

.newsdsc h4 {
  font-style: normal;
  font-size: 22px;
  line-height: 27px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 21px;
}

.newsdsc p {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: normal;
  letter-spacing: 0px;
  color: #888e91;
  margin-bottom: 33px;
}

.readmorebtn {
  text-align: left;
  letter-spacing: 0px;
  color: #888e91;
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.readmorebtn::before {
  width: 24px;
  height: 8px;
  content: "";
  background: #888e91;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}

.newsdsc a:hover {
  color: var(--blue);
  transition: 0.4s all;
}

.newsimg a {
  position: relative;
  height: 100%;
  display: block;
}

.newsimg a::after {
  content: "";
  position: absolute;
  width: 100%;
  background-image: url(../image/arrow-down.svg) !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: rgba(13, 43, 136, 0.7);
  border-radius: 16px;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  transition: all 0.4s;
  opacity: 0;
}

.newsimg a:hover::after {
  opacity: 1;
  transition: all 0.4s;
}

.newsslider .swiper-pagination-bullet-active {
  /* opacity: var(--swiper-pagination-bullet-opacity, 1); */
  background: var(--yellow) !important;
  width: 70px !important;
  height: 8px !important;
  border-radius: 7px;
}

.newsslider .swiper-pagination-bullet {
  width: 30px;
  height: 8px;
  border-radius: 7px;
  display: inline-block;
  background: var(--swiper-pagination-bullet-inactive-color, #b6bbbe);
  left: -218px;
  position: relative;
}

.subscribe-box {
  background-color: var(--blue);
  padding: 86px 80px;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.subscribe-box::after {
  content: "";
  position: absolute;
  background: url(../image/maskfooter.png) no-repeat left center;
  width: 485px;
  height: 223px;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}

.subtitle h3 {
  font-style: normal;
  font-size: 40px;
  line-height: 52px;
  font-family: var(--Assistant);
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--yellow);
}

.learnmorebtnwhite {
  text-align: left;
  letter-spacing: 0px;
  color: var(--white);
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.learnmorebtnwhite::before {
  width: 24px;
  height: 8px;
  content: "";
  background: var(--white);
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}

.learnmorebtnwhite:hover {
  color: var(--yellow);
  transition: 0.4s all;
}

.footer-txt {
  padding: 60px 0;
}

.footer-txt ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.ft-logo {
  margin-bottom: 45px;
}

.ft-dsc {
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 46px;
  max-width: 360px;
}

.ft-media {
  display: flex;
  grid-gap: 38px;
}

.ft-coman h3 {
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 46px;
}

.ft-coman li {
  font-style: normal;
  font-size: 12px;
  line-height: 26px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 18px;
}

.ft-coman span {
  display: block;
  font-style: normal;
  font-size: 12px;
  line-height: 26px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--lightgray);
}

.bordrgt {
  position: relative;
}

.bordrgt::after {
  content: "";
  position: absolute;
  height: 305px;
  border-right: 1px solid #b6bbbe;
  top: 0;
  right: 60px;
}

.phone h5,
.email h5 {
  font-style: normal;
  font-size: 12px;
  line-height: 26px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--blue);
  padding-bottom: 10px;
}

.phone {
  padding-bottom: 10px;
}

footer .ft-coman .addrs {
  padding-bottom: 10px;
}

.phone a,
.email a {
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--lightgray);
}

.copyrighttxt {
  border-top: 1px solid #b6bbbe;
  padding: 40px 0 40px 0;
}

.copyrighttxt span:first-child {
  border-left: 0;
  margin-right: 50px;
  padding-left: 0px;
}

.copyrighttxt span:last-child {
  padding-left: 50px;
}

.copyrighttxt span {
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  font-family: var(--Assistant);
  margin-top: 0;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0px;
  color: var(--lightgray);
  border-left: 1px solid;
  margin-right: 39px;
  padding-left: 39px;
}

.copyrighttxt a:hover {
  color: var(--lightgray);
  border-bottom: 1px solid var(--lightgray);
}

.ft-media .linkdin a:hover img {
  transform: scale(1.2);
  transition: 0.4s all;
}

/* header css */
.logo-contactus {
  display: flex;
  margin-left: 40px;
  align-items: center;
}

.contact-us-btn a {
  background-color: var(--yellow);
  border-radius: 29px;
  padding: 15px 55px;
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0px 3px 25px #f9bc4345;
}

.contact-us-btn a:hover {
  color: var(--black);
  transition: 0.4s all;
}

.india-icon {
  margin-right: 39px;
}

.search-brn {
  padding-right: 30px;
}

.siteinn {
  display: flex;
  align-items: center;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link {
  letter-spacing: 0;
  color: var(--lightgray);
  text-align: center;
  font-size: 16px;
  line-height: normal;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  padding: 54px 10px;
  height: auto;
}

.rosti-logo-manu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li {
  position: static;
  background: var(--white);
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link:hover,
.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-item
  > a.mega-menu-link:focus {
  background: var(--white) !important;
  color: var(--yellow) !important;
  font-weight: normal;
  text-decoration: none;
  border-color: transparent;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu {
  z-index: 999;
  position: absolute;
  width: 250px;
  max-width: none;
  padding: 0px 0px 0px 0px;
  border: 0;
  background: #fff;
  border-radius: 0;
  font-size: 20px;
  padding: 10px 20px;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link {
  letter-spacing: 0.4px;
  color: var(--yellow);
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 25px;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  letter-spacing: 0px;
  color: var(--lightgray);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 15px;
  padding: 0;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: var(--yellow);
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link,
.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  li.mega-menu-item
  > a.mega-menu-link {
  letter-spacing: 0px;
  color: var(--lightgray);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 12px;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  background: url(../image/down-btn.png) no-repeat;
}

.rosti-logo-manu ul li > .mega-sub-menu {
  background: var(--white);
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  z-index: 999;
  border-radius: 0;
  background: var(--white);
  border: 0;
  padding: 60px 270px;
  position: absolute;
  width: 100vw;
  max-width: 100vw;
  left: -930px;
}

#mega-menu-item-260 > ul.mega-sub-menu {
  border-top: 2px solid #e5e5e5 !important;
}

#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row::before {
  content: "";
  position: absolute;
  background: url(../image/menu-arrow-top-transparent.png) no-repeat center
    center !important;
  width: 21px;
  height: 13px;
  background-size: cover !important;
  transform: translate(-50%, 0);
  left: 50%;
  top: -73px;
  display: block;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item.mega-menu-megamenu
  ul.mega-sub-menu
  ul.mega-sub-menu {
  visibility: inherit;
  opacity: 1;
  display: block;
  padding-left: 0px;
  border-left: 1px solid var(--yellow);
}

#mega-menu-260-0 > .mega-sub-menu > li > ul > li > ul > li a.mega-menu-link {
  padding-left: 25px !important;
}

#mega-menu-260-0
  > .mega-sub-menu
  > li
  > ul
  > li
  > ul
  > li
  a.mega-menu-link:hover {
  background: #fff url(../image/megamenu-arrows.png) !important;
  background-repeat: no-repeat !important;
  background-position: left 0px center !important;
  font-weight: bold !important;
  position: relative !important;
  left: -2px !important;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator:after {
  top: 4px;
}

.rosti-logo-manu
  #mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  ul.mega-sub-menu {
  position: absolute;
  left: 109%;
  top: 0;
}

.max-mega-menu li > ul > li:last-child > a {
  margin-bottom: 0;
}

.max-mega-menu li > ul > li > ul > li:last-child > a {
  margin-bottom: 0 !important;
}

#mobileheader {
  display: none;
}

.modal-backdrop {
  z-index: 1 !important;
}

.search-brn button:focus,
.searchmobile button:focus {
  border-color: transparent !important;
}

/* .search-brn .modal-dialog {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  height: 980px;
  background-color: rgba(0, 0, 0, 0.8);
  margin: 0;
} */
.search-brn .fade,
.searchmobile .fade {
  background-color: rgba(0, 0, 0, 0.8) !important;
  width: 100%;
}

.search-brn .modal-header svg,
.searchmobile .modal-header svg {
  fill: #fff;
}

.search-brn .modal-header,
.searchmobile .modal-header {
  border: none;
  padding: 0;
  position: absolute;
  top: 12%;
  right: -100%;
  display: block;
  cursor: pointer !important;
  transition: transform linear 0.2s;
}

.search-brn .modal-content,
.searchmobile .modal-content {
  background-color: transparent;
  justify-content: center;
  display: flex;
  align-items: center;
}

.search-brn .search-title span,
.searchmobile .search-title span {
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  color: rgba(144, 144, 144, 1) !important;
  margin-top: 0;
  font-weight: bold;
  text-align: center;
}

.search-brn .modal-dialog,
.searchmobile .modal-dialog {
  width: 800px;
  margin: 0 auto;
  padding: 10px;
}

.search-brn .form-group input.search__input {
  width: 750px;
}

.search-brn .modal-body,
.searchmobile .modal-body {
  padding: 0;
}

.search-brn .form-group,
.searchmobile .form-group {
  display: flex;
  border-bottom: 2px solid var(--yellow);
  margin-top: 80px;
}

.search-brn .form-group input,
.searchmobile .form-group input {
  border: none;
  background: transparent;
  color: var(--white);
}

.search-brn .form-group input:focus-visible,
.searchmobile .form-group input:focus-visible {
  outline: none !important;
}

.search-brn .form-group .search-btn,
.searchmobile .form-group .search-btn {
  border: none;
  background: transparent;
}

.mobile-contact-li .mega-menu-link {
  display: none !important;
}

.sevensecinner .swiper-pagination-clickable {
  z-index: 2;
}

/* History page */
.bannerimg {
  background: url(https://rosti-com.stackstaging.com/wp-content/uploads/2023/10/rosti-nordstjernan-flag-copy-2.png)
    no-repeat center center/cover;
  height: 567.5px;
  border-radius: 0 0 80px 0;
}

.innercontenthistory {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.titlebaneerhistory h1 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 100px;
  line-height: 100px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.sec2content h2 {
  text-align: left;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 45px;

  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.sec2content p {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 50px 0 0 200px;
}

.sec2content {
  border: solid #707070;
  border-width: 1px 0px 1px 0px;
  padding: 50px 0;
  border-bottom-color: #b6bbbe;
}

section.breadcrumsec {
  padding: 94.5px 0 250px 0;
}

section.thirdehistory {
  background: #f5f5f5;
  padding: 0 0 220px 0;
}

.foundimg {
  border-radius: 80px 16px;
}

.foundimg img {
  margin-top: -200px;
}

.comantitleblue h2 {
  text-align: left;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-top: 94px;
  margin-bottom: 69px;
  color: var(--blue);
}

.comantitleblue h2 span {
  font-weight: normal;
}

.comantitleblue p {
  text-align: left;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
}

.innercontentblue {
  display: grid;
  grid-gap: 30px;
  padding: 0 0 67px 200px;
  grid-template-columns: 1fr 1fr;
}

.foundimg2 {
  border-radius: 80px 16px;
}

.foundimg2 img {
  margin-top: -220px;
}

.innercontentblue h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 24px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin-bottom: 50px;
  color: #585858;
}

.specialcase {
  margin-bottom: 50px;
}

.imgfgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin: 27px 0 0 0;
}

section.fivehistory {
  background: var(--blue);
  padding: 194px 0 433px;
  position: relative;
}

section.fivehistory::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 136px;
  height: 68px;
  background: url(../image/bluebefore.png) no-repeat center center;
  transform: translate(-50%, 0px);
}

.fivecontent h4 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 70px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.fivecontent h4 span {
  color: #f9bc43;
  font-weight: bold;
}

.imageleft img {
  margin-top: -240px;
  border-radius: 0px 16px 16px 0;
}

section.sixhistory {
  position: relative;
  background: #f5f5f5;
  padding: 0 0 245px 0;
}

.sixcontent h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-top: 120px;
  margin-bottom: 50px;
  color: var(--blue);
  position: relative;
  z-index: 2;
}

.sixcontent {
  position: relative;
}

.sixcontent::after {
  content: "";
  position: absolute;
  background: url(../image/dash-round.png) no-repeat center center / cover;
  width: 116px;
  height: 116px;
  filter: brightness(0) invert(1);
  left: 0;
  top: 40px;
}

.sixcontent h2 span {
  font-weight: normal;
}

.sixcontent p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
  padding: 0 0 0 200px;
}

.innersevenbanner {
  background: url(https://rosti-com.stackstaging.com/wp-content/uploads/2023/10/nordstjernan.png)
    no-repeat center center/cover;
  height: 600px;
  position: relative;
}

.innersevenbanner::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.bleubox h5 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightblue);
}

.bleubox h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
}

.bleubox {
  background: var(--blue);
  max-width: 570px;
  border-radius: 16px;
  border-bottom: 16px solid var(--lightblue);
  padding: 60px 50px;
}

.mainmargbox {
  margin-top: -120px;
  display: inline-block;
}

.gettitle h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-top: 120px;
  margin-bottom: 50px;
  display: inline-block;
  color: var(--blue);
}

.maingettouch {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.lefttouch {
  padding-right: 115px;
  border-right: 1px solid #b6bbbe;
}

.righttouch {
  padding-left: 115px;
}

p.gform_required_legend,
.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

.gform_wrapper.gravity-theme .gfield_label {
  text-align: left;
  font: normal normal bold 17px/22px Assistant;
  letter-spacing: 0px;
  color: #004996;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.gform_wrapper.gravity-theme .gfield input {
  border-bottom: solid #b6bbbe;
  border-width: 0 0 1px 0 !important;
  border-radius: 0;
  padding: 19px 24px !important;
}

.gform_wrapper.gravity-theme .gfield input::placeholder {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #4b4b4b;
  text-transform: capitalize;
}

.gform_wrapper.gravity-theme .gfield input:focus {
  border-bottom: 3px solid #b6bbbe !important;
  border-width: 0 0 3px 0 !important;
}

.gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px !important;
}

.gform_wrapper.gravity-theme .gfield input:focus-visible,
.gform_wrapper.gravity-theme .gfield textarea:focus-visible {
  outline: none !important;
}

.ginput_container_fileupload input[type="file"] {
  opacity: 0.2;
}

.ginput_container.ginput_container_fileupload {
  background: url(../image/upload.svg) no-repeat center right 20px / cover;
  background-size: 36px;
}

span.gform_fileupload_rules {
  font-size: 0 !important;
  border-bottom: 1px solid #b6bbbe;
  margin: 0 !important;
  padding: 0 !important;
}

.gform_wrapper.gravity-theme .gfield textarea {
  border-radius: 2px 2px 16px 2px;
  border: 2px solid #b6bbbe;
  padding: 19px 24px !important;
  border-width: 1px 1px 1px 1px !important;
}

.gform_wrapper.gravity-theme .gfield textarea::placeholder {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #4b4b4b;
  text-transform: capitalize;
}

.ginput_container.ginput_container_consent {
  display: flex;
  grid-gap: 20px;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #4b4b4b;
  text-transform: capitalize;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: bold;
}

.gform_wrapper.gravity-theme .gfield input[type="checkbox"] {
  border-radius: 50% !important;
  border-color: var(--blue) !important;
  width: 25px;
  height: 25px;
}

input[type="submit"] {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin-top: 50px;
}

.gform_footer.top_label {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}

.gform_footer.top_label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 24px;
  height: 8px;
  background: var(--yellow);
  border-radius: 6px;
}

.gform-body.gform_body {
  margin-bottom: 50px;
}

input[type="submit"] {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin-top: 0;
  padding-left: 44px;
}

section.eighthistory {
  padding-bottom: 119.5px;
}

.rightmoti h6 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-bottom: 30px;
  color: var(--blue);
}

.rightmoti p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-bottom: 30px;
  color: #4b4b4b;
}

.rightmoti h5 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--yellow);
}

.righttouch .rightmoti .iframemap-bottom {
  margin-top: 20px;
}

.socialsec {
  margin: 33px 0 69px 0;
  display: flex;
  grid-gap: 35px;
}

section.ninehistory {
  background: #f5f5f5;
  padding: 0 0 120px 0;
}

.mainpage {
  display: flex;
}

.innerpostitem {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  color: #fff;
  overflow: hidden;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 33.3333% !important;
  min-height: 450px !important;
  height: 30vh !important;
  border-radius: 20px !important;
  margin: 0 12px !important;
  transition-property: all !important;
  transition-duration: 0.7s !important;
  transition-timing-function: linear;
  transition-delay: 0s !important;
}

.innerpostitem:before,
.innerpostitem:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0) translateY(0%) !important;
  content: "";
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.innerpostitem::before {
  background: #004996 !important;
  background-image: url(https://rosti-com.stackstaging.com/wp-content/uploads/2023/10/related-arrow.svg) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

.innerpostitem .tl-year {
  left: 0% !important;
  transform: translateX(0%) translateY(0%) !important;
  top: 62% !important;
  opacity: 0 !important;
  position: absolute;
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border: 0;
}

.team-name h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  line-height: 52px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--white);
  margin: 0em 0.9em !important;
}

.innerpostitem .tl-content {
  text-align: left !important;
  margin: 0 2.2em !important;
  top: 55% !important;
  -webkit-transform: translate3d(0, 0, 0) translateY(25px);
  transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  opacity: 0;
}

.innerpostitem .team-job {
  margin-bottom: 10px;
}

.innerpostitem .tl-content h1 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 33px;
  line-height: 52px;
  font-family: var(--Assistant);
  letter-spacing: 0px;

  letter-spacing: 0px;
  color: var(--white);
  text-transform: none !important;
  margin-bottom: 25px;
}

.innerpostitem .tl-content p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--white);
}

.innerpostitem .tl-content a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--white);
}

.innerpostitem:hover {
  width: 30% !important;
  min-width: 50% !important;
  min-height: 600px !important;
}

.innerpostitem:hover:before {
  opacity: 1;
  transition: opacity 1s ease, transform 1s ease 0.25s,
    -webkit-transform 1s ease 0.25s;
}

.innerpostitem:hover .tl-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  z-index: 2;
  transform: translateY(0);
  -webkit-transition: all 0.75s ease 0.5s;
  transition: all 0.75s ease 0.5s;
}

.innerpostitem .tl-content .buttonlink {
  margin: 40px 0;
}

.lineyellow {
  margin: 90px 0 0;
}

.history-related-page .swiper-slide span.bluebg {
  background: var(--blue);
  height: 299px;
  display: block;
  border-radius: 16px;
}

.history-related-page .swiper-slide.swiper-slide-active span.bluebg {
  background: var(--yellow);
}

.history-related-page .swiper-slide.swiper-slide-active .newsimg a::after {
  background-color: rgb(249 188 67 / 70%);
}

.history-related-page .newsdsc {
  padding-top: 0;
  margin: -160px 0 0 40px;
  z-index: 3;
  position: relative;
}

.history-related-page .newsdsc h4 a,
.history-related-page .newsdsc h4 {
  font-size: 40px;
  line-height: 42px;
  color: var(--white);
}

.history-related-page .newsdsc .readmorebtn {
  color: var(--white);
}

.history-related-page .newsdsc .readmorebtn:before {
  background: var(--white);
}

.breadcrumbs {
  padding: 0 0 50px 0;
}

.breadcrumbs span {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #b6bbbe;
  margin: 0 10px;
}

.breadcrumbs span:first-child {
  margin-left: 0;
}

.breadcrumbs span.current-item {
  color: var(--yellow);
  display: none;
}

/* 06-10-2023 Sustainability css */
.Sustainability-first-sec-inn {
  padding-top: 87px;
}

.Sustainability_title_head h1 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 100px;
  line-height: 100%;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
  text-shadow: 2px 2px 3px #ffffff29;
  position: relative;
}

.imagecustom {
  text-align: right;
  margin-top: -53px;
}

.Sustainability-sec-second h2 {
  max-width: 649px;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 50px;
}

.Sustainability-sec-second p {
  max-width: 670px;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.Sustainability-second-flex {
  display: grid;
  border-top: 1px solid #707070;
  padding-top: 50px;
  grid-template-columns: 771px auto;
}

.Sustainability-sec-second-img img {
  float: right;
  border-radius: 16px;
}

.Sustainability-sec-second {
  position: relative;
}

.Sustainability-sec-second::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #b6bbbe;
  width: 771px;
  height: 1px;
  bottom: 0;
  left: 0;
}

.Sustainability-three-sec {
  background: #f5f5f5;
  padding-top: 284px;
  margin-top: -443px;
}

.three-section-text p {
  max-width: 970px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.three-section-text p:first-child {
  margin-bottom: 50px;
}

.three-section-text {
  padding-left: 215px;
  margin-bottom: 90px;
  position: relative;
}

.three-section-text::after {
  content: "";
  position: absolute;
  background: url(../image/Path-leaves.png) no-repeat;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  background-size: cover;
}

.Sustainability-five-sec {
  padding: 120px 0;
}

.our-Strategy {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.our-Strategy-one h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 86px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  padding-bottom: 50px;
}

.our-Strategy-one p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.our-Strategy-one span {
  font-family: var(--Licorice);
  color: #739600;
  font-weight: 500;
  font-size: 90px;
}

.our-Strategy-one ul,
.twelve-readmore ul {
  padding-top: 50px;
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.our-Strategy-one li,
.twelve-readmore li {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #739600;
  position: relative;
  margin-left: 40px;
  padding-bottom: 20px;
}

.our-Strategy-one li a:hover {
  color: #739600;
}

.our-Strategy-one li::after,
.twelve-readmore li::after {
  content: "";
  position: absolute;
  background: #739600;
  width: 24px;
  height: 8px;
  left: -40px;
  top: 7px;
  background-size: cover;
  border-radius: 20px;
}

.Strategy-number {
  display: inline-block;
  background: #739600;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
}

.Strategy-fisrt {
  display: grid;
  grid-template-columns: 40px auto;
  grid-column-gap: 60px;
  margin-bottom: 42px;
}

.Strategy-fisrt:last-child {
  margin-bottom: 0px;
}

.Strategy-dsc h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #739600;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.three-chanleges {
  text-align: center;
  margin-bottom: -100px;
  position: relative;
}

.our-Strategy-one-inner {
  margin-right: 90px;
}

.Strategy-fisrt p {
  max-width: 400px;
}

.Sustainability-seven-sec {
  background: #f5f5f5;
  padding: 90px 0 330px 0;
}

.Sustainability-seven-sec-inn .Economy h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 20px;
}

.Sustainability-seven-sec-inn .Economy p {
  font-weight: bold;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightgray);
  max-width: 680px;
  padding-bottom: 60px;
}

.Economy_content {
  display: grid;
  grid-gap: 40px;
  padding-left: 230px;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.Economy_content::after {
  content: "";
  position: absolute;
  background: url(../image/Circular-economy.png) no-repeat;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  background-size: cover;
}

.eight-sec-inn-fullimg {
  margin-top: -220px;
  border-radius: 0px 20px 20px 0px;
}

.Sustainability-nine-sec {
  padding: 120px 0;
}

.nine-title-top h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 24px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 50px;
}

.initiatives-content {
  display: flex;
  grid-column-gap: 123px;
  padding-left: 200px;
}

.initiatives-content-inner ul,
.initiatives-content-inner ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.initiatives-content-inner li {
  padding-left: 10px;
  position: relative;
  margin-bottom: 20px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.initiatives-content-inner li::after {
  content: "";
  position: absolute;
  background: #739600;
  width: 5px;
  height: 5px;
  left: 0;
  top: 10px;
  background-size: cover;
  border-radius: 100%;
}

.Sustainability-ten-sec {
  padding: 90px 0;
  background: #f5f5f5;
}

.ten-sub-innr span {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.ten-sub-innr h3 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-bottom: 50px;
  color: var(--darkgray);
}

.ten-sub-innr-dsc {
  display: flex;
  gap: 30px;
  padding-left: 200px;
}

.ten-sub-innr-dsc p,
.Economy_content p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.eleven-sec-inn-fullimg,
.fourteen-sec-inn-fullimg {
  position: relative;
}

.eleven-sec-inn-fullimg::after,
.fourteen-sec-inn-fullimg::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/Polygon-eleven.png) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.eleven-sec-inn-fullimg::before,
.fourteen-sec-inn-fullimg::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -28px;
  background: url(../image/eleven-center.png) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  z-index: 1;
}

.Sustainability-twelve-sec {
  padding: 120px 0 350px 0;
}

.twelve_title h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-bottom: 50px;
  color: var(--darkgray);
}

.twelve_sub-innner-dsc,
.twelve_sub-innner-dsc-second {
  display: flex;
  grid-column-gap: 30px;
  padding-left: 200px;
}

.sub-dsc-innner p {
  max-width: 470px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.twelve_sub-innner-dsc {
  border-bottom: 1px solid #b6bbbe;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.twelve-readmore li {
  padding-bottom: 0;
}

.twelve_sub-innner-dsc {
  position: relative;
}

.twelve_sub-innner-dsc::after {
  content: "";
  position: absolute;
  background: url(../image/Path-europe.png) no-repeat;
  width: 100px;
  height: 100px;
  left: 0;
  top: 0;
  background-size: cover;
}

.Sustainability-thirteen-sec {
  padding: 0px 0 120px 0;
  background: #f5f5f5;
}

.thirteen-banner-images img {
  margin-top: -220px;
}

.thirteen-banner-images {
  margin-bottom: 120px;
}

.Recycling-six-sec {
  background: #f5f5f5;
  border-radius: 10px 10px 10px 10px;
}

.Recycling-six-sec {
  background: #f5f5f5;
  border-radius: 80px 16px 80px 16px;
  text-align: center;
  height: 316px;
  padding: 30px 0px 0;
}

.Sustainability-sixe-sec {
  padding-bottom: 40px;
}

.Sustainability-sixe-sec-inn {
  margin: 350px 0;
}

.Recycling-siix-sec-cricle {
  position: relative;
}

.roundbalc {
  width: 786px;
  height: 786px;
  margin: 0 auto;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  position: relative;
  top: -235px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circleround {
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  cursor: pointer;
  padding: 10px;
}

.partonediv {
  position: absolute;
  top: 20px;
  left: 70px;
}

.parttwodiv {
  position: absolute;
  top: 20px;
  right: 70px;
}

.partthreediv {
  position: absolute;
  top: 250px;
  right: -60px;
}

.partfourdiv {
  position: absolute;
  bottom: 0px;
  right: 100px;
}

.partfivediv {
  position: absolute;
  bottom: 0;
  left: 90px;
}

.partsixdiv {
  position: absolute;
  left: -60px;
  top: 250px;
}

.comanhover:hover svg circle {
  fill: #f9bc43;
}

.comanhover:hover .circleround {
  border-color: #f9bc43;
}

.innercontent {
  border-radius: 16px !important;
  background-color: #628000;
  padding: 30px;
  color: #fff;
}

.innercontent h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #fff;
  text-align: left;
  margin-bottom: 10px;
}

.innercontent p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #fff;
  text-align: left;
}

.popbody {
  position: absolute;
  width: 500px;
  top: -220px;
  left: -170px;
  display: none;
}

.innercontent {
  border-radius: 16px !important;
  background-color: #628000;
  padding: 30px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
  position: relative;
}

.innercontent::after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #628000;
  content: "";
  bottom: 0;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0px);
}

.partonediv:hover .innercontent,
.parttwodiv:hover .innercontent,
.partthreediv:hover .innercontent,
.partfourdiv:hover .innercontent,
.partfivediv:hover .innercontent,
.partsixdiv:hover .innercontent {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s ease-in;
}

.partonediv:hover .popbody,
.parttwodiv:hover .popbody,
.partthreediv:hover .popbody,
.partfourdiv:hover .popbody,
.partfivediv:hover .popbody,
.partsixdiv:hover .popbody {
  display: block;
}

.subsribetext span {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: -o-linear-gradient(
    left,
    #f9bc43 50%,
    hsla(0, 0%, 100%, 0.5) 50%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #f9bc43),
    color-stop(50%, hsla(0, 0%, 100%, 0.5))
  );
  background-image: linear-gradient(
    90deg,
    #f9bc43 50%,
    hsla(0, 0%, 100%, 0.5) 0
  );
  background-position: 100%;
  background-size: 200%;
  color: transparent;
  display: inline-block;
  margin-right: 0.5rem;
  position: relative;
  -webkit-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  word-break: break-word;
  line-height: 120%;
}

.subsribetext span.active {
  background-position: 0;
}

#desktopview {
  display: block;
}

#mobileview {
  display: none;
}

.greybg {
  background: #f5f5f5;
  border-radius: 80px 16px 80px 16px;
  text-align: center;
  padding: 40px 20px 80px 20px;
  margin-top: 80px;
}

.greybg img {
  width: 50%;
  margin-top: -125px;
}

.whitebox {
  padding: 48px 20px 40px 20px;
  background: #fff;
  border-bottom: 2px solid #f5f5f5;
}

.mainbx {
  margin-top: 40px;
}

.whitebox svg {
  width: 90px;
  height: 90px;
}

.whitebox h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 23px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 20px 0;
}

.whitebox p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.germantitle h1 {
  color: var(--white);
}

.bannerimg-contact-us .germantitle h1 {
  color: var(--lightgray);
}

.leftcontentgerman p {
  padding: 0;
}

.leftcontentgerman p a {
  text-decoration: underline;
  color: var(--blue);
}

.leftcontentgerman p.bloldp {
  font-weight: 500;
  margin-top: 50px;
}

.profileimg img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.mainauthor {
  display: flex;
  margin: 50px 0;
  gap: 20px;
}

.nameauthor h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
}

.nameauthor p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
}

.tagsbold {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
}

.locationflex {
  display: flex;
  justify-content: space-between;
}

.leftcontentgerman {
  max-width: 670px;
}

section.germabread {
  padding: 94.5px 0 120px 0;
}

section.germanfacts {
  padding: 120px 0 0;
}

.faacttitle h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #585858;
  margin-bottom: 35px;
}

.factcontentbox {
  border: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  flex-direction: column;
  width: 390px;
  height: 268px;
}

.factcontentbox p {
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #585858;
  margin-top: 50px;
}

.mainfactbox {
  display: flex;
}

.mainfactbox .factcontentbox:nth-child(even) {
  margin-top: 35px;
}

.certification {
  background: #f5f5f5;
  padding: 298px 0 340px;
  margin-top: -134px;
}

.mainclassified {
  display: flex;
}

.yellowtries {
  background: var(--yellow);
  padding: 18px 30px 30px;
  border-radius: 16px;
}

.leftclassfied {
  max-width: 470px;
}

.yellowtries h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin-bottom: 50px;
}

.yellowtries p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.rightclassfied {
  padding-left: 115px;
  width: 100%;
}

.rightclassfied .accordion-item {
  border: none;
  margin-bottom: 35px;
}

.rightclassfied button.accordion-button {
  background-color: #f5f5f5 !important;
  border: none !important;
  padding: 0 0 0 110px;
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  line-height: 34px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
}

span.texthead {
  margin-left: 39px;
}

.accordion-button::after {
  background-image: url(../image/plus-orange.svg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../image/minus-orange.svg);
}

.accordianmainclass {
  border-left: 1px solid #b6bbbe !important;
  padding: 10px 0;
}

.rightclassfied .accordion-button:focus,
.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.rightclassfied .accordion-body {
  background: #f5f5f5;
  padding: 30px 50px 0 170px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.rightclassfied .accordion-body a {
  color: var(--yellow);
  font-weight: bold;
  text-decoration: underline;
}

.rightclassfied .accordion-button.collapsed span svg path {
  stroke: #b6bbbe !important;
}

.rightclassfied .accordion-button span svg path {
  stroke: var(--yellow);
}

.rightclassfied .accordion-button::before {
  content: "";
  width: 7px;
  height: 35.67px;
  background: var(--yellow);
  position: absolute;
  left: -4px;
  top: 0;
}

.rightclassfied .accordion-button.collapsed::before {
  opacity: 0;
}

.marignimage {
  margin-top: -220px;
  border-radius: 80px 16px;
  position: relative;
  padding-bottom: 68px;
}

.marignimage::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 136px;
  height: 68px;
  bottom: 0;
  background: url(../image/ruby.svg) no-repeat center center;
  transform: translate(-50%, 0px);
}

.germangolden {
  margin-top: 22px;
}

.innergermangolden h2 {
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  margin-bottom: 70px;
}

.comansilver {
  padding: 0 0 0 200px;
  margin-bottom: 40px;
}

.comansilver p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
  margin-bottom: 50px;
  display: inline-block;
}

.comabrich {
  margin-bottom: 90px;
}

.germanpage .newsimg a::after {
  background-color: rgb(249 188 67 / 70%) !important;
}

.history-related-page.germanpage .swiper-slide span.bluebg {
  background: var(--yellow) url();
  height: 420px;
}

.eight-sec.history-related-page.germanpage {
  background: var(--blue);
  position: relative;
}

.eight-sec.history-related-page.germanpage .newsslider {
  padding-bottom: 170px;
}

.eight-sec.history-related-page.germanpage::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.germanpage .newsslider .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #ffffff);
}

section.eighthistory.germangettoch {
  background: #f5f5f5;
}

.germangettoch .gform_wrapper.gravity-theme .gfield input,
.germangettoch .gform_wrapper.gravity-theme .gfield textarea {
  background: transparent;
}

section.breadcrumsec.swedenbread {
  padding: 94.5px 0 0px 0;
}

.eight-sec.history-related-page.swedanpage {
  background: #f5f5f5;
}

.eight-sec.history-related-page.germanpage.swedanpage::after {
  filter: brightness(0) invert(1);
}

.exporemore h6 {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  display: inline-block;
}

.exporemore h2 {
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #1d1d1b;
  margin-bottom: 50px;
}

section.dpack {
  padding: 120px 0 0;
}

section.eighthistory.germangettoch.swedtouch {
  margin-top: -180px;
}

section.eighthistory.germangettoch.swedtouch .gettitle h2 {
  margin-top: 300px;
}

.germanpage.swedanpage .newsslider .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #b6bbbe);
}

.comaconentp p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 145px;
}

.comaconentp p a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: bold;
}

.mainauthorflex {
  display: flex;
  justify-content: space-between;
}

.mainmatirialbanner {
  padding: 87px 0 0 0;
}

.mattitle h1 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 100px;
  line-height: 100px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightgray);
  text-shadow: 2px 2px 3px var(--white);
  margin-bottom: 0;
  position: relative;
}

.imagebelowbanner {
  text-align: right;
  margin-top: -54px;
  margin-left: 153px;
}

.innermatiralinfonew {
  border-top: 1px solid #707070;
}

.greyborderdiv h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin: 50px 0 0 0;
}

.innerpadinginfo {
  padding: 50px 0 0px 200px;
}

.innerpadinginfo p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 50px;
}

.innerpadinginfo p.blue-p {
  color: var(--blue);
  font-weight: bold;
}

.innerpadinginfo ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.innerpadinginfo ul li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 27px;
}

.innerpadinginfo ul li::marker {
  color: var(--yellow);
}

.marignmain {
  margin-top: 90px;
}

.siderimag {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr;
}

section.matbread {
  position: relative;
  z-index: 1;
  padding-bottom: 0 !important;
}

.arriowcemter {
  position: relative;
}

.grybgmatirial {
  background: #f5f5f5;
  padding: 260px 0 190px;
  margin-top: -220px;
}

.innerpadinginfo ul li:last-child {
  margin-bottom: 0;
}

.arriowcemter::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.newsslider .swiper-pagination {
  left: 50%;
  transform: translate(-55%, 0px);
}

.mattitle {
  position: relative;
  z-index: 1;
}

.codconcudct.titlebaneerhistory h1 {
  color: var(--white);
}

.maincontentdivcodeac {
  display: flex;
  gap: 28px;
  padding-top: 50px;
  border-top: 1px solid #707070;
}

.contentdivdevoc {
  max-width: 770px;
}

.contentdivdevoc p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  border-bottom: 1px solid #b6bbbe;
  padding: 0px 100px 50px 0px;
}

.abovemrcode {
  background: #f5f5f5;
  margin-top: -100px;
}

.rosticodgrey h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-top: 94px;
  margin-bottom: 69px;
  display: inline-block;
  color: var(--darkgray);
}

.mainpaddingcodec {
  display: grid;
  grid-gap: 30px;
  padding: 0 0 67px 200px;
  grid-template-columns: 1fr 1fr;
}

.rosticodgrey p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
  display: inline-block;
}

.rosticodgrey p b {
  margin-top: 50px;
  display: inline-block;
}

.downloadseccode h3 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin-top: 120px;
  margin-bottom: 30px;
  display: inline-block;
  color: var(--yellow);
}

.compendorabox {
  background: var(--blue);
  border-radius: 16px;
  padding: 23px 30px;
  max-width: 470px;
}

.compendorabox h3 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  display: block;
  color: var(--white);
  margin: 0 0 20px 0;
}

.compendorabox a {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  padding-left: 44px;
  position: relative;
}

.compendorabox a::before {
  content: "";
  width: 24px;
  height: 8px;
  background: var(--yellow);
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 16px;
}

.innerblueboxcsard {
  display: flex;
  justify-content: space-between;
}

.leftbluecodecbox {
  position: relative;
}

.leftbluecodecbox::after {
  content: "";
  width: 1px;
  height: 136px;
  background: #b6bbbe;
  position: absolute;
  left: calc(100% + 50%);
  top: 0px;
}

.greyradiuscodec {
  background: #f5f5f5;
  border-radius: 80px 16px;
  padding: 96px 100px 104px 100px;
  margin-top: 121px;
  position: relative;
}

.greyradiuscodec h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
}

.greyradiuscodec h3 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin: 0;
}

.greyradiuscodec h3 span {
  color: var(--yellow);
  font-weight: bold;
  font-family: var(--Assistant);
}

.greyradiuscodec h3 span.slav {
  font-family: var(--Roboto-slab);
}

.marginsectioninternation {
  background: var(--blue);
  margin-top: -182px;
  padding: 182px 0 120px 0;
}

.inerinternation h3 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin-top: 120px;
  margin-bottom: 40px;
  display: inline-block;
  color: var(--yellow);
}

.mainlogocountry {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

.coutrybox a {
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  display: block;
  padding-bottom: 25px;
}

.coutrybox {
  border-radius: 16px;
  background: #0d2b88;
}

.grybgcodec {
  background: #f5f5f5;
  padding: 120px 0;
}

.rogith h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0;
  display: inline-block;
  color: var(--darkgray);
}

.rogith p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
  display: inline-block;
  padding: 50px 0 120px 200px;
}

.innercontentcodec h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  display: inline-block;
  margin-bottom: 50px;
}

.innercontentcodec p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #706f6f;
  display: inline-block;
  max-width: 470px;
}

.imagesdiv {
  display: flex;
  grid-gap: 30px;
  align-items: center;
}

.flecxibledivcodec .imagesdiv:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 50px;
}

.imagesdiv a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  padding-left: 44px;
  position: relative;
  display: block;
  margin-top: 50px;
}

.imagesdiv a::before {
  content: "";
  width: 24px;
  height: 8px;
  background: var(--yellow);
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 16px;
}

.mobilecodeimg {
  display: none;
}

.desktopcodeimg {
  display: block;
}

.comanuseccerti h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0;
  display: inline-block;
  color: var(--darkgray);
}

.comanuseccerti h2 span {
  font-weight: bold;
}

.innercetificationcode {
  border-top: 1px solid #707070;
  padding: 50px 0 0;
  border-bottom: 1px solid #b6bbbe;
}

.certiborder p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 50px 0 0 200px;
}

.certiportimg {
  margin-top: 50px;
}

.certificationcomangrey {
  background: #f5f5f5;
  padding: 294px 0 94px 0;
  margin-top: -200px;
}

.bluebgcomancerti {
  background: var(--blue);
  padding: 194px 0;
  position: relative;
}

.greybgcomancerti {
  background: #3e3e3e;
  padding: 194px 0;
  position: relative;
}

.bluebgcomancerti h2,
.greybgcomancerti h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 54px;
  line-height: 70px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0;
  display: inline-block;
  color: var(--white);
}

.bluebgcomancerti h2 span,
.greybgcomancerti h2 span {
  font-weight: bold;
  color: var(--yellow);
}

.bluebgcomancerti::after,
.greybgcomancerti::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.comantable {
  padding: 94px 0;
}

.comantable table tbody tr:nth-child(odd) {
  background: #fafafa;
}

.comantable table tbody tr {
  border-color: #b6bbbe;
}

.comantable table thead tr {
  border-color: #b6bbbe;
}

.comantable table thead tr th {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin: 0;
  color: var(--yellow);
}

.comantable table.table {
  /* border-left: 1px solid var(--yellow); */
  border: 1px solid #b6bbbe;
}

.comantable table thead tr th:not(:last-child) {
  border-right: 1px solid #b6bbbe;
}

.comantable table tbody tr td {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0;
  border-left: 1px solid #b6bbbe;
  color: var(--lightgray);
}

.table > :not(caption) > * > * {
  padding: 15px 9px 13px 9px;
}

.comantable table thead tr th {
  padding: 4px 9px 19px 9px;
  text-align: center;
}

.comantable table tbody tr td:nth-child(2) {
  border-left: 1px solid var(--yellow);
  border-right: 1px solid var(--yellow);
}

.comantable .table-responsive::-webkit-scrollbar {
  width: 1em;
}

.comantable .table-responsive::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background: #fafafa;
}

.comantable .table-responsive {
  scrollbar-color: var(--yellow) #fafafa;
}

.comantable .table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
  outline: 1px solid var(--yellow);
}

.disctable p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 10px 0;
  color: var(--lightgray);
}

.disctable {
  margin-top: 50px;
}

.comantable table {
  min-width: 1920px;
}

.cleansweep {
  max-width: 770px;
}

.cleansweep p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0px 100px 50px 0px;
}

.cleansweep p:last-child {
  border-bottom: 1px solid #b6bbbe;
}

.cleansweep h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 55px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 50px;
}

.videosweep {
  margin-top: 90px;
}

.precticalswapes {
  background: #f5f5f5;
  margin-top: -330px;
  padding: 420px 0 90px 0;
}

.mainyellowbutter {
  position: relative;
}

.mainyellowbutter::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: url(../image/toppolygon.png) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.comanhike {
  margin: 90px 0;
}

.comanhike h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 50px;
}

.comanhike h2 span {
  font-weight: bold;
}

.comanhike p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0 0 50px 200px;
}

.comanhike p:last-child {
  padding-bottom: 0;
}

.leasnsweep {
  background: #f5f5f5;
  padding: 310px 0 90px 0;
  margin-top: -220px;
}

.mainauthor.rostiimd {
  border-bottom: 1px solid #b6bbbe;
}

.mainauthor.rostiimd .nameauthor p {
  border-bottom: none;
}

.grdicomanimd {
  background: #f5f5f5;
  padding: 180px 0 0 0;
  margin-top: -90px;
}

.titleimduse h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 69px;
}

.titleimduse h2 span {
  font-weight: bold;
}

.imdsinglimg {
  margin-top: 23px;
  position: relative;
  z-index: 1;
}

.surfacecomanimd {
  margin-top: -220px;
  padding: 220px 0 90px 0;
  background: #fff;
  position: relative;
}

.exrtraulcontent {
  border-top: 1px solid #b6bbbe;
}

.exrtraulcontent h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin: 30px 0 49px 0;
}

.padingdivleftimd {
  padding: 0 0 0 200px;
}

.inneril {
  border-bottom: 1px solid #b6bbbe;
  padding-bottom: 50px;
}

.inneril ul li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.inneril ul li::marker {
  color: var(--yellow);
}

.inneril ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 27px;
}

.comanblgimd {
  background: var(--blue);
  padding: 90px 0 150px 0;
  position: relative;
}

.bluespace h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  margin-bottom: 50px;
}

.bluespace h2 span {
  font-weight: bold;
}

.bluespace p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  padding: 0 0 0px 200px;
}

.comanblgimd::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.comantable table thead tr .sticky-th {
  position: sticky;
  left: 0;
  background: #fff;
  border-right: 1px solid var(--yellow);
}

.comantable table thead tr .sticky-th {
  position: sticky;
  left: 110px;
  background: #fff;
  border-right: 1px solid var(--yellow) !important;
}

.comantable table tbody tr td:nth-child(1) {
  position: sticky;
  left: 0;
  background: #fff;
  border-right: 1px solid var(--yellow);
}

.comantable table tbody tr td:nth-child(2) {
  position: sticky;
  left: 110px;
  background: #fff;
  border-right: 1px solid var(--yellow);
}

.comantable table tbody tr:nth-child(odd) td:nth-child(1) {
  position: sticky;
  left: 0;
  background: #fafafa;
}

.comantable table tbody tr:nth-child(odd) td:nth-child(2) {
  position: sticky;
  left: 110px;
  background: #fafafa;
}

.mojilofoc p {
  margin-bottom: 67px;
}

th.sticky-first-th {
  position: sticky;
  left: 0;
  background: var(--white);
  border-right: 1px solid var(--yellow) !important;
}

.darkwithimg {
  background: #3e3e3e;
  padding: 194px 0 434px;
}

.darkwithimg h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 70px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin-bottom: 0px;
}

.darkwithimg h2 span {
  font-weight: bold;
  color: var(--yellow);
}

.imgfgetd {
  margin-top: -240px;
}

.imgfgetd img {
  max-width: 92%;
}

.margintopmgt {
  margin-top: 110px;
}

.fullbigcomansec {
  background: #f5f5f5;
  padding: 95px 0 310px;
  margin-top: -82px;
}

.comantitleofsilicon h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 69px;
}

.comantitleofsilicon h2 span {
  font-weight: bold;
}

.comantitleofsilicon p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0 0 50px 200px;
}

.comantitleofsilicon a {
  color: var(--blue);
  font-weight: bold;
  text-decoration: underline;
}

.guestul p {
  padding-bottom: 20px;
}

.guestul ul {
  display: flex;
  list-style: none;
  padding: 0 0 50px 200px;
  margin: 0;
}

.guestul li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0 40px;
  border-right: 2px solid var(--yellow);
}

.guestul li:first-child {
  padding-left: 0;
}

.guestul li:last-child {
  border-right: none;
}

.leftsideglassimg {
  margin-top: -240px;
  padding-bottom: 30px;
}

.comanhike img.fullcurve {
  margin: 70px 0 30px;
}

.fullbasketimg {
  padding-top: 30px;
  position: relative;
}

.fullbasketimg::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.multishotsection {
  background: #f5f5f5;
  padding: 90px 0 90px 0;
  margin-top: -90px;
}

.mymultiheader {
  border-top: 1px solid #b6bbbe;
  padding-top: 30px;
}

.comanspacepading h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 50px;
}

.comanspacepading p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 50px;
}

.comanspacepading {
  margin: 0 0 0px 200px;
}

.mymultiheader.coromaborder {
  border-top: none;
}

.mymultiheader.coromaborder .comanspacepading {
  border-top: 1px solid #b6bbbe;
  padding-top: 30px;
  border-bottom: 1px solid #b6bbbe;
}

.bordnonebtn {
  border-bottom: none !important;
}

.bordertopnone {
  border-top: none !important;
  padding-top: 0 !important;
}

.bordertopnone p {
  margin-bottom: 30px;
}

.closeville {
  position: relative;
}

.closeville::before {
  content: "";
  position: absolute;
  left: -63px;
  bottom: 0;
  width: 450px;
  height: 90px;
  background: url(../image/whitebefore.svg) no-repeat center center;
  z-index: -1;
}

.overmoudlinginsert {
  background: #f5f5f5;
  padding: 180px 0 220px 0;
  margin-top: -90px;
}

.partimg {
  margin: -220px 0 90px 0;
}

.comanspacepading h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 50px;
}

.comanmarginswag li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 27px;
}

ul.comanmarginswag {
  margin: 0;
  padding-left: 20px;
}

.comanmarginswag li::marker {
  color: var(--yellow);
}

.comanhike p a {
  color: var(--blue) !important;
  text-decoration: underline;
  font-weight: bold;
}

.padingcomners {
  padding-bottom: 330px;
}

.marginnait img {
  margin-top: -240px;
  border-radius: 0 16px 16px 0;
}

.comangreyup {
  background: #f5f5f5;
  padding: 0 0 90px 0;
}

.innerwithetone.padingcomners.padingmapma {
  padding-bottom: 90px;
}

.sec2content.busiesdevuk h2 {
  color: #1d1d1b;
}

.sec2content.busiesdevuk {
  border-bottom: none;
}

.busiesdevuk .leftcontentgerman {
  max-width: 770px;
  border-bottom: 1px solid #b6bbbe;
}

.comansilver p a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: bold;
}

.abovesoace {
  padding: 40px 0 0px 0;
}

.comalikend h2 {
  color: var(--white);
}

.comalikend h2 a {
  color: var(--yellow);
  font-weight: bold;
  text-decoration: underline;
}

.comalikend p {
  color: var(--white);
}

p.bliuse {
  font-weight: bold;
  color: var(--blue);
  padding-bottom: 30px;
}

.bluislist li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.bluislist li b {
  font-weight: bold;
  color: var(--blue);
}

.bluislist li::marker,
ul.cobiflame li::marker {
  color: var(--yellow);
}

ul.bluislist {
  margin: 0;
  padding-left: 220px;
}

.gryebgviat {
  background: #f5f5f5;
  padding: 145px 0 125px;
}

.extacontentyellow {
  margin-top: 40px;
}

p.bluepnormal {
  font-weight: bold;
  color: var(--blue);
  text-align: left;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin-bottom: 30px;
}

ul.cobiflame li {
  font-weight: normal;
  color: var(--lightgray);
  text-align: left;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  margin-bottom: 10px;
}

ul.cobiflame {
  margin: 0;
  padding-left: 20px;
}

h2.colorgreen {
  color: #739600;
}

.maritade h4 {
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 50px;
}

.maritade h4:last-child {
  border-top: 1px solid #b6bbbe;
  padding-top: 30px;
}

.bodertop {
  border-top: 1px solid #b6bbbe;
  padding-top: 30px;
}

.borderdown {
  border-bottom: 1px solid #b6bbbe;
  padding-bottom: 30px;
}

.leftflexnew,
.rightflexnew {
  width: 50%;
}

.bottomenwlfex {
  padding-top: 30px;
  border-top: 1px solid #b6bbbe;
  border-bottom: 1px solid #b6bbbe;
}

.fullp p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0 0 50px 0;
}

.ulgrid ul.comanmarginswag {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 220px;
  padding-bottom: 23px;
}

.videodivinject {
  margin-top: -329px;
}

.overmoudlinginsert.myvideopading {
  padding: 180px 0 420px 0;
}

.greybgcomancerti.extraimgspice::after {
  display: none;
}

.greybgcomancerti.extraimgspice {
  padding: 194px 0 434px;
}

.comanmapbg {
  background: #00356c;
  height: 600px;
  padding-top: 0px;
  position: relative;
  overflow: hidden;
}

.comanmapbg::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.locationcomann {
  position: relative;
  padding: 60px 0 0 0;
}

.locationcomann::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  background: url(../image/location-round.png) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}

.cleansweep a,
.mymultiheader a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: bold;
}

.mymultiheader.bordtopnone {
  border-top: none;
}

.comangrey {
  background: #f5f5f5;
  padding: 90px 0 140px;
  position: relative;
}

.comangrey::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.padingtopbottom {
  padding-bottom: 70px;
}

ul.slidepading {
  padding-left: 220px;
}

.comanhike h6,
.formmorinfolink {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0;
}

.formmorinfolink {
  position: relative;
  margin-left: 200px;
  padding-left: 44px;
}

.formmorinfolink::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  border-radius: 6px;
  height: 8px;
}

.strictup img {
  margin-top: -780px;
}

.aboveimagegrey {
  padding: 388px 0 194px 0;
}

.innerwithetone.abovegrypading {
  padding-bottom: 270px;
}

.kabaligap p {
  padding-left: 0 !important;
}

.kabaligap {
  padding-left: 200px;
}

.findlink a {
  position: relative;
}

.findlink a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin: 0;
  padding-left: 40px;
}

.findlink a:hover {
  color: var(--yellow);
}

.findlink a:hover::before {
  background: var(--yellow);
}

.findlink a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--blue);
  width: 24px;
  border-radius: 6px;
  height: 8px;
}

.imdlabling .newsdsc h4 {
  color: #1d1d1b;
}

.imdlabling .readmorebtn {
  color: var(--blue);
}

.imdlabling .readmorebtn::before {
  background: var(--blue);
}

.imdlabling .readmorebtn:hover {
  color: var(--yellow);
}

.imdlabling .readmorebtn:hover::before {
  background: var(--yellow);
}

.imdlabling .newsimg img {
  height: 470px;
  object-fit: cover;
  border-radius: 16px;
}

.imdlabling .newsimg {
  min-height: 470px;
}

.mattitle h1.bluecolor {
  color: var(--blue);
}

.comanhike h2.bluecolor {
  color: var(--blue);
}

.bluefullsec h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 55px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightblue);
  margin-bottom: 50px;
}

.bluefullsec {
  padding-top: 50px;
  border-top: 1px solid var(--lightblue);
}

.bluefullsec p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0px 0px 50px 200px;
}

.bluepading {
  background: #f5f5f5;
  padding: 108px 0 90px;
  position: relative;
}

.blueberry h2 {
  text-align: left;
  font-weight: medium;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightblue);
  margin-bottom: 50px;
}

.blueberry {
  position: relative;
}

.blueberry p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightblue);
  padding: 0px 0px 50px 0px;
}

ul.comanmarginswag.gridpoint {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

ul.comanmarginswag.gridpoint li::marker {
  color: var(--lightblue);
}

.bluepading::before {
  content: "";
  width: 590px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../image/extrablue.png) no-repeat center center/cover;
  height: 526px;
}

.milestoneupgrade .rightclassfied button.accordion-button {
  background-color: transparent !important;
}

.milestoneupgrade .rightclassfied .accordion-body {
  background-color: transparent !important;
}

.milestoneupgrade {
  padding: 90px 0 340px;
}

.milestoneupgrade .yellowtries {
  background: var(--lightblue);
}

.milestoneupgrade .yellowtries h2 {
  font-size: 34px;
  line-height: 45px;
  margin-bottom: 30px;
}

.milestoneupgrade .rightclassfied .accordion-button span svg path {
  stroke: var(--lightblue);
}

.milestoneupgrade .rightclassfied .accordion-button::before {
  background: var(--lightblue);
}

.milestoneupgrade .accordion-button::after {
  background-image: url(../image/plus-blue.svg);
}

.milestoneupgrade .accordion-button:not(.collapsed)::after {
  background-image: url(../image/minus-blue.svg);
}

.lastsecblue {
  background: #6b94ca;
  padding: 40px 0 150px;
}

.aoveimg img {
  margin-top: -260px;
}

.lastsecblue .comanhike {
  filter: brightness(0) invert(1);
}

.lastsecblue {
  position: relative;
}

.lastsecblue::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 564px;
  height: 715px;
  background: url(../image/bluelast.png) no-repeat center center;
}

.lastsecblue::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.aoveimg {
  position: relative;
}

.bluecolorbread .breadcrumbs span.current-item {
  color: var(--lightblue);
}

.bluecornersec {
  background: #739600;
  padding: 100px;
  position: relative;
  margin-top: 50px;
  border-radius: 80px 16px;
}

.bluecornersec h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--white);
  margin: 0;
}

.bluecornersec h2 {
  text-align: left;
  font-weight: medium;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.bluecornersec h2 span {
  color: var(--yellow);
  font-weight: bold;
}

img.bottomscared {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
}

.page-template-sustainability-tmpl .breadcrumbs span.current-item,
.page-template-operation-clean-sweep .breadcrumbs span.current-item {
  color: #739600;
}

.comanmaxwidth p {
  max-width: 100%;
}

.sub-dsc-innner.comanmaxwidth {
  width: 100%;
}

.datagrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.sub-dsc-innner.comanmaxwidth h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin: 50px 0 30px 0;
}

.datagrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

.page-template-sustainability-tmpl .gform_wrapper.gravity-theme .gfield_label,
.page-template-operation-clean-sweep
  .gform_wrapper.gravity-theme
  .gfield_label {
  color: #739600;
}

.page-template-sustainability-tmpl .rightmoti h6,
.page-template-operation-clean-sweep .rightmoti h6 {
  color: #739600;
}

.Sustainability-five-sec-inn {
  overflow-x: hidden;
}

.maincardrevise {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

section.thiredrevise {
  padding: 110px 0;
  background: #f5f5f5;
}

section.greyineer {
  height: 328px;
  background: #f5f5f5;
}

.innerreivsed {
  background: var(--white);
  padding: 70px 20px;
  border-radius: 16px;
  margin-top: -30px;
  min-height: 296px;
}

.innerreivsed h2 {
  font-weight: bold;
  font-style: normal;
  text-align: center;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0px 0 20px 0;
}

.innerreivsed p {
  font-weight: normal;
  font-style: normal;
  text-align: center;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #3e3e3e;
  margin: 0px 0 0px 0;
}

.boxmeta .afterdispaly {
  position: relative;
}

.boxmeta .afterdispaly::after {
  content: "";
  position: absolute;
  width: 100%;
  background-image: url(../image/arrow-down.svg) !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: rgba(13, 43, 136, 0.7);
  border-radius: 16px;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  transition: all 0.4s;
  opacity: 0;
}

.boxmeta:hover .afterdispaly::after {
  opacity: 1;
  transition: all 0.4s;
}

.boxmeta:hover .innerreivsed {
  background: var(--blue);
}

.boxmeta:hover .innerreivsed p {
  color: var(--white);
}

/* Slider */
.fullsliderreivse {
  position: relative;
}

.imagechange {
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-title {
  font-weight: bold;
  font-style: normal;
  text-align: center;
  font-size: 30px;
  line-height: 34px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0px 0 0px 0;
  padding-bottom: 40px;
}

.slider-para {
  font-style: normal;
  text-align: center;
  font-size: 20px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin: 0px 0 0px 0;
  padding-bottom: 40px;
}

.slider-link {
  font-style: normal;
  font-size: 17px;
  font-weight: bold;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0px 0 0px 0;
  text-align: center;
  position: relative;
  display: block;
  text-align: center;
}

.slider-link:hover {
  color: var(--yellow);
}

.slider-link::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 8px;
  background: var(--yellow) 0% 0% no-repeat padding-box;
  border-radius: 6px;
  top: 40%;
  left: 195px;
}

.main-slider-div {
  max-width: 570px;
  margin: 0 auto;
}

.fullsliderreivse::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  z-index: 1;
}

.sustablity-video .slide-btn-txt h1 {
  font-family: var(--Roboto-slab);
  font-size: 100px;
}

.sustablity-video .homebanneriner::after {
  display: none;
}

.sustablity-video .homebanneriner::before {
  content: "";
  background: url(https://rosti-com.stackstaging.com/wp-content/themes/rosti_custome_theme/image/rounded-shape.svg)
    no-repeat center center;
  width: 80px;
  height: 80px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.innercontentblue p a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: bold;
}

.innercontentblue p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.marginremember {
  margin-top: 100px;
}

.removeafter::after {
  display: none;
}

.borddownnone {
  border-bottom: 1px solid #b6bbbe;
}

.greyimghalf {
  background: #f5f5f5;
  padding: 120px 0;
  position: relative;
}

.whiteimghalf {
  padding: 120px 0 340px 0;
}

.combineimg {
  margin-top: -340px;
}

.greyimghalf::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.commandoattack .comanhike h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #3c3c3b;
}

.graypatto {
  height: 410px;
  background: #f5f5f5;
}

.gryfacry {
  margin-top: -343px;
}

.gryfacry h2 {
  color: #3c3c3b;
  font-weight: normal;
  margin-bottom: 50px;
}

.gryfacry h2 span {
  font-weight: bold;
}

.undhajugadi .factcontentbox {
  align-items: flex-start;
  padding-left: 30px;
}

.mainfactbox.undhajugadi .factcontentbox:nth-child(odd) {
  margin-top: 35px;
}

.mainfactbox.undhajugadi .factcontentbox:nth-child(even) {
  margin-top: 0;
}

.mainfactbox.undhajugadi {
  margin-bottom: 90px;
}

.overmoudlinginsert.maruuper {
  padding: 90px 0 220px 0;
}

.comangreyup.afterwithggrey {
  padding: 0 0 120px 0;
  position: relative;
}

.afterwithggrey::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

h4.blueisgrt {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  color: var(--blue);
  padding: 0 0 50px 200px;
}

.fullbasketimg.blueafternew::after {
  background: url(../image/bluebeforedark.png) no-repeat center center;
  filter: none;
}

.darkblueyellowtext {
  background: #0d2b88;
  padding: 90px 0;
}

.darkblueyellowtext h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  color: var(--yellow);
  padding: 0 0 50px 0;
}

.darkblueyellowtext h2 span {
  font-weight: bold;
}

.innerulyelloow ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 0 0 213px;
  margin: 0;
  grid-column-gap: 40px;
}

.innerulyelloow ul li {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  color: var(--white);
  margin: 0 0 27px 0;
}

.innerulyelloow ul li::marker {
  color: var(--yellow);
}

.innerulyelloow ul li:last-child {
  margin-bottom: 0;
}

.innerbluispart {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 76px;
}

.innerulyelloow p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  color: var(--white);
  margin: 0 0 50px 0;
}

.innerulyelloow .innerbluispart ul {
  padding: 0 0 0 0;
  grid-template-columns: 1fr;
}

.lightdarkblue.darkblueyellowtext {
  background: var(--blue);
  padding: 120px 0;
}

h2.extraspacenew {
  margin-bottom: 0;
}

.blackh2all .overmoudlinginsert {
  margin-top: 0;
  padding: 67px 0 220px 0;
}

.blackh2all .comanhike h2 {
  color: #3c3c3b;
}

.coamnhikeblue {
  margin: 90px 0;
}

.coamnhikeblue h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 50px;
}

.coamnhikeblue h2 span {
  font-weight: bold;
}

.coamnhikeblue p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  padding: 0 0 50px 200px;
}

.coamnhikeblue h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  padding: 0 0 50px 200px;
}

.coamnhikeblue p:last-child {
  padding-bottom: 0;
}

.innergreybox {
  background: #f5f5f5;
  padding: 90px 0;
}

.blueboxgridcontent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 50px;
}

.boxloop {
  background: var(--blue);
  border: 1px solid var(--white);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 267px;
  padding: 0 0 0 30px;
}

.boxloop p {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  padding: 33px 0 0 0px !important;
}

.blueboxgridcontent .boxloop:nth-child(even) {
  margin-top: 30px;
}

.graypatto.biggryheight {
  height: 530px;
}

.lastpara {
  margin-bottom: 50px;
  color: #706f6f;
}

.gryfacry.ownergray {
  margin-top: -473px;
}

.ownerpara {
  margin-top: 50px;
}

.ownerimg {
  margin-top: 90.5px;
  margin-bottom: 90px;
}

.ownerlink.formmorinfolink {
  margin-left: 0;
  margin-bottom: 90px;
}

a.ownerlink.formmorinfolink:hover {
  color: var(--yellow);
}

.mainfactbox.leftsidedata .factcontentbox {
  align-items: flex-start;
  padding-left: 30px;
}

.marignimage.afternonedelete::after {
  display: none;
}

.downloadbluenewbred {
  border-radius: 80px 16px;
  background: var(--blue);
  margin: 120px 0 0 0;
}

.leftbothone h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--lightblue);
  margin: 0;
}

.leftbothone h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
}

.leftbothone h2 span {
  font-weight: bold;
}

.leftbothone p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin: 40px 0 20px 0;
}

.flexgridboth {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.leftbothone {
  align-self: center;
  padding-left: 100px;
}

.leftbothone a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0;
  padding-left: 44px;
  position: relative;
}

.leftbothone a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  border-radius: 6px;
  height: 8px;
}

p.blueptext {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 50px;
  display: inline-block;
}

.bobboxnew p {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  margin: 0;
  display: inline-block;
  padding: 0 0 0 20px;
}

.bobboxnew {
  background: #f2f2f2;
  border-radius: 8px 16px 8px 8px;
  height: 175px;
  display: grid;
  grid-template-columns: 1fr 60px;
  justify-content: space-between;
  transition: 0.4s all;
  border-left: 10px solid #b6bbbe;
  padding: 20px 0;
  align-items: end;
}

.bobboxnew a {
  margin: 0 20px 0px 0;
}

.gridboxiesmainomg {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  margin-bottom: 120px;
}

.bobboxnew:hover {
  background: var(--blue);
  border-left: 10px solid var(--yellow);
}

.bobboxnew:hover p {
  transition: 0.4s all;
  color: var(--white);
}

.bluishaccordian .accordion-item {
  background: transparent;
}

.bluishaccordian .accordion-button {
  background: transparent;
  padding: 30px 0 30px;
}

.bluishaccordian .comanspacepading h3 {
  margin-bottom: 0;
}

.bluishaccordian .accordion-button:focus-visible,
.bluishaccordian .accordion-button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.bluishaccordian .accordion-body {
  padding: 0 !important;
}

.bluishaccordian .accordion-flush .accordion-item:last-child {
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.bluishaccordian .accordion-body > *:first-child {
  margin-top: 20px;
}

.breadccvido {
  padding: 45px 0 50px 0;
  border-bottom: 1px solid #b6bbbe;
  margin: 0 0 90px 0;
}

.comestic .office_img {
  padding-bottom: 60px;
}

.comestic {
  margin-bottom: 90px;
}

a.formmorinfolink.bluepartlink {
  margin-left: 0;
  margin-top: 50px;
  display: inline-block;
}

.overmoudlinginsert.joruka {
  padding: 100px 0 120px 0;
}

.bigbangblue p {
  color: var(--white);
}

.whitecodian .rightclassfied button.accordion-button,
.whitecodian .rightclassfied .accordion-body {
  background-color: var(--white) !important;
}

.whitecodian .yellowtries {
  background: var(--blue);
}

.whitecodian .yellowtries h2 {
  font-weight: normal;
}

.whitecodian .yellowtries h2 span {
  font-weight: bold;
}

.bluebopdidiv {
  background: var(--blue);
  padding: 100px;
  position: relative;
  margin-bottom: 60px;
  border-radius: 80px 16px;
}

.bluebopdidiv h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  margin: 0;
  margin-bottom: 20px;
}

.bluebopdidiv p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin: 0;
}

.joblistingdiv {
  background: #f5f5f5;
  margin-top: -355px;
}

.innerlistijob {
  position: relative;
  padding: 355px 0 150px 0;
}

.innerlistijob {
  position: relative;
}

.innerlistijob::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}

.bluejobtitle h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 70px;
}

.bluejobtitle h2 span {
  font-weight: bold;
}

.leftjobcontent h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  line-height: 34px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 30px;
}

.leftjobcontent h4 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 34px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  position: relative;
  margin: 0;
  padding-left: 45px;
}

.leftjobcontent h4::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  background: url(../image/locacon.png) no-repeat center center/contain;
  width: 23px;
  height: 23px;
}

.leftjobcontent h5 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 34px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin: 0;
  position: relative;
  padding-left: 45px;
}

.leftjobcontent h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: url(../image/moneycon.png) no-repeat center center/contain;
  width: 28px;
  height: 28px;
}

.leftjobcontent a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--yellow);
  position: relative;
  display: inline-block;
  padding-left: 45px;
  margin-top: 24px;
}

.leftjobcontent a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  height: 8px;
  border-radius: 6px;
}

.leftjobcontent {
  border-radius: 16px 0 0 16px;
  background: #fff;
  padding: 30px;
}

.jobcardbox {
  display: grid;
  grid-template-columns: 3fr 270px;
  margin-bottom: 20px;
  width: 1170px;
}

.jobistid {
  position: relative;
  z-index: 1;
}

section.joblistingdiv.detailviewjob {
  margin-top: 0;
}

section.joblistingdiv.detailviewjob .innerlistijob {
  position: relative;
  padding: 90px 0;
}

section.joblistingdiv.detailviewjob .innerlistijob::after {
  display: none;
}

.mainjobdetail {
  display: flex;
  grid-gap: 128px;
}

section.Jobdetail {
  padding: 97px 0 90px 0;
}

.jobititledetail h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 60px;
  line-height: 60px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #3c3c3b;
  margin: 0 0 90px 0;
}

.rightjobdetail {
  min-width: 270px;
}

.Jobdetailaccordian .comanspacepading {
  margin-left: 0;
}

.Jobdetailaccordian .marginremember {
  margin-top: 50px;
}

.Jobdetailaccordian .mymultiheader {
  border-top: none;
}

.Jobdetailaccordian .accordion-body ul {
  padding: 0;
  margin: 0 0 50px 0;
}

.Jobdetailaccordian .accordion-body ul li {
  margin: 0 0 27px 20px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.Jobdetailaccordian .accordion-body ul li::marker {
  color: var(--yellow);
}

.Jobdetailaccordian .comanspacepading h3 {
  font-family: var(--Assistant);
}

.bordtopbox {
  border-top: 1px solid #b6bbbe;
}

.bordtopbox h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #1d1d1b;
  margin: 0;
  padding: 30px 0 40px 0;
}

.bordtopbox h6 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 34px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #4b4b4b;
  position: relative;
  margin: 0 0 5px 0;
}

.rightjobside p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  margin: 0;
}

.flexicno {
  display: flex;
  grid-gap: 15px;
  margin-bottom: 30px;
}

.leftjobside {
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bordtopbox a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--yellow);
  position: relative;
  display: inline-block;
  padding-left: 45px;
  margin-top: 44px;
}

.bordtopbox a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  height: 8px;
  border-radius: 6px;
}

.blubry {
  color: #6f9ad3;
}

.rostiwayinfo .partonediv {
  position: absolute;
  top: 282px;
  right: -79px;
  left: inherit;
}

.rostiwayinfo .parttwodiv {
  position: absolute;
  top: 700px;
  right: 300px;
}

.rostiwayinfo .partthreediv {
  position: absolute;
  top: 282px;
  right: inherit;
  left: -70px;
}

.rostiwayinfo .partfourdiv {
  position: absolute;
  bottom: inherit;
  right: 300px;
  top: -80px;
}

.rostiwayinfo .innercontent {
  background-color: var(--blue);
}

.rostiwayinfo .innercontent::after {
  border-top-color: var(--blue);
}

.borderdiv {
  border-bottom: 1px solid #b6bbbe;
}

.retittletext {
  margin-bottom: 564px;
}

.rostiwayinfo .Sustainability-sixe-sec-inn {
  margin: 120px 0 390px 0;
}

.rostiwayinfo .coamnhikeblue h2 {
  color: #b6bbbe;
}

.rostiwayinfo .coamnhikeblue a {
  color: #6f9ad3;
  text-decoration: underline;
}

.pakagrey {
  background: #f5f5f5;
  margin-top: -240px;
  padding: 360px 0 120px 0;
}

.blurbcentrere {
  background: var(--blue);
  padding: 120px 0 228px 0;
}

.blurbcentrere h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  color: var(--yellow);
  padding: 0px 0 90px 0;
}

.blurbcentrere h2 span {
  font-weight: bold;
}

.blurbcentrere p {
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  margin: 0 auto;
  max-width: 770px;
}

.greybodo {
  background: #f5f5f5;
  border-radius: 80px 16px;
  padding: 96px 70px 104px;
  position: relative;
}

.greybodo h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin: 0;
}

.gryimgprop {
  margin-top: -134px;
  padding-bottom: 30px;
}

.greybodo h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.greybodo h2 span {
  color: var(--blue);
  font-weight: bold;
}

.greybodo h2 span.roboto {
  font-family: var(--Roboto-slab);
}

.page-template-rosti-way-tmpl .breadcrumbs span.current-item {
  color: #6f9ad3;
}

.page-template-rosti-management .breadcrumbs span.current-item {
  color: #6f9ad3;
}

.commandoattack.managementrosti .comanhike h2 {
  color: var(--blue);
}

.rosticeo {
  padding: 80px 0 120px 0;
}

.rosti-mg-p1 {
  padding: 0 30px;
}

.rosti-mg-p2 {
  min-width: 570px;
}

.rosti-mg-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 80px 16px;
}

.rosticeo h4 {
  color: var(--blue);
  text-align: left;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  font-weight: bold;
}

.rosticeo h6,
.rosticeo p {
  color: #3c3c3b;
  margin-bottom: 40px;
  text-align: left;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
}

.rosticeo p {
  margin-bottom: 0;
}

.rosti-mg-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-top: 30px;
}

.rosti-mg-inner {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
}

.grid2-part1 {
  position: relative;
}

.rosti-mg-inner h6,
.rosti-mg-inner h4 {
  margin-bottom: 0;
  color: var(--white);
}

.link-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 80px 16px;
  height: 100%;
  padding: 0 30px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
  transition: 0.8s all;
}

.grid2-part1:hover .link-div {
  opacity: 1;
  transition: 0.8s all;
}

.curbvegrop {
  border-radius: 80px 16px;
  background: #f5f5f5;
  padding: 90px 100px;
  margin-bottom: 90px;
}

.curbvegrop h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin: 0 0 10px 0;
  color: var(--blue);
}

.curbvegrop p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 00px 0;
  color: var(--lightgray);
}

.curbvegrop p span {
  color: var(--yellow);
  font-weight: bold;
}

.dflexigrup {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rigtglex {
  padding-left: 100px;
}

.leftglex {
  border-right: 1px solid #b6bbbe;
  padding-right: 100px;
}

.innerwithetone.padingcomners.padingmapma.sokhnew {
  background: #f5f5f5;
  padding: 330px 0 90px 0;
  margin: 330px 0 0;
}

.sokhnew .partimg {
  margin: 0;
}

.sokhnew .partimg img {
  margin-top: -630px;
}

/* 11-12-2023 */
.comantable table.table * {
  vertical-align: middle;
}

.darkblue h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 90px 0;
  color: var(--blue);
}

.darkblue h2 span {
  font-weight: bold;
}

.processrepeat {
  padding: 90px 0 260px 0;
}

.countgrid {
  display: flex;
  grid-gap: 30px;
}

.countgrid h3 {
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin: 0 0 20px 0;
  color: var(--white);
}

.countgrid p {
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 0px 0;
  color: var(--white);
}

.countgrid ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

.countgrid ul li {
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 0px 0;
  color: var(--white);
}

.comcount {
  width: 370px;
}

.bluein {
  background: var(--blue);
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.geryin {
  background: #b6bbbe;
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.yellowin {
  background: var(--yellow);
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.skyin {
  background: #6f9ad3;
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.orangein {
  background: #ff7000;
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.greenin {
  background: #739600;
  border-radius: 0px 0px 16px 16px;
  padding: 0 30px 50px 30px;
}

.aftermain {
  position: relative;
}

.aftermain::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: calc(100% - 350px);
  height: 362px;
  background: #f5f5f5;
  border-radius: 80px 16px;
  margin: 0 auto;
  transform: translate(-50%, 0px);
  z-index: -1;
}

.afterbefore {
  position: relative;
  padding-top: 80px;
}

.afterbefore::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: calc(100% - 350px);
  height: 276px;
  background: #f5f5f5;
  border-radius: 80px 16px;
  margin: 0 auto;
  transform: translate(-50%, 0px);
  z-index: -1;
}

.dosmobos {
  margin-top: 130px;
  border-top: 1px solid #b6bbbe;
  padding: 90px 0 0 0;
}

.dosmobos p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 0px 0;
  padding: 0 0 50px 200px;
  color: var(--darkgray);
}

.comangryproc {
  padding: 0px 0 90px 0;
  background: #f5f5f5;
}

.imgabv img {
  margin-top: -261px;
}

.comajav h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 90px 0 70px 0;
  color: var(--blue);
}

.comajav h2 span {
  font-weight: bold;
}

.comajav p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0 0 0px 200px;
  color: var(--lightgray);
}

.girdimpo {
  margin-top: 90px;
  display: grid;
  grid-template-columns: 470px 1fr;
  grid-gap: 131px;
}

.girdimpo h2 {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  margin: 0px 0 0px 0;
  color: var(--blue);
}

.girdimpo h2 span {
  font-weight: bold;
}

.onepanel {
  border-radius: 10px;
  background: var(--yellow);
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin: 0px 0 0px 0;
  color: var(--white);
  text-align: center;
  height: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.descopanel {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  margin: 0px 0 0px 0;
  color: var(--blue);
  border-bottom: 1px solid #b6bbbe;
  padding-bottom: 20px;
}

.inneronegrid {
  display: grid;
  grid-gap: 39px;
  grid-template-columns: 60px 1fr;
  margin-bottom: 50px;
}

.girdimpo {
  margin-top: 90px;
  display: grid;
  grid-template-columns: 470px 1fr;
  grid-gap: 131px;
}

.mainwhitepaper {
  display: grid;
  grid-template-columns: 1fr 270px;
  grid-gap: 129px;
}

.whitepaperbanimg .imagebelowbanner {
  text-align: left !important;
}

.whitepaperbanimg h1 {
  font-size: 60px;
  line-height: 60px;
  color: var(--darkgray);
}

.leftpeper h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin-bottom: 70px;
  position: relative;
  z-index: 1;
}

.toptitlelft {
  position: relative;
}

.toptitlelft::after {
  content: "";
  position: absolute;
  background: url(../image/dash-round.png) no-repeat;
  width: 136px;
  height: 136px;
  background-size: cover;
  top: 40px;
  left: -20px;
  z-index: 0;
}

.mainwhitepaper .Jobdetailaccordian .marginremember {
  margin-top: 20px;
}

.leftpeper p {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}

.toptitlelft {
  border: solid #707070;
  border-width: 1px 0px 1px 0px;
  padding: 50px 0;
  border-bottom-color: #b6bbbe;
  position: relative;
  z-index: 0;
}

.dowentitle h3 {
  background: #f9bc43 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px;
  padding: 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.dowentitle {
  position: relative;
}

.dowentitle img {
  position: absolute;
  top: -30px;
  right: 10px;
}

.dowen-whitepaper {
  background: #f5f5f5 0% 0% no-repeat padding-box;
}

.whitetages h2,
.whiteshare h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  margin: 0;
  padding: 30px 0 30px 0;
  border-top: 1px solid #b6bbbe;
}

.taglink p a {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  background: #f5f5f5 0% 0% no-repeat padding-box;
  padding: 10px;
}

.whiteviewall a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--yellow);
  position: relative;
  display: inline-block;
  padding-left: 45px;
}

.whiteviewall a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  height: 8px;
  border-radius: 6px;
}

.whiteviewall {
  padding: 30px 0 30px 0;
  margin-bottom: 0px;
}

.sharewhitelink {
  display: flex;
  gap: 20px;
}

.whiteaccdionimg img {
  margin-bottom: 50px;
}

.whitepaperaccdian h2 {
  margin-bottom: 0px;
}

.whitepaperaccdian h3 {
  color: var(--darkgray);
}

.whitequatestyle {
  background: #f5f5f5 0% 0% no-repeat padding-box;
  border-radius: 80px 16px;
  padding: 96px 100px;
  margin-bottom: 50px;
}

.whitequatestyle h4 {
  margin-bottom: 0;
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
}

.whitequatestyle p {
  margin-bottom: 0;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.whitequatestyle span {
  color: var(--yellow);
  font-weight: bold;
}

.whiteconclusion h2 {
  margin-bottom: 50px;
}

.whiteconclusion {
  margin-top: 50px;
}

.whiteconclusion h2 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
}

.mainwhitepaper {
  border-bottom: 1px solid #b6bbbe;
  margin-bottom: 119px;
}

.whitecenterimgsection p {
  padding: 50px 0 0 0;
}

.whitecenterimgsection img {
  border-top: 1px solid #b6bbbe;
  padding-top: 30px;
}

.whiteconclusion p {
  margin-bottom: 50px;
}

.mainwhitepaper .toptitlelft p {
  margin-bottom: 30px;
}

.whitepaperbanimg .imagebelowbanner img {
  object-fit: cover;
  width: 1570px;
  height: 460px;
  border-radius: 70px 10px 70px 10px;
}

.Design-Manufacturability-grey {
  background: #3e3e3e 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 25px #5dabcf34;
  border-radius: 80px 16px;
  padding: 96px 100px;
}

.Design-Manufacturability-grey {
  display: flex;
  gap: 176px;
  position: relative;
  z-index: 1;
}

.Manufacturability_dsc span {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--white);
}

.Manufacturability_dsc h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  line-height: 44px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--yellow);
  padding-bottom: 40px;
}

.lastformwhite p {
  background: var(--unnamed-color-1d1d1b) 0% 0% no-repeat padding-box;
  background: #1d1d1b 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 334px;
  padding: 20px 50px 20px 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.lastformwhite {
  position: relative;
}

.lastformwhite img {
  position: absolute;
  top: 10px;
  right: -50px;
}

.dowenform {
  padding: 57px 10px 30px 10px;
}

.dowenform .gform_wrapper.gravity-theme .gfield input,
.Manufacturability_form .gform_wrapper.gravity-theme .gfield input {
  background: transparent !important;
}

.dowenform .gform_wrapper.gravity-theme .gfield input:focus {
  border-bottom: 3px solid var(--blue) !important;
  border-width: 0 0 3px 0 !important;
}

.Manufacturability_form .gform_wrapper.gravity-theme .gfield_label {
  text-align: left;
  font: normal normal bold 17px/22px Assistant;
  letter-spacing: 0px;
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 0px;
}

.Manufacturability_form input[type="text"],
.Manufacturability_form input[type="email"] {
  color: var(--white);
}

.Manufacturability_form {
  width: 100%;
}

.Manufacturability_form .gform_confirmation_message {
  color: var(--white);
  font-size: 28px;
}

.whitepaper-slide-bottam.eight-sec {
  padding: 413px 0px 100px 367px;
  margin-top: -310px;
}

/* 31-12-2023 */
.content-dsc-onesame h3 {
  font-style: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: var(--Roboto-slab);
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--darkgray);
  padding: 50px 0;
  border-bottom: 1px solid #707070;
  border-top: 1px solid #707070;
}

.content-dsc-twosame h2 {
  font-style: normal;
  font-size: 56px;
  line-height: 65px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--blue);
}

.content-dsc-twosame {
  padding: 50px 0;
  border-bottom: 1px solid #707070;
}

.content-dsc-twosame span {
  font-weight: bold;
}

.content-dsc-twosame p {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--darkgray);
}

.content-dsc-twosame a {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  color: var(--blue);
  text-decoration: underline;
}

.content-dsc-threesame h4 {
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--blue);
  letter-spacing: 0px;
  padding-bottom: 50px;
}

.content-dsc-threesame {
  padding-top: 30px;
  margin-left: 200px;
}

.privacy-content-div {
  border-top: 1px solid #707070;
}

.content-dsc-threesame p {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--darkgray);
  padding-bottom: 30px;
}

.content-dsc-threesame span {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  color: var(--blue);
  text-decoration: underline;
  padding-bottom: 50px;
  display: inline-block;
}

.content-dsc-threesame ul {
  margin-left: 0;
  margin-bottom: 50px;
}

.content-dsc-threesame ul li {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--lightgray);
  margin-bottom: 17px;
}

.content-dsc-threesame li::marker {
  color: var(--yellow) !important;
}

.content-dsc-threesame .greytxt {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  color: var(--lightgray);
}

.content-dsc-threesame b {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  color: var(--blue);
}

.content-dsc-threesame ul.bold-li-txt {
  padding: 0;
  list-style: none;
  padding-left: 40px;
  margin-bottom: 100px;
}

.content-dsc-threesame .bold-li-txt li {
  position: relative;
}

.content-dsc-threesame .bold-li-txt li::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 8px;
  left: -40px;
  top: 10px;
  background: var(--blue);
  background-size: cover;
  border-radius: 50px;
}

.blutxtbold a {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--blue);
}

.content-dsc-threesame h6 {
  padding-bottom: 30px;
}

.content-dsc-threesame a {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: bold;
  color: var(--blue);
  text-decoration: underline;
  display: inline-block;
}

.content-dsc-threesame .gerytxt {
  color: var(--lightgray);
}

.content-dsc-threesame h5 {
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  font-weight: bold;
  color: var(--blue);
  padding-bottom: 30px;
}

.resources-box-inn {
  display: grid;
  grid-template-columns: 1fr 270px;
  grid-gap: 129px;
  margin-bottom: 50px;
}

.resource-design {
  display: grid;
  grid-template-columns: 3fr 270px;
  margin-bottom: 50px;
}

.resource-design-dsc {
  background: #f5f5f5 0% 0% no-repeat padding-box;
  padding: 30px;
  border-radius: 16px 0 0 16px;
}

.resource-design-dsc h4 {
  font-style: normal;
  font-size: 26px;
  line-height: 34px;
  font-family: var(--Roboto-slab);
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--blue);
  margin-bottom: 35px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.resource-design-dsc p {
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  font-family: var(--Assistant);
  font-weight: normal;
  color: #3e3e3e;
  padding-bottom: 35px;
}

.resource-design-dsc a {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--yellow);
  position: relative;
  display: inline-block;
  padding-left: 45px;
}

.resource-design-dsc a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  height: 8px;
  border-radius: 6px;
}

.resource-design-imges {
  background: var(--darkgray);
  border-radius: 0px 16px 16px 0px;
}

.resources-box-lft {
  border-top: 1px solid #707070;
  padding-top: 50px;

  margin-bottom: 50px;
}

.titlemenu > ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}

.titlemenu > ul > li > a {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  text-transform: capitalize;
  color: var(--lightgray);
  position: relative;
  display: inline-block;
  padding: 54px 0 54px 30px;
}

.titlemenu > ul > li:first-child > a {
  padding-left: 0;
}

.titlemenu > ul > li > a > span {
  margin-left: 10px;
}

.capablityinner {
  box-shadow: 0px 10px 30px #00000014;
  height: 507px;
  width: 100%;
  position: absolute;
  left: 0;
  background: #fff;
  border-top: 2px solid #e5e5e5;
  display: none;
}

.capablityinner::before {
  content: "";
  position: absolute;
  background: url(../image/menu-arrow-top-transparent.png) no-repeat center
    center !important;
  width: 21px;
  height: 13px;
  background-size: cover !important;
  transform: translate(-50%, 0);
  left: 46.5%;
  top: -13px;
}

.header-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 33px 0 0 0;
}

.header-links h2 a {
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.4px;
  font-style: normal;
  font-family: var(--Roboto-slab);
  font-weight: normal;
  color: var(--yellow);
  margin-bottom: 25px;
  display: inline-block;
}

.capablityinner .header-links ul li a {
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  font-family: var(--Assistant);
  font-weight: 400;
  margin-bottom: 12px;
  display: block;
  text-align: left;
  color: var(--lightgray);
  transition: all 0.4s;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
}

.capablityinner .header-links ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: -21px !important;
  display: none;
  background: #fff url(../image/megamenu-arrows.png) !important;
  background-repeat: no-repeat !important;
  background-position: left 0px center !important;
  font-weight: bold !important;
  width: 13px;
  transition: all 0.4s;
  height: 22px;
}

.capablityinner .header-links ul li a:hover {
  font-weight: 600;
  transition: all 0.4s;
}

.capablityinner .header-links ul li a:hover::before {
  display: block;
  transition: all 0.4s;
}

.capablityinner .header-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 20px;
  border-left: 1px solid var(--yellow);
}

.titlemenu ul li:first-child:hover .capablityinner {
  display: block;
}

.titlemenu ul li:nth-child(4):hover .capablityinner {
  display: block;
}

.companyinner .header-links {
  grid-template-columns: repeat(3, 1fr);
  padding: 33px 150px 0 150px;
}

.companyinner {
  height: 271px;
}

.companyinner::before {
  left: 68.6%;
}

.resourceinner .header-links {
  grid-template-columns: 113px auto;
}

.resourceinner .inner-part2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-left: 175px;
}

.titlemenu > ul > li > a > span.texta {
  margin-left: 0;
}

.titlemenu ul li:nth-child(5):hover .capablityinner {
  display: block;
}

.resourceinner .inner-part2 h4 {
  color: var(--yellow);
  text-align: left;
  font-size: 16px;
  line-height: 21px;
  font-family: var(--Assistant);
  font-weight: bold;
  margin-bottom: 10px;
}

.resourceinner .inner-part2 p {
  font-family: var(--Assistant);
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  color: #3e3e3e;
  margin-bottom: 10px;
  min-height: 45px;
}

.resourceinner .inner-part2 .newsdsc {
  padding: 20px;
}

.resourceinner .new_slide_main {
  margin-right: 0;
  border: 1px solid #f5f5f5;
  border-radius: 16px;
}

.resourceinner .readmorebtn {
  color: var(--yellow);
  font-size: 16px !important;
  line-height: 21px;
}

.resourceinner .readmorebtn::before {
  background: var(--yellow);
}

.resourceinner::before {
  left: 76%;
}

.resourceinner {
  height: 475px;
}

.sustainabilityinner .header-links {
  grid-template-columns: 1fr;
}

.sustainabilityinner .header-links ul li a {
  color: #739600 !important;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--Assistant);
  text-align: left;
}

.titlemenu ul li:nth-child(3):hover .capablityinner {
  display: block;
}

.titlemenu ul li:nth-child(3) {
  position: relative;
}

.sustainabilityinner .header-links ul {
  border: none;
}

.sustainabilityinner .header-links ul li a:hover::before {
  display: none;
}

.sustainabilityinner {
  height: auto;
  width: 310px;
  left: 0;
}

.sustainabilityinner .header-links {
  padding: 40px 30px 20px 30px;
}

.sustainabilityinner .header-links ul {
  padding-left: 0px;
}

.sustainabilityinner .header-links ul li a {
  margin-bottom: 20px;
}

.locationinner {
  box-shadow: 0px 10px 30px #00000014;
  height: 373px;
  width: 100%;
  position: absolute;
  left: 0;
  background: #fff;
  border-top: 2px solid #e5e5e5;
  padding-top: 49px;
  display: none;
}

.titlemenu ul li:nth-child(2):hover .locationinner {
  display: block;
}

.locationinner .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--yellow);
  background-color: var(--white);
}

.locationinner .nav-link,
.diff-link {
  display: block;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  text-decoration: none;
  color: var(--lightgray);
  padding: 0;
  margin-bottom: 25px;
  text-align: left;
  font-family: var(--Roboto-slab);
}

.locationinner .nav-link {
  min-width: 175px;
}

.diff-link:hover {
  color: var(--yellow);
}

.location-part1 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 30px;
  margin-left: 120px;
}

.location-part1 ul li a {
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  font-family: var(--Assistant);
  font-weight: 400;
  display: block;
  text-align: left;
  color: var(--lightgray);
  transition: all 0.4s;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
}

.location-part1 ul li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
  width: 250px;
}

.location-part1 ul li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: -21px !important;
  display: none;
  background: #fff url(../image/megamenu-arrows.png) !important;
  background-repeat: no-repeat !important;
  background-position: left 0px center !important;
  font-weight: bold !important;
  width: 13px;
  transition: all 0.4s;
  height: 22px;
}

.location-part1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 20px;
  border-left: 1px solid var(--yellow);
}

.location-part1 ul li a:hover {
  font-weight: 600;
  transition: all 0.4s;
}

.location-part1 ul li a:hover::before {
  display: block;
  transition: all 0.4s;
}

.rotate-arr svg {
  transform: rotate(270deg);
}

.sustainabilityinner::before {
  content: "";
  position: absolute;
  background: url(../image/menu-arrow-top-transparent.png) no-repeat center
    center !important;
  width: 21px;
  height: 13px;
  background-size: cover !important;
  transform: translate(-50%, 0);
  left: 29.7%;
  top: -13px;
}

.locationinner::before {
  content: "";
  position: absolute;
  background: url(../image/menu-arrow-top-transparent.png) no-repeat center
    center !important;
  width: 21px;
  height: 13px;
  background-size: cover !important;
  transform: translate(-50%, 0);
  left: 53.7%;
  top: -13px;
}

.resource-design-imges img {
  border-radius: 0 16px 16px 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 276px;
}

.mattitle.resource-title h1 {
  font-size: 60px;
  margin-left: 0px;
}

/* mobile menu___________________________________________ */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  background-color: var(--white);
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav .closebtn {
  font-size: 36px;
  padding: 0;
}

.mainmobilemega {
  padding: 0 37px 40px 37px;
}

.sidenav .main-language {
  padding: 20px 37px 0px 37px;
}

.ullist ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ullist > ul > li > a > span {
  font-size: 16px;
  line-height: 21px;
  font-style: normal;
  font-family: var(--Roboto-slab);
  font-weight: 400;
  text-align: left;
  color: var(--lightgray);
}

.ullist > ul > li > a {
  font-size: 16px;
  line-height: 21px;
  font-style: normal;
  font-family: var(--Roboto-slab);
  font-weight: 400;
  text-align: left;
  color: var(--lightgray);
  transition: all 0.4s;
  text-transform: capitalize;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e5e5e5 !important;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

.ullist > ul > li > span > svg {
  transform: rotate(270deg);
}

.submenulevelrosti > ul > li > a > span {
  color: var(--yellow);
  font-weight: bold;
}

.sustainability-mob-inner-ul li a span {
  color: #739600 !important;
}

.submenulevelrosti {
  margin-left: auto;
  max-width: 95%;
}

.submenulevelrosti > ul > li > a {
  padding: 0;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  font-family: var(--Roboto-slab);
  font-size: 16px;
  margin-top: 40px;
}

.submenulevel2 {
  margin-top: 20px;
}

.submenulevel2 > ul > li > a {
  padding: 0;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px;
  border-bottom: none;
  color: var(--lightgray);
  align-items: center;
  font-family: var(--Roboto-slab);
  font-size: 16px;
  margin-top: 12px;
}

.submenulevel2 > ul > li > a:hover,
.submenulevel2 > ul > li > a:focus {
  font-weight: 600;
  color: var(--lightgray);
}

.submenulevel2 ul {
  border-left: 1px solid var(--yellow);
}

.submenulevel2 ul li {
  padding-left: 20px;
}

svg.rotate {
  transform: rotate(180deg);
}

.contact-btn {
  width: 100%;
  height: 57px;
  background-color: var(--yellow);
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  font-family: var(--Roboto-slab);
  display: inline-flex;
  align-items: center;
  position: sticky;
  bottom: 0;
  left: 0;
  justify-content: center;
}

.latest-news-home .newsimg img {
  height: 411px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.sidenav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.sidenav::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.sidenav::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
}

.resources-boxes .pagination .page-numbers {
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  font-family: var(--Roboto-slab);
  font-weight: normal;
  color: #b6bbbe;
}

.resources-boxes .pagination {
  grid-gap: 20px;
  align-items: center;
  padding: 20px 0;
  justify-content: center;
  border-top: 1px solid #b6bbbe;
}

.resources-boxes .previous,
.resources-boxes .next {
  width: 15px;
  height: 36px;
}

.resources-boxes .pagination .page-numbers.current {
  color: var(--yellow);
  text-decoration: underline;
}

.resources-boxes .navigation .nav-links a {
  font-size: 26px;
  font-family: var(--Roboto-slab);
  color: #b6bbbe;
}

.capablityinner .newsimg img {
  width: 272px;
  height: 217px;
  border-radius: 16px;
}

.capablityinner .newsimg {
  background-color: var(--lightgray);
  border-radius: 16px;
  width: 272px;
  height: 217px;
}

.Design-Manufacturability-grey .Manufacturability_dsc {
  width: 500px;
}

.graphics-text:hover {
  animation: colorChange 2s infinite;
  /* Adjust the duration and animation behavior as needed */
}

.newSubscribeAnimetion .combojun span {
  -webkit-background-clip: text;
  font-family: var(--Assistant);
  background-clip: text;
  background-image: -o-linear-gradient(
    left,
    #fff 50%,
    hsla(0, 0%, 100%, 0.5) 50%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #fff),
    color-stop(50%, hsla(0, 0%, 100%, 0.5))
  );
  background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0.5) 0);
  background-position: 100%;
  background-size: 200%;
  color: transparent;
  display: inline-block;
  margin-right: 0rem;
  position: relative;
  -webkit-transition-property: background-position;
  -o-transition-property: background-position;
  transition-property: background-position;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  word-break: break-word;
  font-weight: normal;
  line-height: 120%;
}

.newSubscribeAnimetion .combojun span.boxdes {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #f9bc43),
    color-stop(50%, hsla(0, 0%, 100%, 0.5))
  );
  background-image: linear-gradient(
    90deg,
    #f9bc43 50%,
    hsla(0, 0%, 100%, 0.5) 0
  );
}

.page-template-operation-clean-sweep
  .newSubscribeAnimetion
  .combojun
  span.boxdes {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #739600),
    color-stop(50%, hsla(0, 0%, 100%, 0.5))
  );
  background-image: linear-gradient(
    90deg,
    #739600 50%,
    hsla(0, 0%, 100%, 0.5) 0
  );
}

.newSubscribeAnimetion span.active {
  background-position: 0;
}

.newSubscribeAnimetion .combojun span.boxdes {
  font-family: var(--Assistant);
  font-weight: bold;
}

.bannerimg-contact-us .slidebtn {
  background: var(--blue);
}

.bannerimg-contact-us .slidebtn.active {
  background: var(--yellow);
}

section.eighthistory.contactpagesec {
  margin-top: 40px;
}

.new-cnt-form .textFormFieldBlock,
.new-cnt-form .dateTimeFormFieldBlock,
.new-cnt-form .twoOptionFormFieldBlock,
.new-cnt-form .optionSetFormFieldBlock,
.new-cnt-form .multiOptionSetFormFieldBlock,
.new-cnt-form .lookupFormFieldBlock {
  padding: 20px 0px !important;
}

.new-cnt-form .columnContainer,
.new-cnt-form table {
  max-width: 469px !important;
}

.new-cnt-form .marketingForm > div {
  max-width: 469px !important;
}

.new-cnt-form .consentBlock {
  padding: 4px 0px !important;
}

.new-cnt-form .marketingForm .primaryButton,
.new-cnt-form .submitButton {
  padding: 10px 0px !important;
}

.new-cnt-form div[data-editorblocktype="SubmitButton"] {
  padding: 20px 0 !important;
}

.new-cnt-form > * {
  font-family: var(--Assistant) !important;
}

.lefttouch.new-cnt-form {
  margin-top: -40px;
}

.new-cnt-form-whitepaper > * {
  width: 250px !important;
  margin: 0 auto !important;
}

.textFormFieldBlock,
.dateTimeFormFieldBlock,
.twoOptionFormFieldBlock,
.optionSetFormFieldBlock,
.multiOptionSetFormFieldBlock,
.lookupFormFieldBlock {
  padding: 20px 0 !important;
}

.new-cnt-form-whitepaper table,
.new-cnt-form-whitepaper .onFormSubmittedFeedback {
  width: 250px !important;
}

.new-cnt-form-whitepaper .consentBlock {
  padding: 0px !important;
}

.new-cnt-form-whitepaper
  .twoOptionFormFieldBlock
  div.twooption_checkbox
  div
  label,
.new-cnt-form-whitepaper
  .twoOptionFormFieldBlock
  div.twooption_checkbox
  div
  label
  div,
.new-cnt-form-whitepaper .consentBlock div label p {
  width: 100%;
}

.new-cnt-form-whitepaper div[data-editorblocktype="SubmitButton"] {
  padding: 0;
}

.new-cnt-form-whitepaper .marketingForm .primaryButton,
.submitButton {
  padding: 10px 0px !important;
}

.new-cnt-form-whitepaper-btm > * {
  width: 470px !important;
  margin: 0 auto !important;
}

.textFormFieldBlock,
.dateTimeFormFieldBlock,
.twoOptionFormFieldBlock,
.optionSetFormFieldBlock,
.multiOptionSetFormFieldBlock,
.lookupFormFieldBlock {
  padding: 20px 0 !important;
}

.new-cnt-form-whitepaper-btm table {
  width: 470px !important;
}

.new-cnt-form-whitepaper-btm .consentBlock {
  padding: 0px !important;
}

.new-cnt-form-whitepaper-btm
  .twoOptionFormFieldBlock
  div.twooption_checkbox
  div
  label,
.new-cnt-form-whitepaper-btm
  .twoOptionFormFieldBlock
  div.twooption_checkbox
  div
  label
  div,
.new-cnt-form-whitepaper-btm .consentBlock div label p {
  width: 100%;
}

.new-cnt-form-whitepaper-btm div[data-editorblocktype="SubmitButton"] {
  padding: 0;
}

.new-cnt-form-whitepaper-btm .marketingForm .primaryButton,
.submitButton {
  padding: 10px 0px !important;
}

.new-cnt-form-whitepaper-btm .textFormFieldBlock label *,
.new-cnt-form-whitepaper-btm .consentBlock div label p,
.new-cnt-form-whitepaper-btm .textFormFieldBlock label {
  color: #fff !important;
}

.whitepaper-download-btm.Design-Manufacturability-grey {
  padding: 96px 100px 0;
}

.redesignnewbanner .imagebelowbanner {
  text-align: right;
  margin-top: 0;
  margin-left: 0;
}

.whitepaperbanimg.redesignnewbanner .imagebelowbanner img {
  border-radius: 16px;
}
.slider-link span.innertext-link {
  padding-left: 44px;
}
.marignimage img,
.imdsinglimg img,
.thirteen-banner-images img,
.stringimage img,
.imgone img,
.newsimg img,
.rosti-mg-p2 img,
.grid2-part1 img,
.foundimg2 img,
.partimg img,
.certiportimg img,
.footerimg img,
.aoveimg img,
img.fullcurve,
.imgabv img,
.combineimg img,
.ownerimg img {
  border-radius: 80px 16px;
}
.imgfgrid img,
.comanspacepading img,
.leftflexnew img,
.rightflexnew img,
.siderimag img,
.imagesdiv img {
  border-radius: 16px;
}
.imagebelowbanner img {
  border-radius: 80px 0 0 16px;
}
img.desktopcodeimg,
img.mobilecodeimg {
  border-radius: 16px;
}
.strictup img,
.leftsideglassimg img,
.footer_image img,
.sharing_ideas img,
.imgfgetd img,
.imgab img {
  border-radius: 0 16px 16px 0;
}

.eight-sec-inn-fullimg img {
  border-radius: 0px 20px 20px 0px;
}
img.arrowleftside {
  margin-left: 10px;
}
.mainauthor a {
  text-decoration: underline;
}
.bluefullsec a {
  color: var(--blue);
}

.comantable.whitepapertable {
  padding: 0;
}
.whitepapertable.comantable .table {
  min-width: 100%;
}
.comantable.whitepapertable table thead tr th {
  text-align: left;
}
.comantable.whitepapertable table tbody tr td:nth-child(2) {
  border-color: #b6bbbe !important;
}
.comantable.whitepapertable table tbody tr td:nth-child(1) {
  border-left: 1px solid var(--yellow);
  border-right: 1px solid #b6bbbe;
}
.comantable.whitepapertable table tbody tr td:nth-child(3) {
  border-right: 1px solid var(--yellow);
}

.comantable.whitepapertable table.table {
  border-width: 0px 1px 0px 1px;
  border-left-color: var(--yellow) !important;
  border-bottom-color: var(--yellow) !important;
  border-right-color: var(--yellow) !important;
  margin-bottom: 50px;
}
.comantable.whitepapertable table.table tr th {
  border-bottom-color: var(--yellow) !important;
  width: 33%;
  vertical-align: bottom;
}
.postid-6290 .bluishaccordian .comanspacepading h3,
.postid-6290 .bluishaccordian .comanspacepading h4 {
  margin-bottom: 20px;
}
.whitepaperyellowfont {
  color: var(--yellow) !important;
}
.Jobdetailaccordian .accordion-body ol li {
  margin: 0 0 27px 20px;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
}
.Jobdetailaccordian .accordion-body ol {
  padding: 0;
  margin: 0 0 50px 0;
}
.Jobdetailaccordian .accordion-body ol li::marker {
  color: var(--yellow);
}

.postid-6290 .mainwhitepaper {
  margin-bottom: 50px;
  border-bottom: none;
}
.whitepaper-footerimg img {
  border-radius: 16px;
  margin-bottom: 50px;
}
.comantable.whitepapertable.sectable table.table {
  border-width: 1px;
  margin-bottom: 50px;
  border-color: var(--yellow);
}
.comantable.whitepapertable.sectable table tbody tr td:nth-child(2) {
  border-right-color: var(--yellow) !important;
}
.comantable.whitepapertable.sectable table tbody tr:last-child td {
  border-bottom-color: var(--yellow) !important;
}

/* 08-08-2024 new css */
.job-dsc-contant {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--lightgray);
  max-width: 970px;
  padding-bottom: 90px;
  margin-left: 200px;
}

.your-job-title p {
  font-weight: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #3c3c3b;
  max-width: 680px;
}
.your-job-title span {
  font-weight: bold;
  font-style: normal;
  font-size: 40px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: #3c3c3b;
}
.joblistingdiv-new .innerlistijob {
  padding: 600px 0 150px 0;
}
.joblistingdiv-new.joblistingdiv {
  margin-top: -590px;
}
.joblistingdiv-new .comestic .office_img {
  padding-bottom: 40px;
}
.joblistingdiv-new .whitecodian .rightclassfied button.accordion-button,
.joblistingdiv-new .whitecodian .rightclassfied .accordion-body {
  background-color: #f5f5f5 !important;
}
.your-job-title-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 60px;
  grid-gap: 20px;
}
.your-job-title-grid-inn span.viewalltxt {
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  line-height: 34px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin-left: 38px;
}
.your-job-row a {
  display: flex;
  align-items: center;
}
.your-job-row:not(:last-child) {
  padding-bottom: 44px;
}
.your-job-row a:hover svg path {
  stroke: var(--yellow);
  transition: 0.4s all;
}
.your-job-row a:hover .viewalltxt {
  color: var(--yellow);
  transition: 0.4s all;
}
.jobboldspecial h2 p {
  padding-left: 0 !important;
  font-weight: normal;
  font-style: normal;
  font-size: 34px;
  line-height: 140%;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #3c3c3b;
}
.jobpostingpoland p.job-dsc-contant {
  padding-bottom: 50px;
}
.jobpostingpoland a.readmorebtn {
  margin-left: 200px;
}
.jobpostingpoland .readmorebtn {
  color: var(--yellow);
}
.jobpostingpoland .readmorebtn::before {
  background: var(--yellow);
}
.jobpostingpoland .readmorebtn:hover {
  color: var(--blue);
}
.jobpostingpoland .readmorebtn:hover:before {
  background: var(--blue);
}

/* 09-08-2024 */
.jobposting-radius-cuv {
  display: flex;
}
.jobposting-radius-cuv-dsc p {
  max-width: 370px;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
  padding-bottom: 40px;
}
.jobposting-radius-cuv-dsc {
  background: var(--blue);
  padding: 109px 115px 109px 100px;
  border-radius: 80px 0px 0px 20px;
}
.jobposting-radius-cuv-img img {
  border-radius: 0px 20px 80px 0;
  width: 100%;
  height: 100%;
}
.jobposting-radius-cuv-dsc .links {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 140%;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--yellow);
  position: relative;
  padding-left: 44px;
}
.jobposting-radius-cuv-dsc .links::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: var(--yellow);
  width: 24px;
  height: 8px;
  border-radius: 6px;
}
.jobposting-radius-cuv-dsc span {
  margin-left: 20px;
}
.postid-3297 section.Jobdetail {
  padding: 97px 0 0 0;
}
.codetitletxt .btn-mana {
  background: var(--white);
  max-width: 1170px;
  padding: 40px !important;
}
.codetitletxt {
  max-width: 1170px;
  padding: 0;
}
.codetitletxt .btn-mana {
  flex-direction: column;
}
.btn-mana div {
  padding: 0 !important;
  flex-direction: column !important;
}
.codetitletxt .btn-mana:not(:last-child) {
  margin-bottom: 50px;
}
.codetitletxt .dnone {
  display: none !important;
}

/*12-08-2024*/
.historydown .leftbothone p {
  padding: 0;
  margin: 40px 0 40px 0;
}
.downloadbluenewbred.historydown {
  margin: 90px 0 0 0;
}

/*13-09-2024*/
.myfrequntaccordian .accordion-item {
  background-color: transparent;
  border-bottom: none;
}
.myfrequntaccordian h2.accordion-header button {
  background-color: transparent;
  font-size: 26px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  line-height: 34px;
  align-items: flex-start;
  padding: 0;
}
.myfrequntaccordian h2.accordion-header {
  margin-bottom: 0;
}
.accordianmainclass.myfrequntaccordian {
  border-left: none !important;
  padding-left: 200px;
}
.myfrequntaccordian h2.accordion-header button:focus {
  box-shadow: none;
}
.myfrequntaccordian .accordion-body p {
  padding: 0 50px 50px 57px;
}

.myfrequntaccordian span.texthead {
  margin-left: 39px;
  margin-bottom: 50px;
}
.myfrequntaccordian .accordion-body {
  padding: 0;
}
h2.fawqtitl {
  margin-top: 90px;
}
.myfrequntaccordian .accordion-button::after {
  margin-top: 10px;
}

.innermax {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.outpdown .leftbothone {
  height: 100%;
  padding: 58px 0 58px 100px;
}
.outpdown .rightoart {
  padding: 9px 0;
}
.downloadbluenewbred.historydown.outpdown {
  margin: 40px 0 0 0;
}
.footer_image.pt-10 {
  position: relative;
  z-index: 2;
}
.page-template-location-rosti-headquarters .jobs-headquarters {
  margin-top: -240px;
  padding: 330px 0 100px 367px !important;
}

/* 04-10-2024 */
.page-template-job-vacancies-tmpl .mygtrurosti .innerlistijob::after {
  display: none;
}
.page-template-code-of-conduct-tmpl .flecxibledivcodec .imagesdiv:nth-child(2) {
  padding-left: 200px;
}

/* 17-12-2024 slide css */
.home-slide-new {
  padding: 190px 0;
  position: relative;
  overflow: hidden;
}

.home-slide-new-inn {
  width: calc(100% - 818px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 305px auto;
}

.home-slide-new-contant span {
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  line-height: 140%;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: #b6bbbe;
}

.home-slide-new-contant h2 {
  font-weight: bold;
  font-style: normal;
  font-size: 60px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  padding-bottom: 77px;
}

.newslide-box p {
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--blue);
  padding-top: 30px;
  width: 370px;
  text-align: left;
}

.newslide-box h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--darkgray);
  max-width: 370px;
  min-height: 62px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
overflow: hidden;
}

.home-slide-new-contant {
  position: relative;
  z-index: 9;
}

.img-container {
  position: relative;
  height: 500px;
  width: 1390px;
  perspective: 370px;
  transform-style: preserve-3d;
  /* z-index: -1; */
}

.newslide-box {
  width: 570px;
  height: 650px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transition: 800ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 16px;
}
.click-lft a {
  position: absolute;
  top: 40%;
  left: 60px;
  z-index: 2;
}
.click-rgt a {
  position: absolute;
  top: 40%;
  right: 60px;
  z-index: 2;
}
.Viewallbtn {
  text-align: left;
  letter-spacing: 0px;
  color: var(--blue);
  display: inline-block;
  font-style: normal;
  font-size: 17px;
  line-height: 23px;
  font-family: var(--Roboto-slab);
  margin-top: 0;
  font-weight: bold;
  position: relative;
  padding-left: 44px;
}

.Viewallbtn:hover {
  color: var(--yellow);
  transition: 0.4s all;
}

.Viewallbtn::before {
  width: 24px;
  height: 8px;
  content: "";
  background: var(--blue);
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 6px;
}
.newslide-box {
  width: 570px;
  height: 650px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transition: 800ms ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 16px;
}

/* .boxarrowdown{
  /* position: relative;
}
.boxarrowdown::after {
content: "";
position: absolute;
background: url(../image/Polygon.png) no-repeat;
width: 120px;
height: 60px;
background-size: cover;
top: 0;
left: 50%;
} */

.newslide-box:nth-child(3) img,
.newslide-box:nth-child(4) img {
  width: 100%;
  height: 100%;
}

.newslide-box:nth-child(3) p,
.newslide-box:nth-child(3) h4,
.newslide-box:nth-child(4) p,
.newslide-box:nth-child(4) h4 {
  display: none;
}

.newslide-box img {
  width: 370px;
  height: 478px;
  object-fit: cover;
  margin-top: -30px;
}

.newslide-box:first-of-type {
  z-index: 5;
  opacity: 0;
  left: 15%;
  transform: translate(-50%, -50%) rotateY(0deg);
}

.newslide-box:nth-of-type(1) {
  opacity: 1;
  left: 20%;
  transform: translate(-50%, -50%) rotateY(0deg);
  z-index: 6;
}

.newslide-box:nth-of-type(2) {
  opacity: 1;
  left: 20%;
  transform: translate(-50%, -50%) rotateY(0deg);
  z-index: 5;
}

.newslide-box:nth-of-type(3) {
  left: 35%;
  opacity: 0.8;
  color: #eee;
  z-index: 10;
  transform: translate(-50%, -50%) rotateY(0deg) translateZ(-50px);
  background: transparent;
  border-radius: 0;
  max-height: 430px;
}

.newslide-box:nth-of-type(3) img {
  object-fit: contain;
  object-position: right;
  width: 255px;
  position: relative;
  left: 60px;
}

.newslide-box:nth-of-type(4) {
  z-index: 5;
  opacity: 0.6;
  left: 45%;
  transform: translate(-50%, -50%) rotateY(0deg) translateZ(-100px);
  background: transparent;
  border-radius: 0;
  max-height: 420px;
}

.newslide-box:nth-of-type(4) img {
  object-fit: contain;
  object-position: right;
  width: 230px;
  position: relative;
  top: 20px;
  left: 50px;
}

.newslide-box:nth-of-type(5) {
  z-index: 5;
  opacity: 0.6;
  left: 45%;
  transform: translate(-50%, -50%) rotateY(0deg) translateZ(-100px);
  background: transparent;
  border-radius: 0;
  max-height: 420px;
}

.newslide-box:nth-of-type(5) img {
  object-fit: contain;
  object-position: right;
  width: 180px;
  position: relative;
  top: 20px;
  left: 50px;
}

.newslide-boxtop img {
  height: 60px;
  width: 120px;
  object-fit: cover;
}

.home-slide-new-slide {
  max-width: 800px;
  margin-left: -30px;
}
.newslide-boxtop {
  text-align: center;
}

/* home blue sec css */
.seven-sec-concepet-section {
  background: var(--blue);
  padding: 194px 0;
  position: relative;
}

.seven-sec-concepet-section-inn h2 {
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.seven-sec-concepet-section-inn span {
  font-weight: bold;
  color: var(--yellow);
}

.seven-sec-concepet-section-inn span.italic {
  font-family: var(--Licorice);
  color: var(--white);
  font-weight: normal;
  font-size: 90px;
}

.seven-sec-concepet-section::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
  filter: brightness(0) invert(1);
}
.seven-sec-concepet-section-inn h2 {
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 140%;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}

.seven-sec-concepet-section-inn span {
  font-weight: bold;
  color: var(--yellow);
}

.seven-sec-concepet-section-inn span.italic {
  font-family: var(--Licorice);
  color: var(--white);
  font-weight: normal;
  font-size: 90px;
}

.mainyellowbutter img {
  width: 100%;
}
.page-template-sustainability-and-innovation-centre-tmpl
  .newSubscribeAnimetion
  .combojun
  span.boxdes {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #739600),
    color-stop(50%, hsla(0, 0%, 100%, 0.5))
  );
  background-image: linear-gradient(
    90deg,
    #739600 50%,
    hsla(0, 0%, 100%, 0.5) 0
  );
}
/* 18-02-2025 */
.dowen-whitepaper .optionSetFormFieldBlock select,
.dowen-whitepaper .textFormFieldBlock input {
  border: 1px solid rgb(182, 187, 190) !important;
  padding: 11px 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--Assistant);
  text-transform: capitalize;
  letter-spacing: 0px;
  color: #4b4b4b;
}
.rightpeper .textFormFieldBlock,
.rightpeper .dateTimeFormFieldBlock,
.rightpeper .twoOptionFormFieldBlock,
.rightpeper .optionSetFormFieldBlock,
.rightpeper .multiOptionSetFormFieldBlock,
.rightpeper .lookupFormFieldBlock {
  padding: 20px 0 0 0 !important;
  grid-gap: 0 !important;
}
.rightpeper .consentBlock {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.dowen-whitepaper .submitButtonWrapper button.submitButton {
  background: var(--yellow) !important;
  border-radius: 29px;
  color: var(--white);
}
.dowen-whitepaper button.submitButton,
.Manufacturability_form button.submitButton {
  width: 100%;
  justify-content: center;
}
.dowen-whitepaper .submitButton span {
  padding: 0 !important;
}
.dowen-whitepaper div[data-editorblocktype="SubmitButton"],
.Manufacturability_form div[data-editorblocktype="SubmitButton"],
.new-cnt-form-whitepaper-btm .consentBlock,
.Manufacturability_form .submitButton span {
  padding: 0 !important;
}
.dowen-whitepaper .submitButton .buttonRectangle,
.Manufacturability_form .submitButton .buttonRectangle {
  display: none;
}
.Manufacturability_form .optionSetFormFieldBlock select,
.Manufacturability_form .textFormFieldBlock input {
  border: 1px solid rgb(182, 187, 190) !important;
  padding: 10px 11px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--Assistant);
  text-transform: capitalize;
  letter-spacing: 0px;
  color: #4b4b4b;
}
.Manufacturability_form input[type="text"],
.Manufacturability_form input[type="email"] {
  color: var(--white) !important;
}
.Design-Manufacturability-grey .textFormFieldBlock,
.Design-Manufacturability-grey .dateTimeFormFieldBlock,
.Design-Manufacturability-grey .twoOptionFormFieldBlock,
.Design-Manufacturability-grey .optionSetFormFieldBlock,
.Design-Manufacturability-grey .multiOptionSetFormFieldBlock,
.Design-Manufacturability-grey .lookupFormFieldBlock {
  padding: 20px 0px 0 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.Design-Manufacturability-grey .consentBlock {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.Manufacturability_form .submitButtonWrapper button.submitButton {
  background: var(--yellow) !important;
  border-radius: 29px;
  color: var(--white);
  min-height: 57px !important;
}
.Manufacturability_form .consentBlock a {
  color: var(--white);
}
.Manufacturability_form .optionSetFormFieldBlock select::placeholder,
.Manufacturability_form .textFormFieldBlock input::placeholder {
  color: var(--white) !important;
}
.new-cnt-form-whitepaper .twoOptionFormFieldBlock div.radiobuttons > div,
.new-cnt-form-whitepaper .twoOptionFormFieldBlock div.twooption_checkbox > div,
.new-cnt-form-whitepaper .optionSetFormFieldBlock div.radiobuttons > div,
.new-cnt-form-whitepaper.multiOptionSetFormFieldBlock fieldset > div,
.new-cnt-form-whitepaper .consentBlock > div {
  align-items: flex-start !important;
}
.textFormFieldBlock label,
.dateTimeFormFieldBlock label,
.lookupFormFieldBlock label,
.twoOptionFormFieldBlock label.block-label,
.optionSetFormFieldBlock label.block-label,
.multiOptionSetFormFieldBlock label.block-label,
div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"],
.textFormFieldBlock label *,
.dateTimeFormFieldBlock label *,
.lookupFormFieldBlock label *,
.twoOptionFormFieldBlock label.block-label *,
.optionSetFormFieldBlock label.block-label *,
.multiOptionSetFormFieldBlock label.block-label *,
.consentBlock label * {
  font-size: 14px !important;
}
.page-template-contact-tmpl
  .lefttouch.new-cnt-form
  .optionSetFormFieldBlock
  select,
.lefttouch.new-cnt-form .textFormFieldBlock input {
  border: 1px solid rgb(182, 187, 190);
  padding: 10px 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px !important;
  line-height: 18px;
  font-family: var(--Assistant);
  text-transform: capitalize;
  letter-spacing: 0px;
  color: #4b4b4b;
}
.new-cnt-form .textFormFieldBlock,
.new-cnt-form .dateTimeFormFieldBlock,
.new-cnt-form .twoOptionFormFieldBlock,
.new-cnt-form .optionSetFormFieldBlock,
.new-cnt-form .multiOptionSetFormFieldBlock,
.new-cnt-form .lookupFormFieldBlock {
  padding: 0px 0px 20px 0 !important;
}
.textFormFieldBlock,
.dateTimeFormFieldBlock,
.twoOptionFormFieldBlock,
.optionSetFormFieldBlock,
.multiOptionSetFormFieldBlock,
.lookupFormFieldBlock {
  gap: 0 !important;
}
.lefttouch.new-cnt-form div[data-editorblocktype="Captcha"] {
  padding: 30px 0 0 0;
}
.lefttouch.new-cnt-form #ms_captcha_holder td {
  text-align: left !important;
}
.textFormFieldBlock textarea {
  height: 80px !important;
  padding: 10px !important;
}
.lefttouch.new-cnt-form div[data-editorblocktype="SubmitButton"] {
  padding: 0 !important;
}
.lefttouch.new-cnt-form .submitButtonWrapper button.submitButton {
  background: var(--yellow) !important;
  border-radius: 29px;
  color: var(--white);
}
.lefttouch.new-cnt-form button.submitButton {
  width: 100%;
  justify-content: center;
}
.lefttouch.new-cnt-form .submitButton .buttonRectangle {
  display: none;
}
.lefttouch.new-cnt-form .submitButton span {
  padding: 0 !important;
}
.breadcrumbs span:nth-child(4) {
  display: none;
}

.single-job .breadcrumbs span:nth-child(4) {
  display: inline-block;
}
.single-job .breadcrumbs span:nth-child(6) {
  display: none;
}
.page-template-resources-tmpl .breadcrumbs span:nth-child(2),
.page-template-contact-tmpl .breadcrumbs span:nth-child(2) {
  display: none;
}
.page-template-cookies-policy-tmpl .breadcrumbs span:nth-child(2),
.page-template-privacy-policy-tmpl .breadcrumbs span:nth-child(2),
.page-template-terms-conditions-tmpl .breadcrumbs span:nth-child(2) {
  display: none;
}
.updatedate p {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--darkgray);
  padding-top: 50px;
}
.tableofcontentdiv h2 {
  font-style: normal;
  font-size: 56px;
  line-height: 56px;
  font-family: var(--Assistant);
  font-weight: bold;
  letter-spacing: 0px;
  color: var(--blue);
  padding: 60px 0 50px 0;
}
.tableofcontentdiv {
  padding: 0 0 80px 200px;
  border-bottom: 1px solid #b6bbbe;
  display: none;
}
.tableofcontentdiv ol {
  margin: 0;
  list-style: decimal-leading-zero;
  max-width: 521px;
  padding-left: 0;
}
.tableofcontentdiv ol li {
  display: flex;
  align-items: flex-start;
}
.tableofcontentdiv ol li span {
  font-style: normal;
  font-size: 20px;
  font-family: var(--Roboto-slab);
  font-weight: normal;
  color: #b6bbbe;
  letter-spacing: 0px;
  line-height: 30px;
}
.tableofcontentdiv ol li a {
  font-style: normal;
  font-size: 20px;
  font-family: var(--Roboto-slab);
  font-weight: bold;
  color: #3c3c3b;
  letter-spacing: 0px;
  line-height: 30px;
  margin-bottom: 20px;
  display: inline-block;
  margin-left: 40px;
}
.tableofcontentdiv ol li a:hover {
  color: var(--blue);
}
.content-dsc-threesame hr {
  margin: 0 0 30px 0;
  background-color: #b6bbbe;
  opacity: 1;
}
.blockarea .accordion-header button h2 {
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  font-weight: 500;
  letter-spacing: 0px;
  color: var(--blue);
}
.blockarea .accordion-header button {
  padding: 30px 0 30px 0;
}
.blockarea .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
  color: var(--blue);
}
.blockarea .accordion-body {
  padding: 20px 0 0 0;
}
.blockarea .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.blockarea .accordion-body h4 {
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--Roboto-slab);
  font-weight: 500;
  color: #3c3c3b;
  letter-spacing: 0px;
  padding-bottom: 30px;
  padding-top: 20px;
}
.blockarea .accordion-body ol li {
  font-style: normal;
  font-size: 17px;
  line-height: 27px;
  font-family: var(--Assistant);
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--darkgray);
  padding-bottom: 20px;
  padding-left: 30px;
}
.blockarea .accordion-body ol {
  list-style: lower-roman;
  margin: 0;
  padding-left: 1.4rem;
}
.blockarea .accordion-body ol li::marker {
  color: var(--blue) !important;
  font-weight: bold;
}
.blockarea .accordion-body p b {
  color: #3c3c3b;
}
.page-template-privacy-policy-tmpl .privacy-content-div {
  padding-bottom: 120px;
}
.modifiedtable {
  padding: 20px 0;
}
.modifiedtable table.table {
  border: none;
  min-width: 970px;
}
.modifiedtable table thead tr th {
  text-align: left !important;
  width: 25%;
  padding: 8px 9px 12px 9px;
  border-bottom: 1px solid var(--yellow);
}
.modifiedtable table tbody tr:nth-child(odd) td:nth-child(1) {
  position: unset;
  background: #fafafa;
  border-left: 1px solid var(--yellow);
  border-right: 1px solid #b6bbbe;
}
.modifiedtable table tbody tr td:nth-child(1) {
  position: unset;
  background: #fff;
  border-right: 1px solid #b6bbbe;
  border-left: 1px solid var(--yellow);
}
.modifiedtable table thead tr th:first-child {
  border-left: 1px solid var(--yellow);
}
.modifiedtable table tbody tr:nth-child(odd) td:nth-child(2) {
  position: unset;
  border-right: 1px solid #b6bbbe;
}
.modifiedtable table tbody tr td:nth-child(2) {
  position: unset;
  border-right: 1px solid #b6bbbe;
}

.modifiedtable table.table tr td {
  vertical-align: top;
}
.modifiedtable table thead tr th:last-child,
.modifiedtable table.table tr td:last-child {
  border-right: 1px solid var(--yellow);
}
/* India location Page css */
.factcontentbox p {
  text-align: center;
}
.idiahistory {
  padding-bottom: 120px;
}
.thtitle h2 {
  text-align: left;
  letter-spacing: 0px;
  color: #706f6f;
  font-style: normal;
  font-size: 100px;
  line-height: 100px;
  font-family: var(--Roboto-slab);
  padding-top: 90px;
}
.page-template-thank-you .breadcrumbs span.current-item {
  display: inline-block;
}
.thankblue{
  background: var(--blue);
  padding: 190px 0;
  position: relative;
}
.maintexblue{
  display: flex;
  flex-direction: column;
  grid-gap: 60px;
}
.maintexblue h2 {
  font-weight: normal;
  font-style: normal;
  font-size: 56px;
  line-height: 70px;
  font-family: var(--Assistant);
  letter-spacing: 0px;
  color: var(--white);
}
.maintexblue h2 span{
  color: var(--yellow);
  font-weight: bold;
}
.thankblue::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
    width: 120px;
    height: 60px;
    transform: translate(-50%, 0);
    filter: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(37%) hue-rotate(278deg) brightness(112%) contrast(92%);
}

/* 27-06-2025 */
.sixsecinner{
  position: relative;
  z-index: 2;
}
/* New menu CSS 16-6-25 */
.titlemenu ul li:nth-child(2):hover .locationmenu .capablityinner {
  display: block;
}
.locationmenu .capablityinner::before {
  content: "";
  position: absolute;
  background: url(../image/menu-arrow-top-transparent.png) no-repeat center
    center !important;
  width: 21px;
  height: 13px;
  background-size: cover !important;
  transform: translate(-50%, 0);
  left: 53.7%;
  top: -13px;
}
.locationmenu .capablityinner {
  height: 338px;
}
.locationmenu .header-links h2 a{
  font-weight: bold;
  color: var(--blue);
}
.locationmenu .capablityinner .header-links ul{
  border-left: 1px solid var(--blue);
}
 
.locationmenu .capablityinner .header-links ul li a::before{
background: #fff url(../image/bluemegamenuarrow.svg) no-repeat !important;
}
 ul.location-mob-inner-ul > li > a > span {
  color: var(--blue);
  font-weight: bold;
}
ul.location-mob-inner-ul .submenulevel2 ul {
  border-left: 1px solid var(--blue);
}
.locationallnewpage {
  padding: 50px 0;
  border-bottom: 1px solid #B6BBBE;
}
.alllocationgrid{
  padding-top: 30px;
}
.your-job-title-grid.alllocationgrid {
  grid-template-columns: repeat(3, 1fr);
}
.allinonelast{
  background: #f5f5f5;
}
section.breadcrumsec.rostinallloc{
  padding: 94.5px 0 180px 0;
  position: relative;
}
section.breadcrumsec.rostinallloc::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../image/grey-bottom-triangle.svg) no-repeat center center;
  width: 120px;
  height: 60px;
  transform: translate(-50%, 0);
}
 
 
/* 27-06-2025 */
.page-id-7625 .alllocationnew .locationallnewpage p {
    padding: 0 0 50px 0px;
}
.resource-design-dsc span, .simpledate {
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    font-family: var(--Assistant);
    font-weight: normal;
    color: #3e3e3e;
    display: inline-block;
}

/* 07-07-25 Sunstablity Innovation Cetre Page CSS */
.page-template-sustainability-and-innovation-centre-tmpl .leasnsweep ,.page-template-sustainability-and-innovation-centre-tmpl .precticalswapes{
  background: var(--white);
}
.page-template-sustainability-and-innovation-centre-tmpl  .mainyellowbutter::after{
  filter: brightness(0) invert(1);
}
.page-template-sustainability-and-innovation-centre-tmpl .roleclass .innersustained {
  border-top: 1px solid #B6BBBE;
}
.page-template-sustainability-and-innovation-centre-tmpl .roleclass .innersustained h3 {
  text-align: left;
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 39px;
  font-family: var(--Roboto-slab);
  letter-spacing: 0px;
  color: var(--blue);
  margin: 30px 0 50px 0px;
}
.page-template-sustainability-and-innovation-centre-tmpl .roleclass .whilesucerter p{
  padding-left: 0;
}
.page-template-sustainability-and-innovation-centre-tmpl .roleclass .whilesucerter.comantitleofsilicon h2{
  margin-bottom: 0;
}
.page-template-sustainability-and-innovation-centre-tmpl .leasnsweep .comanhike {
   margin: 0;
}
.page-template-sustainability-and-innovation-centre-tmpl .ranjgan {
  background: #F5F5F5;
  padding: 160px 0 310px 0;
  margin-top: -160px;
}
.page-template-sustainability-and-innovation-centre-tmpl .ulgrid ul.comanmarginswag{
    margin-left: 200px;
    padding-bottom: 23px;
    border-bottom: 1px solid #B6BBBE;
    padding-left: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.page-template-sustainability-and-innovation-centre-tmpl .casestudygridctre {
  border-top: 1px solid #B6BBBE;
  padding-top: 40px;
}
.page-template-sustainability-and-innovation-centre-tmpl .ajavapraj {
  margin-top: -310px;
}

/* For yotube this css for vimeo just remove this */
.homebanneriner {
    position: absolute;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    width: 100%;
}



/* FAQ Design */
.faqlocation{
      background: #f5f5f5;
}
.faqnewplastic{
      text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 56px;
    line-height: 56px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
    margin-bottom: 50px;
    display: inline-block;
    color: var(--darkgray);
}
.greycl {
    background: #f5f5f5;
    padding: 120px 0 80px 0;
}

.greycl .myfrequntaccordian h2.accordion-header button {
    color: #585858;
    font-weight: bold;
}
.greycl .accordion-button::after {
    filter: brightness(0) saturate(100%) invert(34%) sepia(2%) saturate(0%) hue-rotate(7deg) brightness(94%) contrast(86%);
}
.adjustarrocolor::after{
  filter: none;
}
.greycl .comanhike ul {
    margin: 0;
    padding: 0 0 50px 80px;
}
.greycl .comanhike ul li {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
    color: var(--lightgray);
    margin-bottom: 10px;
}
.page-template-capablity-plastic-injection-moulding .greycl .accordion .accordion-item:last-child .accordion-button::after{
visibility: hidden;
    opacity: 0;
}
.page-template-capablity-plastic-injection-moulding .greycl .myfrequntaccordian .accordion-item:last-child h2.accordion-header button span svg{
visibility: hidden;
    opacity: 0;
}
.page-template-capablity-plastic-injection-moulding .greycl .myfrequntaccordian .accordion-item:last-child  .collapse:not(.show) {
    display: block;
}
.titleenter h2{
  text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size: 34px;
    line-height: 55px;
    font-family: var(--Roboto-slab);
    letter-spacing: 0px;
    color: var(--darkgray);
    margin-bottom: 50px;
}
/* .toptitlelft p a,
.toptitlelft ul li a{
  color: var(--blue);
} */

/* Medical Latest */
.medicalextravort .blueshade {
    color: var(--lightblue);
    font-weight: bold;
    padding-bottom: 20px;
}
.bluefullsec.medicalextravort ul {
    margin: 0;
    padding: 0px 0 0 220px;
}
.bluefullsec.medicalextravort ul li {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
    color: var(--lightgray);
    padding: 0px 0px 20px 0px;
}
.bluefullsec.medicalextravort ul li::marker{
   color: var(--lightblue);
}
.jamubery h2 {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 56px;
    line-height: 56px;
    font-family: var(--assistant);
    letter-spacing: 0px;
    color: var(--lightblue);
    margin-bottom: 50px;
}
.jamubery p.bluecolortext {
    text-align: left;
    font-weight: bold;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
        color: var(--lightblue);
    padding: 0px 0px 50px 200px;
}
.jamubery p {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
        color: var(--lightgray);
    padding: 0px 0px 50px 200px;
}
.jamubery ul {
    margin: 0;
    padding: 0px 0 30px 220px;
}
.jamubery ul li {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    line-height: 27px;
    font-family: var(--Assistant);
    letter-spacing: 0px;
    color: var(--lightgray);
    padding: 0px 0px 20px 0px;
    margin-bottom: 0;
}
.jamubery ul li::marker{
   color: var(--lightblue);
}
.bototmewn {
    padding-top: 40px;
}
.comanmarginswag li a {
    text-decoration: underline;
}
.temperimg {
    text-align: center;
    padding: 150px 0 60px 0;
}
.page-template-home-tmpl  .six-sec::after{
      filter: brightness(0) saturate(100%) invert(16%) sepia(90%) saturate(2822%) hue-rotate(200deg) brightness(88%) contrast(101%);
}