* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

.topsection-0 {
  padding-top: 0px !important;
}

.bottomsection-0 {
  padding-bottom: 0px !important;
}

.topsection-1 {
  padding-top: 1px !important;
}

.bottomsection-1 {
  padding-bottom: 1px !important;
}

.topsection-2 {
  padding-top: 2px !important;
}

.bottomsection-2 {
  padding-bottom: 2px !important;
}

.topsection-3 {
  padding-top: 3px !important;
}

.bottomsection-3 {
  padding-bottom: 3px !important;
}

.topsection-4 {
  padding-top: 4px !important;
}

.bottomsection-4 {
  padding-bottom: 4px !important;
}

.topsection-5 {
  padding-top: 5px !important;
}

.bottomsection-5 {
  padding-bottom: 5px !important;
}

.topsection-6 {
  padding-top: 6px !important;
}

.bottomsection-6 {
  padding-bottom: 6px !important;
}

.topsection-7 {
  padding-top: 7px !important;
}

.bottomsection-7 {
  padding-bottom: 7px !important;
}

.topsection-8 {
  padding-top: 8px !important;
}

.bottomsection-8 {
  padding-bottom: 8px !important;
}

.topsection-9 {
  padding-top: 9px !important;
}

.bottomsection-9 {
  padding-bottom: 9px !important;
}

.topsection-10 {
  padding-top: 10px !important;
}

.bottomsection-10 {
  padding-bottom: 10px !important;
}

.topsection-11 {
  padding-top: 11px !important;
}

.bottomsection-11 {
  padding-bottom: 11px !important;
}

.topsection-12 {
  padding-top: 12px !important;
}

.bottomsection-12 {
  padding-bottom: 12px !important;
}

.topsection-13 {
  padding-top: 13px !important;
}

.bottomsection-13 {
  padding-bottom: 13px !important;
}

.topsection-14 {
  padding-top: 14px !important;
}

.bottomsection-14 {
  padding-bottom: 14px !important;
}

.topsection-15 {
  padding-top: 15px !important;
}

.bottomsection-15 {
  padding-bottom: 15px !important;
}

.topsection-16 {
  padding-top: 16px !important;
}

.bottomsection-16 {
  padding-bottom: 16px !important;
}

.topsection-17 {
  padding-top: 17px !important;
}

.bottomsection-17 {
  padding-bottom: 17px !important;
}

.topsection-18 {
  padding-top: 18px !important;
}

.bottomsection-18 {
  padding-bottom: 18px !important;
}

.topsection-19 {
  padding-top: 19px !important;
}

.bottomsection-19 {
  padding-bottom: 19px !important;
}

.topsection-20 {
  padding-top: 20px !important;
}

.bottomsection-20 {
  padding-bottom: 20px !important;
}

.topsection-21 {
  padding-top: 21px !important;
}

.bottomsection-21 {
  padding-bottom: 21px !important;
}

.topsection-22 {
  padding-top: 22px !important;
}

.bottomsection-22 {
  padding-bottom: 22px !important;
}

.topsection-23 {
  padding-top: 23px !important;
}

.bottomsection-23 {
  padding-bottom: 23px !important;
}

.topsection-24 {
  padding-top: 24px !important;
}

.bottomsection-24 {
  padding-bottom: 24px !important;
}

.topsection-25 {
  padding-top: 25px !important;
}

.bottomsection-25 {
  padding-bottom: 25px !important;
}

.topsection-26 {
  padding-top: 26px !important;
}

.bottomsection-26 {
  padding-bottom: 26px !important;
}

.topsection-27 {
  padding-top: 27px !important;
}

.bottomsection-27 {
  padding-bottom: 27px !important;
}

.topsection-28 {
  padding-top: 28px !important;
}

.bottomsection-28 {
  padding-bottom: 28px !important;
}

.topsection-29 {
  padding-top: 29px !important;
}

.bottomsection-29 {
  padding-bottom: 29px !important;
}

