/* 
  **********************************************
  ****** first appliction housing civil ********
  **********************************************
 */ 


/* 
  **********************************************
  ************  title section  ************
  **********************************************
 */ 

section
{
   padding: 0px 0px;

}

.content
{
   display: flex;
   justify-content: center;
   flex-direction: row;
   flex-wrap: wrap;
}

.main-card
{
   height: 407px;
   width: 1488px;
   overflow: hidden;
   border-radius: 15px;
   margin: 35px 10px;
   position: relative;
   isolation: isolate;
   transition: 0.7s ease;
   margin-top: 140px;
}
.Top-card-1,
.Top-card-2,
.Top-card-3,
.Top-card-4,
.Top-card-5,
.Top-card-6,
.Top-card-7,
.Top-card-8,
.Top-card-9,
.Top-card-10,
.Top-card-11,
.Top-card-12,
.Top-card-13,
.Top-card-14,
.Top-card-15
{   
    height: 333px;
    width: 1468px;
    overflow: hidden;
    border-radius: 12px;
    margin: 8px;
    position: relative;
    isolation: isolate;
    transition: 0.7s ease;
}
.Top-card-1:after,
.Top-card-2:after,
.Top-card-3:after,
.Top-card-4:after,
.Top-card-5:after,
.Top-card-6:after,
.Top-card-7:after,
.Top-card-8:after,
.Top-card-9:after,
.Top-card-10:after,
.Top-card-11:after,
.Top-card-12:after,
.Top-card-13:after,
.Top-card-14:after,
.Top-card-15:after
{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.5;
    background-repeat: no-repeat;
}

