@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
      url('../fonts/Montserrat-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
      url('../fonts/Montserrat-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
      url('../fonts/Montserrat-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
      url('../fonts/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
      url('../fonts/Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
      url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
      url('../fonts/Montserrat-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
      url('../fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
      url('../fonts/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
      url('../fonts/Montserrat-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
      url('../fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Conthrax Sb';
  src: url('../fonts/ConthraxSb-Regular.woff2') format('woff2'),
      url('../fonts/ConthraxSb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.conatiner{
  max-width: 1180px;
  margin: 0 auto;
}
body , html {  
  overflow-x: hidden;
  font-family: 'Montserrat';
}
a{
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
section{ 
  overflow: hidden;
}  
.headermain {
  background: #112248;
  height: 125px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 89999;
}
.logoheader {
  max-width: 100px;
}
.header_menus a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 30px;
  padding-bottom: 3px;
  display: inline-block;
  position: relative;
}
.header_menus a::after{
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  width: 0;
  transition: 0.3s ease-in-out;
  background-color: #f20;
  margin: 0 auto;
}
.header_menus a:hover::after{
  width: 100%;
}
.headermain .container {
  max-width: 1200px;
}
.container {
  max-width: 900px;
  margin: 0 auto;
}
.bannersection {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: calc(100vh - 125px);
  display: flex;
  align-items: center;
  background-attachment: fixed;
  margin-top: 125px;
}
.contentbanner h1 {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
  font-size: 40px;
}
.contentbanner h1::before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  width: 84%;
  height: 10px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ddd 30%, #fff 50%, #ddd 70%, rgba(255, 255, 255, 0) 100%);
  border-radius: 5px;
  bottom: 0;
}
.contentbanner h1 span{
  display: block;
  color: #B21F32;
}
.contentbanner h2 {
  color: #fff;
  margin: 0;
  font-size: 34px;
}
.clientslogo {
  padding: 50px 0;
}
.clientsimg img {
  max-height: 80px;
  filter: grayscale(1);
  transition: 0.3s ease-in-out !important;
  display: block;
}
.clientsimg img:hover{
  filter: unset;
}
.footermain {
  background: radial-gradient(circle, #072F5F, #031D44);
  padding: 90px 0 110px;
}
.contactushead {
  background: #BE1E2D;
  display: inline-flex;
  border-radius: 50px;
  color: #fff;
  FONT-WEIGHT: 700;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 18px;
}
.footermain_about h2 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 12px;
  line-height: 24px;
  font-weight: 700;
}
.footermain_about h3 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 12px;
  line-height: 24px;
  font-weight: 500;
}
.contactinfo a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 500;
}
.formmain .form-control {
  border: 0;
  height: 44px;
  border-radius: 12px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 16px;
  box-shadow: unset !important;
}
.formmain .form-control::placeholder{
  color: #ababab;
}
.submitbtn {
  border: 0;
  border-radius: 50px;
  background: #BE1E2D;
  display: inline-flex;
  border-radius: 50px;
  color: #fff;
  FONT-WEIGHT: 700;
  margin-bottom: 0;
  padding: 12px 33px;
  font-size: 18px;
  align-items: center;
  transition: 0.3s ease-in-out;
}
.submitbtn:hover {
  background-color: #fff;
  color: #2d2d2d;
}
.submitbtn:hover img {
  filter: invert(1);
}
.submitbtn img {
  max-width: 32px;
  transition: 0.3s ease-in-out;
  margin-left: 10px;
}
.aboutus {
  background-image: url(../img/aboutbg.png);
  padding: 60px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* .aboutus::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #112248;
  opacity: 0.9;
} */
.aboutus .container {
    position: relative;
    z-index: 1;
}

.aboutuscontent h2 {
  font-family: 'Conthrax Sb';
  color: #fff;
  font-size: 28px;
  margin-bottom: 30px;
}
.commanhead {
  color: #fff;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
  padding-left: 15px;
  border-left: 7px solid #BE1E2D;
  margin-left: -20px;
}
.aboutuscontent p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  color: #fff;
  text-align: justify;
} 
.aboutus_logo img {
    max-width: 210px;
}
.enquirenow {
  background-image: url(../img/enquire_now.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 540px;
}
.enquirenowcontent p {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 30px;
  text-align: justify;
  font-style: italic;
  line-height: 29px;
}
.comman_btns {
  border: 0;
  border-radius: 50px;
  background: #BE1E2D;
  display: inline-flex;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  padding: 15px 38px;
  font-size: 18px;
  transition: 0.3s ease-in-out;
}
.comman_btns:hover{
  background-color: #fff;
  color: #000;
}
.enquirenow::after {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 57%;
  background-color: #000000;
  opacity: 0.9;
}
.enquirenowcontent {
  position: relative;
  z-index: 1;
  padding: 0 30px;
}
.cuttingeadge{
  background-color: #112248; 
}
.cuttingeadge::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/cuttingeadge_afteer.png);
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  z-index: 0;
}
.electroplating::after {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/electroplating.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  z-index: 0;
}
.cuttingeadgecontebnt {
  padding: 50px 40px;
}
.cuttingeadgecontebnt p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
  color: #fff;
  text-align: justify;
}
.cuttingeadge_right {
  background: #BE1E2D;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 80px 40px !important;
}
.cuttingeadge .container {
  max-width: 1000px;
}
.cuttingeadge_right .commanhead {
  border-left: 7px solid #112248;
}
.electroplatingcontent {
  background: #BE1E2D;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 70px 60px !important;
}
.electroplatingcontent p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  color: #fff;
  text-align: justify;
}
.electroplatingbox h3{
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}
.electroplatingcontent strong {
  display: block;
  margin-bottom: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: -13px;
}
.electroplating .container {
  max-width: 1000px;
}
.electroplating_icons img {
  max-height: 124px;
  object-fit: contain;
}
.industries {
  background-image: url(../img/industries.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
}
.industries .container{
  max-width: 1000px;
}
.industriescontent {
  background: #BE1E2D;
  mix-blend-mode: hard-light;
  padding: 80px 80px;
}
.industriescontent strong {
  display: block;
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 50px;
}
.industriescontent p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #fff;
  text-align: justify;
}
.yearsimg {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.yearsimg img {
    max-width: 230px;
}
.contactinfo a img {
  max-height: 26px;
  margin-right: 13px;
  transition: 0.3s ease-in-out;
}
.contactinfo a:hover img {
  transform: rotateX(-360deg);
}
.highlight_leftbg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hightlight_content {
  background-color: #112248;
  padding: 45px;
}
.hightlight_content .commanhead {
  border-left: 130px solid #BE1E2D;
  margin-left: -45px;
  margin-bottom: 30px;
  padding: 10px 0px 10px 15px;
}
.hightlight_ico {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  overflow: hidden;
  height: 70px;
  width: 70px;
  background: #BE1E2D;
}
.hightlight_content .row:hover .hightlight_ico img {
  transform: rotateX(-360deg);
}

.hightlight_ico img {
  max-width: 43px;
  transition: 0.3s ease-in-out;
}

.highlighttxt h3 {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
}
.highlighttxt p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.greybox{
  background-color: #696969;
}
.visionmission_content {
  background: #BE1E2D;
  padding: 80px 60px;
}
.visionmission_content p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-align: justify;
}
.visionnhead{
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}
.vission_icon img {
  max-width: 70px;
  transition: 0.3s ease-in-out;
}
.visionmission_content .row:hover .vission_icon img {
  transform: rotateX(-360deg);
}
.visionmission .row .highlight_leftbg:last-child{
   border-left: 20px solid #fff;
   border-right: 20px solid #fff;
}
.qualitystandrd {
  background-color: #112248;
  position: relative;
  padding: 80px 0 120px;
}
.qualitystandrd_text p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #fff;
  text-align: justify;
}
.qualitystandrd_text p:last-child{
  margin: 0;
}
.qualitystandrd_imgs img:first-child {
  margin-bottom: 60px;
}
.qualitystandrd_imgs img {
  max-width: 120px;
  display: block;
  margin: 0 auto;
}
.qualitystandrd::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/afterleft.png);
  background-size: 240px;
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 0;
}
.qualitystandrd::before {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/beforeright.png);
  background-size: 240px;
  background-position: bottom right;
  background-repeat: no-repeat;
  z-index: 1;
}
.suppliers::after {
  position: absolute;
  content: '';
  right: -88px;
  bottom: 0;
  top: 0px;
  height: 100%;
  width: 100%;
  background-image: url(../img/supplierafter.png);
  background-size: 920px;
  background-position: bottom right;
  background-repeat: no-repeat;
  z-index: 1;
}
.qualitystandrd_img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 440px;
  z-index: 0;
}
.mapimg img {
  max-width: 100%;
}
.suppliersbtm {
  background: #f0f0f0;
  padding: 50px 0;
}
.suppliers_text .commanhead {
  color: #000;
}
.suppliers_text p {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 0;
  color: #000;
  text-align: justify;
  font-weight: 500;
}
.mapimg {
  margin: -40px 0 -140px;
  position: relative;
  z-index: 2;
}