.topsection-30 {
  padding-top: 30px !important;
}

.bottomsection-30 {
  padding-bottom: 30px !important;
}

.topsection-31 {
  padding-top: 31px !important;
}

.bottomsection-31 {
  padding-bottom: 31px !important;
}

.topsection-32 {
  padding-top: 32px !important;
}

.bottomsection-32 {
  padding-bottom: 32px !important;
}

.topsection-33 {
  padding-top: 33px !important;
}

.bottomsection-33 {
  padding-bottom: 33px !important;
}

.topsection-34 {
  padding-top: 34px !important;
}

.bottomsection-34 {
  padding-bottom: 34px !important;
}

.topsection-35 {
  padding-top: 35px !important;
}

.bottomsection-35 {
  padding-bottom: 35px !important;
}

.topsection-36 {
  padding-top: 36px !important;
}

.bottomsection-36 {
  padding-bottom: 36px !important;
}

.topsection-37 {
  padding-top: 37px !important;
}

.bottomsection-37 {
  padding-bottom: 37px !important;
}

.topsection-38 {
  padding-top: 38px !important;
}

.bottomsection-38 {
  padding-bottom: 38px !important;
}

.topsection-39 {
  padding-top: 39px !important;
}

.bottomsection-39 {
  padding-bottom: 39px !important;
}

.topsection-40 {
  padding-top: 40px !important;
}

.bottomsection-40 {
  padding-bottom: 40px !important;
}

.topsection-41 {
  padding-top: 41px !important;
}

.bottomsection-41 {
  padding-bottom: 41px !important;
}

.topsection-42 {
  padding-top: 42px !important;
}

.bottomsection-42 {
  padding-bottom: 42px !important;
}

.topsection-43 {
  padding-top: 43px !important;
}

.bottomsection-43 {
  padding-bottom: 43px !important;
}

.topsection-44 {
  padding-top: 44px !important;
}

.bottomsection-44 {
  padding-bottom: 44px !important;
}

.topsection-45 {
  padding-top: 45px !important;
}

.bottomsection-45 {
  padding-bottom: 45px !important;
}

.topsection-46 {
  padding-top: 46px !important;
}

.bottomsection-46 {
  padding-bottom: 46px !important;
}

.topsection-47 {
  padding-top: 47px !important;
}

.bottomsection-47 {
  padding-bottom: 47px !important;
}

.topsection-48 {
  padding-top: 48px !important;
}

.bottomsection-48 {
  padding-bottom: 48px !important;
}

.topsection-49 {
  padding-top: 49px !important;
}

.bottomsection-49 {
  padding-bottom: 49px !important;
}

.topsection-50 {
  padding-top: 50px !important;
}

.bottomsection-50 {
  padding-bottom: 50px !important;
}

.topsection-51 {
  padding-top: 51px !important;
}

.bottomsection-51 {
  padding-bottom: 51px !important;
}

.topsection-52 {
  padding-top: 52px !important;
}

.bottomsection-52 {
  padding-bottom: 52px !important;
}

.topsection-53 {
  padding-top: 53px !important;
}

.bottomsection-53 {
  padding-bottom: 53px !important;
}

.topsection-54 {
  padding-top: 54px !important;
}

.bottomsection-54 {
  padding-bottom: 54px !important;
}

.topsection-55 {
  padding-top: 55px !important;
}

.bottomsection-55 {
  padding-bottom: 55px !important;
}

.topsection-56 {
  padding-top: 56px !important;
}

.bottomsection-56 {
  padding-bottom: 56px !important;
}

.topsection-57 {
  padding-top: 57px !important;
}

.bottomsection-57 {
  padding-bottom: 57px !important;
}

.topsection-58 {
  padding-top: 58px !important;
}

.bottomsection-58 {
  padding-bottom: 58px !important;
}

.topsection-59 {
  padding-top: 59px !important;
}

