/* screen - about */
about {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 3475px;
  overflow: hidden;
  width: 1366px; }

.about .overlap-group5 {
  height: 2480px;
  /*1450px; 2730px;*/
  position: relative;
  width: 1366px; }

.about .overlap-group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  /*min-height: 2730px;*/
  position: absolute;
  top: 0;
  width: 1366px; }

.about .overlap-group4 {
  align-self: flex-end;
  height: 1350px;
  /*1288px;*/
  position: relative;
  width: 1333px; }

.about .group-2706 {
  align-items: center;
  display: flex;
  height: 665px;
  left: 0;
  min-width: 1325px;
  position: absolute;
  top: 745px;
  /*623px;*/ }

.about .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 62.0px;
  min-height: 327px;
  width: 528px; }

.about .homes-heated {
  letter-spacing: 0;
  line-height: 88px;
  min-height: 108px;
  white-space: nowrap; }

.about .group-2705 {
  display: flex;
  flex-direction: column;
  /*height: 197px;*/
  justify-content: space-between;
  margin-top: 22px;
  width: 365px; }

.about .lorem-ipsum-dolor-si {
  color: var(--log-cabin);
  flex: 1;
  font-weight: 400;
  /*height: 131px;*/
  line-height: 22px;
  margin-right: -2px;
  margin-top: -1.5px;
  /*max-height: 131px;*/
  white-space: nowrap; }

.about .component-9-1 {
  background-color: var(--trinidad);
  background-image: url(../../assets/CH/mask-group-5-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 5px;
  height: 48.0px;
  margin-bottom: 0;
  width: 194px; }

.about .x5-m {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 583px;
  margin-bottom: -43px;
  margin-left: 29px;
  min-height: 667px;
  min-width: 768px;
  white-space: nowrap; }

.about .component-2-3 {
  align-items: flex-start;
  display: flex;
  height: 189px;
  justify-content: flex-end;
  left: 0;
  min-width: 1311px;
  position: absolute;
  top: 24px; }

.about .layer-1 {
  height: 57px;
  margin-top: 0;
  object-fit: cover;
  width: 200px; }

.about .component-7-2 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 170px;
  margin-bottom: 0;
  margin-left: 17px;
  min-width: 122px;
  padding: 0 32px; }

.about .products {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 64px;
  white-space: nowrap; }

.about .about-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 115px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 46px;
  white-space: nowrap; }

.about .place {
  color: var(--white);
  font-weight: 600;
  line-height: 22px;
  margin-left: 115px;
  margin-top: -1.5px;
  min-height: 21px;
  min-width: 50px;
  white-space: nowrap; }

.about .terms-conditions {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 113px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 141px;
  white-space: nowrap; }

.about .privacy-policy {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 112px;
  margin-top: -1.5px;
  min-height: 23px;
  white-space: nowrap; }

.about .icon-user {
  height: 24px;
  margin-left: 642px;
  margin-top: 17.45px;
  object-fit: cover;
  width: 18px; }

.about .group-2947 {
  align-items: flex-start;
  display: flex;
  margin-left: 30px;
  margin-top: 6.36px;
  min-width: 34px; }

.about .overlap-group {
  height: 35px;
  position: relative;
  width: 34px; }

.about .icon-cart {
  height: 24px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 23px; }

.about .group-2946 {
  align-items: flex-start;
  background-image: url(../../assets/CH/polygon-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 22px;
  justify-content: flex-end;
  left: 12px;
  min-width: 22px;
  padding: 0 7px;
  position: absolute;
  top: 0; }

.about .number {
  letter-spacing: 0;
  line-height: 22px;
  min-height: 16px;
  white-space: nowrap; }

.about .mask-group-21 {
  /*height: 1803px;*/
  opacity: 1;
  left: 730px;
  object-fit: cover;
  position: absolute;
  top: -170px;
  /*width: 1798px;
    height: 1169px;
    left: 550px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 783px;*/ }

.about .group-container {
  height: 1405px;
  margin-top: 37px;
  position: relative;
  width: 1335px; }

.about .overlap-group-1 {
  height: 667px;
  left: 169px;
  position: absolute;
  top: 0;
  width: 1166px; }

.about .number-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 583px;
  position: absolute;
  top: 0;
  white-space: nowrap; }

