/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.author {
background: #1C1C1E;
    color:white;
   
}

.author_wrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 30px 0px;
}
.author_text-subtitle span{
display:block;
    position:relative;
    margin-bottom:20px;
     font-weight: 400;
}
.author_text-subtitle {
padding-left:20px;
}
.author_text-subtitle,
.author_text-title
{
	font-size: 24px;
}
.author_text-subtitle span:before {
content:"";
    position:absolute;
    width: 12px;
    height:12px;
    border-radius:50%;
    background: #FED700;
    top:7px;
    left:-20px;
}
.author_speak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.author_img {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.author_img img {
  width: 80%;
}

.author_text {
  padding: 0px 20px 0;
  width: 57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.author_text-title {
  margin-bottom: 10px;
}

.author_text-name {
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 700;
  border-bottom: 3px solid #FFD500;  
  padding-bottom: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.author_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;
  margin-bottom: 30px;
}

.author_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
    padding: 15px 30px 20px;
    width: 24%;
    gap: 10px;
    border: 3px solid #FFD500;
    border-radius: 20px;
}

.author_item-num {
  font-size: 36px;
  font-weight: 700;
}

.author .sm-txt {
  font-size: 22px;
}

.author_item-txt {
 font-size: 15px;
}
.authorj_wrap {
    padding: 0 20px 60px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.author_j {
    max-width: 1200px;
    background:white;
    color:black;
    border-radius:20px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 30px;
}

.author_j-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 30px;
}

.author_j-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      gap:40px;
}

.author_j-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
}

.author_j-img img {
  max-width: 100%;
}

.author_j-img:nth-child(3){
   margin-top:10px;
}
.author_j-img:nth-child(4){
   margin-bottom:0px;
}

@media (max-width: 1200px) {

  .author_text-name {
    margin-bottom: 20px;
  }
  .author hr {
    margin-bottom: 20px !important;
  }
    .author_item {
    padding: 15px 20px 20px;
    width: 49%;
}
.author_item-num {
  font-size: 28px;
}
.author_info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
    .author_j-title {
  font-size: 30px;
}
}

@media (max-width: 750px) {
    .author_text-subtitle {
    margin-bottom: 20px;
    }
 .author_wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 15px 0px;
}
  .author_speak {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .author_img {
    width: 100%;
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
  }
  .author_img img {
    max-width: 100%;
    width: 300px;
  }
  .author_text {
    width: 100%;
    padding: 0px;
  }

  .author_j-title {
    font-size: 24px;
  }
     .author_j-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
         gap: 0px;
  }
  .author_j-img {
    margin-bottom: 28px;
  }
  .author_j-img img {
    max-width: 100%;
  }
 .author_j-img:nth-child(1) img{
  width: 255px;
}
 .author_j-img:nth-child(2) img{
  width: 156px;
}
.author_j-img:nth-child(3) img{
  width: 300px;
}
.author_j-img:nth-child(4) img{
  width: 300px;
}
    .author_j-img:nth-child(3) {
    margin-top: 0px;
}
.author_j-img:nth-child(4) {
    margin-bottom: 0px;
}
    .author_text-subtitle,
.author_text-title
{
	font-size: 20px;
}
}

@media (max-width: 500px) {
    
.author_item {
    padding: 15px 15px 20px;
    width: 100%;
}
  .author_text-name {
    font-size: 24px;
  }

  .author_j-title {
    font-size: 23px;
  }
 
  .author_j {
     padding: 25px 15px 33px;
  }
  .author_info {
    margin-bottom: 10px;
  }
    .author_text-subtitle,
.author_text-title
{
	font-size: 16px;
}
    .author_item-txt {
    max-width: 200px;
}
    .author_text-subtitle {
    margin-bottom: 10px;
}
    .author_text-name {

    padding-bottom: 0px; 

}
}

@media (max-width: 360px) {
    
  .author_j-title {
    font-size: 20px;
  }
}