.bottomsection-59 {
  padding-bottom: 59px !important;
}

.topsection-60 {
  padding-top: 60px !important;
}

.bottomsection-60 {
  padding-bottom: 60px !important;
}

.topsection-61 {
  padding-top: 61px !important;
}

.bottomsection-61 {
  padding-bottom: 61px !important;
}

.topsection-62 {
  padding-top: 62px !important;
}

.bottomsection-62 {
  padding-bottom: 62px !important;
}

.topsection-63 {
  padding-top: 63px !important;
}

.bottomsection-63 {
  padding-bottom: 63px !important;
}

.topsection-64 {
  padding-top: 64px !important;
}

.bottomsection-64 {
  padding-bottom: 64px !important;
}

.topsection-65 {
  padding-top: 65px !important;
}

.bottomsection-65 {
  padding-bottom: 65px !important;
}

.topsection-66 {
  padding-top: 66px !important;
}

.bottomsection-66 {
  padding-bottom: 66px !important;
}

.topsection-67 {
  padding-top: 67px !important;
}

.bottomsection-67 {
  padding-bottom: 67px !important;
}

.topsection-68 {
  padding-top: 68px !important;
}

.bottomsection-68 {
  padding-bottom: 68px !important;
}

.topsection-69 {
  padding-top: 69px !important;
}

.bottomsection-69 {
  padding-bottom: 69px !important;
}

.topsection-70 {
  padding-top: 70px !important;
}

.bottomsection-70 {
  padding-bottom: 70px !important;
}

.topsection-71 {
  padding-top: 71px !important;
}

.bottomsection-71 {
  padding-bottom: 71px !important;
}

.topsection-72 {
  padding-top: 72px !important;
}

.bottomsection-72 {
  padding-bottom: 72px !important;
}

.topsection-73 {
  padding-top: 73px !important;
}

.bottomsection-73 {
  padding-bottom: 73px !important;
}

.topsection-74 {
  padding-top: 74px !important;
}

.bottomsection-74 {
  padding-bottom: 74px !important;
}

.topsection-75 {
  padding-top: 75px !important;
}

.bottomsection-75 {
  padding-bottom: 75px !important;
}

.topsection-76 {
  padding-top: 76px !important;
}

.bottomsection-76 {
  padding-bottom: 76px !important;
}

.topsection-77 {
  padding-top: 77px !important;
}

.bottomsection-77 {
  padding-bottom: 77px !important;
}

.topsection-78 {
  padding-top: 78px !important;
}

.bottomsection-78 {
  padding-bottom: 78px !important;
}

.topsection-79 {
  padding-top: 79px !important;
}

.bottomsection-79 {
  padding-bottom: 79px !important;
}

.topsection-80 {
  padding-top: 80px !important;
}

.bottomsection-80 {
  padding-bottom: 80px !important;
}

.topsection-81 {
  padding-top: 81px !important;
}

.bottomsection-81 {
  padding-bottom: 81px !important;
}

.topsection-82 {
  padding-top: 82px !important;
}

.bottomsection-82 {
  padding-bottom: 82px !important;
}

.topsection-83 {
  padding-top: 83px !important;
}

.bottomsection-83 {
  padding-bottom: 83px !important;
}

.topsection-84 {
  padding-top: 84px !important;
}

.bottomsection-84 {
  padding-bottom: 84px !important;
}

.topsection-85 {
  padding-top: 85px !important;
}

.bottomsection-85 {
  padding-bottom: 85px !important;
}

.topsection-86 {
  padding-top: 86px !important;
}

.bottomsection-86 {
  padding-bottom: 86px !important;
}

.topsection-87 {
  padding-top: 87px !important;
}

.bottomsection-87 {
  padding-bottom: 87px !important;
}

.topsection-88 {
  padding-top: 88px !important;
}

.bottomsection-88 {
  padding-bottom: 88px !important;
}

.topsection-89 {
  padding-top: 89px !important;
}

