@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300&display=swap');
  * > .headwrite{
    font-family: Segoe UI;
  }
  footer{
    color: #fff;
  }
  .cards_test span p span{
    font-family: Segoe UI !important;
}

  .head_line_one{
    height: 2px;
    width: 100%;
    background: rgb(204,220,207);
    background: linear-gradient(90deg, rgba(204,220,207,1) 15%, rgba(247,247,247,1) 15%);
    bottom: -0.4rem;
  }
  .head_line_two{
    background: rgb(204,220,207);
    background: linear-gradient(90deg, rgb(33,160,47,0.7) 30%, rgba(247,247,247,1) 30%);
    bottom: -0.8rem;
  }
  .section_card_one{
    background-color: rgb(33,160,47);
    border-radius: 10px;
    font-size: 1.2rem;
    color: rgb(247,247,247);
    transition: ease-in-out 0.3s;
  }
  .section_card_one:hover{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(5px) translateZ(0.05px);
    box-shadow: 0px 0px 20px -10px rgb(33,160,47 , 1);
  }
  .section_card_one p{
    line-height: 1.2;
    margin-bottom: 0 !important;
}
.img_card_head{
  margin-bottom: 1.5rem;
  text-align: center;
}
.img_card_head img{
  width: 100px;
  height:100px;
}
  .col-xl-2:nth-child(even) .section_card_one{
    background-color: rgb(247,247,247);
    color: rgb(33,160,47);
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .circle{
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1000;
  }
  .circle .iconify{
    color: rgb(33,160,47);
  }
  .statistics h1{
    color: rgb(42,154,55);
  }
  .statistics_link{
    border-color: rgb(42,154,55) !important;
    font-weight: 600;
    line-height: 1.2
  }
  .statistics_link a, .cards a{
    text-decoration: none;
    color: rgb(42,154,55);
    font-weight: bold;
    transition: 0.3s;
  }
  .statistics_link a:hover, .cards a:hover{
    text-decoration: underline;
  }

  .tasks .cards p{
    display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .tasks .cards{
    background-color: rgb(249,249,249);
    border-radius: 10px
  }
  .btn_next .iconify, .btn_prev .iconify{
    color: rgb(42,154,55);
    transition: 0.3s;
  }
  .btn_next:hover, .btn_prev:hover{
    background:  rgb(42,154,55);
  }
  .btn_next:hover .iconify, .btn_prev:hover .iconify{
    color: rgb(255,255,255);
  }
  .btn_next, .btn_prev{
    position: absolute;
    bottom: -40px;
    right: 0;
    background: inherit;
    border: 1px solid rgb(42,154,55);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition: 0.3s;
  }
  .btn_prev {
    right: 50px;
    z-index: 100;
  }
  .sertificate .img_card{
    width: 100%;
    overflow: hidden;
    height: 350px;
  }
  .sertificate img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .sertificate, .tasks {
    height: 370px;
  }
  footer a{
    text-decoration: none;
    color: #fff;
  }
  footer a:hover{
    color: #fff;
    text-decoration: underline;
  }







  .head_section{
    width: 100%;
    height: 70vh;
    position: relative;
    overflow: hidden;
  }
  .black_back{
    /* background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); */
    /* background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%), url(../img/dots-black.svg); */
    background-color: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23303030' fill-opacity='0.38' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    height: 100vh;
    background-size: 6px;
    background-repeat: repeat;
    position:absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    z-index: -3;
  }


.shape1 {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: calc(30% + 380px);
  height: 100%;
  mix-blend-mode: overlay;
  background-color: green transparent 100%;
  background-image: url("https://www.transparenttextures.com/patterns/dark-fish-skin.png");
  background-image: linear-gradient(100deg, #106136 50%, transparent 50%) */


    background: rgb(42,154,55);
    width: 1100px;
    height: 3000px;
    position: absolute;
    left: -700px;
    top: -1000px;
    opacity: .3;
    background-blend-mode: overlay;
    transform: rotate(25deg);
    z-index: -1;
}

.shape2 {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: calc(30% + 600px);
  height: 100%;
  mix-blend-mode: overlay;
  background-color: green transparent 50%;
  background-image: url("https://www.transparenttextures.com/patterns/dark-fish-skin.png");
  background-image: linear-gradient(100deg, #106136 60%, transparent 50%) */
  background-image: linear-gradient(25deg, rgb(42,154,55), rgb(42,154,55));
        width: 1100px;
        height: 3000px;
        position: absolute;
        transform: rotate(25deg);
        left: -600px;
        top: -700px;
        opacity: .2;
        z-index: -2;
}

  .head_section .video_cont{
    width: 100%;
    height: 100vh;
    top:0;
    left:0;

    position: absolute;
    z-index: -4;

  }
   .head_section .video_cont video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
   }

  .head_text{
   width: 100%;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;

  }

  .head_text h1, .head_text p{
    color: #fff;
    letter-spacing: 3px;
  }
  .head_text p{
    font-size: 2rem;
  }


.container p span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}

.button1 {
  /* top: 0;
  position: relative;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 9px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;

  border-radius: 5px;
  transform: skew(-10deg); */
  margin-top: 2rem;
  font-size: 22px ;
  vertical-align: middle;
    background: rgb(33,160,47, 0.3);
    border: solid rgb(255,255,255);
    border-radius: 7px;
    color: #ffffff;
    text-align: center;
    padding: 10px 2rem;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0px 0px 20px 0px rgb(33,160,47 , 0.3);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    backdrop-filter: blur(10px);
    transition: .2s ease-in;
    display: inline-flex;
    justify-content: center;
    align-items:center;
    text-decoration: none;
}
.button1:hover{
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(2px) translateZ(0.1px);
    box-shadow: 0px 0px 20px 0px rgb(33,160,47 , 1);
    background: rgb(33,160,47, 0.7);
    color:#fff;
}

.container p span.cursor.typing {
  animation: none;
}

.container p span.cursor.typing {
  animation: none;
}

@keyframes blink {
  0% {
      background-color: #ccc;
  }

  49% {
      background-color: #ccc;
  }

  50% {
      background-color: transparent;
  }

  99% {
      background-color: transparent;
  }

  100% {
      background-color: #ccc;
  }
}



.headwrite {
  width: 100%;
   height: 80vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
  text-align: left;
  font-family: "Montserret", "Segoe UI", sans-serif !important;
  font-size: 2.5vw;
  text-transform: uppercase;
  color: white;
  text-shadow: 1px 1px grey;
  padding-left: 5rem;
}
.headwrite b{
  font-size: 3.8vw;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
}

.btn_zakaz1{
  border: 1px solid rgb(33,160,47);
  background-color: rgb(247,247,247);
  color: rgb(33,160,47);
  transition: 0.3s;


}
.btn_zakaz1:hover{
  border: 1px solid rgb(247,247,247);
  background-color: rgb(33,160,47);
  color: rgb(247,247,247);
}
@media (min-width: 1620px){
  .container {
      max-width: 1536px;
  }
  .shape1 {

    width: 1100px;
    height: 4000px;

}

.shape2 {

        width: 1200px;
        height: 4000px;

}



}
@media (min-width: 1920px){
  .container {
      max-width: 1720px;
  }


.shape1 {

    width: 1200px;
    height: 4000px;

}

.shape2 {

        width: 1300px;
        height: 4000px;

}


}

@media(max-width: 1536px){
  .section_card_one{
    font-size: 1rem;

  }
  h4{
    font-size: 1.3rem
  }
  .black_back{

    background-size: 4px;

  }
}

@media (max-width: 1024px){
  .black_back{

    background-size: 2px;

  }

.button1 {

    font-size: 20px;
      background: rgb(33,160,47, 0.3);
      border: 2px solid rgb(255,255,255);
      padding: 0.4rem 1.5rem;
  }


  .headwrite {
    font-size: 2.3rem;
  }
  .headwrite b{
    font-size: 3rem;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
  }


}
@media (max-width: 860px){

.button1 {

  font-size: 18px;
    background: rgb(33,160,47, 0.3);
    border: 2px solid rgb(255,255,255);
    padding: 0.3rem 1.5rem;
}


.headwrite {
  font-size: 2rem;
  padding-left: 0rem;
}
.headwrite b{
  font-size: 2.5rem;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
}
  .shape1 {

    width: 80%;

  }

  .shape2 {

    width: 100%;

  }
}