.about .years-supplying-heat {
  left: 421px;
  letter-spacing: 0;
  line-height: 88px;
  position: absolute;
  text-align: right;
  top: 164px;
  white-space: nowrap; }

.about .group-2705-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 197px;
  justify-content: space-between;
  left: 801px;
  position: absolute;
  top: 284px;
  width: 365px; }

.about .lorem-ipsum-dolor-si-1 {
  color: var(--log-cabin);
  flex: 1;
  font-weight: 400;
  height: 131px;
  line-height: 22px;
  margin-right: -2px;
  margin-top: -1.5px;
  max-height: 131px;
  text-align: right;
  white-space: nowrap; }

.about .component-9-12 {
  background-color: var(--trinidad);
  background-image: url(../../assets/CH/mask-group-5-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 5px;
  height: 48.0px;
  margin-bottom: 0;
  margin-right: 2px;
  width: 194px; }

.about .group-2707 {
  align-items: center;
  display: flex;
  height: 665px;
  left: 33px;
  min-width: 1273px;
  position: absolute;
  top: 740px; }

.about .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 131.0px;
  min-height: 318px;
  width: 670px; }

.about .countries-supplied {
  letter-spacing: 0;
  line-height: 88px;
  min-height: 108px;
  white-space: nowrap; }

.about .group-2705-2 {
  display: flex;
  flex-direction: column;
  height: 197px;
  justify-content: space-between;
  margin-top: 13px;
  width: 365px; }

.about .number-2 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 583px;
  margin-bottom: -43px;
  margin-left: 26px;
  min-height: 667px;
  min-width: 577px;
  white-space: nowrap; }

.about .mask-group-22 {
  height: 912px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 68px;
  width: 454px; }

.about .path-1773 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 768px;
  width: 1px; }

.about .group-2683 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 143px;
  min-height: 274px;
  padding: 0.0px 0;
  position: absolute;
  top: 246px;
  width: 366px; }

.about .heating-homes-since-1897 {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 56px;
  margin-top: 4px;
  min-height: 122px;
  white-space: nowrap; }

.about .the-best-value-coal {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 32px;
  margin-top: 15px;
  min-height: 66px;
  white-space: nowrap; }

.about .component-9-22 {
  background-color: var(--trinidad);
  background-image: url(../../assets/CH/mask-group-5-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 5px;
  height: 48px;
  margin-top: 19px;
  width: 194px; }

.about .group-2967 {
  align-items: flex-start;
  display: flex;
  height: 271px;
  margin-top: 106px;
  min-width: 1080px; }

.about .path-1777 {
  height: 137px;
  margin-top: 5px;
  object-fit: cover;
  width: 185px; }

.about .group-2680 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 44px;
  min-height: 271px;
  width: 624px; }

.about .our-voice {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 2.0px;
  margin-top: -2px;
  min-height: 23px;
  min-width: 70px;
  white-space: nowrap; }

.about .lorem-ipsum-dolor-si-2 {
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 18px;
  min-height: 194px;
  min-width: 624px;
  text-align: center;
  white-space: nowrap; }

.about .name-position-job-role {
  color: var(--log-cabin);
  font-weight: 500;
  line-height: 22px;
  margin-bottom: -1px;
  margin-right: 5.0px;
  margin-top: 16px;
  min-height: 21px;
  min-width: 159px;
  white-space: nowrap; }

.about .path-1776 {
  align-self: flex-end;
  height: 137px;
  margin-bottom: 1.0px;
  margin-left: 42px;
  object-fit: cover;
  width: 185px; }

.about .component-9-53 {
  align-items: flex-start;
  display: flex;
  margin-top: 100px;
  min-width: 1366px; }

.about .overlap-group1 {
  height: 269px;
  position: relative;
  width: 1366px; }

.about .rectangle-1814 {
  background-color: var(--log-cabin);
  border-radius: 20px 20px 0px 0px;
  height: 199px;
  left: 0;
  position: absolute;
  top: 70px;
  width: 1366px; }

.about .group-2944 {
  height: 120px;
  left: 623px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 120px; }

.about .group-2691 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  left: 33px;
  min-width: 1300px;
  position: absolute;
  top: 228px; }

