/* fonts */
@font-face{
  font-family: 'arabic-ciro';
  src: url(../fonts/Rubik-Medium.ttf);
}
@font-face{
  font-family: 'magdyfont';
  src: url(../fonts/ArefRuqaaInk-Bold.ttf);
}
@font-face{
  font-family: 'readex-pro-p-newspage';
  src: url(../fonts/Rubik-Medium.ttf);
}
@font-face{
  font-family: 'readex-pro-p-cards';
  src: url(../fonts/Rubik-Regular.ttf);
}
@font-face{
  font-family: 'readex-pro-h2-cards';
  src: url(../fonts/Rubik-Medium.ttf);
}
@font-face{
  font-family: 'DG-Sahabah-Reg-1';
  src: url(../fonts/DG-Sahabah-Reg-1.ttf);
}

@font-face{
  font-family: 'ReemKufi-Bold1';
  src: url(../fonts/fonts/ReemKufi-Bold.ttf);
}
@font-face{
  font-family: 'ReemKufi-Bold3';
  src: url(../fonts/fonts/ReemKufi-Medium.ttf);
}
@font-face{
  font-family: 'ReemKufi-Bold4';
  src: url(../fonts/fonts/ReemKufi-Regular.ttf);
}
@font-face{
  font-family: 'ReemKufi-Bold2';
  src: url(../fonts/fonts/ReemKufi-SemiBold.ttf);
}

/* Clean start code */
*{
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    box-sizing: border-box;
}
body{
  transition: .4s ease-in-out;
}
.pb-60{
  margin-top:8rem !important;
}
 ::selection{
  color: #fff;
  background-color: #000;
}
/* start-scroll web style */
::-webkit-scrollbar{
  width: 9px;
  background-color: black;
}
::-webkit-scrollbar-thumb{
  border-radius: 50px;
  background: darkgray;
}
::-webkit-scrollbar-thumb:hover{
  background-color:rgb(106, 106, 106);
}
/* end-scroll web style */
/* start smooth scroll */
html {
  scroll-behavior: smooth;
}
/* end smooth scroll */

/* Clean End code */

#about h2{
  font-size: 50px;
  font-family: 'ReemKufi-Bold1';
  color: #fff;
  text-shadow: 5px 5px 1px #000;
  padding-top: 5rem;
}
#about a{
  font-size: 50px;
  font-family: 'ReemKufi-Bold1';
  color: #fff;
  text-shadow: 5px 5px 1px #000;
  padding-top: 5rem;
  text-decoration: none;
  transition: all 1s ease-in-out;
}
#about a:hover{
  font-size: 50px;
  font-family: 'ReemKufi-Bold1';
  color: #fff;
  text-shadow: 5px 5px 1px #000;
  padding-top: 5rem;
  text-decoration: underline;
}
.news-poster{
  padding-bottom: 20px;
}
/* Start style card */
article {
    --img-scale: 1.001;
    --title-color: black;
    --link-icon-translate: -20px;
    --link-icon-opacity: 0;
    position: relative;
    box-shadow: none;
    background: #fff;
    transform-origin: center;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    border-radius: 5px;
    height: 480px;

  }
  article p{
    font-family: 'readex-pro-p-cards';
  }

  
  article a::after {
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    cursor: pointer;
    content: "";
  }
  
  article h2 {
    margin: 0 0 18px 0;
    font-size: 1.9rem;
    color: var(--title-color);
    transition: color 0.3s ease-out;
    font-family: 'readex-pro-h2-cards';
  }

  body.dark article h2{
    color: #f0c27c;
  }
  
  
  figure {
    margin: 0;
    padding: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

   .uploaded-time{
     font-size: 13px;
     color: #fff; 
     background-color:#00000092;
     z-index: 10;
     margin-bottom: 10px;
     margin-right: 10px;
     padding: 0px 5px;
     width: 50%;
     display: none;
     border-radius: 5px;
  }

  article img {
    max-width: 100%;
    transform-origin: center;
    transform: scale(var(--img-scale));
    transition: transform 0.4s ease-in-out;
  }
  
  .article-body {
    padding: 24px;
  }
  
  article a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #de8500;
  }

  article a .icon  {
    min-width: 12px;
    width: 12px;
    height: 24px;
    margin-right: 5px;
    transform: translateX(var(--link-icon-translate));
    opacity: var(--link-icon-opacity);
    transition: all 0.3s;
  }
    article:has(:hover, :focus) {
    --img-scale: 1.1;
    --title-color: #b78806;
    --link-icon-translate: 0;
    --link-icon-opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }

  .articles {
    display: grid;
    max-width: 1500px;
    margin-inline: auto;
    padding-inline: 24px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
  }
  .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
  }
