/* custom layout styles */

.custom-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.custom-row.items-centered {
  justify-content: center;
}

.custom-row>.custom-col-8 {
  width: 8.3%;
  padding: 0px 10px;
}

.custom-row>.custom-col-7 {
  width: 6.834%;
  padding: 0px 10px;
}

.custom-row>.custom-col-10 {
  width: 10%;
  padding: 0px 10px;
}

.custom-row>.custom-col-12 {
  width: 12%;
  padding: 0px 10px;
}

.custom-row>.custom-col-16 {
  width: 16.666667%;
  padding: 0px 10px;
}

.custom-row>.custom-col-20 {
  width: 20%;
  padding: 0px 10px;
}

.custom-row>.custom-col-27 {
  width: 27%;
}

.custom-row>.custom-col-30 {
  width: 30%;
  padding: 10px;
}

.custom-row>.custom-col-33 {
  width: 33.2%;
  padding: 0px 10px;
}

.custom-row>.custom-col-40 {
  width: 40%;
  padding: 0px 10px;
}

.custom-row>.custom-col-50 {
  width: 50%;
  padding: 0px 10px;
}

.custom-row>.custom-col-53 {
  width: 53%;
  padding: 0px 20px;
}

.custom-row>.custom-col-60 {
  width: 60%;
  padding: 0px 10px;
}

.custom-row>.custom-col-66 {
  width: 66.666667%;
  padding: 0px 10px;
}

.custom-row>.custom-col-70 {
  width: 70%;
  padding: 10px;
}

.custom-row>.custom-col-80 {
  width: 80%;
  padding: 0px 10px;
}

.custom-row>.custom-col-83 {
  width: 83.333%;
  padding: 0px 10px;
}

.custom-row>.custom-col-90 {
  width: 90%;
  padding: 0px 10px;
}

.custom-row>.custom-col-93 {
  width: 93%;
  padding: 0px 10px;
}

.custom-row>.custom-col-100 {
  width: 100%;
  padding: 0px 10px;
}

.custom-row>.custom-col-5 {
  width: 5%;
  padding: 0px 10px;
}

.custom-row>.custom-col-15 {
  width: 15%;
  padding: 0px 10px;
}

.custom-row>.custom-col-23 {
  width: 23%;
  /* padding: 0px 10px; */
}

.custom-row>.custom-col-25 {
  width: 25%;
  padding: 0px 10px;
}

.custom-row>.custom-col-35 {
  width: 35%;
  padding: 0px 10px;
}

.custom-row>.custom-col-42 {
  width: 41.66%;
}

.custom-row>.custom-col-45 {
  width: 45%;
  padding: 0px 10px;
}

.custom-row>.custom-col-47 {
  width: 47%;
  padding: 0px 10px;
}

.custom-row>.custom-col-54 {
  width: 54%;
  /* padding: 0px 10px; */
}

.custom-row>.custom-col-55 {
  width: 55%;
  padding: 0px 10px;
}

.custom-row>.custom-col-58 {
  width: 58.339%;
}

.custom-row>.custom-col-65 {
  width: 65%;
  padding: 0px 10px;
}

.custom-row>.custom-col-68 {
  width: 68.5%;
}

.custom-row>.custom-col-73 {
  width: 73%;
  padding: 0px 10px;
}

.custom-row>.custom-col-75 {
  width: 75%;
  padding: 0px 10px;
}

.custom-row>.custom-col-85 {
  width: 85%;
  padding: 0px 10px;
}

.custom-row>.custom-col-95 {
  width: 95%;
  padding: 0px 10px;
}

.max-width-wrap {
  max-width: 1440px;
  margin: 0px auto;
}

.max-width-wrap-1240 {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
}

.max-width-wrap-1040 {
  width: 100%;
  max-width: 1040px;
  margin: 0px auto;
}

.max-width-wrap-1080 {
  width: 100%;
  max-width: 1080px;
  margin: 0px auto;
}

.max-wid-100 {
  max-width: 100%;
}

.wid-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.mar-auto {
  margin: auto;
}

.mar-lr-auto {
  margin: 0px auto;
}