.about .x2001-2022-oxbow-co {
  color: var(--white);
  font-weight: 400;
  line-height: 22px;
  min-height: 21px;
  min-width: 335px;
  white-space: nowrap; }

.about .secure-payments-with {
  color: var(--white);
  font-weight: 400;
  line-height: 22px;
  margin-left: 719px;
  min-height: 21px;
  min-width: 137px;
  white-space: nowrap; }

.about .paypal {
  align-self: flex-end;
  height: 23px;
  margin-bottom: 0;
  margin-left: 19px;
  object-fit: cover;
  width: 90px; }

.about .group-2945 {
  align-items: flex-start;
  display: flex;
  height: 21px;
  left: 253px;
  min-width: 856px;
  position: absolute;
  top: 149px; }

.about .products-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 64px;
  white-space: nowrap; }

.about .about-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 115px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 46px;
  white-space: nowrap; }

.about .place-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 112px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 57px;
  white-space: nowrap; }

.about .terms-conditions-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 113px;
  margin-top: -1.5px;
  min-height: 23px;
  min-width: 141px;
  white-space: nowrap; }

.about .privacy-policy-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-left: 112px;
  margin-top: -1.5px;
  min-height: 23px;
  white-space: nowrap; }

/* screen - about-mobile-all-breakpoints */
.about-mobile-all-breakpoints .products-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 3.0px;
  margin-top: -2px;
  min-height: 23px;
  min-width: 64px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .about-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-left: 1.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 46px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .place-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 2.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 57px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .terms-conditions-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 141px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .privacy-policy-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 3.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 96px;
  white-space: nowrap; }

.about-mobile-all-breakpoints {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1990px;
  /*overflow: hidden;*/
  width: 390px; }

.about-mobile-all-breakpoints .obu_our_customers_sec {
  margin-top: 250px;
  width: 352px; }

.about-mobile-all-breakpoints .oc_slide_box span {
  margin-bottom: 10px !important; }

@media screen and (max-width: 580px) {
  .oc_slide_box {
    padding: 10px 5px 0px 5px !important; }
  .oc_slide_box p {
    font-size: 20px !important;
    margin-bottom: 30px !important; }
  .slick-initialized .slick-track {
    height: auto; } }