/* End style card */

    /* Start minicards style */
    .article-mini {
      --img-scale: 1.001;
      --title-color: black;
      --link-icon-translate: -20px;
      --link-icon-opacity: 0;
      border-radius: 16px;
      box-shadow: none;
      background: #fff;
      transform-origin: center;
      transition: all 0.4s ease-in-out;
      overflow: hidden;
      container: card/inline-size;
      background-color:whitesmoke;
      margin: 10px 0;
      height: 100%;
    }
      .article-body-mini p {
        display: none;
      }
      .article-wrapper-mini {
        display: grid;
        grid-template-columns: 100px 1fr;
        gap: 16px;
      }
      .article-body-mini {
        padding-left: 0;
      }
      .figure-mini {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }
      .figure-mini img {
        height: 100%;
        aspect-ratio: 1;
        object-fit: cover;
      }
    
    .article-mini h2 {
      margin: 0 -22px 18px 0;
      font-size: 1.9rem;
      transition: color 0.3s ease-out;
    }
    
    .figure-mini {
      margin: 0;
      padding: 0;
      aspect-ratio: 16 / 9;
      overflow: hidden;
    }
    
    .article-mini img {
      max-width: 100%;
      transform-origin: center;
      transform: scale(var(--img-scale));
      transition: transform 0.4s ease-in-out;
    }
    
    .article-body-mini {
      padding: 24px;
    }
    
    .article-mini a {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      color: #28666e;
    }
    
    .article-mini a .icon {
      min-width: 12px;
      width: 12px;
      height: 24px;
      margin-left: 5px;
      transform: translateX(var(--link-icon-translate));
      opacity: var(--link-icon-opacity);
      transition: all 0.3s;
    }
    
    .article-mini:has(:hover, :focus) {
      --img-scale: 1.1;
      --title-color: #28666e;
      --link-icon-translate: 0;
      --link-icon-opacity: 1;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    }
    .articles-mini {
      max-width: 1500px;
      margin-inline: auto;
      grid-template-columns: repeat(auto-fill, minmax(369px, 1fr));
      gap: 24px;
    }

    .sr-only:not(:focus):not(:active) {
      clip: rect(0 0 0 0); 
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap; 
      width: 1px;
    }
    /* End minicards style */

/* start Animation Hearder slide up & slide down */
.offcanvas-body{
  direction: rtl;
}
  .nav-up {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform: translateY(-100%);
 }
 header {
    height: 40px;
    position: fixed;
    top: 0;
    transition: all 0.4s ease-in-out;
    width: 100%;
    z-index: 9;
    opacity: 1;
 }

 #dark-link{
  color: #000;
  font-family: 'readex-pro-p-newspage';
  font-size: 1.1rem;
  padding-left:10px ;
  padding-right: 10px;
 }

 @media (max-width: 1320px) {
  #dark-link{
    font-size: 1rem;
   }
}

@media (max-width: 1250px) {
  #dark-link{
    font-size: 0.9rem;
   }
}

@media (max-width: 1100px) {
  #dark-link{
    font-size: 0.9rem;
    padding-left:3px;
    padding-right:3px;
  
   }
}






 #dark-link:hover{
  color: #de8500;
}

 nav{
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease-in-out;
}
body.dark .navbar-toggler{
  background-color: rgb(255, 255, 255);
}
.offcanvas-header{
  direction: rtl;
}
/* End Animation Hearder slide up & slide down */

/* Start hr style */
 #about hr{
    width: 330px;
    height: 3px;
    border: none;
    background: linear-gradient(to right, white, #0071B9, #26ABFF, #0071B9, white);
    margin: 15px auto 0;
 }
 body.dark #about hr{
  background: linear-gradient(to right, rgba(0, 0, 0, 0.900), #0071B9, #26ABFF, #0071B9, rgba(0, 0, 0, 0.900));
 }
 #about .hr-video{
  width: 230px;
  height: 3px;
  border: none;
  background: linear-gradient(to right, rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0), rgb(255, 0, 0));
  margin: 15px auto 0;
 }
 /* End hr style */

 /* start video section */
