#youtube-videos-page{
position: absolute;
width: 1512px;
height: 2331px;
left: 0px;
top: 110px;

background: #FFFFFF;

}
#title-youtube-container{
    /* محاضرات */

position: absolute;
width: 137px;
height: 48px;
left: 1282px;
top: 60px;

font-weight: 600;
font-size: 32px;
line-height: 48px;
/* identical to box height */

color: #000000;
}

#line-title{
    /* Line 14 */

position: absolute;
width: 61px;
height: 3px;
left: 1358px;
top: 106px;

background: #D9D9D9;

}
#youtube-link-page{
/* Rectangle 4185 */

position: absolute;
width: 204px;
height: 48px;
left: 113px;
top: 58px;

background: #D9D9D9;
border-radius: 35px;

}
#youtube-label-btn{
    /* مزيد */

position: absolute;
width: 59px;
height: 45px;
left: 104px;
top: 3px;

font-weight: 600;
font-size: 30px;
line-height: 45px;
/* identical to box height */

color: #000000;

}
#youtube-img-btn{
    /* Youtube*/

position: absolute;
width: 60px;
height: 48px;
left: 23px;
top: 0px;


}
#youtube-video-1{
    /* Rectangle 4184 */

left: 914px;
top: 157px;

}
#youtube-video-2{
    /* Rectangle 4184 */    

left: 113px;
top: 157px;
}
#youtube-video-3{
    /* Rectangle 4184 */

left: 914px;
top: 849px;

}
#youtube-video-4{
    /* Rectangle 4184 */

left: 113px;
top: 849px;

}
#youtube-video-5{
    /* Rectangle 4184 */

left: 914px;
top: 1524px;

}
#youtube-video-6{
    /* Rectangle 4184 */

left: 113px;
top: 1524px;
}
#pagination-container{ 
  position: absolute;
  width: 367px;
  height: 38px;
  left: 624px;
  top: 2206px;

  background: #D9D9D9;
  border-radius: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; /* space between page numbers */
  font-size: 18px;
}

#pagination-container .page-num {
  text-decoration: none;
  color: #000;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

#pagination-container .page-num:hover {
  font-weight: 600;
  transform: scale(1.1);
}

#pagination-container .page-num.active {
  font-weight: 700;
  background: green;
  padding: 4px 10px;
  border-radius: 50%;
  color: #000;
}