* {
  margin: 0;
  padding: 0;
}

.anchorLine {
  text-decoration: none;
}

a {
  text-decoration: none;
}

.blogDetailCaroImg {
  aspect-ratio: 1.62;
}

.contactText {
  color: #000;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}


@media screen and (max-width: 998px) {
  .bgRed {
    background-color: #c91725;
  }
}

@media screen and (max-width: 770px) {
  .mobFlexDirection {
    flex-direction: column-reverse;
  }
}

.headerDiv {
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.168627451);
  background: #fff;
}
.headerDiv .headerWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
}
@media screen and (max-width: 776px) {
  .headerDiv .headerWrapper {
    padding-top: 0px;
  }
}
.headerDiv .headerWrapper .leftheadWrap .odraMainLogo {
  margin-left: 40px;
  width: 200px;
}
@media screen and (max-width: 876px) {
  .headerDiv .headerWrapper .leftheadWrap .odraMainLogo {
    width: 129px;
    margin-left: 20px;
  }
}
.headerDiv .headerWrapper .rightheadWrap .topDiv {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 35px;
}
@media screen and (max-width: 776px) {
  .headerDiv .headerWrapper .rightheadWrap .topDiv {
    display: none;
  }
}
.headerDiv .headerWrapper .rightheadWrap .topDiv .shopLink {
  display: flex;
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  padding-left: 16px;
  padding-right: 16px;
}
.headerDiv .headerWrapper .rightheadWrap .topDiv .shopLink.borLeft {
  border-left: 1px solid rgba(0, 0, 0, 0.55);
}
.headerDiv .headerWrapper .rightheadWrap .topDiv .shopLink .text {
  color: #000;
  font-family: Lato500;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv {
  margin-top: 7px;
}
@media screen and (max-width: 998px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv {
    margin-top: 0px;
  }
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
  color: #000;
  font-family: Lato400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  text-transform: uppercase;
  margin-right: 48px;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi.active {
  border-bottom: 3px solid #cb1723;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
    margin-right: 52px;
  }
}
@media screen and (max-width: 1199px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
    margin-right: 37px;
  }
}
@media screen and (max-width: 998px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
    font-size: 12px;
    margin-right: 27px;
  }
}
@media screen and (max-width: 885px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
    margin-right: 18px;
  }
}
@media screen and (max-width: 776px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .navLi {
    display: none;
  }
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown:hover .customDropMenu {
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
  border-radius: 0px;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown:hover .customDropMenu.show {
  border-radius: 0px;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown:hover .customDropMenu .customMenuitem {
  background: none;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown:hover .customDropMenu .customMenuitem:hover {
  background: #2f2f2f;
  color: #fff;
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown .customDropdownBtn {
  outline: none;
  border: none;
  color: #000;
  font-family: Lato400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  text-transform: uppercase;
}
@media screen and (max-width: 998px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .customDropdown .customDropdownBtn {
    font-size: 12px;
  }
}
.headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .menuImg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 61px;
  height: 61px;
  background: #000;
  margin-left: 18px;
  display: none;
}
@media screen and (max-width: 776px) {
  .headerDiv .headerWrapper .rightheadWrap .bottomHeadDiv .navUl .menuImg {
    display: flex;
  }
}
.headerDiv .navSidebar {
  display: none;
  background: #101010;
  padding-top: 14px;
  padding-bottom: 16px;
  padding-top: 7px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 1000;
}
.headerDiv .navSidebar.active {
  transform: translateX(0%);
}
@media screen and (max-width: 998px) {
  .headerDiv .navSidebar {
    display: block;
  }
}
.headerDiv .navSidebar .closeDiv {
  display: flex;
  justify-content: flex-end;
}
.headerDiv .navSidebar .closeDiv .btnClose {
  border: none;
  background: transparent;
  font-size: 30px;
  color: #fff;
}
.headerDiv .navSidebar .menuItems {
  margin-bottom: 0px;
}
@media screen and (max-width: 1200px) {
  .headerDiv .navSidebar .menuItems {
    -moz-column-gap: 26px;
         column-gap: 26px;
  }
}
.headerDiv .navSidebar .menuItems .menuitem {
  list-style: none;
  padding-bottom: 30px;
}
.headerDiv .navSidebar .menuItems .menuitem .navName {
  color: #fff;
  font-family: Lato400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  text-transform: uppercase;
  margin-right: 68px;
  text-decoration: none;
}
.headerDiv .navSidebar .menuItems .customDropdown .customDropMenu {
  background: #101010;
  padding-left: 20px;
  max-height: 120px;
  overflow-y: scroll;
  display: block;
  position: static;
}
.headerDiv .navSidebar .menuItems .customDropdown .customDropMenu .customMenuitem {
  color: white;
}
@media screen and (max-width: 570px) {
  .headerDiv .navSidebar .menuItems .customDropdown .customDropMenu {
    margin-top: -27px !important;
  }
}
.headerDiv .navSidebar .menuItems .customDropdown:hover .customDropMenu {
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
  border-radius: 0px;
}
.headerDiv .navSidebar .menuItems .customDropdown:hover .customDropMenu.show {
  border-radius: 0px;
}
.headerDiv .navSidebar .menuItems .customDropdown:hover .customDropMenu .customMenuitem {
  background: none;
  color: #fff;
}
.headerDiv .navSidebar .menuItems .customDropdown:hover .customDropMenu .customMenuitem:hover {
  background: #2f2f2f;
  color: #fff;
}
.headerDiv .navSidebar .menuItems .customDropdown .customDropdownBtn {
  outline: none;
  border: none;
  color: #000;
  font-family: Lato400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  text-transform: uppercase;
}
@media screen and (max-width: 998px) {
  .headerDiv .navSidebar .menuItems .customDropdown .customDropdownBtn {
    font-size: 12px;
  }
}
.headerDiv .navSidebar .menuItems .customDropdown .dropdown-toggle {
  border: none;
  background: transparent;
  color: #fff;
  font-family: Lato400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  text-transform: uppercase;
  margin-right: 68px;
  padding-bottom: 30px;
  padding-left: 0;
}
.headerDiv .navSidebar .menuItems .customDropdown .dropdown-toggle::after {
  display: none;
}
.headerDiv .menu_btn {
  display: none;
}
@media screen and (max-width: 998px) {
  .headerDiv .menu_btn {
    display: block;
    font-size: 30px;
  }
}

.mainbannerDiv .odraBanner {
  position: relative;
}
.mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1660px) {
  .mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-prev {
    top: 60%;
  }
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-prev {
    display: none;
  }
}
.mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1660px) {
  .mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-next {
    top: 60%;
  }
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .odraBanner .home-carousel .owl-nav .owl-next {
    display: none;
  }
}
.mainbannerDiv .odraBanner .redColorDiv {
  background-color: #c91725;
  height: 100%;
}
@media screen and (max-width: 576px) {
  .mainbannerDiv .odraBanner .redColorDiv {
    padding: 15px;
  }
}
.mainbannerDiv .odraBanner .redColorDiv .graphCircle {
  position: absolute;
  width: 20%;
  left: 15%;
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .odraBanner .redColorDiv .graphCircle {
    display: none;
  }
}
.mainbannerDiv .odraBanner .mainbannerImg {
  height: 65vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 576px) {
  .mainbannerDiv .odraBanner .mainbannerImg {
    height: 40vh;
  }
}
@media screen and (max-width: 576px) {
  .mainbannerDiv .odraBanner .banImg {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 576px) {
  .mainbannerDiv .odraBanner .productBanImg {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.mainbannerDiv .odraBanner .leftsideDiv {
  position: absolute;
  top: 50%;
  left: 140px;
  transform: translateY(-50%);
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .odraBanner .leftsideDiv {
    display: none;
  }
}
@media screen and (max-width: 776px) {
  .mainbannerDiv .odraBanner .leftsideDiv {
    left: 86px;
  }
}
@media screen and (max-width: 776px) {
  .mainbannerDiv .odraBanner .leftsideDiv {
    left: 50px;
  }
}
.mainbannerDiv .odraBanner .leftsideDiv .bannerText {
  max-width: 464px;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.38);
  font-family: Lato700;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
}
.mainbannerDiv .odraBanner .leftsideDiv.leftsideDivrespo {
  left: 140px;
}
@media screen and (max-width: 1660px) {
  .mainbannerDiv .odraBanner .leftsideDiv.leftsideDivrespo {
    left: 40px;
  }
}
@media screen and (max-width: 1500px) {
  .mainbannerDiv .odraBanner .leftsideDiv.leftsideDivrespo {
    left: 50px;
  }
}
@media screen and (max-width: 1400px) {
  .mainbannerDiv .odraBanner .leftsideDiv.leftsideDivrespo {
    left: 50px;
  }
}
.mainbannerDiv .odraBanner .leftsideDiv .bannerText.contactBanTxt {
  max-width: 359px;
}
@media screen and (max-width: 1400px) {
  .mainbannerDiv .odraBanner .leftsideDiv .bannerText {
    font-size: 38px;
    line-height: 41px;
    width: 350px;
  }
}
@media screen and (max-width: 1300px) {
  .mainbannerDiv .odraBanner .leftsideDiv .bannerText {
    font-size: 30px;
    line-height: 41px;
    width: 290px;
  }
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .odraBanner .leftsideDiv .bannerText {
    font-size: 30px;
    line-height: 41px;
  }
}
@media screen and (max-width: 776px) {
  .mainbannerDiv .odraBanner .leftsideDiv .bannerText {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 576px) {
  .mainbannerDiv .odraBanner .leftsideDiv .bannerText {
    font-size: 20px;
    padding-right: 70px;
    line-height: 30px;
  }
}
.mainbannerDiv .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.mainbannerDiv .owl-dots .owl-dot {
  background: #d3d3d3;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  margin-top: -46px;
  z-index: 1;
}
.mainbannerDiv .owl-dots .owl-dot.active {
  background: #cb1723;
  border: 1px solid #cb1723;
}
@media screen and (max-width: 998px) {
  .mainbannerDiv .owl-dots .owl-dot.active {
    background: #be7878;
    border: 1px solid #be7878;
  }
}

.bannerblackDiv {
  background: #000;
  padding-top: 29px;
  padding-bottom: 29px;
  margin-top: -1px;
}
@media screen and (max-width: 576px) {
  .bannerblackDiv {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.bannerblackDiv .horizontalTxts {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.bannerblackDiv .horizontalTxts.landingHoriTxt {
  justify-content: center;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
@media screen and (max-width: 1400px) {
  .bannerblackDiv .horizontalTxts.landingHoriTxt {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .bannerblackDiv .horizontalTxts.landingHoriTxt {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media screen and (max-width: 576px) {
  .bannerblackDiv .horizontalTxts.landingHoriTxt {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media screen and (max-width: 998px) {
  .bannerblackDiv .horizontalTxts {
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
@media screen and (max-width: 776px) {
  .bannerblackDiv .horizontalTxts {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 30px;
  }
}
.bannerblackDiv .horizontalTxts .checkwrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 43px;
       column-gap: 43px;
}
.bannerblackDiv .horizontalTxts .checkwrapper .checkPro {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
  .bannerblackDiv .horizontalTxts .checkwrapper .checkPro {
    line-height: 24px;
    font-size: 14px;
  }
}
.bannerblackDiv .horizontalTxts .typesDiv {
  display: flex;
  align-items: center;
  -moz-column-gap: 18px;
       column-gap: 18px;
}
.bannerblackDiv .horizontalTxts .typesDiv.landingTypesDiv {
  -moz-column-gap: 33px;
       column-gap: 33px;
}
.bannerblackDiv .horizontalTxts .typesDiv.careerTypesDiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.bannerblackDiv .horizontalTxts .typesDiv .logobtn {
  background: #cb1723;
  color: #fff;
  font-family: Lato900;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 21px;
  text-transform: uppercase;
  padding: 6px 31px;
  border: none;
}
.bannerblackDiv .horizontalTxts .typesDiv .txt {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
  text-transform: uppercase;
}
@media screen and (max-width: 1199px) {
  .bannerblackDiv .horizontalTxts .typesDiv .txt {
    line-height: 23px;
    font-size: 14px;
  }
}
.bannerblackDiv .horizontalTxts .typesDiv .brochureCall {
  width: 56px;
}
@media screen and (max-width: 576px) {
  .bannerblackDiv .horizontalTxts .typesDiv .brochureCall {
    width: 40px;
  }
}
.bannerblackDiv .horizontalTxts .typesDiv .textDiv .headTxt {
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 1400px) {
  .bannerblackDiv .horizontalTxts .typesDiv .textDiv .headTxt {
    font-size: 17px;
  }
}
@media screen and (max-width: 1200px) {
  .bannerblackDiv .horizontalTxts .typesDiv .textDiv .headTxt {
    font-size: 13px;
  }
}
.bannerblackDiv .horizontalTxts .typesDiv .textDiv .smTxt {
  color: #e2e2e2;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding-top: 5px;
}

.productionDiv {
  padding-top: 100px;
  overflow: hidden;
}
@media screen and (max-width: 998px) {
  .productionDiv {
    padding-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .productionDiv {
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.productionDiv .productionImgSec {
  position: relative;
  padding-left: 150px;
  padding-bottom: 100px;
}
.productionDiv .productionImgSec.productImgSec {
  position: relative;
  padding-left: 150px;
  padding-top: 100px;
  padding-bottom: 0px;
}
.productionDiv .productionImgSec .productBox {
  position: absolute;
  bottom: 0px;
  left: 22px;
}
.productionDiv .productionImgSec .productBox.redTopDiv {
  position: absolute;
  top: 0px;
  left: 0px;
}
.productionDiv .productionImgSec .proRedBox {
  width: 180px;
}
@media screen and (max-width: 576px) {
  .productionDiv .productionImgSec .proRedBox {
    width: 170px;
  }
}
.productionDiv .productionImgSec .proText {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-family: Lato700;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  max-width: 211px;
}
.productionDiv .productionImgSec .proText.proTopText {
  top: 15px;
  right: 15px;
  max-width: 249px;
  text-align: right;
  left: unset;
  bottom: unset;
}
@media screen and (max-width: 570px) {
  .productionDiv .productionImgSec .proText {
    font-size: 19px;
    width: 150px;
    line-height: 22px;
  }
}
.productionDiv .abtImgSec {
  padding-right: 70px;
}
.productionDiv .abtImgSec.SourcewellSec {
  padding-left: 51px;
}
@media screen and (max-width: 998px) {
  .productionDiv .abtImgSec.SourcewellSec {
    padding-left: 0px;
  }
}
.productionDiv .abtImgSec.BuyBoardSec {
  padding-left: 51px;
}
@media screen and (max-width: 998px) {
  .productionDiv .abtImgSec.BuyBoardSec {
    padding-left: 0px;
  }
}

@media screen and (max-width: 998px) {
  .productionDiv .abtImgSec {
    padding-right: 0px;
  }
}
.productionDiv .proRightSec .breaktext .lineUptext {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 20px;
}
.productionDiv .proRightSec .breaktext .lineUptext .line .logoIcon {
  width: 17px;
}
.productionDiv .proRightSec .breaktext .lineUptext .text {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.productionDiv .proRightSec.partsRightSec {
  margin-left: 20px;
}
@media screen and (max-width: 576px) {
  .productionDiv .proRightSec.partsRightSec {
    margin-left: 0px;
  }
}
@media screen and (max-width: 576px) {
  .productionDiv .proRightSec.ms5hTextDiv {
    padding-left: 0px;
  }
}
.productionDiv .proRightSec .productionTexts {
  padding-left: 80px;
}
.productionDiv .proRightSec .productionTexts.pl0 {
  padding-left: 60px;
}
@media screen and (max-width: 776px) {
  .productionDiv .proRightSec .productionTexts.pl0 {
    padding-left: 0px;
  }
}
.productionDiv .proRightSec .productionTexts.padding-left {
  padding-left: 0px;
}
.productionDiv .proRightSec .productionTexts.BuyBoardRight {
  padding-right: 51px;
}
@media screen and (max-width: 992px) {
  .productionDiv .proRightSec .productionTexts.BuyBoardRight {
    padding-right: 0px;
  }
}
@media screen and (max-width: 570px) {
  .productionDiv .proRightSec .productionTexts {
    padding-left: 0px;
  }
}
.productionDiv .proRightSec .productionTexts .subTxts {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.productionDiv .proRightSec .productionTexts .subTxts.ms5hSubText {
  max-width: 468px;
}
.productionDiv .proRightSec .productionTexts .subTxts.partsSubtext {
  padding-top: 20px;
}

.bluryProText {
  margin-top: 5px;
  color: #e8e8e8;
  font-family: Lato700;
  font-size: 84px;
  font-style: normal;
  font-weight: 700;
  line-height: 66px;
  letter-spacing: 1.2px;
  width: 700px;
  transform: translateX(200px);
}
.bluryProText.prodiscoverTXt {
  width: 1037px;
}
.bluryProText.prodiscoverTXt {
  width: 1037px;
  font-size: 78px;
}
.bluryProText.bluryTxt {
  width: 706px;
  transform: translateX(75px);
}
@media screen and (max-width: 576px) {
  .bluryProText.bluryTxt {
    transform: translateX(35px);
    font-size: 50px;
    line-height: 40px;
  }
}
.bluryProText.contactText {
  transform: translateX(100px);
}
@media screen and (max-width: 576px) {
  .bluryProText.contactText {
    transform: translateX(36px);
  }
}
.bluryProText.proIndustry {
  transform: translateX(53px);
}
.bluryProText.bluryProduct {
  width: 1206px;
}
.bluryProText.bluryMS5Htext {
  transform: translateX(114px);
}
@media screen and (max-width: 576px) {
  .bluryProText.bluryMS5Htext {
    transform: translateX(62px);
  }
}
.bluryProText.bluryabtTxt {
  transform: translateX(200px);
}
@media screen and (max-width: 576px) {
  .bluryProText.bluryabtTxt {
    transform: translateX(47px);
  }
}
.bluryProText.bluryproMinimal {
  width: 1001px;
  transform: translateX(78px);
}
.bluryProText.galleryBlury {
  transform: translateX(0px);
}
.bluryProText.gasolinePro {
  transform: translateX(80px);
}
@media screen and (max-width: 576px) {
  .bluryProText.gasolinePro {
    transform: translateX(20px);
  }
}
.bluryProText.partsBlury {
  transform: translateX(50px);
}
.bluryProText.careerBlury {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .bluryProText.careerBlury {
    font-size: 47px;
  }
}
@media screen and (max-width: 576px) {
  .bluryProText.careerBlury {
    font-size: 40px;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 400px) {
  .bluryProText.careerBlury {
    font-size: 37px;
  }
}
@media screen and (max-width: 576px) {
  .bluryProText {
    transform: translateX(42px);
    font-size: 50px;
    line-height: 42px;
  }
}

.mainBlackTxt {
  color: #000;
  font-family: Lato700;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  margin-top: 4px;
}
@media screen and (max-width: 570px) {
  .mainBlackTxt {
    font-size: 28px;
    line-height: 37px;
  }
}
.mainBlackTxt.qualityTxt {
  max-width: 450px;
}
.mainBlackTxt.landingHead {
  max-width: 600px;
  line-height: 42px;
}
.mainBlackTxt.whiteColorTxt {
  color: #fff;
  text-transform: none;
}
.mainBlackTxt.centerTxt {
  text-align: center;
}
.mainBlackTxt.sourcewellText {
  color: var(--P1, #000);
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}
.mainBlackTxt.mainBlackProduct {
  line-height: 48px;
}
@media screen and (max-width: 570px) {
  .mainBlackTxt.mainBlackProduct {
    line-height: 36px;
  }
}
.mainBlackTxt.galleyBalckTxt {
  padding-left: 55px;
  margin-top: 0px;
}
@media screen and (max-width: 576px) {
  .mainBlackTxt.galleyBalckTxt {
    padding-left: 0px;
  }
}
.mainBlackTxt.gasolineTxt {
  line-height: 35px;
}
.mainBlackTxt.proMs5htxt {
  line-height: 55px;
  width: 700px;
}
@media screen and (max-width: 576px) {
  .mainBlackTxt.proMs5htxt {
    line-height: 34px;
    width: auto;
  }
}
.mainBlackTxt.ms5hHead {
  line-height: 38px;
  margin-top: 10px;
}
.mainBlackTxt.brandsHead {
  color: #000;
  text-align: center;
  max-width: 893px;
  line-height: 41px;
  margin: auto;
}
@media screen and (max-width: 976px) {
  .mainBlackTxt.brandsHead {
    font-size: 30px;
    line-height: 50px;
  }
}
@media screen and (max-width: 576px) {
  .mainBlackTxt.brandsHead {
    font-size: 28px;
    line-height: 34px;
  }
}
.mainBlackTxt.partsBlackText {
  padding-left: 0px;
}
.mainBlackTxt.highlightTxt {
  margin-top: 0px;
}
.mainBlackTxt.qualityBlackTxt {
  line-height: 41px;
}
.mainBlackTxt.mainAbtblackTxt {
  width: 900px;
}
.mainBlackTxt.writeToUsTxt {
  margin-top: 0px;
}

.proBtnn .proBtn {
  color: #fff;
  text-align: center;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: #cb1723;
  padding: 8px 60px;
  margin-top: 28px;
}
.proBtnn .proBtn.galleyBtn {
  padding: 6px 41px;
  margin-top: 0px;
}
.proBtnn .proBtn.thankuBtn {
  background: #101010;
}
.proBtnn .proBtn.newsBtn {
  padding: 6px 45px;
}
@media screen and (max-width: 998px) {
  .proBtnn .proBtn.newsBtn {
    padding: 5px 40px;
  }
}
.proBtnn .proBtn.partBtn {
  font-size: 20px;
  padding: 8px 22px;
}
.proBtnn .proBtn.partGalleryBtn {
  padding: 8px;
  width: 100%;
}
.proBtnn.viwDetails {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
}
@media screen and (max-width: 570px) {
  .proBtnn.viwDetails {
    margin-top: 30px;
  }
}

.supportVehiclesDiv {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: 80px;
  overflow: hidden;
}
@media screen and (max-width: 770px) {
  .supportVehiclesDiv {
    overflow: hidden;
  }
}
@media screen and (max-width: 770px) {
  .supportVehiclesDiv {
    overflow: hidden;
  }
}
@media screen and (max-width: 570px) {
  .supportVehiclesDiv {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 770px) {
  .supportVehiclesDiv.ms5hProductDiv {
    margin-top: 0px;
  }
}
.supportVehiclesDiv .supportLeftDiv {
  overflow: hidden;
}
@media screen and (max-width: 770px) {
  .supportVehiclesDiv .supportLeftDiv {
    overflow: visible;
  }
}
.supportVehiclesDiv .supportLeftDiv.overFlowHidden {
  overflow: visible;
}
.supportVehiclesDiv .supportLeftDiv.gasoProAdaptable {
  overflow: hidden;
}
@media screen and (max-width: 756px) {
  .supportVehiclesDiv .supportLeftDiv.gasoProAdaptable {
    margin-top: 0px;
  }
}
.supportVehiclesDiv .supportLeftDiv .texts .heading {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}
@media screen and (max-width: 570px) {
  .supportVehiclesDiv .supportLeftDiv .texts .heading {
    font-size: 28px;
    line-height: 40px;
  }
}
.supportVehiclesDiv .supportLeftDiv .texts .heading.ms5hHead {
  line-height: 40px;
}
.supportVehiclesDiv .supportLeftDiv .texts .para {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  max-width: 524px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport {
  margin-top: 39px;
  padding-left: 80px;
}
@media screen and (max-width: 570px) {
  .supportVehiclesDiv .supportLeftDiv .locationSupport {
    padding-left: 0px;
  }
}
.supportVehiclesDiv .supportLeftDiv .locationSupport.gasolineincreblyDiv {
  padding-left: 0px;
  margin-top: 10px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport .loco {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-top: 7px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport .loco.proLoco {
  padding-top: 23px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport .loco .chechTxt {
  color: #858585;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport .contactbtn {
  margin-top: 30px;
}
.supportVehiclesDiv .supportLeftDiv .locationSupport .contactbtn .contactbtn {
  border: 1px solid #fff;
  background: #cb1723;
  color: #fff;
  text-align: center;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  padding: 8px 60px;
}
.supportVehiclesDiv .supportimgDiv.bestIndustryImg {
  padding-left: 80px;
}
@media screen and (max-width: 576px) {
  .supportVehiclesDiv .supportimgDiv.bestIndustryImg {
    padding-left: 0px;
  }
}

.productsLegendaryDiv {
  padding-top: 40px;
  background-image: url("../Images/productslegendaryImg.webp");
  background-position: center;
  background-size: cover;
}
.productsLegendaryDiv .innerWrapper .mainHeading {
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-family: Lato700;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  padding-top: 90px;
}
@media screen and (max-width: 570px) {
  .productsLegendaryDiv .innerWrapper .mainHeading {
    padding-top: 50px;
    font-size: 24px;
    line-height: 30px;
  }
}
.productsLegendaryDiv .innerWrapper .owlWrapper {
  margin-top: 50px;
}
.productsLegendaryDiv .innerWrapper .owlWrapper .owl-prev {
  position: absolute;
  top: 50%;
  left: -61px;
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .productsLegendaryDiv .innerWrapper .owlWrapper .owl-prev {
    display: none;
  }
}
.productsLegendaryDiv .innerWrapper .owlWrapper .owl-next {
  position: absolute;
  top: 50%;
  right: -61px;
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .productsLegendaryDiv .innerWrapper .owlWrapper .owl-next {
    display: none;
  }
}
.productsLegendaryDiv .innerWrapper .owlWrapper .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media screen and (max-width: 576px) {
  .productsLegendaryDiv .innerWrapper .owlWrapper .owl-dots .owl-dot {
    background: #d3d3d3;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-top: 20px;
  }
  .productsLegendaryDiv .innerWrapper .owlWrapper .owl-dots .owl-dot.active {
    background: #cb1723;
  }
}
.productsLegendaryDiv .innerWrapper .bestCompnents {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper {
  max-width: 300px;
  padding-top: 50px;
}
@media screen and (max-width: 570px) {
  .productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper {
    padding-top: 30px;
  }
}
.productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper .headTxt {
  color: #fff;
  font-family: Lato700;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
.productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper .textsSec {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 13px;
}
.productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper .textsSec.firstText {
  padding-top: 15px;
}
.productsLegendaryDiv .innerWrapper .bestCompnents .componentsWrapper .textsSec .text {
  color: #fff;
  font-family: Lato600;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.productsLegendaryDiv .innerWrapper .detailsButtons {
  text-align: center;
  padding-bottom: 140px;
}
.productsLegendaryDiv .innerWrapper .detailsButtons .detailsButtons {
  color: #fff;
  font-family: Lato600;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  background: #cb1723;
  padding: 13px 46px;
  border: none;
  margin-top: 30px;
}
@media screen and (max-width: 570px) {
  .productsLegendaryDiv .innerWrapper .detailsButtons .detailsButtons {
    font-size: 14px;
    padding: 10px 20px;
  }
}

.teamExpertsDiv {
  background-image: url("../Images/testiBackgroundImg.png");
  background-repeat: no-repeat;
  background-position: 3% 0%;
  background-size: 513px;
}
.teamExpertsDiv.qualityTestiTouch {
  padding-bottom: 100px;
  padding-top: 190px;
}
@media screen and (max-width: 570px) {
  .teamExpertsDiv.qualityTestiTouch {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
.teamExpertsDiv.proTeamExpert {
  background: none;
}
.teamExpertsDiv .teamExpertContact {
  background: #cb1723;
  padding-top: 39px;
  margin-top: -74px;
  padding-bottom: 60px;
}
.teamExpertsDiv .teamExpertContact.productTeamExpert {
  margin-top: -136px;
}
.teamExpertsDiv .teamExpertContact.proGasolineTeam {
  margin-top: 0px;
}
.teamExpertsDiv .teamExpertContact.landingTeamExpertise {
  margin-top: 0px;
  margin-bottom: -60px;
  position: relative;
}
.teamExpertsDiv .teamExpertContact.landingTeamExpertise .alreadyknownText {
  color: #fff;
  font-family: Lato500;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 570px) {
  .teamExpertsDiv .teamExpertContact.landingTeamExpertise .alreadyknownText {
    font-size: 18px;
  }
}
@media screen and (max-width: 570px) {
  .teamExpertsDiv .teamExpertContact {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.teamExpertsDiv .teamExpertContact .contactTxt {
  color: #fff;
  font-family: Lato700;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .teamExpertsDiv .teamExpertContact .contactTxt {
    line-height: 36px;
    font-size: 26px;
  }
}
.teamExpertsDiv .teamExpertContact .contactTxt.landingContText {
  line-height: 50px;
}
@media screen and (max-width: 990px) {
  .teamExpertsDiv .teamExpertContact {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 570px) {
  .teamExpertsDiv .teamExpertContact {
    font-size: 18px;
    line-height: 24px;
  }
}
.teamExpertsDiv .contactExpWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 300px;
       column-gap: 300px;
  padding-top: 29px;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .teamExpertsDiv .contactExpWrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
  }
}
.teamExpertsDiv .contactExpWrapper .contactExpDetail {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 29px;
       column-gap: 29px;
}
@media screen and (max-width: 990px) {
  .teamExpertsDiv .contactExpWrapper .contactExpDetail {
    max-width: 300px;
  }
}
.teamExpertsDiv .contactExpWrapper .contactExpDetail .conTxtBox {
  width: 50px;
}
.teamExpertsDiv .contactExpWrapper .contactExpDetail .textS .uptxt {
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.teamExpertsDiv .contactExpWrapper .contactExpDetail .textS .downTxt {
  color: #e2e2e2;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  max-width: 200px;
  padding-top: 5px;
}

.testimonialsDiv {
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}
@media screen and (max-width: 776px) {
  .testimonialsDiv {
    display: none;
  }
}
.testimonialsDiv.qualityTestimonial {
  margin-bottom: 70px;
}
.testimonialsDiv .peopleSaytxt {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .testimonialsDiv .peopleSaytxt {
    font-size: 24px;
    line-height: 30px;
  }
}
.testimonialsDiv .testiWrapper {
  padding-top: 42px;
}
.testimonialsDiv .testiWrapper .testiCarousels {
  padding-bottom: 60px;
  height: 100%;
  position: relative;
}
.testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .companyDeatil {
  display: flex;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 29px;
       column-gap: 29px;
}
@media screen and (max-width: 576px) {
  .testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .companyDeatil .testimonialImg1 {
    width: 69px;
  }
}
.testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .companyDeatil .text {
  color: #2f2f2f;
  font-family: Lato700;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (max-width: 576px) {
  .testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .companyDeatil .text {
    font-size: 14px;
  }
}
.testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .commaDescri {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding-top: 18px;
}
@media screen and (max-width: 576px) {
  .testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .commaDescri {
    -moz-column-gap: 54px;
         column-gap: 54px;
  }
}
@media screen and (max-width: 476px) {
  .testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .commaDescri {
    -moz-column-gap: 29px;
         column-gap: 29px;
  }
}
.testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .commaDescri .subTexts {
  color: #101010;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  max-width: 277px;
}
@media screen and (max-width: 576px) {
  .testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .commaDescri .subTexts {
    font-size: 15px;
  }
}
.testimonialsDiv .testiWrapper .testiCarousels .testimainDiv .thubsImg {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.pplsaytestiWrapper {
  display: none;
  padding-top: 70px;
  padding-bottom: 40px;
}
@media screen and (max-width: 576px) {
  .pplsaytestiWrapper {
    padding-top: 56px;
    padding-bottom: 68px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 776px) {
  .pplsaytestiWrapper {
    display: block;
  }
}
.pplsaytestiWrapper .owl-carousel .owl-item img {
  width: auto;
}
.pplsaytestiWrapper .testimainDiv .companyDeatil {
  display: flex;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 29px;
       column-gap: 29px;
}
@media screen and (max-width: 576px) {
  .pplsaytestiWrapper .testimainDiv .companyDeatil .testimonialImg1 {
    width: 69px;
  }
}
.pplsaytestiWrapper .testimainDiv .companyDeatil .text {
  color: #2f2f2f;
  font-family: Lato700;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  max-width: 105px;
}
@media screen and (max-width: 576px) {
  .pplsaytestiWrapper .testimainDiv .companyDeatil .text {
    font-size: 14px;
  }
}
.pplsaytestiWrapper .testimainDiv .commaDescri {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding-top: 18px;
}
@media screen and (max-width: 576px) {
  .pplsaytestiWrapper .testimainDiv .commaDescri {
    -moz-column-gap: 54px;
         column-gap: 54px;
  }
}
@media screen and (max-width: 476px) {
  .pplsaytestiWrapper .testimainDiv .commaDescri {
    -moz-column-gap: 29px;
         column-gap: 29px;
  }
}
.pplsaytestiWrapper .testimainDiv .commaDescri .subTexts {
  color: #101010;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  max-width: 277px;
}
@media screen and (max-width: 576px) {
  .pplsaytestiWrapper .testimainDiv .commaDescri .subTexts {
    font-size: 15px;
  }
}
.pplsaytestiWrapper .testimainDiv .thubsImg {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
.pplsaytestiWrapper .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media screen and (max-width: 776px) {
  .pplsaytestiWrapper .owl-dots .owl-dot {
    background: #d3d3d3;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-top: 20px;
  }
  .pplsaytestiWrapper .owl-dots .owl-dot.active {
    background: #cb1723;
  }
}

.companyLogosDiv {
  padding-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .companyLogosDiv {
    padding-bottom: 10px;
  }
}
.companyLogosDiv.marginTop {
  padding-top: 100px;
  padding-bottom: 0px;
}
@media screen and (max-width: 776px) {
  .companyLogosDiv.marginTop {
    padding-top: 50px;
  }
}
.companyLogosDiv .compayLogos .companyTxt {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-transform: uppercase;
}
.companyLogosDiv .compayLogos .companyTxt.companyTxt {
  text-align: center;
  text-transform: capitalize;
}
@media screen and (max-width: 576px) {
  .companyLogosDiv .compayLogos .companyTxt {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }
}
.companyLogosDiv .compayLogos .comapnySwiperDiv {
  padding-top: 30px;
  padding-bottom: 50px;
}
.companyLogosDiv .compayLogos .comapnySwiperDiv .logoh {
  height: 70px;
}
.companyLogosDiv .compayLogos .comapnySwiperDiv .owl-prev {
  position: absolute;
  top: 40%;
  left: -61px;
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .companyLogosDiv .compayLogos .comapnySwiperDiv .owl-prev {
    display: none;
  }
}
.companyLogosDiv .compayLogos .comapnySwiperDiv .owl-next {
  position: absolute;
  top: 40%;
  right: -61px;
  transform: translateY(-50%);
}
@media screen and (max-width: 576px) {
  .companyLogosDiv .compayLogos .comapnySwiperDiv .owl-next {
    display: none;
  }
}
.companyLogosDiv .compayLogos .comapnySwiperDiv .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media screen and (max-width: 576px) {
  .companyLogosDiv .compayLogos .comapnySwiperDiv .owl-dots .owl-dot {
    background: #d3d3d3;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-top: 20px;
  }
  .companyLogosDiv .compayLogos .comapnySwiperDiv .owl-dots .owl-dot.active {
    background: #cb1723;
  }
}

.footerSec {
  background: #000;
  padding-top: 45px;
  padding-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .footerSec {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footerSec .footerDivs .footerLogoLine {
  border-right: 1px solid #aaa;
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 998px) {
  .footerSec .footerDivs .footerLogoLine {
    border-right: none;
  }
}
@media screen and (max-width: 776px) {
  .footerSec .footerDivs .footerLogoLine .footerLogo {
    width: 220px;
  }
}
@media screen and (max-width: 998px) {
  .footerSec .footerDivs .footerRightSec {
    padding-top: 40px;
  }
}
@media screen and (max-width: 776px) {
  .footerSec .footerDivs .footerRightSec {
    padding-top: 20px;
  }
}
@media screen and (max-width: 776px) {
  .footerSec .footerDivs .footerRightSec .contactDiv {
    padding-top: 30px;
  }
}
.footerSec .footerDivs .footerRightSec .contactDiv.paddingLeft {
  padding-left: 45px;
}
@media screen and (max-width: 1099px) {
  .footerSec .footerDivs .footerRightSec .contactDiv.paddingLeft {
    padding-left: 12px;
  }
}
@media screen and (max-width: 776px) {
  .footerSec .footerDivs .footerRightSec .contactDiv.paddingLeft {
    padding-left: 0px;
  }
}
.footerSec .footerDivs .footerRightSec .contactDiv .mainHead {
  color: #fff;
  font-family: Lato700;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
.footerSec .footerDivs .footerRightSec .contactDiv .subTexts {
  padding-top: 15px;
}
.footerSec .footerDivs .footerRightSec .contactDiv .subTexts .text {
  color: #fff;
  font-family: Lato700;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.footerSec .footerDivs .footerRightSec .contactDiv .subTexts .text:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.footerSec .footerDivs .footerRightSec .contactDiv .subTexts .text.redFont:hover {
  color: #cb1723;
  text-decoration: none;
}
.footerSec .footerDivs .footerRightSec .contactDiv .logos {
  padding-top: 16px;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.footerSec .footerDivs .footerDesc {
  color: #fff;
  font-family: Lato400;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-left: 43px;
}
@media screen and (max-width: 1100px) {
  .footerSec .footerDivs .footerDesc {
    padding-left: 14px;
  }
}
@media screen and (max-width: 768px) {
  .footerSec .footerDivs .footerDesc {
    padding-left: 0px;
  }
}

.arrImgg {
  width: 50px;
}

.arrImgg1 {
  rotate: 180deg;
  width: 50px;
}

.productFeaturesDiv {
  margin-top: 100px;
}
@media screen and (max-width: 576px) {
  .productFeaturesDiv {
    margin-top: 50px;
  }
}
.productFeaturesDiv .productWrapper {
  background: #e8e8e8;
  padding-bottom: 62px;
}
.productFeaturesDiv .keyFeature {
  color: #000;
  font-family: Lato700;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
}
@media screen and (max-width: 570px) {
  .productFeaturesDiv .keyFeature {
    font-size: 28px;
    line-height: 32px;
  }
}
.productFeaturesDiv .featuresDiv .featuresVectorDiv {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 60px;
}
@media screen and (max-width: 776px) {
  .productFeaturesDiv .featuresDiv .featuresVectorDiv {
    padding-top: 20px;
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media screen and (max-width: 576px) {
  .productFeaturesDiv .featuresDiv .featuresVectorDiv {
    padding-top: 30px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 576px) {
  .productFeaturesDiv .featuresDiv .featuresVectorDiv img {
    width: 65px;
  }
}
.productFeaturesDiv .featuresDiv .featuresVectorDiv .ms5hKey {
  width: 80px;
}
@media screen and (max-width: 576px) {
  .productFeaturesDiv .featuresDiv .featuresVectorDiv .ms5hKey {
    width: 50px;
  }
}
.productFeaturesDiv .featuresDiv .featuresVectorDiv .texts {
  max-width: 400px;
}
.productFeaturesDiv .featuresDiv .featuresVectorDiv .texts .headTxt {
  color: #000;
  font-family: Lato700;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (max-width: 570px) {
  .productFeaturesDiv .featuresDiv .featuresVectorDiv .texts .headTxt {
    font-size: 18px;
  }
}
.productFeaturesDiv .featuresDiv .featuresVectorDiv .texts .smText {
  color: #686868;
  font-family: Lato600;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  padding-top: 12px;
  letter-spacing: 0.5px;
}

.minimalDowntimeDiv {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .minimalDowntimeDiv {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.minimalDowntimeDiv.minimalms5hDiv {
  padding-top: 0px;
}
@media screen and (max-width: 576px) {
  .minimalDowntimeDiv.minimalms5hDiv {
    padding-top: 20px;
  }
}
@media screen and (max-width: 770px) {
  .minimalDowntimeDiv .supportLeftDiv {
    overflow: visible;
  }
}
.minimalDowntimeDiv .supportLeftDiv .bluryTxt {
  color: #dfdfdf;
  font-family: Lato700;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: 1.2px;
  width: 700px;
  transform: translateX(100px);
}
@media screen and (max-width: 570px) {
  .minimalDowntimeDiv .supportLeftDiv .bluryTxt {
    transform: translateX(50px);
    font-size: 40px;
    line-height: 42px;
  }
}
.minimalDowntimeDiv .supportLeftDiv .texts .heading {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  margin-top: -32px;
}
@media screen and (max-width: 570px) {
  .minimalDowntimeDiv .supportLeftDiv .texts .heading {
    font-size: 28px;
    line-height: 40px;
    margin-top: -13px;
  }
}
.minimalDowntimeDiv .supportLeftDiv .texts .para {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
@media screen and (max-width: 570px) {
  .minimalDowntimeDiv .supportLeftDiv .locationSupport {
    padding-left: 0px;
  }
}
.minimalDowntimeDiv .supportLeftDiv .locationSupport .loco {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-top: 25px;
}
.minimalDowntimeDiv .supportLeftDiv .locationSupport .loco .chechTxt {
  color: #858585;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.minimalDowntimeDiv .supportLeftDiv .locationSupport .contactbtn {
  margin-top: 30px;
}
.minimalDowntimeDiv .supportLeftDiv .locationSupport .contactbtn .contactbtn {
  border: 1px solid #fff;
  background: #cb1723;
  color: #fff;
  text-align: center;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  padding: 8px 60px;
}
.minimalDowntimeDiv .supportimgDiv.minimalImg {
  padding-right: 80px;
}
@media screen and (max-width: 576px) {
  .minimalDowntimeDiv .supportimgDiv.minimalImg {
    padding-right: 0px;
  }
}

.productRecognizeDiv {
  background: #e8e8e8;
}
@media screen and (max-width: 576px) {
  .productRecognizeDiv {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.productRecognizeDiv .textCenterDiv {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 80px;
  padding-bottom: 220px;
}
@media screen and (max-width: 576px) {
  .productRecognizeDiv .textCenterDiv {
    padding-top: 50px;
    padding-bottom: 190px;
  }
}
.productRecognizeDiv .textCenterDiv .headText {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
}
@media screen and (max-width: 770px) {
  .productRecognizeDiv .textCenterDiv .headText {
    line-height: 36px;
  }
}
@media screen and (max-width: 570px) {
  .productRecognizeDiv .textCenterDiv .headText {
    font-size: 24px;
    line-height: 30px;
  }
}
.productRecognizeDiv .textCenterDiv .midSmtxt {
  color: #676767;
  font-family: Lato500;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  max-width: 902px;
  margin: auto;
}
@media screen and (max-width: 570px) {
  .productRecognizeDiv .textCenterDiv .midSmtxt {
    padding-top: 20px;
  }
}

.photoGalleryDiv {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .photoGalleryDiv {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.photoGalleryDiv .gallerySec .galleryText {
  color: #dfdfdf;
  font-family: Lato700;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 570px) {
  .photoGalleryDiv .gallerySec .galleryText {
    font-size: 40px;
  }
}
.photoGalleryDiv .gallerySec .galleryText.partsGalTxt {
  padding-left: 50px;
}
.photoGalleryDiv .gallerySec .heading {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  padding-left: 100px;
  margin-top: -17px;
}
.photoGalleryDiv .gallerySec .heading.partsHead {
  padding-left: 0px;
}
@media screen and (max-width: 570px) {
  .photoGalleryDiv .gallerySec .heading {
    font-size: 24px;
    padding-left: 0px;
    margin-top: -14px;
  }
}
.photoGalleryDiv .galleryCarousel {
  margin-top: 35px;
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-prev {
  position: absolute;
  top: 17%;
  left: 30.3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-prev {
    top: 13%;
  }
}
@media screen and (max-width: 1200px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-prev {
    top: 11%;
    left: 30%;
  }
}
@media screen and (max-width: 1100px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-prev {
    display: none;
  }
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-next {
  position: absolute;
  top: 17%;
  right: 30.3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-next {
    top: 13%;
  }
}
@media screen and (max-width: 1200px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-next {
    top: 11%;
  }
}
@media screen and (max-width: 1100px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-nav .owl-next {
    display: none;
  }
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 53px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1199px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-dots {
    left: 47%;
  }
}
@media screen and (max-width: 576px) {
  .photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-dots {
    left: 47%;
    margin-top: -10px;
  }
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-dots .owl-dot {
  background: #d3d3d3;
  height: 12px;
  border-radius: 50%;
  width: 12px;
  margin-top: -15px;
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-dots .owl-dot.active {
  background: #c91725;
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-item .partsGalleryTexts {
  opacity: 0;
}
.photoGalleryDiv .galleryCarousel.partsgalleryCaro .owl-item.center .partsGalleryTexts {
  opacity: 1;
}
.photoGalleryDiv .galleryCarousel .owl-nav .owl-prev {
  position: absolute;
  top: 37%;
  left: 26.3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-prev {
    left: 25.9%;
  }
}
@media screen and (max-width: 1400px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-prev {
    left: 25.5%;
  }
}
@media screen and (max-width: 1200px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-prev {
    left: 25.2%;
  }
}
@media screen and (max-width: 1100px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-prev {
    display: none;
  }
}
.photoGalleryDiv .galleryCarousel .owl-nav .owl-next {
  position: absolute;
  top: 37%;
  right: 26.3%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-next {
    right: 25.9%;
  }
}
@media screen and (max-width: 1400px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-next {
    right: 25.5%;
  }
}
@media screen and (max-width: 1200px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-next {
    right: 25.2%;
  }
}
@media screen and (max-width: 1100px) {
  .photoGalleryDiv .galleryCarousel .owl-nav .owl-next {
    display: none;
  }
}
.photoGalleryDiv .galleryCarousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 53px;
}
.photoGalleryDiv .galleryCarousel .owl-dots .owl-dot {
  background: #d3d3d3;
  height: 12px;
  border-radius: 50%;
  width: 12px;
}
.photoGalleryDiv .galleryCarousel .owl-dots .owl-dot.active {
  background: #c91725;
}
.photoGalleryDiv .galleryCarousel .anchorNone {
  text-decoration: none;
}
.photoGalleryDiv .galleryCarousel .galleryImg .galleryTxt {
  color: #000;
  font-family: Lato700;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  padding-top: 20px;
}
.photoGalleryDiv .galleryCarousel .partsGalleryTexts {
  padding-top: 60px;
}
.photoGalleryDiv .galleryCarousel .partsGalleryTexts .partsHead {
  color: #000;
  font-family: Lato700;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  max-width: 600px;
}
@media screen and (max-width: 576px) {
  .photoGalleryDiv .galleryCarousel .partsGalleryTexts .partsHead {
    font-size: 24px;
    line-height: 34px;
  }
}
.photoGalleryDiv .galleryCarousel .partsGalleryTexts .partsSubhead {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding-top: 10px;
}

.landingLineupSweeper {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .landingLineupSweeper {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.landingLineupSweeper .landingLine .textDiv .headText {
  color: #000;
  font-family: Lato700;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  max-width: 600px;
}
@media screen and (max-width: 576px) {
  .landingLineupSweeper .landingLine .textDiv .headText {
    font-size: 30px;
    line-height: 37px;
  }
}
.landingLineupSweeper .landingLine .textDiv .subText {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  max-width: 710px;
  padding-top: 20px;
}
.landingLineupSweeper .landingLine .lineUpgases {
  margin-top: 60px;
}
.landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText {
  padding: 0px 15px;
}
@media screen and (max-width: 576px) {
  .landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText {
    padding: 0px;
  }
}
.landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText .heading {
  color: #000;
  font-family: Lato900;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 70px;
  padding-top: 20px;
}
@media screen and (max-width: 576px) {
  .landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText .heading {
    font-size: 24px;
    padding-top: 10px;
  }
}
.landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText .subText {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  min-height: 170px;
}
@media screen and (max-width: 976px) {
  .landingLineupSweeper .landingLine .lineUpgases .lineupimgDiv .lineupText .subText {
    min-height: auto;
  }
}

.anchorTextNone {
  text-decoration: none !important;
  color: #000;
}
.anchorTextNone.anchormobText {
  text-decoration: none !important;
  color: #fff;
}

.landingWriteToUs {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f8f8f8;
}
@media screen and (max-width: 576px) {
  .landingWriteToUs {
    padding-bottom: 60px;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.landingWriteToUs .landingYouVideo {
  display: flex;
  justify-content: space-between;
}
.landingWriteToUs .youtubeVideoBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bece71;
  aspect-ratio: 1.5/1;
  border-radius: 3px;
  margin-right: 30px;
  color: #000;
  font-family: Lato700;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .landingWriteToUs .youtubeVideoBox {
    margin-right: 0px;
  }
}
.landingWriteToUs .writeTousDiv {
  padding-left: 45px;
}
@media screen and (max-width: 998px) {
  .landingWriteToUs .writeTousDiv {
    padding-left: 0px;
  }
}
.landingWriteToUs .writeTousDiv .writeToUSText {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .landingWriteToUs .writeTousDiv .writeToUSText {
    line-height: 0px;
    font-size: 24px;
  }
}
.landingWriteToUs .writeTousDiv .contactDetailDiv {
  padding-top: 5px;
}
.landingWriteToUs .writeTousDiv .contactDetailDiv .inputLine {
  padding-top: 20px;
}
.landingWriteToUs .writeTousDiv .contactDetailDiv .inputLine .inputField {
  width: 100%;
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding: 8px;
  border: none;
  outline: none;
}
.landingWriteToUs .writeTousDiv .sendButton {
  margin-top: 10px;
}
.landingWriteToUs .writeTousDiv .sendButton .sendBtn {
  color: #fff;
  font-family: Lato600;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  background-color: #cb1723;
  border-radius: 30px;
  padding: 5px 30px;
  border: none;
}

.productGaasolinePage .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.productGaasolinePage .owl-dots .owl-dot {
  background: #d3d3d3;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  margin-top: -46px;
  z-index: 1;
}
.productGaasolinePage .owl-dots .owl-dot.active {
  background: #c91725;
  border: 1px solid #c91725;
}

.shopPartsDiv {
  padding-top: 100px;
}
@media screen and (max-width: 576px) {
  .shopPartsDiv {
    padding-top: 60px;
  }
}

.ourStoryDiv {
  padding-top: 50px;
  padding-bottom: 100px;
  margin-top: 100px;
  background-color: #1f1f1f;
  background-image: url(../Images/productslegendaryImg.webp);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 576px) {
  .ourStoryDiv {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 576px) {
  .ourStoryDiv .ourStrySec {
    padding-left: 15px;
  }
}
.ourStoryDiv .ourStrySec .storyText {
  color: #fff;
  font-family: Lato700;
  font-size: 37px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}
@media screen and (max-width: 576px) {
  .ourStoryDiv .ourStrySec .storyText {
    font-size: 28px;
  }
}
.ourStoryDiv .horizontalTimelineDiv {
  margin-top: 30px;
}
@media screen and (max-width: 576px) {
  .ourStoryDiv .horizontalTimelineDiv {
    margin-top: 50px;
  }
}
.ourStoryDiv .horizontalTimelineDiv .mobyearRow {
  display: none;
}
@media screen and (max-width: 998px) {
  .ourStoryDiv .horizontalTimelineDiv .mobyearRow {
    display: block;
  }
}
@media screen and (max-width: 998px) {
  .ourStoryDiv .horizontalTimelineDiv .desktopRow {
    display: none;
  }
}
.ourStoryDiv .horizontalTimelineDiv .redBoxWrap {
  background: rgba(175, 23, 36, 0.9098039216);
  padding: 15px;
  border-radius: 15px;
}
.ourStoryDiv .horizontalTimelineDiv .redBoxWrap .years {
  color: #fff;
  font-family: Lato700;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .ourStoryDiv .horizontalTimelineDiv .redBoxWrap .years {
    font-size: 18px;
  }
}
.ourStoryDiv .horizontalTimelineDiv .redBoxWrap .smText {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  padding-top: 20px;
}
@media screen and (max-width: 576px) {
  .ourStoryDiv .horizontalTimelineDiv .redBoxWrap .smText {
    font-size: 14px;
  }
}
.ourStoryDiv .horizontalTimelineDiv .redBoxWrap .boldOdra {
  color: #fff;
  font-family: Lato900;
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine {
  border-top: 4px dashed #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 998px) {
  .ourStoryDiv .horizontalTimelineDiv .horizontalLine {
    display: none;
  }
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine .dotLine {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  position: absolute;
  top: -43px;
  left: 41px;
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine .dotLine.secDotLine {
  top: -40px;
  right: 290px;
  left: unset;
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine .dotLine.thirdtopline {
  top: -14px;
  left: 433px;
  right: unset;
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine .dotLine .dot {
  width: 25px;
  height: 25px;
  background: #c91725;
  border-radius: 50%;
  border: 5px solid #000;
}
.ourStoryDiv .horizontalTimelineDiv .horizontalLine .dotLine .line {
  width: 2px;
  height: 20px;
  background-color: #fff;
}

.mobdotLine {
  display: none;
}
@media screen and (max-width: 998px) {
  .mobdotLine {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 4px;
    opacity: 1;
  }
}
.mobdotLine .dot {
  width: 25px;
  height: 25px;
  background: #c91725;
  border-radius: 50%;
  border: 5px solid #000;
}
.mobdotLine .line {
  width: 2px;
  height: 20px;
  background-color: #fff;
}

.ourlocationDiv {
  padding-top: 80px;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .ourlocationDiv {
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 776px) {
  .ourlocationDiv.mobLocationDiv {
    padding-top: 50px;
  }
}
.ourlocationDiv .locaBluryTxt {
  color: #dfdfdf;
  font-family: Lato700;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 576px) {
  .ourlocationDiv .locaBluryTxt {
    font-size: 40px;
  }
}
.ourlocationDiv .locationTxt {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-top: -24px;
  padding-left: 50px;
}
@media screen and (max-width: 576px) {
  .ourlocationDiv .locationTxt {
    font-size: 28px;
  }
}

.addressLinePage {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 776px) {
  .addressLinePage {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}
.addressLinePage .addressDiv .blackbox {
  background-color: #1f1f1f;
  padding: 20px;
  position: relative;
  height: 74px;
}
.addressLinePage .addressDiv .blackbox .Text {
  color: #fff;
  font-family: Lato600;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.addressLinePage .addressDiv .blackbox .smtxt {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding-top: 5px;
}
.addressLinePage .addressDiv .blackbox .locationImg .locImg {
  width: 50px;
  position: absolute;
  top: -27px;
  right: 15px;
}
.addressLinePage .addressDiv .addressDetail {
  color: #1c1c1c;
  font-family: Lato400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  padding-top: 20px;
}
@media screen and (max-width: 576px) {
  .addressLinePage .addressDiv .addressDetail {
    padding-left: 19px;
  }
}

.middleheadTxt {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .middleheadTxt {
    font-size: 28px;
  }
}

.hoursOperationSec {
  padding-top: 120px;
  padding-bottom: 150px;
  position: relative;
}
.hoursOperationSec .contacthoursImg {
  width: 500px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 576px) {
  .hoursOperationSec {
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
  }
}
.hoursOperationSec .operationDiv {
  padding-top: 60px;
  padding-left: 60px;
}
@media screen and (max-width: 576px) {
  .hoursOperationSec .operationDiv {
    padding-top: 40px;
    padding-left: 20px;
  }
}
.hoursOperationSec .operationDiv .details {
  padding-left: 50px;
}
@media screen and (max-width: 576px) {
  .hoursOperationSec .operationDiv .details {
    padding-left: 0px;
  }
}
.hoursOperationSec .operationDiv .details.mt-top {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .hoursOperationSec .operationDiv .details.mt-top {
    margin-top: 22px;
  }
}
.hoursOperationSec .operationDiv .details .head {
  color: #000;
  font-family: Lato700;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.hoursOperationSec .operationDiv .details .subHead {
  color: #000;
  font-family: Lato500;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.troubleShootingSec .troubleShootDiv {
  background: #cb1723;
  padding-top: 39px;
  padding-bottom: 60px;
  position: relative;
}
.troubleShootingSec .troubleShootDiv .troubleShootTxt {
  color: #fff;
  font-family: Lato700;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .troubleShootingSec .troubleShootDiv .troubleShootTxt {
    font-size: 26px;
    line-height: 41px;
  }
}
.troubleShootingSec .troubleShootDiv .troubleSmTxt {
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  margin: auto;
  max-width: 591px;
  padding-top: 10px;
}
@media screen and (max-width: 576px) {
  .troubleShootingSec .troubleShootDiv .troubleSmTxt {
    max-width: 305px;
    font-size: 16px;
  }
}
.troubleShootingSec .troubleShootDiv .chatDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}
.troubleShootingSec .troubleShootDiv .chatDiv .chatBtn {
  border: 1px solid #fff;
  padding: 10px 15px;
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-top: 30px;
}
@media screen and (max-width: 576px) {
  .troubleShootingSec .troubleShootDiv .chatDiv .chatBtn {
    font-size: 16px;
  }
}
.troubleShootingSec .troubleShootDiv .chatImg {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 200px;
}
.SeeOurjobopeningsSec {
  padding: 100px 0px;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .SeeOurjobopeningsSec {
    padding: 70px 0px;
  }
}
@media screen and (max-width: 576px) {
  .SeeOurjobopeningsSec {
    padding: 50px 0px;
  }
}
.SeeOurjobopeningsSec .SeeOurJobText {
  font-size: 32px;
  font-weight: 700;
  color: #000;
  font-family: Lato700;
  font-style: normal;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .SeeOurjobopeningsSec .SeeOurJobText {
    font-size: 28px;
  }
}
@media screen and (max-width: 576px) {
  .SeeOurjobopeningsSec .SeeOurJobText {
    font-size: 25px;
  }
}
.SeeOurjobopeningsSec Button {
  border: none;
  outline: none;
  padding: 16px;
  background-color: #ffeeef;
}
.SeeOurjobopeningsSec .viewCurrentText {
  font-size: 20px;
  font-weight: 700;
  color: #cb1723;
  font-family: Lato700;
  line-height: 24px;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .SeeOurjobopeningsSec .viewCurrentText {
    font-size: 16px;
  }
}





.whyjoinusSection {
  background-color: #e8e8e8;
  padding: 60px 0px;
}
@media screen and (max-width: 576px) {
  .whyjoinusSection {
    padding: 40px 0px;
  }
}
.whyjoinusSection .whyjoinText {
  color: #000;
  font-family: Lato;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .whyjoinusSection .whyjoinText {
    font-size: 30px;
  }
}
@media screen and (max-width: 576px) {
  .whyjoinusSection .whyjoinText {
    font-size: 28px;
  }
}
.whyjoinusSection .whyjoinTypes {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
}
.whyjoinusSection .whyjoinTypes .whyjointitle {
  color: #2f2f2f;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 12px;
}
.whyjoinusSection .whyjoinTypes .whyjoinDesc {
  color: #101010;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.whyjoinusSection .whyjointop {
  padding-top: 100px;
}
@media screen and (max-width: 992px) {
  .whyjoinusSection .whyjointop {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .whyjoinusSection .whyjointop {
    padding-top: 50px;
  }
}
.whyjoinusSection .whyjoinleft {
  padding-left: 50px;
}
@media screen and (max-width: 992px) {
  .whyjoinusSection .whyjoinleft {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .whyjoinusSection .whyjoinleft {
    padding-left: 0px;
    padding-top: 20px;
  }
}
.whyjoinusSection .whyjoinright {
  padding-right: 50px;
}
@media screen and (max-width: 992px) {
  .whyjoinusSection .whyjoinright {
    padding-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .whyjoinusSection .whyjoinright {
    padding-right: 15px;
  }
}



.ScammerAlertSection {
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ScammerAlertSection {
    padding: 70px 0px;
  }
}
@media screen and (max-width: 576px) {
  .ScammerAlertSection {
    padding: 50px 0px;
  }
}
.ScammerAlertSection .scammerLeft {
  border-left: #cb1723 4px solid;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 15px;
  margin-right: 35px;
}
@media screen and (max-width: 992px) {
  .ScammerAlertSection .scammerLeft {
    margin-right: 0px;
  }
}
.ScammerAlertSection .scammerLeft .ScammerTitle {
  color: #000;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 0px;
}
.ScammerAlertSection .scammerLeft .scammerDesc {
  color: #686868;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.ScammerAlertSection .scammerLeft .odramailID {
  color: #cb1723;
}
.ScammerAlertSection .verifyRight {
  border-left: #000 4px solid;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 35px;
}
@media screen and (max-width: 992px) {
  .ScammerAlertSection .verifyRight {
    margin-left: 0px;
  }
}
.ScammerAlertSection .verifyRight .ScammerTitle {
  color: #000;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 10px 0px;
}
.ScammerAlertSection .verifyRight .scammerDesc {
  color: #686868;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.ScammerAlertSection .verifyRight .everify {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  outline: none;
  gap: 10px;
  background-color: #fff;
}
.ScammerAlertSection .verifyRight .everify .e-verfiyText {
  color: #cb1723;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  width: 374px;
}
@media screen and (max-width: 576px) {
  .ScammerAlertSection .verifyRight .everify .e-verfiyText br {
    display: none;
  }
}
.ScammerAlertSection .ScammerImg {
  position: absolute;
  bottom: -300px;
  width: 500px;
  z-index: -1;
  left: 0px;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .ScammerAlertSection .ScammerImg {
    width: 400px;
    bottom: -70px;
  }
}
@media screen and (max-width: 576px) {
  .ScammerAlertSection .ScammerImg {
    width: 300px;
    bottom: -50px;
  }
}


.requestInfoSec {
  padding-top: 10px;
}
.requestInfoSec .reqInfo .reqInfoForm {
  margin-top: -70px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #d9d9d9;
}
@media screen and (max-width: 576px) {
  .requestInfoSec .reqInfo .reqInfoForm {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0px;
  }
}
.requestInfoSec .reqInfo .reqInfoForm .inputBoxes .mainName {
  color: #2d2d2d;
  font-family: Lato700;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.requestInfoSec .reqInfo .reqInfoForm .inputBoxes .mainName.hideName {
  opacity: 0;
}
@media screen and (max-width: 998px) {
  .requestInfoSec .reqInfo .reqInfoForm .inputBoxes .mainName.hideName {
    display: none;
  }
}
.requestInfoSec .reqInfo .reqInfoForm .inputBoxes .inputTxt {
  outline: none;
  box-shadow: none;
  border: none;
}
.requestInfoSec .reqInfo .reqInfoForm .inputBoxes .redStar {
  color: #c91725;
  font-size: 20px;
}
.requestInfoSec .reqInfo .reqInfoForm .submitBtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.requestInfoSec .reqInfo .reqInfoForm .submitBtn .submit {
  background-color: #cb1723;
  border: 1px solid transparent;
  padding: 10px 25px;
  color: #fff;
  font-family: Lato600;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.highWrapper {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.highWrapper .mainTexts {
  overflow: hidden;
}
.highWrapper .mainTexts .highlightBlurytxt {
  color: #dfdfdf;
  font-family: Lato700;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 57px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 570px) {
  .highWrapper .mainTexts .highlightBlurytxt {
    font-size: 40px;
  }
}
.highWrapper .mainTexts .highBlackTxt {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  padding-left: 100px;
  margin-top: -17px;
}
@media screen and (max-width: 570px) {
  .highWrapper .mainTexts .highBlackTxt {
    font-size: 24px;
    padding-left: 0px;
    margin-top: -14px;
  }
}
.highWrapper .highStarImg {
  width: 150px;
  position: relative;
}
.highWrapper .highStarImg .highlightStar {
  width: 100%;
}
.highWrapper .highStarImg .midText {
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #fff;
  font-family: Lato500;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 576px) {
  .highWrapper .highStarImg .midText {
    font-size: 16px;
  }
}

.highlightsDiv {
  padding-top: 100px;
}
@media screen and (max-width: 998px) {
  .highlightsDiv {
    padding-top: 60px;
  }
}
.highlightsDiv .highlightsFullDiv {
  background-color: #e8e8e8;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 576px) {
  .highlightsDiv .highlightsFullDiv {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.highlightsDiv .highlightsFullDiv .highlightsCard .highWrap {
  display: flex;
  justify-content: center;
  align-items: start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 576px) {
  .highlightsDiv .highlightsFullDiv .highlightsCard .highWrap {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .highImg {
  width: 100px;
}
@media screen and (max-width: 576px) {
  .highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .highImg {
    width: 75px;
  }
}
.highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .maintxts {
  flex: 1;
}
.highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .maintxts .headText {
  color: #000;
  font-family: Lato600;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 576px) {
  .highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .maintxts .headText {
    font-size: 20px;
    line-height: 25px;
  }
}
.highlightsDiv .highlightsFullDiv .highlightsCard .highWrap .maintxts .smTexts {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding-top: 20px;
}

.tabinationSection {
  padding-top: 100px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media screen and (max-width: 998px) {
  .tabinationSection {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.tabinationSection .textswrapper {
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .tabinationSection .textswrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tabinationSection .textswrapper .diffbluryText {
  color: #dfdfdf;
  font-family: Lato700;
  font-size: 84px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 1.2px;
  transform: translateX(50px);
  margin-top: 5px;
}
@media screen and (max-width: 998px) {
  .tabinationSection .textswrapper .diffbluryText {
    transform: translateX(20px);
    line-height: 66px;
  }
}
@media screen and (max-width: 570px) {
  .tabinationSection .textswrapper .diffbluryText {
    transform: translateX(20px);
    font-size: 50px;
    line-height: 42px;
  }
}
.tabinationSection .textswrapper .blackText {
  color: #000;
  font-family: Lato700;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  padding-left: 160px;
  margin-top: 4px;
}
@media screen and (max-width: 998px) {
  .tabinationSection .textswrapper .blackText {
    padding-left: 80px;
  }
}
@media screen and (max-width: 570px) {
  .tabinationSection .textswrapper .blackText {
    font-size: 26px;
    line-height: 35px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 470px) {
  .tabinationSection .textswrapper .blackText {
    font-size: 25px;
  }
}
@media screen and (max-width: 998px) {
  .tabinationSection .tabinationDiv {
    display: none;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper {
  margin-top: 40px;
}
.tabinationSection .tabinationDiv .tabsWrapper .qualityTabs {
  justify-content: center;
  -moz-column-gap: 60px;
       column-gap: 60px;
  margin-left: 90px;
  margin-right: 90px;
}
@media screen and (max-width: 576px) {
  .tabinationSection .tabinationDiv .tabsWrapper .qualityTabs {
    margin-left: 0px;
    margin-right: 0px;
    border: none;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper .qualityTabs .nav-link {
  outline: none;
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  border: none;
}
.tabinationSection .tabinationDiv .tabsWrapper .qualityTabs .nav-link.active {
  border: none;
  outline: none;
  border-bottom: 1px solid #c91725 !important;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs {
  padding-top: 70px;
}
@media screen and (max-width: 576px) {
  .tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs {
    padding-top: 40px;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .tabImg .TabImg1 {
  width: 100%;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv {
  padding-left: 70px;
}
@media screen and (max-width: 576px) {
  .tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv {
    padding: 20px;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .redTxt {
  color: #c91725;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 570px) {
  .tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .redTxt {
    font-size: 28px;
    line-height: 37px;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .smText {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding-top: 10px;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .boldText {
  color: #686868;
  font-family: Lato500;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  margin-top: 20px;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .linesTxts {
  padding-left: 50px;
}
@media screen and (max-width: 576px) {
  .tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .linesTxts {
    padding-left: 40px;
  }
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .linesTxts .lineUptext {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 20px;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .linesTxts .lineUptext .line .logoIcon {
  width: 17px;
}
.tabinationSection .tabinationDiv .tabsWrapper .QualityTabsContent .innertabs .systemsTextsDiv .linesTxts .lineUptext .text {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.mobTabinationnSec {
  display: none;
  padding-bottom: 70px;
}
@media screen and (max-width: 998px) {
  .mobTabinationnSec {
    display: block;
  }
}
.mobTabinationnSec .systemsTextsDiv {
  padding-left: 70px;
}
@media screen and (max-width: 576px) {
  .mobTabinationnSec .systemsTextsDiv {
    padding-left: 0px;
  }
}
.mobTabinationnSec .systemsTextsDiv .redTxt {
  color: #c91725;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 776px) {
  .mobTabinationnSec .systemsTextsDiv .redTxt {
    font-size: 26px;
    line-height: 35px;
  }
}
.mobTabinationnSec .systemsTextsDiv .smText {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  padding-top: 10px;
}
.mobTabinationnSec .systemsTextsDiv .linesTxts {
  padding-left: 50px;
}
@media screen and (max-width: 576px) {
  .mobTabinationnSec .systemsTextsDiv .linesTxts {
    padding-left: 40px;
  }
}
.mobTabinationnSec .systemsTextsDiv .linesTxts .lineUptext {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 20px;
}
.mobTabinationnSec .systemsTextsDiv .linesTxts .lineUptext .line .logoIcon {
  width: 17px;
}
.mobTabinationnSec .systemsTextsDiv .linesTxts .lineUptext .text {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.mobTabinationnSec .accordion-button {
  box-shadow: none;
  background: #c91725;
  color: #fff;
}
.mobTabinationnSec .accordion-button::after {
  filter: invert(1);
}
.mobTabinationnSec .accordion-button.collapsed {
  background: #fff;
  color: #000;
}
.mobTabinationnSec .accordion-button.collapsed::after {
  filter: invert(0);
}

@media screen and (max-width: 998px) {
  .banRow {
    flex-direction: column-reverse;
  }
}
.banRow .leftsideDiv-sm {
  display: none;
}
@media screen and (max-width: 998px) {
  .banRow .leftsideDiv-sm {
    display: block;
    padding-bottom: 30px;
  }
}
.banRow .leftsideDiv-sm .bannerButton-sm .banBtn-sm {
  color: #fff;
  font-family: Lato600;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  border: 1px solid #fff;
  background: #cb1723;
  padding: 8px 22px;
  margin-top: 70px;
}
@media screen and (max-width: 998px) {
  .banRow .leftsideDiv-sm .bannerButton-sm .banBtn-sm {
    margin-top: 50px;
  }
}
@media screen and (max-width: 776px) {
  .banRow .leftsideDiv-sm .bannerButton-sm .banBtn-sm {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .banRow .leftsideDiv-sm .bannerButton-sm .banBtn-sm {
    margin-top: 16px;
    padding: 1px 16px;
    font-size: 13px;
  }
}
.banRow .leftsideDiv-sm .bannerText-sm {
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.38);
  font-family: Lato900;
  font-size: 38px;
  font-style: normal;
  font-weight: 900;
  line-height: 49px;
}
@media screen and (max-width: 998px) {
  .banRow .leftsideDiv-sm .bannerText-sm {
    font-size: 30px;
    line-height: 41px;
  }
}
@media screen and (max-width: 776px) {
  .banRow .leftsideDiv-sm .bannerText-sm {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 576px) {
  .banRow .leftsideDiv-sm .bannerText-sm {
    font-size: 20px;
    line-height: 30px;
  }
}
.banRow .leftsideDiv-sm .bannerTextsmall {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.mainbannerDiv .odraBanner .leftsideDiv .bannerText-desc {
  max-width: 300px;
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.whatsNewSection {
  padding-top: 90px;
  padding-bottom: 100px;
}
@media screen and (max-width: 576px) {
  .whatsNewSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.whatsNewSection .newCards {
  padding-top: 46px;
}
@media screen and (max-width: 576px) {
  .whatsNewSection .newCards {
    padding-top: 30px;
  }
}
.whatsNewSection .newCards .newsPagination {
  border-bottom: 1px solid #cecece;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .whatsNewSection .newCards .newsPagination {
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
}
.whatsNewSection .newCards .newsPagination.borBottomNone {
  border-bottom: none;
  margin-bottom: 0px;
}
.whatsNewSection .newCards .newsPagination .rightTxtDiv {
  padding-left: 60px;
}
@media screen and (max-width: 998px) {
  .whatsNewSection .newCards .newsPagination .rightTxtDiv {
    padding-left: 20px;
  }
}
@media screen and (max-width: 576px) {
  .whatsNewSection .newCards .newsPagination .rightTxtDiv {
    padding-left: 0px;
  }
}
.whatsNewSection .newCards .newsPagination .rightTxtDiv .headText {
  color: #000;
  font-family: Lato700;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 776px) {
  .whatsNewSection .newCards .newsPagination .rightTxtDiv .headText {
    padding-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .whatsNewSection .newCards .newsPagination .rightTxtDiv .headText {
    font-size: 18px;
  }
}
.whatsNewSection .newCards .newsPagination .rightTxtDiv .smTexts {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.whatsNewSection .paginationBox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.whatsNewSection .paginationBox .pagination {
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.whatsNewSection .paginationBox .prev,
.whatsNewSection .paginationBox .next {
  border: none;
}
.whatsNewSection .paginationBox .page-item.disabled .page-link {
  color: #ccc;
}
.whatsNewSection .paginationBox .page-link {
  border: 1px solid #f0f0f0;
  background: #fff;
  color: #000;
  font-family: Lato600;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  box-shadow: none;
}
.whatsNewSection .paginationBox .page-link.next, .whatsNewSection .paginationBox .page-link.prev {
  border: none;
}
.whatsNewSection .paginationBox .page-link.active {
  border: none;
  color: #fff;
  background: #cb1723;
}

.blogsSection {
  padding-top: 70px;
}
@media screen and (max-width: 576px) {
  .blogsSection {
    padding-top: 30px;
  }
}
.blogsSection .blogsWrapper {
  padding-top: 31px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts {
  padding-top: 21px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .blackText {
  color: #000;
  font-family: Lato700;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding-top: 10px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .RedTxt {
  color: #cb1723;
  font-family: Lato600;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-top: 30px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .smTxts {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  padding-top: 10px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .typeSweepDiv {
  padding-top: 20px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .typeSweepDiv .heaadTxt {
  color: rgba(49, 49, 49, 0.8196078431);
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  line-height: 32px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .typeSweepDiv .heaadTxt.headSmTxt {
  font-size: 20px;
}
.blogsSection .blogsWrapper .blogDetails .blogTexts .typeSweepDiv .blackTxt {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.blogsSection .blogsWrapper .blogDetails .blogDetailesDoubleImgDiv {
  margin-top: 50px;
}

.blogDates {
  display: flex;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.blogDates .dates {
  color: #686868;
  font-family: Lato700;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

@media screen and (max-width: 576px) {
  .blogTableDiv {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 576px) {
  .blogTableDiv table {
    width: 700px;
  }
}
.blogTableDiv .tablehead {
  color: rgba(49, 49, 49, 0.8196078431);
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  line-height: 32px;
}
@media screen and (max-width: 576px) {
  .blogTableDiv .tablehead {
    font-size: 19px;
    line-height: 26px;
  }
}
.blogTableDiv .tablehead.deTwotableHead {
  color: #3a3a3a;
  font-size: 18px;
  line-height: 26px;
}
.blogTableDiv tbody .navUl .navLi {
  list-style: none;
  list-style-type: circle;
  padding-top: 10px;
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.blogTableDiv tbody .tableTxt {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.blogsSliderDiv {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 998px) {
  .blogsSliderDiv {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 576px) {
  .blogsSliderDiv {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.blogsSliderDiv .blogsCarousel {
  position: relative;
  padding-top: 30px;
}
.blogsSliderDiv .blogsCarousel .galleryImg .textsDiv {
  padding-top: 10px;
}
.blogsSliderDiv .blogsCarousel .galleryImg .textsDiv .date {
  color: #686868;
  font-family: Lato700;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.blogsSliderDiv .blogsCarousel .galleryImg .textsDiv .blacktxt {
  color: #000;
  font-family: Lato700;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.blogsSliderDiv .blogsCarousel .galleryImg .textsDiv .readMore {
  color: #cb1723;
  font-family: Lato700;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding-top: 10px;
}
.blogsSliderDiv .blogsCarousel .owl-nav .owl-prev {
  position: absolute;
  top: 23%;
  left: 30%;
}
.blogsSliderDiv .blogsCarousel .owl-nav .owl-next {
  position: absolute;
  top: 23%;
  right: 30%;
}
@media screen and (max-width: 998px) {
  .blogsSliderDiv .blogsCarousel .owl-nav {
    display: none;
  }
}
.blogsSliderDiv .blogsCarousel .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
@media screen and (max-width: 998px) {
  .blogsSliderDiv .blogsCarousel .owl-dots .owl-dot {
    background: #d3d3d3;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    margin-top: 20px;
  }
  .blogsSliderDiv .blogsCarousel .owl-dots .owl-dot.active {
    background: #cb1723;
  }
}

.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.banBtn {
  color: #fff;
  font-family: Lato600;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  transition: 0.5s;
  background-size: 200% auto;
  text-transform: uppercase;
  border: 1px solid #fff;
  text-decoration: none;
  margin-top: 70px;
  padding: 8px 22px;
  border-radius: 0px;
  display: block;
  font-weight: 700;
  box-shadow: 0px 0px 14px -7px #cb1723;
  background-image: linear-gradient(45deg, #cb1723 0%, #cb1723 51%, #cb1723 100%);
  cursor: pointer;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
@media screen and (max-width: 998px) {
  .banBtn {
    margin-top: 50px;
  }
}
@media screen and (max-width: 776px) {
  .banBtn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .banBtn {
    margin-top: 16px;
    padding: 1px 16px;
    font-size: 13px;
  }
}
.banBtn.thankuBtn {
  background: #000;
}

.banBtn:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  background-image: linear-gradient(45deg, #d1565f 0%, #cb1723 51%, #d1565f 100%);
  text-decoration: none;
}

.banBtn:active {
  transform: scale(0.95);
}

.thankuMsgDiv {
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #c3cbdc;
  background-image: linear-gradient(147deg, #c3cbdc 0%, #edf1f4 74%);
}
.thankuMsgDiv .thankumsg {
  color: #000;
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}
.thankuMsgDiv .textMsg {
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.privacy-policy-section {
  margin-top: 100px;
}
.privacy-policy-section .line {
  padding-top: 5px;
}
.privacy-policy-section .sub-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 30px;
}
.privacy-policy-section .sub-container .odrabold-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.privacy-policy-section .title-section .privacy-policy-title {
  color: #c60c30;
  font-family: Lato500, sans-serif;
  font-size: 48px;
  font-weight: 500;
  padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .privacy-policy-section .title-section .privacy-policy-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .privacy-policy-section .title-section .privacy-policy-title {
    font-size: 27px;
  }
}
.privacy-policy-section .title-section .line-img {
  display: inline-block;
  height: 8px;
  max-width: 350px;
  width: 100%;
}
.privacy-policy-section .challenger-text {
  margin-bottom: 30px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .challenger-text a {
  text-decoration: none;
}
.privacy-policy-section .challenger-textsecond {
  margin-bottom: 15px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .challenger-textsecond a {
  text-decoration: none;
}
.privacy-policy-section .byoptingin-text {
  margin-bottom: 30px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.privacy-policy-section .informaton-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.privacy-policy-section .informaton-section .subtitle-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
}
.privacy-policy-section .informaton-section .informatin-list {
  margin-top: 8px;
}
.privacy-policy-section .informaton-section .sub-desc {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}
.privacy-policy-section .informaton-section .odrabold-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.privacy-policy-section .challenger-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.privacy-policy-section .challenger-section .subtitle-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
}
.privacy-policy-section .challenger-section .subtitle-text2 {
  margin-top: 20px;
}
.privacy-policy-section .challenger-section .informatin-list {
  margin-top: 8px;
}
.privacy-policy-section .challenger-section .sub-desc {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .challenger-section .odrabold-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.privacy-policy-section .sharing-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.privacy-policy-section .sharing-section .subtitle-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px;
}
.privacy-policy-section .sharing-section .subtitle-text2 {
  margin-top: 20px;
}
.privacy-policy-section .sharing-section .informatin-list {
  margin-top: 8px;
}
.privacy-policy-section .sharing-section .sub-desc {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .sharing-section .odrabold-text {
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.privacy-policy-section .consenting-text {
  margin-bottom: 10px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.privacy-policy-section .Byconsenting-text {
  margin-bottom: 30px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .Challengertext-title {
  margin-bottom: 30px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.privacy-policy-section .werespectyourprivacy-text {
  margin-bottom: 50px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.privacy-policy-section .Byconsentingbottam-text {
  margin-bottom: 80px;
  color: #000;
  font-family: Lato500, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.servicecarouselSec {
  padding: 100px 0px;
  margin-top: 50px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .servicecarouselSec {
    padding: 70px 0;
    margin-top: 0px;
  }
}
@media screen and (max-width: 576px) {
  .servicecarouselSec {
    padding: 50px 0;
  }
}
.servicecarouselSec .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -5%;
  transform: translateY(-50%);
}
@media screen and (max-width: 998px) {
  .servicecarouselSec .owl-nav .owl-prev {
    display: none;
  }
}
.servicecarouselSec .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -5%;
  transform: translateY(-50%);
}
@media screen and (max-width: 998px) {
  .servicecarouselSec .owl-nav .owl-next {
    display: none;
  }
}
.servicecarouselSec .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-top: 40px;
}
.servicecarouselSec .owl-dots .owl-dot {
  background: #ffc7c7;
  height: 12px;
  border-radius: 50%;
  width: 12px;
}
.servicecarouselSec .owl-dots .owl-dot.active {
  background: #cb1723;
}
.servicecarouselSec .item .servicecarDescSec {
  position: relative;
  overflow: hidden;
  min-height: 450px;
  background: linear-gradient(180deg, #cb1723 0%, #9b0f19 100%);
}
@media screen and (max-width: 992px) {
  .servicecarouselSec .item .servicecarDescSec {
    min-height: 260px;
  }
}
@media screen and (max-width: 768px) {
  .servicecarouselSec .item .servicecarDescSec {
    min-height: 300px;
  }
}
@media screen and (max-width: 567px) {
  .servicecarouselSec .item .servicecarDescSec {
    min-height: 340px;
  }
}
.servicecarouselSec .item .servicecarDescSec .badge-Sec {
  padding-top: 88px;
  padding-left: 45px;
  padding-right: 45px;
}
@media screen and (max-width: 992px) {
  .servicecarouselSec .item .servicecarDescSec .badge-Sec {
    padding-top: 30px;
  }
}
.servicecarouselSec .item .servicecarDescSec .badge-Sec .servicecarTitle {
  color: #fff;
  font-family: Lato500;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-top: 22px;
  padding-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .servicecarouselSec .item .servicecarDescSec .badge-Sec .servicecarTitle {
    font-size: 22px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
}
.servicecarouselSec .item .servicecarDescSec .badge-Sec .servicecartitleDesc {
  color: #fff;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  text-align: justify;
}
@media screen and (max-width: 992px) {
  .servicecarouselSec .item .servicecarDescSec .badge-Sec .servicecartitleDesc {
    font-size: 14px;
    line-height: 22px;
  }
}
.servicecarouselSec .item .servicecarDescSec .serviceBg {
  position: absolute;
  right: -95px;
  top: 0px;
  opacity: 0.8;
  mix-blend-mode: overlay;
}

.FrequentlyAskedSec {
  padding-bottom: 100px 0px;
}
.FrequentlyAskedSec.FAQsaboutSourcewell {
  padding-top: 60px;
}
.FrequentlyAskedSec.FAQsaboutBuyBoard {
  padding-top: 60px;
  padding-bottom: 30px;
}
.FrequentlyAskedSec .FrequentlyContainer {
  background: #f4f5f9;
  padding: 50px 70px;
}
.FrequentlyAskedSec .FrequentlyContainer.FaqssourceContainer {
  padding: 30px 70px;
}
@media screen and (max-width: 992px) {
  .FrequentlyAskedSec .FrequentlyContainer.FaqssourceContainer {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer.FaqssourceContainer {
    padding: 10px 30px;
  }
}
@media screen and (max-width: 992px) {
  .FrequentlyAskedSec .FrequentlyContainer {
    padding: 30px 40px;
  }
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer {
    padding: 20px 30px;
  }
}
.FrequentlyAskedSec .FrequentlyContainer .frequentlyText {
  color: var(--P1, #000);
  font-family: Lato700;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  padding-bottom: 50px;
}
.FrequentlyAskedSec .FrequentlyContainer .frequentlyText.frequentlySourcewellText {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .FrequentlyAskedSec .FrequentlyContainer .frequentlyText {
    font-size: 28px;
  }
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer .frequentlyText {
    font-size: 22px;
  }
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item {
  border-bottom: 0.5px solid #aaa;
  background: #f4f5f9;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer .accordion-item {
    margin-bottom: 10px;
  }
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button {
  background-color: #f4f5f9 !important;
  color: #000 !important;
  font-weight: 600;
  font-family: Lato600;
  font-size: 18px;
  padding: 20px 20px;
  line-height: 24px;
  box-shadow: none !important;
  outline: none !important;
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button {
    font-size: 16px;
    padding: 20px 10px;
  }
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button::after {
  background-image: url(../Images/serviceDown.svg);
  background-size: 34px 17px;
  width: 26px;
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button:hover {
  color: #cb1723 !important;
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button:hover::after {
  filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(2500%) hue-rotate(343deg) brightness(92%) contrast(95%);
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button:not(.collapsed) {
  color: #000 !important;
  background: #f4f5f9 !important;
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-button:not(.collapsed)::after {
  transform: scaleY(-1);
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-body {
  padding: 0 0 20px 20px;
  background: #f4f5f9 !important;
  color: #686868;
  font-family: Lato500;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-body {
    font-size: 14px;
    padding: 0 0 10px 10px;
  }
}
.FrequentlyAskedSec .FrequentlyContainer .accordion-item .accordion-body li {
  padding-bottom: 14px;
}
.FrequentlyAskedSec .buyboardDisclaimer {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  padding: 20px 82px;
  line-height: 24px;
  font-family: Lato600;
}
@media screen and (max-width: 992px) {
  .FrequentlyAskedSec .buyboardDisclaimer {
    padding: 20px 58px;
  }
}
@media screen and (max-width: 576px) {
  .FrequentlyAskedSec .buyboardDisclaimer {
    font-size: 16px;
    padding: 10px 35px;
  }
}

.GetinTouchSec {
  background-image: url("../Images/testiBackgroundImg.png");
  background-repeat: no-repeat;
  background-position: 1% 5%;
  background-size: 513px;
  padding-top: 70px;
  padding-bottom: 100px;
}
.GetinTouchSec .purchaseContact {
  background: #cb1723;
  padding-top: 39px;
  padding-bottom: 60px;
}
.GetinTouchSec .purchaseContact.productTeamExpert {
  margin-top: -136px;
}
.GetinTouchSec .purchaseContact.proGasolineTeam {
  margin-top: 0px;
}
.GetinTouchSec .purchaseContact.landingTeamExpertise {
  margin-top: 0px;
  margin-bottom: -60px;
  position: relative;
}
.GetinTouchSec .purchaseContact.landingTeamExpertise .alreadyknownText {
  color: #fff;
  font-family: Lato500;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 570px) {
  .GetinTouchSec .purchaseContact.landingTeamExpertise .alreadyknownText {
    font-size: 18px;
  }
}
@media screen and (max-width: 570px) {
  .GetinTouchSec .purchaseContact {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.GetinTouchSec .purchaseContact .contactTxt {
  color: #fff;
  font-family: Lato700;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .GetinTouchSec .purchaseContact .contactTxt {
    line-height: 36px;
    font-size: 26px;
  }
}
.GetinTouchSec .purchaseContact .contactTxt.landingContText {
  line-height: 50px;
}
@media screen and (max-width: 990px) {
  .GetinTouchSec .purchaseContact {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 570px) {
  .GetinTouchSec .purchaseContact {
    font-size: 18px;
    line-height: 24px;
  }
}
.GetinTouchSec .purchaseContact .contactExpWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 300px;
       column-gap: 300px;
  padding-top: 29px;
  cursor: pointer;
}
@media screen and (max-width: 990px) {
  .GetinTouchSec .purchaseContact .contactExpWrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
  }
}
.GetinTouchSec .purchaseContact .contactExpWrapper .contactExpDetail {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 29px;
       column-gap: 29px;
}
@media screen and (max-width: 990px) {
  .GetinTouchSec .purchaseContact .contactExpWrapper .contactExpDetail {
    max-width: 300px;
  }
}
.GetinTouchSec .purchaseContact .contactExpWrapper .contactExpDetail .conTxtBox {
  width: 50px;
}
.GetinTouchSec .purchaseContact .contactExpWrapper .contactExpDetail .textS .uptxt {
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.GetinTouchSec .purchaseContact .contactExpWrapper .contactExpDetail .textS .downTxt {
  color: #e2e2e2;
  font-family: Lato600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  max-width: 200px;
  padding-top: 5px;
}

.enterserialNumSec {
  width: 55%;
  margin: 0px auto !important;
  background: #d9d9d9 !important;
}
@media screen and (max-width: 1200px) {
  .enterserialNumSec {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 998px) {
  .enterserialNumSec {
    width: 100%;
    padding: 0px 20px;
  }
}
.enterserialNumSec .serialnumberTitle {
  color: #fff;
  font-family: Lato600;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (max-width: 998px) {
  .enterserialNumSec .serialnumberTitle {
    text-align: left;
    width: 100%;
  }
}
.enterserialNumSec .addSerialnumberWrapper {
  width: 50%;
}
@media screen and (max-width: 998px) {
  .enterserialNumSec .addSerialnumberWrapper {
    width: 100%;
  }
}
.enterserialNumSec .addSerialnumberWrapper .addSerialnumberInput {
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 8px;
  width: 100%;
}
.enterserialNumSec .addSerialnumberWrapper .errorMsgSr {
  color: red;
  font-size: 14px;
  margin-top: 2px;
}
.enterserialNumSec .serialnumberBtn {
  outline: none;
  border: none;
  border-radius: 6px;
  background: #fff;
  align-self: flex-start;
  background-color: #cb1723;
  border: 1px solid transparent;
  padding: 10px 20px;
  color: #fff;
  font-family: Lato600;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
@media screen and (max-width: 990px) {
  .enterserialNumSec .serialnumberBtn {
    align-self: center;
  }
}

.operatorPointSec {
  padding: 60px 0px;
}
.operatorPointSec .operatorpointTitle {
  color: #000;
  font-family: Lato700;
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 30px;
}
.operatorPointSec .operatorpointTDesc {
  color: #686868;
}
.operatorPointSec .operatorpoints li {
  margin-bottom: 16px;
  font-weight: 600;
  font-family: Lato600;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

.quPoints {
  background-image: url("../Images/testiBackgroundImg.png");
  background-repeat: no-repeat;
  background-position: 5% 1%;
  background-size: 400px;
  padding-bottom: 60px;
}

.quPointsSection {
  margin-bottom: 60px;
  background: none !important;
  margin: 30px 70px ;
  padding: 30px !important;
}
@media screen and (max-width: 992px) {
  .quPointsSection {
    margin: 0px ;
  }
}
@media screen and (max-width: 576px) {
  .quPointsSection {
    padding: 10px !important;
    margin: 0px ;
  }
}
.quPointsSection .qrtitleDesc {
  font-size: 16px;
}
.quPointsSection .qrpointbutn {
  color: #000 !important;
}
.quPointsSection .qrpointbutn:hover {
  color: #000 !important;
}
.quPointsSection .accordion-item {
  background: none !important;
  background-color: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.quPointsSection .accordion-button {
  padding: 10px 20px !important;
  cursor: default;
  background: none !important;
    background-color: none !important;
}
.quPointsSection .accordion-button::after {
  display: none !important;
}

.accordion-bg-none{
    background: none !important;
    background-color: none !important;
}

.accordion-bg-none .accordion-header .accordion-button{
    background: none !important;
    background-color: none !important;
}

/*# sourceMappingURL=style 3.css.map */