.gallery {
  display: flex;
  flex-flow: wrap;
}
.gallery div {  
  flex: 500px;
  position: relative;
  text-align: center;
}
.gallery div:nth-of-type(1) {
  flex: 10000 1 400px; 
}
.gallery div::before {
  content: "";
  display: block;
  padding-top: 22rem;
}
.gallery div:nth-of-type(1)::before {
  padding-top: 56.25%;
}
.gallery iframe,
.gallery span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.gallery a { 
  display: block;
  margin-bottom: 10px;
  margin-right: 15px;
}
.gallery a:last-child {
  margin-bottom: 5px;
}
.gallery iframe{
  border-radius: 5px;
}
.gallery iframe,
.gallery img {
  max-width: 100%;
  vertical-align: middle; 
}
.gallery img:hover{
  filter: brightness(60%);
}
.gallery span p{
  text-align: start;
  line-height: 1.9rem;
  color: #fff;
  margin:0 5px;
  font-size: 18px;
}
/* End video section */

 /* stert Latest news section style */
 .Marquee{
 width :85vw;
 padding:2em;
 color :white;
 font-weight: 200;
 display:flex;
 align-items:center;
 overflow:hidden;
}

 .Marquee-content{
   display:flex;
   padding: 2rem 0;
   animation: marquee 10s linear infinite running;
  }

   .Marquee-content:hover{
    animation-play-state: paused
  }
   .Marquee-tag-tag{
   width :200px;
   margin:0 .5em;
   padding:.5em;
   background:rgba(255, 255, 255, .1);
   display:inline-flex;
   align-items:center;
   justify-content:center;
   transition :all .3s ease;
  }
   .Marquee-tag img:hover{
    transform :scale(1.1);
    cursor: pointer;
    
  }
  .Marquee-tag img{
    border-radius: 5px;
    transition :all .2s;
    border: 2.5px solid #c99649;
  }
@keyframes marquee{
 0%{
   transform :translateX(0);
  }
 100%{
   transform :translate(26%);
  }
  
  }
 /* end Latest news section style */

  /* start button to top style */
.scrollToTopBtn {
    background-color: #f0c27c;
    border: none;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    font-size: 30px;
    line-height: 48px;
    width: 48px;
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all .3s ease;
    box-shadow: 1px 1px 10px #000;
    
  }
  .scrollToTopBtn:hover{
    background-color: #000;
    color: #fff;
    animation: icon 1s ease-in-out;
}

@-webkit-keyframes icon {
  0%{
      bottom: 8px
  }
  25%{
      bottom: 15px   
  }
  50% {
      bottom: 8px
  }
  75%{
      bottom: 15px   
  }
  100% {
      bottom: 8px
  }
}
@keyframes icon {
  0%{
      bottom: 8px
  }
  25%{
      bottom: 15px   
  }
  50% {
      bottom: 8px
  }
  75%{
      bottom: 15px   
  }
  100% {
      bottom: 8px
  }
}
  .showBtn {
    opacity: 1;
    transform: translateY(0)
  }
  /* end button to top style */
  
/* time and date */
  #time{
    margin-left: 10px;
    color: #000;
    transition: .4s ease-in-out;
    }
    .clock-size{
      font-size: 28px;
      margin-top: 3px;
      transition: .4s ease-in-out;

    }
    #date{
      margin-left: 10px;
      color: #000;
      transition: .4s ease-in-out;

    }
    .fa-calendar-days{
      font-size: 28px;
      margin-left:30px;
      margin-top: 3px;
      transition: .4s ease-in-out;

    }

    /* start dark & light mode */
    
/* dark & light mode */




/* end dark mode */
/* start stream live in nav */
.fa-circle{
  color: #ffffff50;
  font-size: 8px;
  animation: flashRed 1s infinite;

}
/* @keyframes flashRed {
    0% { color: red; }
    50% { color: inherit; }
    100% { color: red; }
} */
/* end stream live in nav */
/* start footer */
.footer{
  background: #000;
  padding:30px 0px;
  font-family: 'Play', sans-serif;
  text-align:center;
  justify-content: space-between;
  
  }
  
  .footer .row2{
  width:100%;
  margin:1% 0%;
  padding:0.6% 0%;
  color:gray;
  font-size:0.8em;
  
  }

  .footer .row2 a i{
  font-size:2em;
  padding:0px 16px 15px ; 
 }
 /* End footer */
 /*start style news page */
 .about-pera1{
  color: #1d1d1d;
  font-size: 16px;
  line-height: 2.2;
  font-family:'readex-pro-p-newspage';
  text-align: justify;
 }
 body.dark .about-pera1{
  color: darkgray;
  transition: .4s;
  line-height: 2.2;
 }
 .heading-news h3{
  font-size: 20px !important;
  word-spacing: 2px;
  color: #000;
  font-family: 'arabic-ciro';

 }
 body.dark .heading-news h3{
  color: #f6f6f6;
 }
 body.dark .section-tittle{
  color: #fff;
 }
 