.bottomsection-89 {
  padding-bottom: 89px !important;
}

.topsection-90 {
  padding-top: 90px !important;
}

.bottomsection-90 {
  padding-bottom: 90px !important;
}

.topsection-91 {
  padding-top: 91px !important;
}

.bottomsection-91 {
  padding-bottom: 91px !important;
}

.topsection-92 {
  padding-top: 92px !important;
}

.bottomsection-92 {
  padding-bottom: 92px !important;
}

.topsection-93 {
  padding-top: 93px !important;
}

.bottomsection-93 {
  padding-bottom: 93px !important;
}

.topsection-94 {
  padding-top: 94px !important;
}

.bottomsection-94 {
  padding-bottom: 94px !important;
}

.topsection-95 {
  padding-top: 95px !important;
}

.bottomsection-95 {
  padding-bottom: 95px !important;
}

.topsection-96 {
  padding-top: 96px !important;
}

.bottomsection-96 {
  padding-bottom: 96px !important;
}

.topsection-97 {
  padding-top: 97px !important;
}

.bottomsection-97 {
  padding-bottom: 97px !important;
}

.topsection-98 {
  padding-top: 98px !important;
}

.bottomsection-98 {
  padding-bottom: 98px !important;
}

.topsection-99 {
  padding-top: 99px !important;
}

.bottomsection-99 {
  padding-bottom: 99px !important;
}

.topsection-100 {
  padding-top: 100px !important;
}

.bottomsection-100 {
  padding-bottom: 100px !important;
}

.topsection-101 {
  padding-top: 101px !important;
}

.bottomsection-101 {
  padding-bottom: 101px !important;
}

.topsection-102 {
  padding-top: 102px !important;
}

.bottomsection-102 {
  padding-bottom: 102px !important;
}

.topsection-103 {
  padding-top: 103px !important;
}

.bottomsection-103 {
  padding-bottom: 103px !important;
}

.topsection-104 {
  padding-top: 104px !important;
}

.bottomsection-104 {
  padding-bottom: 104px !important;
}

.topsection-105 {
  padding-top: 105px !important;
}

.bottomsection-105 {
  padding-bottom: 105px !important;
}

.topsection-106 {
  padding-top: 106px !important;
}

.bottomsection-106 {
  padding-bottom: 106px !important;
}

.topsection-107 {
  padding-top: 107px !important;
}

.bottomsection-107 {
  padding-bottom: 107px !important;
}

.topsection-108 {
  padding-top: 108px !important;
}

.bottomsection-108 {
  padding-bottom: 108px !important;
}

.topsection-109 {
  padding-top: 109px !important;
}

.bottomsection-109 {
  padding-bottom: 109px !important;
}

.topsection-110 {
  padding-top: 110px !important;
}

.bottomsection-110 {
  padding-bottom: 110px !important;
}

.helvetica {
  font-family: "Helvetica", sans-serif;
}

.ubuntu {
  font-family: "Ubuntu", sans-serif;
}

.opensans {
  font-family: "Open Sans", sans-serif;
}

.dark {
  color: #000036;
}

.orange {
  color: #F63;
}
.white {
  color: #fff;
}
.bg-grey {
  background-color: #FBFBFB;
}
@media (max-width: 900px) {
  .bg-grey {
    padding: 10px !important;
  }
}

.bg-blu {
  background-color: #000036;
}

.logo img {
  width: 436px;
  flex-shrink: 0;
  padding: 38px;
}
@media (max-width: 900px) {
  .logo img {
    width: 100%;
  }
}
@media (max-width: 900px) {
    
    .desktop-view{
      display: none;
                width: 0px;
    }

}

@media (min-width: 900px) {
  
    .mobile-view{
      display: none;
                width: 0px;
    }

}

