行数指定のコードが効いていない

説明の文字の部分を二枚目のような文字の表示の仕方にしたかったので、その部分に display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
をかけたのですが、上手く行きませんでした。何か他のコードに原因があるのでしょうか？
回答よろしくお願いいたします。

  <section class="hako2">
      <div class="news">
        <h2>NEWS</h2>
       </div>
        <div class="product-detail">
        <h3>MORE</h3>
     </div>
    </section>
 

   <!-- 画像と文字の横並び -->
   

<div class="wrap">
  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2021/09/paspol_closing-2-800x450.jpg" alt="lastsale"></div>
    <div class="right-text">
      <p class="title">【セール情報あり】PAS-POLオンラインショップ閉店のお知らせ</p>
      <p class="text">
        いつも、PAS-POLのサイトをご覧いただきありがとうございます。突然ではございますが、この度2021年9月30日をもちまして、PAS-POL公式オンラインショップを閉鎖する運びとなりました。（※PAS-POLのブランドがなくなるわけではありません）
         
        2015年の夏からスタートしたオンラインショップですが、旅が好きな方、TABIPPOを知ってくださってる方、ライフスタイルにこだわりたい方、などたくさんの方にPAS-POLの商品を公式ショップにて購入いただいたこと、と…</p>
    </div>

  </div>
  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2021/07/summer_postcard-2.jpg" alt="lastsale"></div>
    <div class="right-text">
      <p class="title">【募集期間延長】人気の絶景ポストカード製作中！日本の「夏」の絶景を大募集します</p>
      <p class="text">こんにちは、TABIPPOの中　美砂希です。
東急ハンズやLOFTにて販売されている、旅好きな方とつくってきたPAS-POLの絶景ポストカードですが、制作が再開しましたのでお知らせいたします。

今回の制作は、四季に合わせて募集をしています。年間を通して募集をするので、彩り豊かな四季折々の写真のご応募をお待ちしております。第二弾は、夏の風景写真を募集いたします！

現在の予定では以下のスケジュールで募集を行い（変更の可能性あり）、夏以降募集の際にはまた、改めてお知ら
</p>
    </div>

  </div>
  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2021/05/springphoto.jpg" alt="lastsale"></div>
    <div class="right-text">
      <p class="title">【募集期間延長】人気の絶景ポストカードの制作が再スタート！日本の「春」の絶景を大募集します</p>
      <p class="text">こんにちは、TABIPPOの中　美砂希です。

        東急ハンズやLOFTにて販売されている、旅好きな方とつくってきたPAS-POLの絶景ポストカードですが、久しぶりに制作が決定しましたのでお知らせいたします。
        今回の制作は、四季に合わせて募集をしていきます。年間を通して募集をするので、彩り豊かな四季折々の写真のご応募をお待ちしております。まずは、春の風景写真を募集いたします！

        現在の予定では以下のスケジュールで募集を行い（変更の可能性あり）、春以降募集の際にはまた、改めてお知らせをいたします。</p>
    </div>

  </div>
  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2020/12/2020-12-10-16.59.15.jpg" alt="lastsale"></div>
    <div class="right-text">
      <p class="title">新年を新たな気持ちで迎える！PAS-POLより、人気商品が詰まった「選べる」福袋の発売がスタート</p>
      <p class="text">今年は、いろんなことがあった1年でした。2021年は、もっと笑ってもっと楽しむ1年に。

        世界の旅先に想いを馳せて、日本の魅力を再発見した2020年。旅ができることは当たり前じゃなかった。そんなことを気付かされた年になりました。
        
        来年こそは、徐々に国内外を自由に行き来することができますように。
        
        未来への予定を立てたり、絶景を眺めながらあこがれの場所や再訪したい場所をピックアップしたり。ワクワクした気持ちになって新たな気持で新年を迎えられるPAS-POLグッズを詰め込み、2種類の福袋をご用意いたしま</p>
    </div>

  </div>
  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2020/10/th_shutterstock_756071179.jpg" alt="lastsale"></div>
    <div class="right-text">
      <p class="title">【10/7募集箇所更新】世界遺産フォトグラファーとつくる『365日世界遺産絶景の旅』。不足場所の「旅人の声」を募集中！</p>
      <p class="text">現在制作中の「世界遺産」だけを365箇所集めた書籍『365日世界遺産絶景の旅』に掲載する、旅人の声を9月末まで募集しておりました。

        約100名の方からたくさんの感想コメントをいただき、365箇所分のうち、211箇所まで集まりました。ご応募いただいたみなさま、本当にありがとうございます…！
        
        しかし、あと132箇所が残っている状態です…なんとか、365箇所まで近づけたく、募集期間を延長することにしました。（募集するのは不足場所のみとなります）
        
        この場所に行ったことがある！という方は、感想コメントをご</p>
    </div>

  </div>

  <div class="box">
    <div class="img"><img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2020/09/sekaiisan_tabibitonokoe2.jpg" alt=""></div>
    <div class="right-text">
      <p class="title">『365日 世界遺産 絶景の旅』旅人の声募集箇所一覧</p>
      <p class="text"> 
        ヨーロッパ
        サンマリノ
        １、サンマリノ歴史地区とティターノ山
        イタリア
        2、フィレンツェ歴史地区
        3、ドロミーティ
        4、ピサのドゥオモ広場
        5、ポルトヴェネーレ、チンクエテッレ及び小島群
        6、ローマ歴史地区、教皇領とサン・パオロ・フオーリ・レ・ムーラ大聖堂
        7、オルチア渓谷
        8、アルベロベッロのトゥルッリ
        9、アマルフィ海岸
        10、ヴェネツィアとその潟
        バチカン
        11、バチカン市国
        マルタ
        12、ヴァレッタの市街
        スイス
        13、アルプス ユ</p>
    </div>
  </div>
  </div>