.about-mobile-all-breakpoints .overlap-group5-1 {
  align-items: flex-end;
  background-image: url(../../assets/CH/mask-group-23@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  min-height: 844px;
  padding: 15.9px 9.6px;
  width: 390px; }

.about-mobile-all-breakpoints .component-11-3 {
  align-items: flex-start;
  display: flex;
  min-width: 360px; }

.about-mobile-all-breakpoints .fi-rr-menu-burger {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  min-height: 16px;
  width: 24px;
  cursor: pointer; }

.about-mobile-all-breakpoints .rectangle-1741 {
  background-color: var(--white);
  border-radius: 1px;
  height: 2px;
  width: 24px; }

.about-mobile-all-breakpoints .rectangle-174 {
  background-color: var(--white);
  border-radius: 1px;
  height: 2px;
  margin-top: 5px;
  width: 24px; }

.about-mobile-all-breakpoints .layer-1-1 {
  align-items: center;
  display: flex;
  margin-left: 66px;
  margin-top: 0;
  min-width: 170px; }

.about-mobile-all-breakpoints .group-2859 {
  height: 48px;
  object-fit: cover;
  width: 228px; }

.about-mobile-all-breakpoints .group-2858 {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  margin-left: 13px;
  min-width: 109px; }

.about-mobile-all-breakpoints .path-1750 {
  height: 17px;
  margin-bottom: 0;
  object-fit: cover;
  width: 17px; }

.about-mobile-all-breakpoints .icon-close {
  height: 12px;
  margin-bottom: 0.25px;
  object-fit: cover;
  width: 12px; }

.about-mobile-all-breakpoints .path-1752 {
  align-self: flex-start;
  height: 17px;
  margin-left: 1px;
  object-fit: cover;
  width: 12px; }

.about-mobile-all-breakpoints .path-1753 {
  height: 12px;
  margin-bottom: 0.02px;
  margin-left: 2px;
  object-fit: cover;
  width: 12px; }

.about-mobile-all-breakpoints .path-1754 {
  height: 12px;
  margin-bottom: 0.25px;
  margin-left: 1px;
  object-fit: cover;
  width: 16px; }

.about-mobile-all-breakpoints .path-1755 {
  height: 16px;
  margin-left: 7px;
  object-fit: cover;
  width: 13px; }

.about-mobile-all-breakpoints .path-1756 {
  align-self: center;
  height: 16px;
  margin-left: 3px;
  margin-top: 0.19px;
  object-fit: cover;
  width: 13px; }

.about-mobile-all-breakpoints .group-2948 {
  align-items: flex-start;
  display: flex;
  margin-left: 66px;
  margin-top: 1.1px;
  min-width: 34px;
  padding: 0.0px 0; }

.about-mobile-all-breakpoints .overlap-group-2 {
  height: 35px;
  position: relative;
  width: 34px; }

.about-mobile-all-breakpoints .fi-rr-shopping-cart {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 24px;
  position: absolute;
  top: 11px;
  width: 23px; }

.about-mobile-all-breakpoints .icon-cart-1 {
  height: 19px;
  margin-right: 0;
  object-fit: cover;
  width: 23px; }

.about-mobile-all-breakpoints .ellipse-container {
  align-items: flex-start;
  display: flex;
  margin-right: 4.41px;
  margin-top: 1px;
  min-width: 14px; }

.about-mobile-all-breakpoints .ellipse-29 {
  background-color: var(--white);
  border-radius: 2px;
  height: 4px;
  width: 4px; }

.about-mobile-all-breakpoints .ellipse-30 {
  background-color: var(--white);
  border-radius: 2px;
  height: 4px;
  margin-left: 6px;
  width: 4px; }

.about-mobile-all-breakpoints .group-2946-1 {
  align-items: flex-start;
  background-image: url(../../assets/CH/polygon-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 22px;
  justify-content: flex-end;
  left: 12px;
  min-width: 22px;
  padding: 0 7px;
  position: absolute;
  top: 0; }

.about-mobile-all-breakpoints .number-3 {
  letter-spacing: 0;
  line-height: 22px;
  min-height: 16px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .heating-homes-since-1897-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 56px;
  margin-right: 14.41px;
  margin-top: 53px;
  min-height: 122px;
  min-width: 338px;
  text-align: center;
  white-space: nowrap; }

.about-mobile-all-breakpoints .the-best-value-coal-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 32px;
  margin-right: 12.41px;
  margin-top: 13px;
  min-height: 72px;
  text-align: center;
  width: 343px; }

.about-mobile-all-breakpoints .group-2832 {
  align-items: center;
  display: flex;
  flex-direction: column;
  /*margin-right: 1px;*/
  margin-left: 10px;
  /*margin-top: 58px;*/
  /*min-height: 547px;*/
  width: 374px; }

.about-mobile-all-breakpoints .homes-heated-1 {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 48px;
  margin-right: 12.0px;
  margin-top: 2px;
  /*min-height: 55px;*/
  min-width: 264px;
  text-align: center;
  white-space: nowrap; }

.about-mobile-all-breakpoints .overlap-group-3 {
  /*height: 493px;*/
  margin-left: 15px;
  margin-top: 18px;
  position: relative;
  width: 374px; }

.about-mobile-all-breakpoints .x5-m-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 285px;
  position: absolute;
  top: 168px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .group-2705-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 5px;
  min-height: 206px;
  position: absolute;
  top: 0;
  width: 352px; }

.about-mobile-all-breakpoints .lorem-ipsum-dolor-si-3 {
  color: var(--log-cabin);
  font-weight: 400;
  line-height: 22px;
  margin-top: -4px;
  min-height: 153px;
  text-align: center;
  width: 352px; }

.about-mobile-all-breakpoints .component-9-1-1 {
  background-color: var(--trinidad);
  background-image: url(../../assets/CH/mask-group-5-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 5px;
  height: 48px;
  margin-right: 2.0px;
  margin-top: 9px;
  width: 194px; }

.about-mobile-all-breakpoints .group-2834 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: -41px;
  margin-top: 71px;
  min-height: 597px;
  width: 421px; }