.mar-left-auto {
  margin: 0 0 0 auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.z-ind-1 {
  z-index: 1;
}

.z-ind-2 {
  z-index: 2;
}

.z-ind-99 {
  z-index: 99;
}

/* custom layout styles END */
.web-hidden {
  display: none !important;
}

.web-shown {
  display: block !important;
}

.pos-relative {
  position: relative;
}

/* Flex properties WEB */

.web-flex {
  display: flex;
}

.web-column {
  flex-direction: column;
}

.web-row {
  flex-direction: row;
}

.web-wrap {
  flex-wrap: wrap;
}

.web-nowrap {
  flex-wrap: nowrap;
}

.web-justify-center {
  justify-content: center;
}

.web-justify-space-between {
  justify-content: space-between;
}

.new-category.web-justify-space-between {
  align-items: baseline !important;
}

.custom-hover-industry.new-cat {
  flex: 0 0 48%;
  border: 1px solid var(--secondary-color);
  border-radius: 16px;
  padding: 10px 16px;
  text-align: left;
  color: var(--secondary-color);
  background-color: transparent;
  font-family: var(--font-medium);
  font-size: 14px;
}

.pos-relative .math-wrap {
  justify-content: center;
}

.form-cols-4 {
  width: calc(27% - 15px);
}

.form-cols-3 {
  width: calc(25% - 15px);
}

.web-justify-space-around {
  justify-content: space-around;
}

.web-justify-start {
  justify-content: flex-start;
}

.web-justify-end {
  justify-content: flex-end;
}

.web-align-center {
  align-items: center;
}

.web-align-space-between {
  align-items: space-between;
}

.web-align-space-around {
  align-items: space-around;
}

.web-align-start {
  align-items: flex-start;
}

.web-align-end {
  align-items: flex-end;
}

.web-gap-10 {
  gap: 10px;
}

.web-gap-20 {
  gap: 20px;
}

.web-gap-30 {
  gap: 30px;
}

.web-gap-40 {
  gap: 40px;
}

.web-gap-50 {
  gap: 50px;
}

.web-gap-60 {
  gap: 60px;
}

.web-gap-70 {
  gap: 70px;
}

.web-gap-80 {
  gap: 80px;
}

.web-gap-90 {
  gap: 90px;
}

.web-gap-100 {
  gap: 10px;
}

.web-gap-5 {
  gap: 5px;
}

.web-gap-15 {
  gap: 15px;
}

.web-gap-25 {
  gap: 25px;
}

.web-gap-35 {
  gap: 35px;
}

.web-gap-45 {
  gap: 45px;
}

.web-gap-55 {
  gap: 55px;
}

.web-gap-65 {
  gap: 65px;
}

.web-gap-75 {
  gap: 75px;
}

.web-gap-85 {
  gap: 85px;
}

.web-gap-95 {
  gap: 95px;
}

/* Flex Properties WEB END */

/* Margin Properties */
.web-mb-0 {
  margin-bottom: 0px;
}

.web-mt-0 {
  margin-top: 0px;
}

.web-mt-5 {
  margin-top: 05px;
}

.web-mb-5 {
  margin-bottom: 5px;
}

.web-mb-10 {
  margin-bottom: 10px;
}

.web-mb-15 {
  margin-bottom: 15px;
}

.web-mb-18 {
  margin-bottom: 16px;
}

.web-mt-10 {
  margin-top: 10px;
}

.web-mt-15 {
  margin-top: 15px;
}

.web-mb-20 {
  margin-bottom: 20px;
}

.web-mt-20 {
  margin-top: 20px;
}

.web-mb-30 {
  margin-bottom: 30px;
}

.web-mt-30 {
  margin-top: 30px;
}

.web-mt-35 {
  margin-top: 35px;
}

.web-mb-40 {
  margin-bottom: 40px;
}

.web-mt-40 {
  margin-top: 40px;
}

.web-mb-50 {
  margin-bottom: 50px;
}

.web-mt-50 {
  margin-top: 50px;
}

.web-mb-60 {
  margin-bottom: 60px;
}

.web-mt-60 {
  margin-top: 60px;
}

.web-mb-70 {
  margin-bottom: 70px;
}

.web-mt-70 {
  margin-top: 70px;
}

.web-mb-80 {
  margin-bottom: 80px;
}

.web-mt-80 {
  margin-top: 80px;
}

.web-mb-90 {
  margin-bottom: 90px;
}

.web-mt-90 {
  margin-top: 90px;
}

.web-mb-100 {
  margin-bottom: 100px;
}

.web-mt-100 {
  margin-top: 100px;
}

.web-mar-tb-5 {
  margin: 5px 0px;
}

.web-ml-0 {
  margin-left: 0px;
}

.web-mr-0 {
  margin-right: 0px;
}

.web-ml-10 {
  margin-left: 10px;
}

.web-mr-10 {
  margin-right: 10px;
}

.web-ml-20 {
  margin-left: 20px;
}

.web-mr-20 {
  margin-right: 20px;
}

.web-ml-30 {
  margin-left: 30px;
}

.web-mr-30 {
  margin-right: 30px;
}

.web-ml-40 {
  margin-left: 40px;
}

.web-mr-40 {
  margin-right: 40px;
}

.web-ml-50 {
  margin-left: 50px;
}

.web-mr-50 {
  margin-right: 50px;
}

.web-ml-60 {
  margin-left: 60px;
}

.web-mr-60 {
  margin-right: 60px;
}

.web-ml-70 {
  margin-left: 70px;
}

.web-mr-70 {
  margin-right: 70px;
}

.web-ml-80 {
  margin-left: 80px;
}

.web-mr-80 {
  margin-right: 80px;
}

.web-ml-90 {
  margin-left: 90px;
}

.web-mr-90 {
  margin-right: 90px;
}

.web-ml-100 {
  margin-left: 100px;
}

.web-mr-100 {
  margin-right: 100px;
}

.web-mar-r-20 {
  margin-right: 20px;
}

.web-m-0 {
  margin: 0px;
}

.web-mtb-5 {
  margin: 5px 0px;
}

/* Margin Properties END */
.web-no-padding {
  padding: 0px !important;
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

/* Media Queries */
/* pading */
.web-pad-50 {
  padding: 50px;
}

.web-px-50 {
  padding: 0px 50px;
}

.web-py-50 {
  padding: 50px 0px;
}


.pad-r-14 {
  padding-right: 14px;
}

.pad-r-10 {
  padding-right: 10px;
}

.pad-r-5 {
  padding-right: 5px;
}

.pad-l-5 {
  padding-left: 5px;
}

.pad-l-10 {
  padding-left: 10px;
}

.pad-t-10 {
  padding-top: 10px;
}

.pad-b-10 {
  padding-bottom: 10px;
}

.pad-60-50 {
  padding: 60px 0px 50px 0px;
}

.pad-60-70 {
  padding: 60px 0px 70px 0px;
}

.pad-tb-70 {
  padding: 70px 0px;
}

.pad-tb-30 {
  padding: 30px 0px;
}

.web-pad-tb-10 {
  padding: 10px 0px;
}

.pad-10 {
  padding: 10px;
}

.pad-b-20 {
  padding-bottom: 20px;
}

.pad-tb-6 {
  padding: 6px 0px;
}

.web-pad-r-65 {
  padding-right: 65px;
}

.web-pad-25 {
  padding: 0px 25px;
}

.web-pad-45 {
  padding: 0px 45px;
}

.web-pad-lr-25 {
  padding: 15px 25px;
}

.web-pad-20 {
  padding: 20px;
}

.web-pl-40 {
  padding-left: 40px;
}

.pad-t-40 {
  padding-top: 40px;
}

.web-pad-40-20 {
  padding: 40px 20px;
}

.web-pad-lr-5 {
  padding: 0px 5px;
}

ad- .web-pt-20 {
  padding-top: 20px;
}

.web-pt-25 {
  padding-top: 25px;
}

.pad-tb-30-60 {
  padding: 30px 0px 60px 0px;
}

.web-pad-70-20 {
  padding: 70px 20px;
}

.web-pad-r-40 {
  padding-right: 40px;
}

.web-pad-tb-45 {
  padding: 45px 0px;
}

.overflow-hide {
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .custom-row>.custom-col-mob-10 {
    width: 10%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-20 {
    width: 20%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-30 {
    width: 30%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-33 {
    width: 33%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-40 {
    width: 40%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-50 {
    width: 50%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-60 {
    width: 60%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-70 {
    width: 70%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-80 {
    width: 80%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-90 {
    width: 90%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-100 {
    width: 100%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-5 {
    width: 5%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-15 {
    width: 15%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-25 {
    width: 25%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-35 {
    width: 35%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-45 {
    width: 45%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-55 {
    width: 55%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-65 {
    width: 65%;
    padding: 0px 10px;
    word-break: break-all;
  }

  .custom-row>.custom-col-mob-75 {
    width: 75%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-85 {
    width: 85%;
    padding: 0px 10px;
  }

  .custom-row>.custom-col-mob-95 {
    width: 95%;
    padding: 0px 10px;
  }

  .mobile-hidden {
    display: none !important;
  }

  .mobile-shown {
    display: block !important;
  }

  /* Flex Properties Mobile */
  .mobile-flex {
    display: flex !important;
  }

  .mobile-column {
    flex-direction: column;
  }

  .mobile-row {
    flex-direction: row;
  }

  .mobile-wrap {
    flex-wrap: wrap;
  }

  .mobile-nowrap {
    flex-wrap: nowrap;
  }

  .mobile-whitespace-wrap {
    white-space: pre-wrap;
  }

  .mobile-whitespace-nowrap {
    white-space: nowrap;
  }

  .mobile-justify-center {
    justify-content: center;
  }

  .mobile-justify-space-between {
    justify-content: space-between;
  }

  .mobile-justify-space-around {
    justify-content: space-around;
  }

  .mobile-justify-start {
    justify-content: flex-start;
  }

  .mobile-justify-end {
    justify-content: flex-end;
  }

  .mobile-align-center {
    align-items: center;
  }

  .mobile-align-space-between {
    align-items: space-between;
  }

  .mobile-align-space-around {
    align-items: space-around;
  }

  .mobile-align-start {
    align-items: flex-start;
  }

  .mobile-align-end {
    align-items: flex-end;
  }

  .mobile-flex-dir {
    flex-direction: column;
  }

  .mobile-flex-dir-reverse {
    flex-direction: column-reverse;
  }

  /* Flex Properties Mobile END */
  .mobile-gap-10 {
    gap: 10px;
  }

  .mobile-gap-20 {
    gap: 20px;
  }

  .mobile-gap-30 {
    gap: 30px;
  }

  .mobile-gap-40 {
    gap: 40px;
  }

  .mobile-gap-50 {
    gap: 50px;
  }

  .mobile-gap-60 {
    gap: 60px;
  }

  .mobile-gap-70 {
    gap: 70px;
  }

  .mobile-gap-80 {
    gap: 80px;
  }

  .mobile-gap-90 {
    gap: 90px;
  }

  .mobile-gap-100 {
    gap: 10px;
  }

  .mobile-gap-5 {
    gap: 5px;
  }

  .mobile-gap-15 {
    gap: 15px;
  }

  .mobile-gap-25 {
    gap: 25px;
  }

  .mobile-gap-35 {
    gap: 35px;
  }

  .mobile-gap-45 {
    gap: 45px;
  }

  .mobile-gap-55 {
    gap: 55px;
  }

  .mobile-gap-65 {
    gap: 65px;
  }

  .mobile-gap-75 {
    gap: 75px;
  }

  .mobile-gap-85 {
    gap: 85px;
  }

  .mobile-gap-95 {
    gap: 95px;
  }

  /* Margin Properties */
  .mobile-mb-0 {
    margin-bottom: 0px;
  }

  .mobile-mt-0 {
    margin-top: 0px;
  }

  .mobile-mb-10 {
    margin-bottom: 10px;
  }

  .mobile-mb-15 {
    margin-bottom: 15px;
  }

  .mobile-mt-10 {
    margin-top: 10px;
  }

  .mobile-mb-20 {
    margin-bottom: 20px;
  }

  .mobile-mt-20 {
    margin-top: 20px;
  }

  .mobile-mb-30 {
    margin-bottom: 30px;
  }

  .mobile-mt-30 {
    margin-top: 30px;
  }

  .mobile-mb-40 {
    margin-bottom: 40px;
  }

  .mobile-mt-40 {
    margin-top: 40px;
  }

  .mobile-mb-50 {
    margin-bottom: 50px;
  }

  .mobile-mt-50 {
    margin-top: 50px;
  }

  .mobile-mb-60 {
    margin-bottom: 60px;
  }

  .mobile-mt-60 {
    margin-top: 60px;
  }

  .mobile-mb-70 {
    margin-bottom: 70px;
  }

  .mobile-mt-70 {
    margin-top: 70px;
  }

  .mobile-mb-80 {
    margin-bottom: 80px;
  }

  .mobile-mt-80 {
    margin-top: 80px;
  }

  .mobile-mb-90 {
    margin-bottom: 90px;
  }

  .mobile-mt-90 {
    margin-top: 90px;
  }

  .mobile-mb-100 {
    margin-bottom: 100px;
  }

  .mobile-mt-100 {
    margin-top: 100px;
  }

  .mobile-ml-0 {
    margin-left: 0px;
  }

  .mobile-mr-0 {
    margin-right: 0px;
  }

  .mobile-ml-10 {
    margin-left: 10px;
  }

  .mobile-mr-10 {
    margin-right: 10px;
  }

  .mobile-ml-20 {
    margin-left: 20px;
  }

  .mobile-mr-20 {
    margin-right: 20px;
  }

  .mobile-ml-30 {
    margin-left: 30px;
  }

  .mobile-mr-30 {
    margin-right: 30px;
  }

  .mobile-ml-40 {
    margin-left: 40px;
  }

  .mobile-mr-40 {
    margin-right: 40px;
  }

  .mobile-ml-50 {
    margin-left: 50px;
  }

  .mobile-mr-50 {
    margin-right: 50px;
  }

  .mobile-ml-60 {
    margin-left: 60px;
  }

  .mobile-mr-60 {
    margin-right: 60px;
  }

  .mobile-ml-70 {
    margin-left: 70px;
  }

  .mobile-mr-70 {
    margin-right: 70px;
  }

  .mobile-ml-80 {
    margin-left: 80px;
  }

  .mobile-mr-80 {
    margin-right: 80px;
  }

  .mobile-ml-90 {
    margin-left: 90px;
  }

  .mobile-mr-90 {
    margin-right: 90px;
  }

  .mobile-ml-100 {
    margin-left: 100px;
  }

  .mobile-mr-100 {
    margin-right: 100px;
  }

  /* Margin Properties END */

  .web-no-padding {
    padding: 0px !important;
  }

  .mbl-pl-10 {
    padding-left: 10px;
  }

  .mbl-text-cent {
    text-align: center;
    margin-top: 20px;
  }

  .btn-secondary.eco {
    margin: 25px 0px 25px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media screen and (max-width: 768px) {
  .custom-row>.col-tb-100 {
    width: 100%;
    padding: 0px 10px;
  }

  .custom-row>.col-tb-50 {
    width: 50%;
    padding: 0px 10px;
  }

  .custom-row>.col-tb-30 {
    width: 30%;
    padding: 0px 10px;
  }

  .custom-row>.col-tb-40 {
    width: 40%;
    padding: 0px 10px;
  }

  .custom-row>.col-tb-60 {
    width: 60%;
    padding: 0px 10px;
  }

  .custom-row>.col-tb-70 {
    width: 70%;
    padding: 0px 10px;
  }

  .custom-col-mob-30.sml-mbl-hid,
  .custom-col-27.sml-mbl-hid {
    display: none;
  }

  .custom-col-53.sml-mbl-full {
    width: 100%;
  }

  .custom-row.sml-mbl-hid {
    display: none;
  }

  .tb-justify-center {
    justify-content: center;
  }

  .tb-align-center {
    align-items: center;
  }

  .tb-align-start {
    align-items: flex-start;
  }

  .tb-align-inherit {
    align-items: inherit;
  }

  .tb-column {
    flex-direction: column;
  }

  .new-category.tb-column {
    flex-direction: row;
  }

  .tb-flex-dr {
    flex-direction: column-reverse;
  }

  .tb-mb-40 {
    margin-bottom: 40px;
  }

  .tb-ml-0 {
    margin-left: 0;
  }

  .tb-mb-0 {
    margin-bottom: 0;
  }

  .tb-mb-20 {
    margin-bottom: 20px;
  }

  .tb-mt-20 {
    margin-top: 20px;
  }

  .sm-mt-10 {
    margin-top: 10px;
  }

  .tb-text-center {
    text-align: center !important;
  }

  .tb-gap-20 {
    gap: 20px;
  }

  .tb-gap-10 {
    gap: 10px;
  }

  .tb-gap-15 {
    gap: 15px;
  }

  .tb-hidden {
    display: none !important;
  }
}

@media screen and (max-width: 678px) {
  .form-cols-2 {
    width: 100% !important;
  }

  .flex-48 {
    flex: 0 0 100%;
  }

  .form-cols-4 {
    width: 100% !important;
  }

  .form-cols-3 {
    width: 100% !important;
  }

  .pos-relative .math-wrap {
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 560px) {
  .custom-row>.col-sm-100 {
    width: 100%;
    padding: 0px 10px;
  }

  .custom-row>.col-sm-55 {
    width: 55%;
    padding: 0px 10px;
  }

  .custom-row>.col-sm-50 {
    width: 50%;
    padding: 0px 10px;
  }

  .custom-row>.col-sm-45 {
    width: 45%;
    padding: 0px 10px;
  }

  .mobile-mt-30 {
    margin-top: 30px;
  }

  .sm-mobile-mb-20 {
    margin-bottom: 20px;
  }

  .sm-mobile-mt-50 {
    margin-top: 50px;
  }

  .mobile-no-padding {
    padding: 0 !important;
  }

  .sml-mbl-text-center {
    text-align: center !important;
  }

  .sm-justify-center {
    justify-content: center;
  }

  .sm-flex-column {
    flex-direction: column !important;
  }

  .sm-gap-30 {
    gap: 30px;
  }

  .form-cols-4 {
    width: 100%;
  }

  .form-cols-3 {
    width: 100%;
  }

}