.Top-card-1:after
{
  
   background: url(../images/news/1-Housing&BuildingNationalResearchCenterinternationalConference/DSC_0109.JPG) ;
   background-repeat: no-repeat;
   background-size: 1468px;
   background-position-y: -200px;
   background-position-x: 0px;
}
.Top-card-2:after
{
   background: url(../images/news/2-IndustrialIntegrationPartnership/IMG-20250220-WA0031.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px;
   background-position-y: -270px;
   background-position-x: 0px;
}

.Top-card-3:after
{
   background: url(../images/news/3-TheWinnerPrize/IMG-20250220-WA0074.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -1100px;
   background-position-x: 0px;
}

.Top-card-4:after
{
   background: url(../images/news/4-IMC3Expo2024/IMG_3487.jpeg) ;
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -200px;
   background-position-x: 0px;
}

.Top-card-5:after
{
   background: url(../images/news/5-Governor_svisit/IMG-20241122-WA0085.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -420px;
   background-position-x: 0px;
}

.Top-card-6:after
{
   background: url(../images/news/6-COP29/IMG-20241122-WA0020.jpg);
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -430px;
   background-position-x: 0px;
}

.Top-card-7:after
{
   background: url(../images/news/7-TheNationalInitiativefortheDevelopment/9T8A0615.JPG) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -300px;
   background-position-x: 0px;
}

.Top-card-8:after
{
   background: url(../images/news/8-ChineseDelegationVisit/IMG-20240512-WA0001.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -300px;
   background-position-x: 0px;
}

.Top-card-9:after
{
   background: url(../images/news/9-Egyptproject/DSC_0007.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -350px;
   background-position-x: 0px;
}

.Top-card-10:after
{
   background: url(../images/news/10-IATFExhabition/YSR_4437.JPG) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -200px;
   background-position-x: 0px;
}

.Top-card-11:after
{
   background: url(../images/news/11-metal&steelExhabition/DSC00132-1024x683.jpg.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -200px;
   background-position-x: 0px;
}

.Top-card-12:after
{
   background: url(../images/news/12-VisitingUniversityspecialistinCompositeTechnologies/IMG_2073.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -1200px;
   background-position-x: 0px;
}

.Top-card-13:after
{
   background: url(../images/news/13-Winningsecondplace/cover.png) ;
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -20px;
   background-position-x: 0px;
}

.Top-card-14:after
{
   background: url(../images/news/14-QualitycontrolandmanufacturingGFRP/DSC02860.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px;  
   background-position-y: -350px;
   background-position-x: 0px;
}


.Top-card-15:after
{
   background: url(../images/news/15-Visitofadelegation/DSC02963.jpg) ;
   background-repeat: no-repeat;
   background-size: 1468px; 
   background-position-y: -200px;
   background-position-x: 0px;
}
.main-card h2
{
   margin-top: 235px;
   font-family: 'DemiBold';
   color: #4CDC6B;
   font-size: 35px;
   padding: 0px 10px;
}
.Top-card-2 h2,
.Top-card-3 h2,
.Top-card-4 h2,
.Top-card-5 h2,
.Top-card-8 h2,
.Top-card-9 h2,
.Top-card-10 h2,
.Top-card-11 h2,
.Top-card-12 h2,
.Top-card-13 h2,
.Top-card-14 h2,
.Top-card-15 h2
{
   margin-top: 285px;
}
.main-card h3
{
   font-family: 'DemiBold';
   color: #fff;
   font-size: 35px;
   padding: 0px 10px;
}
.location-date
{
    display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px 10px;
    margin-top: 50px;
}

.date-p
{
    font-family: 'DemiBold';
    color: #fff;
    padding-left: 5px;
    font-size: 12px;
}
    
.location-date i
{
    color: #4CDC6B;
}

.main-card-two
{
   display: flex;
   justify-content: center;
   transition: 0.7s ease;
   width: 1488px;
}

.main-card-two h2
{
   font-family: 'DemiBold';
   color: #ffffff;
   font-size: 25px;
   padding: 0px 10px;
}
.Gallery
{
   display: flex;
   justify-content: left;
   flex-direction: row;
   flex-wrap: wrap;
   margin: 0px 10px;
   margin-top: 70px;
}
.Gallery i
{
   color: #4CDC6B;
   font-size: 28px;
}
.Gallery-font
{
   font-family: 'DemiBold';
   color: #fff;
   padding-left: 15px;
   font-size: 25px; 
}

.imag-gallery
{
   width: 1500px;
   margin: 50px auto 20px;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 30px;
}

.imag-gallery img
{
   width: 100%;
   cursor: pointer;
   border-radius: 6px;
   transition: 0.7s ease;
}

.imag-gallery img:hover
{
   transform:scale(1.03) ;
   border-radius: 20px;
   box-shadow: 0 32px 75px rgba();
  
}
.full-img {
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.8);
   display: flex;
   align-items: center;
   justify-content: center;
   display: none; /* مخفية افتراضيًا */
   z-index: 1000;
}

.full-img img {
   width: 80%;
   height:300px auto 200px;
   max-width: 600px;
   border-radius: 10px;
   transition: 0.3s;
}

.close-btn {
   position: absolute;
   top:50px;
   right: 10px;
   font-size: 40px;
   color: white;
   cursor: pointer;
}

.footer-card
{
   width: 1792px; 
}



@media(max-width:1540px)
{

   .imag-gallery
   {
      width: 90%;
   }
    .location-date
    {
        margin: 0px 10px;
        margin-top: 30px;
    }
    .date-p
    {
        padding-left: 5px;
        font-size: 12px;
    }

    .footer-card
    {
        width: 1439px; 
    }


}
@media(max-width:1439px)
{

   .main-card
   {
      height: 337px;
      width: 1010px;
      margin: 35px 10px;
      margin-top: 140px;
   }
   .Top-card-1,
   .Top-card-2,
   .Top-card-3,
   .Top-card-4,
   .Top-card-5,
   .Top-card-6,
   .Top-card-7,
   .Top-card-8,
   .Top-card-9,
   .Top-card-10,
   .Top-card-11,
   .Top-card-12,
   .Top-card-13,
   .Top-card-14,
   .Top-card-15
   {
      height: 273px;
      width: 1000px;
      margin: 8px;
   }
   .Top-card-1:after
   {
      background-size: 1168px;
      background-position-y: -150px;
      background-position-x: 0px;
   }

   .Top-card-2:after
   {
      background-size: 1168px;
      background-position-y: -150px;
   }
   .Top-card-3:after
   {
      background-size: 1068px; 
      background-position-y: -800px;
      background-position-x: 0px;
   }
   .Top-card-3:after
   {
      background-size: 1068px; 
      background-position-y: -800px;
      background-position-x: 0px;
   }
   .Top-card-4:after
   {
      background-size: 1068px; 
      background-position-y: -150px;
      background-position-x: 0px;
   }
   .Top-card-5:after
   {
      background-size: 1068px; 
      background-position-y: -250px;
      background-position-x: 0px;
   }
   .Top-card-6:after
   {
      background-size: 1068px; 
      background-position-y: -280px;
      background-position-x: 0px;
   }
   .Top-card-7:after
   {
      background-size: 1068px; 
      background-position-y: -220px;
      background-position-x: 0px;
   }
   .Top-card-7:after
   {
      background-size: 1068px; 
      background-position-y: -220px;
      background-position-x: 0px;
   }
   .Top-card-8:after
   {
      background-size: 1068px; 
      background-position-y: -220px;
      background-position-x: 0px;
   }
   .Top-card-9:after
   {
      background-size: 1068px; 
      background-position-y: -220px;
      background-position-x: 0px;
   }
   .Top-card-10:after
   {
      background-size: 1068px; 
      background-position-y: -170px;
      background-position-x: 0px;
   }
   .Top-card-11:after
   {
      background-size: 1068px; 
      background-position-y: -120px;
      background-position-x: 0px;
   }
   .Top-card-12:after
   {
      background-size: 1068px; 
      background-position-y: -820px;
      background-position-x: 0px;
   }
   .Top-card-13:after
   {
      background-size: 1468px; 
      background-position-y: -50px;
      background-position-x: -40px;
   }
   .Top-card-14:after
   {
      background-size: 1068px; 
      background-position-y: -320px;
      background-position-x: 0px;
   }
   .Top-card-15:after
   {
      background-size: 1068px; 
      background-position-y: -130px;
      background-position-x: 0px;
   }
   .main-card h2
   {
      margin-top: 189px;
      font-size: 25px;
      padding: 0px 10px;      
   }
   .Top-card-2 h2,
   .Top-card-3 h2,
   .Top-card-4 h2,
   .Top-card-5 h2,
   .Top-card-8 h2,
   .Top-card-9 h2,
   .Top-card-10 h2,
   .Top-card-11 h2,
   .Top-card-12 h2,
   .Top-card-13 h2,
   .Top-card-14 h2,
   .Top-card-15 h2
   {
      margin-top: 235px;
   }
    
    .location-date
    {
        margin: 0px 10px;
        margin-top: 39px;
    }
    .date-p
    {
        padding-left: 5px;
        font-size: 12px;
    }

    .main-card-two
    {
      width: 1010px;
    }

    .main-card-two h2
    {
      font-size: 19px;
      padding: 0px 10px;
    }
    .imag-gallery
    {
       grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .Gallery
    {
      margin: 0px 10px;
      margin-top: 60px;
    }
    .imag-gallery
   {
      width: 80%;
   }
    .footer-card
    {
        width: 1120px;
    }
    
}

@media(max-width:1119px)
{
   .main-card
   {
      height: 270px;
      width: 800px;
      margin: 15px 5px;
      margin-top: 100px;
   }
   .Top-card-1,
   .Top-card-2,
   .Top-card-3,
   .Top-card-4,
   .Top-card-5,
   .Top-card-6,
   .Top-card-7,
   .Top-card-8,
   .Top-card-9,
   .Top-card-10,
   .Top-card-11,
   .Top-card-12,
   .Top-card-13,
   .Top-card-14,
   .Top-card-15
   {
      height: 200px;
      width: 780px;
      margin: 8px;
   }
   .Top-card-1:after
   {
      background-size: 780px;
      background-position-y: -100px;
      background-position-x: 0px;
   }
   .Top-card-2:after
   {
      background-size: 800px;
      background-position-y: -100px;
   }
   .Top-card-3:after
   {

      background-size: 800px; 
      background-position-y: -560px;
      background-position-x: 0px;
   }
   .Top-card-4:after
   {
      background-size: 800px; 
      background-position-y: -100px;
      background-position-x: 0px;
   }
   .Top-card-5:after
   {
      background-size: 800px; 
      background-position-y: -200px;
      background-position-x: 0px;
   }
   .Top-card-6:after
   {
      background-size: 800px; 
      background-position-y: -200px;
      background-position-x: 0px;
   }


   .Top-card-7:after
   {
      background-size: 800px; 
      background-position-y: -140px;
      background-position-x: 0px;
   }
   .Top-card-8:after
   {
      background-size: 800px; 
      background-position-y: -140px;
      background-position-x: 0px;
   }
   .Top-card-9:after
   {
      background-size: 800px; 
      background-position-y: -140px;
      background-position-x: 0px;
   }
   .Top-card-10:after
   {
      background-size: 800px; 
      background-position-y: -100px;
      background-position-x: 0px;
   }
   .Top-card-11:after
   {
      background-size: 800px; 
      background-position-y: -100px;
      background-position-x: 0px;
   }
   .Top-card-12:after
   {
      background-size: 800px; 
      background-position-y: -650px;
      background-position-x: 0px;
   }
   .Top-card-13:after
   {
      background-size: 1000px; 
      background-position-y: -40px;
      background-position-x: -30px;
   }
   .Top-card-14:after
   {
      background-size: 800px; 
      background-position-y: -190px;
      background-position-x: 0px;
   }
   .Top-card-15:after
   {
      background-size: 800px; 
      background-position-y: -120px;
      background-position-x: 0px;
   }
   .main-card h2
   {
      margin-top: 149px;
      font-size: 20px;
      padding: 0px 10px;
   }
   .Top-card-2 h2,
   .Top-card-3 h2,
   .Top-card-4 h2,
   .Top-card-5 h2,
   .Top-card-8 h2,
   .Top-card-9 h2,
   .Top-card-10 h2,
   .Top-card-11 h2,
   .Top-card-12 h2,
   .Top-card-13 h2,
   .Top-card-14 h2,
   .Top-card-15 h2
   {
      margin-top: 170px;
   }
   .main-card h3
   {
      font-size: 20px;
   }
    
   .location-date
   {
       margin: 0px 10px;
       margin-top: 39px;
   }
   .date-p
   {
       padding-left: 5px;
       font-size: 12px;
   }

    .main-card-two
    {
      width: 800px;
    }

    .main-card-two h2
    {
      font-size: 16px;
      padding: 0px 10px;
    }
    .imag-gallery
    {
       grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
    .Gallery
    {
      margin: 0px 10px;
      margin-top: 40px;
    }
    .Gallery i
    {
      font-size: 20px;
    }
    .Gallery-font
    {
      font-size: 20px;
    }
    .imag-gallery
   {
      width: 80%;
   }

    .footer-card
    {
        width: 1120px;
    }


    .footer-card
    {
        width: 779px; 

    }

    
}

@media (max-width: 779px)
{

   .main-card
   {
      height: 200px;
      width: 579px;
      margin: 15px 5px;
      margin-top: 100px;
   }
   .Top-card-1,
   .Top-card-2,
   .Top-card-3,
   .Top-card-4,
   .Top-card-5,
   .Top-card-6,
   .Top-card-7,
   .Top-card-8,
   .Top-card-9,
   .Top-card-10,
   .Top-card-11,
   .Top-card-12,
   .Top-card-13,
   .Top-card-14,
   .Top-card-15
   {
      height: 150px;
      width: 579px;
      margin: 8px;
   }
   .Top-card-1:after
   {
      background-size: 580px;
      background-position-y: -70px;
      background-position-x: 0px;
   }

   .Top-card-2:after
   {
      background-size: 580px;
      background-position-y: -100px;
   }

   .Top-card-3:after
   {
      background-size: 580px;
      background-position-y: -400px;
   }
   .Top-card-4:after
   {
      background-size: 580px; 
      background-position-y: -80px;
      background-position-x: 0px;
   }
   .Top-card-5:after
   {
      background-size: 580px; 
      background-position-y: -120px;
      background-position-x: 0px;
   }
   .Top-card-6:after
   {
      background-size: 580px; 
      background-position-y: -160px;
      background-position-x: 0px;
   }
   .Top-card-7:after
   {
      background-size: 800px; 
      background-position-y: -140px;
      background-position-x: 0px;
   }
   .Top-card-8:after
   {
      background-size: 700px; 
      background-position-y: -140px;
      background-position-x: 0px;
   }
   .Top-card-9:after
   {
      background-size: 580px; 
      background-position-y: -100px;
      background-position-x: 0px;
   }
   .Top-card-10:after
   {
      background-size: 580px; 
      background-position-y: -80px;
      background-position-x: 0px;
   }
   .Top-card-11:after
   {
      background-size: 580px; 
      background-position-y: -80px;
      background-position-x: 0px;
   }
   .Top-card-12:after
   {
      background-size: 580px; 
      background-position-y: -460px;
      background-position-x: 0px;
   }
   .Top-card-13:after
   {
      background-size: 880px; 
      background-position-y: -60px;
      background-position-x: -40px;
   }
   .Top-card-14:after
   {
      background-size: 580px; 
      background-position-y: -160px;
      background-position-x: 0px;
   }
   .Top-card-15:after
   {
      background-size: 580px; 
      background-position-y: -80px;
      background-position-x: 0px;
   }
   .main-card h2
   {
      margin-top: 109px;
      font-size: 16px;
      padding: 0px 10px;
   }
   .Top-card-2 h2,
   .Top-card-3 h2,
   .Top-card-4 h2,
   .Top-card-5 h2,
   .Top-card-8 h2,
   .Top-card-9 h2,
   .Top-card-10 h2,
   .Top-card-11 h2,
   .Top-card-12 h2,
   .Top-card-13 h2,
   .Top-card-14 h2,
   .Top-card-15 h2
   {
      margin-top: 127px;
   }

      .main-card h3
   {
      font-size: 16px;
   }
    
   .location-date
   {
       margin: 0px 10px;
       margin-top: 30px;
   }
   .date-p
   {
       padding-left: 5px;
       font-size: 12px;
   }

    .main-card-two
    {
      width: 579px;
    }

    .main-card-two h2
    {
      font-size: 14px;
      padding: 0px 10px;
    }
    .imag-gallery
    {
       grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }
    .Gallery
    {
      margin: 0px 10px;
      margin-top: 30px;
    }
    .Gallery i
    {
      font-size: 15px;
    }
    .Gallery-font
    {
      font-size: 15px;
    }
    .imag-gallery
   {
      width: 80%;
   }
   


    .footer-card
    {
        width: 579px; 
    }


}

@media (max-width: 579px)
{

   .main-card
   {
      height: 180px;
      width: 360px;
      margin: 15px 5px;
      margin-top: 80px;
   }
   .Top-card-1,
   .Top-card-2,
   .Top-card-3,
   .Top-card-4,
   .Top-card-5,
   .Top-card-6,
   .Top-card-7,
   .Top-card-8,
   .Top-card-9,
   .Top-card-10,
   .Top-card-11,
   .Top-card-12,
   .Top-card-13,
   .Top-card-14,
   .Top-card-15
   {
      height: 130px;
      width: 360px;
      margin: 8px;
   }
   .Top-card-1:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-2:after
   {
      background-size: 380px;
      background-position-y: -60px;
   }
   .Top-card-3:after
   {
      background-size: 380px;
      background-position-y: -240px;
   }
   .Top-card-4:after
   {
      background-size: 380px;
      background-position-y: -50px;
      background-position-x: 0px;
   }
   .Top-card-5:after
   {
      background-size: 380px;
      background-position-y: -80px;
      background-position-x: 0px;
   }

   .Top-card-6:after
   {
      background-size: 380px;
      background-position-y: -80px;
      background-position-x: 0px;
   }
   .Top-card-7:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-8:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-9:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-10:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-11:after
   {
      background-size: 380px;
      background-position-y: -40px;
      background-position-x: 0px;
   }
   .Top-card-12:after
   {
      background-size: 380px;
      background-position-y: -300px;
      background-position-x: 0px;
   }
   .Top-card-13:after
   {
      background-size: 780px;
      background-position-y: -50px;
      background-position-x: -100px;
   }
   .Top-card-14:after
   {
      background-size: 380px;
      background-position-y: -100px;
      background-position-x: 0px;
   }

   .Top-card-15:after
   {
      background-size: 380px;
      background-position-y: -50px;
      background-position-x: 0px;
   }
   .main-card h2
   {
      margin-top:99px;
      font-size: 10px;
      padding: 0px 10px;
   }
   .Top-card-2 h2,
   .Top-card-3 h2,
   .Top-card-4 h2,
   .Top-card-5 h2,
   .Top-card-8 h2,
   .Top-card-9 h2,
   .Top-card-10 h2,
   .Top-card-11 h2,
   .Top-card-12 h2,
   .Top-card-13 h2,
   .Top-card-14 h2,
   .Top-card-15 h2
   {
      margin-top: 113px;
   }

   .main-card h3
   {
      font-size: 10px;
   }
    
   .location-date
   {
       margin: 0px 10px;
       margin-top: 20px;
   }
   .date-p
   {
       padding-left: 5px;
       font-size: 12px;
   }

    .main-card-two
    {
      width: 360px;
    }

    .main-card-two h2
    {
      font-size: 12px;
      padding: 0px 10px;
    }
    .imag-gallery
   {
      grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
   }

   .imag-gallery img
   {
      width: 100%;
      cursor: pointer;
      border-radius: 6px;
      transition: 0.7s ease;
   }
    .Gallery
    {
      margin: 0px 10px;
      margin-top: 20px;
    }
    .Gallery i
    {
      font-size: 15px;
    }
    .Gallery-font
    {
      font-size: 15px;
    }
    .imag-gallery
   {
      width: 80%;
   }
    .footer-card
    {
      width: 360px; 
    }

}


@media (max-width: 360px)
{

 
   .main-card
   {
      height: 180px;
      width: 344px;
      margin: 15px 5px;
      margin-top: 80px;
   }
   .Top-card-1,
   .Top-card-2,
   .Top-card-3,
   .Top-card-4,
   .Top-card-5,
   .Top-card-6,
   .Top-card-7,
   .Top-card-8,
   .Top-card-9,
   .Top-card-10,
   .Top-card-11,
   .Top-card-12,
   .Top-card-13,
   .Top-card-14,
   .Top-card-15
   {
      height: 130px;
      width: 344px;
      margin: 8px;
   }
   .Top-card-1:after
   {
      background-size: 350px;
      background-position-y: -40px;
      background-position-x: 0px;
   }

   .main-card h2
   {
      font-size: 9px;
      padding: 0px 10px;
   }

   .main-card h3
   {
      font-size: 10px;
   }
    
   .location-date
   {
       margin: 0px 10px;
       margin-top: 20px;
   }
   .date-p
   {
       padding-left: 5px;
       font-size: 12px;
   }

    .main-card-two
    {
      width: 344px;
    }


    .footer-card
    {
        width: 344px; 
    }
}