/* start style input range change font size */

#input-range h6 {
  font-size: 17px;
  font-weight: 100;
  color: #000;
}
body.dark #input-range h6{
  color: #d3d3d3;
}

#input-range label {
  font-size: 17px;
  font-weight: 400;
}
body.dark #input-range label{
  color: #d3d3d3;
}

#input-range input[type="range"] {
  width: 50%;
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  background: #b6b6b6;
  outline: none;
  border-radius: 5px;
  margin-bottom: 20px;
}

#input-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #000;
  cursor: pointer;
  border-radius: 50%;
}
body.dark #input-range input[type="range"]::-webkit-slider-thumb{
  background: #fff;
}

#input-range input[type="range"]:active::-webkit-slider-thumb {
  background: #333;
}
/* end style input range change font size */
 /*end style news page */
 /* start cross media */
 #hero-section {
  overflow: hidden; /* لضمان عدم ظهور أي محتوى خارج ال hero section */
}



#hero-section .bunner-img-2 {
  height: 100vh;
  width: 100%;
  background-image: url(/images/news-images/البدايه.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center ;
  background-attachment: fixed;
}
#hero-section .bunner-img-3 {
  height: 100vh;
  width: 100%;
  background-image: url(/images/news-images/bunner-adabtefl.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center ;
  background-attachment: fixed;
}
#hero-section .bunner-img-4 img{
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center ;
  background-attachment: fixed;
}

#hero-section .bunner-img-6 {
  height: 100vh;
  width: 100%;
  background-image: url(/images/news-images/ترميم-Ai.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center ;
  background-attachment: fixed;
}

.pragraph h1 ,a , .map .pragraph-3 ,.elfatmia-topics-titl{
  color: #d98730; 
  font-size: 30px; 
  text-align: center; 
  line-height: 1.5;  
  font-family: 'DG-Sahabah-Reg-1'; 
  margin: 2rem 0;
  
}
.pragraph-4 p{
    color: #fff; 
  font-size: 25px; 
  text-align: justify; 
  line-height: 2.4;  
  font-family: 'DG-Sahabah-Reg-1'; 
  margin: 2rem 0;
  padding: 0 4rem;
  word-spacing: 4.5px;
}

.pragraph-2 p,.pragraph-2{
  color: #fff; 
  font-size: 25px; 
  text-align: justify; 
  line-height: 2.6;  
  font-family: 'DG-Sahabah-Reg-1'; 
  margin: 2rem 0;
  padding: 0 4rem;
  word-spacing: 5.5px;
}
/* ابدا رحلتك */
#start-atrip{
  position: relative;
  display: inline-block;
  padding: 20px 30px;
  margin: 40px 0;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  overflow: hidden;
  font-size: 40px;
  letter-spacing: 0;
  font-family: 'DG-Sahabah-Reg-1';
}
#start-atrip:hover {
  background: #58e700;
  color: #fff;
  box-shadow: 0 0 5px #61fc00, 0 0 25px #61fc00, 0 0 50px #61fc00,
    0 0 200px #61fc00;
}
#start-atrip:nth-child(1) {
  filter: hue-rotate(270deg);
}
#start-atrip:nth-child(2) {
  filter: hue-rotate(110deg);
}
#start-atrip span {
  position: absolute;
  display: block;
}
/* #start-atrip span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #61fc00);
  animation: animate1 1s linear infinite;
}
@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
} */
#start-atrip span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #61fc00);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}
#start-atrip span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #61fc00);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}
#start-atrip span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #61fc00);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}
/* cairo history */
.bunner-img-22 .exclamation{
  position: absolute;
  left: 41.5%;
  top: 40.8%;
  font-size: 40px;
  text-align: center;
  color: #fff;
}
.bunner-img-22 .exclamation2{
  position: absolute;
  left: 17%;
  bottom: 25%;
  font-size: 40px;
  text-align: center;
  color: #fff;
}
.bunner-img-22 .exclamation3{
  position: absolute;
  right: 5%;
  top: 30.8%;
  font-size: 40px;
  text-align: center;
  color: #fff;
}