css
1.profile2 {
2  margin-bottom: 120px;
3}
4
5
6/* 背景色 */
7
8.hako2 {
9  display: flex;
10  justify-content: center;
11  background-color: #f6f6f6;
12  /* margin: 0px; */
13}
14
15@media screen and (max-width:450px) {
16  .hako2 {
17    display: flex;
18    flex-direction: column;
19  }
20  }
21
22
23/* 4ページ目ニュース */
24
25.wrap {
26  background-color: #f6f6f6;
27  overflow: hidden; 
28}
29
30@media screen and (max-width:450px) {
31  .wrap {
32    display: flex;
33    flex-direction: column;
34  }
35  }
36
37
38.news h2 {
39  /* 文字の幅 */
40  display: block;
41  background-color: #f6f6f6;
42  margin: 120px 0px 50px 0px;
43  position: relative;
44  left: -300%;
45  font-size: 30px;
46  font-weight: normal;
47  /* 下の波線img */
48  background: url(https://pas-pol.jp/wp-content/themes/pas-pol/dist/img/sectionTitle-underLine@2x.png) no-repeat;
49  background-size: 68px 8px; 
50  background-position: 0 bottom;
51  padding-bottom: 17px;
52  line-height: 1;
53  font-family: "Gill Sans Std Book", sans-serif;
54  letter-spacing: 0.1em;
55}
56
57@media screen and (max-width:450px) {
58  .news h2 {
59      /* 文字の幅 */
60  display: block;
61  background-color: #f6f6f6;
62  font-weight: normal;
63  /* 下の波線img */
64  background: url(https://pas-pol.jp/wp-content/themes/pas-pol/dist/img/sectionTitle-underLine@2x.png) no-repeat;
65  background-size: 68px 8px; 
66  background-position: 0 bottom;
67  padding-bottom: 17px;
68  line-height: 1;
69  font-family: "Gill Sans Std Book", sans-serif;
70  letter-spacing: 0.1em;
71  width: 90%;
72  position: relative;
73  top: -20px;
74  left: 130px;
75  }
76  }
77
78.wrap {
79padding-bottom: 90px;
80}
81
82@media screen and (max-width:450px) {
83  .wrap {
84    padding-bottom: 30px;
85  }
86  }
87
88.wrap .box {
89  display: flex;
90  position: relative;
91  right: -21%;
92}
93
94.box {
95  margin-bottom: 90px;
96}
97
98@media screen and (max-width:450px) {
99  .box  {
100    margin-bottom: 0px;
101    flex-direction: column;
102  }
103  }
104
105.box img {
106  width: 320px;
107  margin: 20px 0 0 0;
108}
109
110@media screen and (max-width:450px) {
111  .box .img {
112    width: 50%;
113    max-width: 320px;
114    margin-top: 0px;
115    position: relative;
116    right: 50px;
117  }
118  }
119
120 
121.wrap .box .right-text {
122  margin-left: 30px;
123  width: 50%;
124}
125
126
127
128.right-text .title {
129  font-size: 18px;
130  line-height: 31px;
131  font-weight: 700;
132  letter-spacing: 1.8px;
133  font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;;
134}
135
136.right-text .text {
137  color: #656c6e;
138  font-size: 13px;
139  line-height: 21px;
140  font-weight: 400;
141  display: -webkit-box;
142	-webkit-line-clamp: 7;
143	-webkit-box-orient: vertical;
144	overflow: hidden;
145  font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;;
146}
147
148@media screen and (max-width:450px) {
149  .right-text .text {
150    color: #656c6e;
151    font-size: 13px;
152    line-height: 22px;
153    font-weight: 400;
154  }
155  }