@font-face {
  font-family: "Segoe UI Bold";
  src: url("../../../css/fonts/segoe-ui-bold.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI Light";
  src: url("../../../css/fonts/segoe-ui-light.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI SemiLight";
  src: url("../../../css/fonts/segoe-ui-semilight.ttf") format("truetype");
  font-style: normal;
}

.telegram-bots-section {
    padding: 175px 40px;
    font-family: 'Segoe UI Light', sans-serif;
    background-repeat: no-repeat;
}

.telegram-bots-section__container {
    margin: 0 auto;
    max-width: 1226px;
}

.telegram-bots-section__main-content {
    max-width: 615px;
}

.telegram-bots-section__slogan {
    margin-left: 6px;
    margin-bottom: 14px;
    display: flex;
    font-family: "Segoe UI Light", sans-serif;
     align-items: center;
     gap: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 19.95px;
    text-align: left;
}

.telegram-bots-section__title {
    padding-bottom: 25px;
    font-family: "Segoe UI Bold", sans-serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
    text-align: left;
    background-image: url('../img/underline.svg');
    background-repeat: no-repeat;
    background-position: bottom 30px right 65px;
}

.telegram-bots-section__paragraph {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23.94px;
    text-align: left;
}


.telegram-bots-section__list {
  margin: 10px 0 15px 6px;
  list-style-type: none;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.telegram-bots-section__list-item {
  font-family: "Segoe UI SemiLight", sans-serif;
  position: relative;
  font-size: 17px;
  color: inherit;
}

.telegram-bots-section__list-item::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-57%);
  width: 15px;
  height: 15px;
  background: url("../img/list-type.svg") no-repeat center;
  background-size: contain;
}

.telegram-bots-section__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 57px;
    width: 220px;
    margin-top: 25px;
    position: relative;
    font-size: 18px;
    font-weight: 350;
    line-height: 23.94px;
    text-transform: uppercase;
    color: #000000;
      border: 2.5px solid transparent;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01A5DF), to(#B1DE8D));
  -webkit-border-image: -webkit-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  -moz-border-image: -moz-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  -o-border-image: -o-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  border-image: linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  background: none;
  border-image-slice: 1;
  text-decoration: none;
}


.telegram-bots-section span {
  position: relative;
  z-index: 1;
}

.telegram-bots-section__btn::before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#01A5DF), to(#B1DE8D));
  background: -webkit-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  background: -moz-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  background: -o-linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  background: linear-gradient(90deg, #01A5DF 0%, #B1DE8D 100%);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}

 a.telegram-bots-section__btn:focus {
    color: #ffffff;
    text-decoration: none !important;
  }
  
a.telegram-bots-section__btn:focus::before {
    opacity: 1;
  }

@media (hover: hover) and (pointer: fine) {
    
  a.telegram-bots-section__btn:hover {
    color: #ffffff;
    text-decoration: none !important;
  }
  
  a.telegram-bots-section__btn:hover::before {
    opacity: 1;
  }