.map .btn1{
  position: absolute; 
  right: 46.5%; 
  top: 32.5%;
}
.map .btn2{
  position: absolute; 
  right: 44.5%; 
  top: 17%;
}
.map .btn3{
  position: absolute; 
  left: 34.5%; 
  bottom: 11%;
}
.map .btn4{
  position: absolute; 
  left: 45%; 
  top: 38.5%;
}

.map .fa-location-dot{
  font-size: 25px; 
  color:red; 
}
.modal .modal-title{
  color: #d98730; 
  font-size: 30px; 
  line-height: 1.5;  
  font-family: 'DG-Sahabah-Reg-1'; 
  padding-top: 2rem;
  }

.modal-body .modal-p{
  color: #fff; 
  font-size: 18px; 
  line-height: 2.3;
  word-spacing: 3px; 
  font-family: 'DG-Sahabah-Reg-1'; 
  margin: 2rem 0;
}
.modal-body{
  background-color: #222;
}
/* cairo fatmia */
.img_about {
  position: relative;
}
.img_about .image-style {
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
}
.img_about a:hover img{
  filter: brightness(50%);
  border-radius: 5px;
  box-shadow: rgb(0, 0, 0) 0px 20px 30px -10px;
}

.img_about a p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-100%);
  z-index: 1000;
  color: #fff;
  font-weight: 700;
  border: 2px solid #d98730;
  background-color: #00000080;
  width: 180px;
  font-size: 20px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  padding: 10px 0;
  border-radius:3px;
}

.img_about a p:hover{
  background-color: #000;
  color: #fff;
}

.img_about:hover p{
  opacity: 1;
}
/* scroll dwon for more */
.scroll-down p{
  color: #fff; 
  font-size: 20px; 
  line-height: 2.3;
  word-spacing: 3px; 
  font-family: 'DG-Sahabah-Reg-1'; 
  margin: 1rem 0;
  position: fixed;
  bottom: 0;
  left: 50%;
}
/* Media Query Mobile Size */
@media screen and (max-width:767px) {

  .bunner-img-22 .exclamation2{
    position: absolute;
    left: 0%;
    bottom: 5%;
    font-size: 30px;
    text-align: center;
    color: #fff;
  }
  .bunner-img-22 .exclamation3{
    position: absolute;
    right: 0;
    top: 15%;
    font-size: 30px;
    text-align: center;
    color: #fff;
  }
  
  
  .gallery a { 
    display: block;
    margin-top: 10px;
  }
.time{
margin-right: 4px;
font-size: 20px;
}
.clock-size,.fa-calendar-days{
  font-size: 20px;
}
.date{
  font-size: 20px;
  margin-left: 5px;
}

#about h2{
  font-size: 30px;
}
#about h2 a{
  font-size: 30px;
}

.footer .row2{
  font-size: .7em;
}
.article-mini {
  max-width: 95%;
}
.heading-news h3{
  font-size: 30px;
}
.gallery span p{
  font-size: 13px;

}
.carousel-item img{
  height: 50vh;
}
.section-center{
  transform:translate(0%, 50%);
}
/* start cross-media */

#hero-section .bunner-img-ai-writer{
  height: 90vh;
  width: 100%;
  background-attachment: local;
}
.pragraph h1{
  font-size: 15px;
  line-height: 2;
}
.img_el7akem img{
 height: 100%;
}


.map .btn1{
  position: absolute; 
  right: 40.5%; 
  top: 40.5%;
}
.map .btn2{
  position: absolute; 
  right: 37.5%; 
  top: 33%;
}
.map .btn3{
  position: absolute; 
  left: 12.5%; 
  bottom: 25%;
}
.map .btn4{
  position: absolute; 
  left: 36%; 
  top: 45.5%;
}

.pragraph-4 p{
  color: #fff; 
font-size: 1rem; 
text-align: justify; 
line-height: 3.3;  
font-family: 'DG-Sahabah-Reg-1'; 
word-spacing: 0;
padding: 0;
margin: 0;
}

.pragraph-2 p,.pragraph-2{
color: #fff; 
font-size: 1rem; 
text-align: justify; 
line-height: 3.3;  
font-family: 'DG-Sahabah-Reg-1'; 
word-spacing: 0;
margin: 0;
padding: 0;
}
.bunner-img-22 .exclamation{
  position: absolute;
  left: 6.5%;
  top: 40.8%;
  font-size: 30px;
}

}