.about-mobile-all-breakpoints .years-supplying-heat-1 {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 48px;
  margin-right: 49.0px;
  margin-top: 2px;
  min-height: 103px;
  min-width: 290px;
  text-align: center;
  white-space: nowrap; }

.about-mobile-all-breakpoints .overlap-group1-1 {
  height: 495px;
  margin-top: 18px;
  position: relative;
  width: 421px; }

.about-mobile-all-breakpoints .number-4 {
  left: 0;
  letter-spacing: 0;
  line-height: 285px;
  position: absolute;
  top: 170px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .group-2705-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 10px;
  min-height: 206px;
  position: absolute;
  top: 0;
  width: 352px; }

.about-mobile-all-breakpoints .group-2833 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-top: 71px;
  min-height: 548px;
  width: 350px; }

.about-mobile-all-breakpoints .counties-supplied {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 48px;
  margin-left: 2.0px;
  margin-top: 2px;
  min-height: 55px;
  min-width: 322px;
  text-align: center;
  white-space: nowrap; }

.about-mobile-all-breakpoints .overlap-group3 {
  height: 494px;
  margin-left: 2.0px;
  margin-top: 18px;
  position: relative;
  width: 352px; }

.about-mobile-all-breakpoints .number-5 {
  left: 28px;
  letter-spacing: 0;
  line-height: 285px;
  position: absolute;
  top: 169px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .group-2705-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  /*left: 0;*/
  /*min-height: 206px;*/
  position: absolute;
  /*top: 0;*/
  /*width: 352px;*/ }

.about-mobile-all-breakpoints .group-2680-1 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-left: 2.0px;
  margin-top: 73px;
  min-height: 576px;
  width: 352px; }

.about-mobile-all-breakpoints .path-1776-1 {
  height: 126px;
  margin-right: 2.0px;
  margin-top: 50px;
  object-fit: cover;
  width: 170px; }

.about-mobile-all-breakpoints .path-1777-1 {
  height: 137px;
  margin-left: 0px;
  margin-top: 5px;
  object-fit: cover;
  width: 185px; }