.hero_section {
  background-image: url("../../asstes/img/slide-landing-CRAL-NETWORK-gassales.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(100vh - 118px);
  padding: 30px 0;
}
@media (max-width: 900px) {
  .hero_section {
    background-position: 49% 0px;
    min-height: calc(60vh - 118px);
  }
}
.hero_section .hero_section_text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  align-items: start;
}
@media (max-width: 900px) {
  .hero_section .hero_section_text {
    gap: 20px;
    padding: 20px;
  }
}
.hero_section .hero_section_text .hero_text-title {
  color: #FFF;
  font-family: "Helvetica", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 900px) {
  .hero_section .hero_section_text .hero_text-title {
    font-size: 40px;
  }
}
.hero_section .hero_section_text .hero_text-body {
  color: #FFF;
  font-family: "Ubuntu", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.hero_section .hero_section_text .haschtag {
  color: #FFF;
  font-family: "Ubuntu", sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 900px) {
  .hero_section .hero_section_text .haschtag {
    font-size: 28px;
  }
}
.hero_section.hero_footer {
  background-image: url("../../asstes/img/bg-prefooter.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: auto;
  padding: 30px 0;
}
.hero_section.hero_footer .hero_section_text {
  gap: 15px;
}

.button_cta {
  width: 278.971px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 9px;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.button_cta.btn-orange {
  background-color: #F63;
}
.button_cta.btn-orange:hover {
  background-color: #000036;
}
.button_cta .cta {
  color: #FFF;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 9px;
  padding: 20px 10px;
  text-decoration: none;
}

.cards.card_service {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cards.card_service .card_pre-title {
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  max-height: 30px;
  margin-bottom: 2em;
  margin-top: 38px;
  max-width: 90%;
}
@media (max-width: 900px) {
  .cards.card_service p {
    text-align: center;
  }
}
.cards .card {
  margin-top: 2em;
  border-radius: 19px;
  background: #F4F4F4;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 367px;
  height: 383px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 48px 33px;
}
@media (max-width: 900px) {
  .cards .card {
    margin-top: 0;
  }
}

.section-spacing {
  padding: 148px 0;
}
@media (max-width: 900px) {
  .section-spacing {
    padding: 38px 0;
  }
}

.text-section {
  max-width: 739px;
}
.text-section * {
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.image_text-content {
  gap: 30px;
}
.image_text-content .image_content img {
  border-radius: 20px;
}
.image_text-content .text_content .text_inner .small {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.image_text-content .text_content .text_inner .information {
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.image_text-content .text_content .text_inner ul.ul {
  padding: 20px;
}
.image_text-content .text_content .text_inner ul.ul li {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 30px;
}
@media (max-width: 900px) {
  .image_text-content .text_content .text_inner ul.ul li {
    word-break: break-word;
  }
}
.image_text-content .text_content .pdf_donwload .text a {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
}
.image_text-content .text_content .pdf_donwload .text a:hover {
  color: #F63;
}
.image_text-content .text_content .small_description {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: normal;
}

.btngrp {
  gap: 20px;
}
@media (max-width: 900px) {
  .btngrp {
    flex-wrap: wrap;
  }
}
.btngrp .btn {
  border-radius: 9px;
  padding: 12px;
}
@media (max-width: 900px) {
  .btngrp .btn {
    width: 100%;
  }
}
.btngrp .btn a {
  font-size: 15px;
}

.last-information p {
  font-size: 18px;
}
.last-information p a:hover {
  color: #F63;
}

.absolute-text {
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
}
.absolute-text h4 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.absolute-text p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.absolute-text span {
  font-weight: bold;
}

.gap-row {
  gap: 30px;
}

.footer .credits {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.footer .credits a {
  text-decoration-line: underline;
  color: #F4F4F4;
  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.footer .credits a:hover {
  color: #F63;
}

@media (min-width: 1000px) and (max-width: 1400px) {
  .card_pre-title.last {
    margin-top: 70px !important;
    margin-bottom: 0px !important;
  }
}/*# sourceMappingURL=style.css.map */