@media (max-width:1023px) {
  .headermain {
    height: 100px;
  }
  .logoheader {
      max-width: 80px;
  }
  .header_menus a { 
    font-size: 15px;
    margin: 0 18px;
  }
  .bannersection {
      background-position: left;
      height: 500px;
      align-items: center;
      background-attachment: unset;
      margin-top: 100px;
  }
  .container {
      max-width: 90% !important;
      margin: 0 auto;
  }
  .contentbanner h1 {
      padding-bottom: 30px;
      margin-bottom: 30px;
      font-size: 32px;
  }
  .contentbanner h2 {
      margin: 0;
      font-size: 26px;
  }
  .yearsimg {
    position: relative;
    bottom: 0;
    margin-right: 0;
  }
  .aboutuscontent h2 br {
    display: none;
  }
  .headermain .container {
    max-width: 90%;
  }
  .enquirenow { 
      height: auto;
  }
  .enquirenowcontent p {
      font-size: 16px;
      margin-bottom: 27px;
      line-height: 28px;
  }
  .enquirenowcontent {
      padding: 110px 30px;
  }
  .comman_btns {
    padding: 13px 28px;
    font-size: 16px;
  }
  .highlight_leftbg {
      height: 450px;
  }
  .qualitystandrd::after {
    background-size: 100px;
  }
  .qualitystandrd_img {
     max-width: 330px;
  }
  .suppliers::after{
    display: none;
  }
  .qualitystandrd_imgs {
    max-width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .qualitystandrd_imgs img:first-child {
    margin-bottom: 0;
  }
  .qualitystandrd::before { 
    background-size: 120px;   
  }
  .qualitystandrd { 
      padding: 80px 0 80px;
  }
  .electroplating::after , .cuttingeadge::after{
    display: none;
  }
  .clientsimg img {
    max-height: 60px;
    filter: unset !important;
  }
  .submitbtn {
    padding: 10px 22px;
    font-size: 16px;
  }
  .submitbtn img {
    max-width: 25px;
  }
  .footermain {
      padding: 70px 0 70px;
  }
}

@media (max-width:767px) {
  .footermain {
      padding: 50px 0 50px;
  }
  .contactushead {
    display: flex;
    border-radius: 10px; 
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    justify-content: center;
  }
  .footermain_about {
    text-align: center;
  }
  .footermain_about h3 {
    font-size: 14px;
  }
  .footermain_about h2 {
     font-size: 17px;
  }
  .contactinfo a img {
      max-height: 32px;
      display: block;
      margin: 0 auto 10px !important;
  }
  .contactinfo a {
      font-size: 14px;
      border: 1px solid #f2f2f22b;
      padding: 11px 0;
      border-radius: 8px;
      display: block;
  }
  .formmain .form-control {
      height: 44px;
      border-radius: 6px;
      padding: 10px 17px;
      font-size: 15px;
  }
  .submitbtn {
    padding: 10px 22px;
    font-size: 16px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 8px;
  }
  .container {
      max-width: 97% !important;
      margin: 0 auto;
  }
  .clientsimg img {
      max-height: 60px;
      filter: unset !important;
      margin: 0 auto;
  }
  .clientsimg {
      text-align: center;
  }
  .clientslogo {
      padding: 40px 0;
  }
  .cuttingeadge_right {
      padding: 30px 30px !important;
  }  
  .commanhead {
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 15px;
  }
  .commanhead br{
    display: none;
  }
  .cuttingeadgecontebnt p {
    font-size: 15px;
    line-height: 22px;
  }
  .cuttingeadgecontebnt {
      padding: 50px 0 40px;
  }
  .electroplating_icons img {
      max-height: 110px;
      object-fit: contain;
      margin: 0 auto;
  }
  .electroplatingcontent {
      padding: 50px 26px !important;
  }
  .electroplatingbox h3 {
    font-size: 15px;
  }
  .electroplatingcontent p {
    font-size: 15px;
  }
  .industriescontent {
      padding: 50px 26px;
  }
  .industriescontent strong {
      margin-bottom: 20px;
      font-size: 15px;
      margin-top: 30px;
  }
  .industriescontent p {
    font-size: 15px;
  }
  .hightlight_ico {
    margin-bottom: 20px;
  }
  .highlighttxt h3 {
    font-size: 16px;
  }
  .highlighttxt p {
    font-size: 15px;
  }
  .hightlight_content .commanhead {
      border-left: 31px solid #BE1E2D;
      margin-left: -33px;
      margin-bottom: 30px;
      padding: 10px 0px 10px 15px;
  } 
  .highlight_leftbg {
      height: 350px;
  }
  .suppliers_text p {
    font-size: 15px;
    line-height: 23px;
  }
  .mapimg {
    margin: 0 0 0;
  }
  .suppliersbtm {
    padding: 50px 0;
}
  .qualitystandrd_imgs img {
    max-width: 90px;
  }
  .qualitystandrd_text p {
    font-size: 15px;
  }
  .qualitystandrd {
      padding: 50px 0 50px;
  }
  .commanhead {
    margin-left: 0;
  }
  .hightlight_content {
      padding: 45px 36px;
  }
  .visionmission_content { 
      padding: 50px 30px;
  }
  .vission_icon img {
    max-width: 52px;
  }
  .visionmission_content p {
    font-size: 15px;
  }
  .enquirenow::after {
      width: 100%;
  }
  .enquirenowcontent {
      padding: 70px 2px;
      text-align: center;
  }
  .enquirenowcontent p {
      font-size: 15px;
      margin-bottom: 27px;
      line-height: 28px;
      text-align: center;
  }
  .enquirenowcontent p br{
    display: none;
  }
  .comman_btns {
      padding: 10px 22px;
      font-size: 16px;
      display: flex;
      width: 100%;
      justify-content: center;
      border-radius: 8px;
  }
  .aboutus_logo img {
      max-width: 200px;
  }
  .aboutus_logo {
      text-align: center;
      margin-bottom: 40px;
  }
    .yearsimg img {
        max-width: 100%;
    }
  .aboutuscontent h2 {
      font-size: 20px;
      margin-bottom: 24px;
      line-height: 28px;
  }
  .aboutuscontent p {
    font-size: 15px;
  }
  .bannersection {
      background-position: right;
      height: 450px; 
      text-align: center;
      position: relative;
  }
  .contentbanner h1::before {
      margin: 0 auto;
      right: 0;
  }
  .bannersection::after {
      position: absolute;
      content: '';
      left: auto;
      right: 0;
      bottom: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #000000;
      opacity: 0.6;
  }
  .bannersection .container {
      z-index: 1;
  }
  .header_menus a {
      font-size: 17px;
      margin: 0 18px;
      color: #2d2d2d;
      display: block;
      padding: 16px 0;
      text-align: center;
      border-bottom: 1px solid #f2f2f2;
  }
  .togglemenu {
      background: transparent;
      border: 0;
      padding: 0;
  }
  .togglemenu img {
      filter: invert(14%) sepia(98%) saturate(3653%) hue-rotate(349deg) brightness(90%) contrast(93%);
  }
}