.about-mobile-all-breakpoints .our-voice-1 {
  color: var(--log-cabin);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 2.0px;
  margin-top: 18px;
  min-height: 23px;
  min-width: 70px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .overlap-group2 {
  height: 394px;
  margin-top: 16px;
  position: relative;
  width: 352px; }

.about-mobile-all-breakpoints .lorem-ipsum-dolor-si-4 {
  left: 0;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 352px; }

.about-mobile-all-breakpoints .name-position-job-role-1 {
  color: var(--log-cabin);
  font-weight: 500;
  left: 94px;
  line-height: 22px;
  margin-top: 30px;
  position: relative;
  top: 372px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .component-10-3 {
  align-items: flex-start;
  display: flex;
  margin-top: 60px;
  min-width: 390px; }

.about-mobile-all-breakpoints .overlap-group4-1 {
  height: 558px;
  position: relative;
  width: 390px; }

.about-mobile-all-breakpoints .rectangle-1814-1 {
  background-color: var(--log-cabin);
  border-radius: 20px 20px 0px 0px;
  height: 478px;
  left: 0;
  position: absolute;
  top: 80px;
  width: 390px; }

.about-mobile-all-breakpoints .group-2944-1 {
  align-items: flex-start;
  background-image: url(../../assets/CH/polygon-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 120px;
  left: 135px;
  min-width: 120px;
  padding: 15px;
  position: absolute;
  top: 0; }

.about-mobile-all-breakpoints .group-2887 {
  height: 120px;
  object-fit: cover;
  width: 110px; }

.about-mobile-all-breakpoints .group-2945-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 138px;
  min-height: 265px;
  position: absolute;
  top: 159px;
  width: 141px; }

.about-mobile-all-breakpoints .products-2 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 3.0px;
  margin-top: -2px;
  min-height: 23px;
  min-width: 64px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .about-3 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-left: 1.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 46px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .place-3 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 2.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 57px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .terms-conditions-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 141px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .privacy-policy-1 {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-bottom: -1px;
  margin-right: 3.0px;
  margin-top: 38px;
  min-height: 23px;
  min-width: 96px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .group-2691-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 29px;
  min-height: 61px;
  position: absolute;
  top: 477px;
  width: 335px; }

.about-mobile-all-breakpoints .flex-row {
  align-items: flex-start;
  display: flex;
  margin-right: 3.0px;
  min-width: 236px; }

.about-mobile-all-breakpoints .secure-payments-with-1 {
  color: var(--white);
  font-weight: 400;
  line-height: 22px;
  margin-top: 0.5px;
  min-height: 21px;
  min-width: 137px;
  white-space: nowrap; }

.about-mobile-all-breakpoints .paypal-1 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 9px;
  min-width: 90px; }

.about-mobile-all-breakpoints .path-container {
  align-self: flex-start;
  height: 23px;
  margin-top: 0;
  position: relative;
  width: 19px; }

.about-mobile-all-breakpoints .path-1783 {
  height: 20px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 18px; }

.about-mobile-all-breakpoints .path-1784 {
  height: 17px;
  left: 5px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 15px; }

.about-mobile-all-breakpoints .path-1785 {
  height: 9px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 12px; }

.about-mobile-all-breakpoints .path-1779 {
  height: 14px;
  margin-left: 8px;
  margin-top: 2.71px;
  object-fit: cover;
  width: 23px; }

.about-mobile-all-breakpoints .path-container-1 {
  align-self: flex-end;
  height: 17px;
  margin-bottom: 0;
  margin-left: 1px;
  position: relative;
  width: 34px; }

.about-mobile-all-breakpoints .path-1778 {
  height: 14px;
  left: 11px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 12px; }

.about-mobile-all-breakpoints .path-1780 {
  height: 9px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 12px; }

.about-mobile-all-breakpoints .path-1781 {
  height: 12px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 11px; }

.about-mobile-all-breakpoints .path-1782 {
  height: 14px;
  margin-top: 2.8px;
  object-fit: cover;
  width: 5px; }

.about-mobile-all-breakpoints .x2001-2022-oxbow-co-1 {
  color: var(--white);
  font-weight: 400;
  line-height: 22px;
  margin-bottom: -1px;
  margin-top: 17px;
  min-height: 21px;
  min-width: 335px;
  white-space: nowrap; }

.mob_obu_menu_item_block {
  position: fixed;
  right: 0;
  top: 74px;
  background: #222222;
  z-index: 9999;
  padding: 20px;
  left: 0px;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: 0 0 0;
  justify-content: center;
  display: block;
  text-align: center;
  transition: all 0.5s ease-in-out;
  max-width: 390px;
  margin: 0 auto; }

.mob_obu_menu_item_block nav ul li a {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  font-family: "RedHatText";
  font-weight: 600; }

.mob_obu_menu_item_block nav ul li {
  padding: 0 0 15px 0; }

.mob_obu_menu_item_block nav ul li ul.sub_menu {
  opacity: 1;
  display: none;
  position: unset;
  min-width: 100%;
  max-width: 100%;
  background-color: unset;
  padding: 10px 10px 0;
  transform: unset; }

.mob_obu_menu_item_block nav ul li ul.sub_menu li a {
  color: #fff;
  text-decoration: underline; }

.mob_obu_menu_item_block nav ul.sub_menu li a {
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  font-family: "RedHatText";
  font-weight: 600; }

.mob_obu_menu_item_block nav ul li:last-child, .mob_obu_menu_item_block nav ul li ul.sub_menu li:last-child {
  padding: 0 !important; }

.fa-caret-down:before {
  content: "\f0d7"; }

.show_menu .mob_obu_menu_item_block {
  transform: scaleY(1);
  opacity: 1; }

.about-mobile-all-breakpoints button.obu_sp_btn::after {
  content: "";
  position: absolute;
  right: -25px;
  top: -5px;
  bottom: 0;
  background: url(../../assets/CH/Polygon_shap_orange.png) no-repeat;
  height: 60px;
  z-index: 9;
  transition: 0.4s all ease-in-out;
  transform: translateX(100%);
  width: 60px;
  background-size: cover; }

.about-mobile-all-breakpoints button.obu_sp_btn {
  border: 1px solid #f24405 !important; }

/* initially 1365px */
@media screen and (max-width: 1365px) {
  .screen.about {
    display: none; } }

/* initially 1366px */
@media screen and (min-width: 1366px) {
  .screen.about-mobile-all-breakpoints {
    display: none; } }