/*---------------------Roots-----------------*/

:root {
  ---red: #e9413a;
  ---white: #ffffff;
  ---grey: #4a4a4a;
  ---black: #134ba1;
  --lightgrey: #858585;
  ---border: #eeeeee;
  ---yellow: #ffe127;
}

/*---------------------Roots-----------------*/


.all-detail .container .text h1 {
  font-size: 60px;
  color: var(---black);
}

.all-detail .container .text span {
  color: var(---red);
}

.all-detail .container .text p {
  font-size: 16px;
  color: var(---black);
  line-height: 40px;
  font-weight: 600;
  margin-top: 20px;
}

.all-detail .container .text h3 {
  color: var(---black);
  font-size: 25px;
  margin-top: 20px;
}

.all-detail .container .text {
  margin-top: 30px;
}



@media (max-width:920px) {

  .all-detail .container .text h1 {
    font-size: 50px;
  }

  .all-detail .container .text p {
    font-size: 18px;
    color: var(---black);
    line-height: 40px;
    margin-top: 15px;
  }

  .all-detail .container .text h3 {
    font-size: 25px;
    margin-top: 15px;
  }

  .all-detail .container .text {
    margin-top: 20px;
  }

}

@media (max-width:920px) {

  .all-detail .container .text h1 {
    font-size: 50px;
  }

  .all-detail .container .text p {
    font-size: 16px;
    color: var(---black);
    line-height: 40px;
    margin-top: 15px;
  }

  .all-detail .container .text h3 {
    font-size: 22px;
    margin-top: 15px;
  }

  .all-detail .container .text {
    margin-top: 20px;
  }

}


@media (max-width:550px) {

  .all-detail .container .text h1 {
    font-size: 35px;
  }

  .all-detail .container .text p {
    font-size: 11px;
    line-height: 30px;
    margin-top: 10px;
  }

  .all-detail .container .text h3 {
    font-size: 16px;
    margin-top: 10px;
  }

  .all-detail .container .text {
    margin-top: 15px;
  }

}

@media (max-width:430px) {

  .all-detail .container .text h1 {
    font-size: 30px;
  }

  .all-detail .container .text p {
    font-size: 8px;
    line-height: 20px;
    margin-top: 10px;
  }

  .all-detail .container .text h3 {
    font-size: 12px;
    margin-top: 10px;
  }

  .all-detail .container .text {
    margin-top: 15px;
  }

}

@media (max-width:400px) {

  .all-detail .container .text h1 {
    font-size: 25px;
  }

  .all-detail .container .text p {
    font-size: 6.8px;
    line-height: 16px;
    margin-top: 5px;
  }

  .all-detail .container .text h3 {
    font-size: 10px;
    margin-top: 10px;
  }

  .all-detail .container .text {
    margin-top: 10px;
  }

}