@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');






.EmailThankyou { color: #cd9a3b; text-decoration: none; }
.EmailThankyou:hover { text-decoration: underline;color: #cd9a3b; }
/* ================================== DESKTOP CSS CONDITIONS =================================== */


@media only screen and (min-width: 768px) {
    /* For desktop: */


.displayInDeskTopOnly2{ width: 100%; height: 40px;}



    .TopBannerCTAcontent .TC-0011 { font-size: 22px; text-decoration: none; padding: 10px 40px; 
      color:#0f316d;
      border-radius: 45px;
      border: 1px solid #0f316d;
      background: linear-gradient(225deg, rgba(228,181,93,1) 12%, rgba(253,227,176,1) 90%); font-weight: 600; text-decoration: none;
    }
    .TopBannerCTAcontent .TC-0011:hover {
    
    color:#2977ff;
    border-radius: 45px;
    border: 1px solid #2977ff;
    background: #FFF; }
    







body{font-family: 'Tajawal', sans-serif;}

    .checkout_area { top:385px; right:50px}
    .checkout_area a { padding-top: 10px; padding-bottom: 10px; }
    .formFrameAddMargin  { width:45.5%; margin-left:30px}
    
    .TopBannerContent,  .TopBannerContent2 {margin-top: 0px; }
    .TopBannerContent h1,  .TopBannerContent2 h1 { margin-top:20px; margin-right: 65px; font-size: 40px; margin-left: 0;}

    .TopBannerContent h2 { font-size: 28px; margin-right:40px}
.TopBannerUl { margin-right: 30px; margin-top: 0px; padding-left:40px;}

.TopBannerContent p { font-size: 30px;}
.IraqueParagraphe { width:49%; text-align: center;}
.MainWebinarText { padding-left: 160px; padding-bottom: 20px;}

.mainDateAndData { padding: 60px; padding-top: 30px;}

.IraqueParagraphe{ font-size: 26px; margin-right: 65px; min-width: 650px; font-weight: 600; margin-left: auto;
  margin-right: auto;}

#dateAndTime, #dateAndTime11 { padding: 20px; font-weight: 500;}


.dateAndZeft { margin-right: 0;}

.BullitePointsPart {margin-top:550px}

.IconOfDateAndTime{max-width: 30px;
  float: right;
  margin-top: 26px; margin-left: 6px;}



.IconOfDateAndTime2 {max-width: 30px;
  float: right;
  margin-top: 6px; margin-left: 6px; margin-bottom: 30;}

  h1 span { font-size: 26px;}



  #ThankyouPageH1 { font-size: 30px; margin-top: 70px;}

  #LinkWillbeSent { font-size: 24px; margin-top:20px}

  #LinkWillbeSent ul { font-size: 24px; padding-right:0px}


.ThankyouMiddleContent li { color: #333; font-weight: 600; font-size: 22px; margin-bottom: 20px; padding-left: 45px; padding-right: 45px;}

.ThankyouMiddleContent2 li { color: #333; font-weight: 600; font-size: 22px; margin-bottom: 20px; padding-left: 45px; padding-right: 45px;}
.ThankyouMiddleContent, .ThankyouMiddleContent2 { background-color: #FFF; border-radius: 9px; box-shadow: 3px 3px 9px rgba(0,0,0,0.5); padding: 40px;}

.ThankyouMiddleContent h3, .ThankyouMiddleContent2 h3 { color: #f7790b; font-weight: 600; text-align: center;}





.ThankyouMiddleContent ul, .ThankyouMiddleContent2 ul { list-style-position: inside; margin-top: 30px;}

.lol32 { padding-top: 20px; padding-bottom: 20px;border-radius: 45px; font-size: 22px; background: rgb(228,181,93);
  background: linear-gradient(225deg, rgba(228,181,93,1) 12%, rgba(253,227,176,1) 90%); border: solid 1px #FFF; text-decoration: none; color: #003192; padding-left: 50px; padding-right: 50px; font-weight: 600; max-width: 429px;
  float: right; text-decoration: none;}

.lol32:hover { padding-top: 20px; padding-bottom: 20px; padding-left: 50px; padding-right: 50px; }

}








/* ================================= MOBILE  CSS CONDITIONS ==================================== */


@media only screen and (max-width: 768px) {
  /* For Mobile: */



  .displayInDeskTopOnly2 {display: none;}





  .TC-0011 {
    font-size: 24px;
    text-decoration: none;
    padding: 17px 40px;
    color: #0f316d;
    border-radius: 45px;
    border: 1px solid #0f316d;
    background: linear-gradient(225deg, rgba(228, 181, 93, 1) 12%, rgba(253, 227, 176, 1) 90%);
    font-weight: 600;
    text-decoration: none;
}









  body{font-family: 'Tajawal', sans-serif; direction: ltr;}
  #dateAndZeft { margin-right: 20px; }

  .checkout_area {top:7020px; right:15px}

  .checkout_area a { padding-top: 20px; padding-bottom: 20px; }

  .adjustThaksH1 { padding: 10px;}
  .TopBannerContent {margin-top: 80px; }

  .IraqueParagraphe { width:92%; text-align: center;}

 .container-fluid { direction: rtl;}

  .TopBannerContent h1, .TopBannerContent2 h1 { margin-top: 0; margin-right: 5px; font-size: 28px; padding-top: 0;}

  .TopBannerContent2 ul , .TopBannerContent2 p {text-align: center; margin-right: 0;}

  .TopBannerContent h2 { font-size: 24px;color:#cd9a3b; text-align: center; margin-right: 0;}

  .TopBannerUl { margin-right: 10px; margin-top: 0px;}

  .TopBannerUl li { margin-top: 20px;}


  .TopBannerContent p { font-size: 26px; margin-top: 30px; margin-bottom: 40px; margin-right: 20px;}

  


  .TopBannerContent {min-height: 730px;}


  .MainWebinarText { padding-right: 20px; padding-bottom: 0;}

  #dateAndTime, #dateAndTime11 { padding: 20px; font-weight: 500;}

  .PointText { max-width: 260px;}

  .SpeakerImg { margin-bottom: 30px;}

  .TC-0011 { margin-left: auto; margin-right: auto; max-width: 250px; margin-top: 30px;}

  .checkout_content input {font-family: 'Tajawal', sans-serif;}

  .ThankyouMiddleContent, .ThankyouMiddleContent2 { background-color: #FFF; border-radius: 9px; box-shadow: 3px 3px 9px rgba(0,0,0,0.5); padding: 20px;}
  h1{ margin-top: 1000px;}

  .ThankyouMiddleContent2 { padding-right: 5px; padding-left: 5px;}

  .formFrameAddMargin  { width: 100%; margin-left: 14px;}

  .BullitePointsPart {margin-top:20px}

  .SpeakerRow { margin-right: 20px;}

  .IconOfDateAndTime{max-width: 30px;
    float: right;
    margin-top: 26px;}
    .IconOfDateAndTime2 {max-width: 30px;
      float: right;
      margin-top: 6px; margin-left: 6px; margin-bottom: 30;}

      h1 span { font-size: 22px;}



      #ThankyouPageH1 { font-size: 25px; margin-top:20px}

      #LinkWillbeSent { font-size: 22px; padding-right:0px}

      #LinkWillbeSent ul { font-size: 22px; padding-right:0px}

      .ThankyouMiddleContent2 li { color: #333; font-weight: 600; font-size: 22px; margin-bottom: 20px; padding-left: 5px; padding-right: 5px;}


      .ThankyouMiddleContent h3, .ThankyouMiddleContent2 h3 { color: #f7790b; font-weight: 600; text-align: center;}





      .ThankyouMiddleContent ul, .ThankyouMiddleContent2 ul { list-style-position: inside; margin-top: 30px;}
      
      .lol32 { padding-top: 20px; padding-bottom: 20px;border-radius: 45px; font-size: 22px; background: rgb(228,181,93);
        background: linear-gradient(225deg, rgba(228,181,93,1) 12%, rgba(253,227,176,1) 90%); border: solid 1px #FFF; text-decoration: none; color: #003192; padding-left: 30px; padding-right: 30px; font-weight: 600; max-width: 429px;
        float: right; text-decoration: none;}
      
      .lol32:hover { padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }
      .lol32.secondlol { margin-top: 20px; color: #0f316d;}


      #EGyptThankTopCont { min-height: 1300px;}

      .ThankyouEgyptUl {padding:0}
    }