.mb_20 { margin-bottom: 20px;}
.mt_20 { margin-top: 20px;}


.mb_30 { margin-bottom: 30px;}
.mt_30 { margin-top: 30px;}

.mb_40 { margin-bottom: 40px;}
.mt_40 { margin-top: 40px;}

.mb_50 { margin-bottom: 50px;}
.mt_50 { margin-top: 50px;}

.mb_60 { margin-bottom: 60px;}
.mt_60 { margin-top: 60px;}

.mb_70 { margin-bottom: 70px;}
.mt_70 { margin-top: 70px;}

.mb_80 { margin-bottom: 80px;}
.mt_80 { margin-top: 80px;}

.mb_90 { margin-bottom: 90px;}
.mt_90 { margin-top: 90px;}

.mb_100 { margin-bottom: 100px;}
.mt_100 { margin-top: 100px;}


.mb_150 { margin-bottom: 150px;}
.mt_150 { margin-top: 150px;}
.mt_200 { margin-top: 200px;}
.mt_250 { margin-top: 250px;}

.ml_20 {margin-left: 20px;}
.mr_20 {margin-right: 20px;}



.pr_20 { padding-right: 20px;}

.pl_20 { padding-left: 20px;}

.pr_30 { padding-right: 30px;}

.pl_30 { padding-left: 30px;}


.pr_40 { padding-right: 40px;}

.pl_40 { padding-left: 40px;}



.pr_50 { padding-right: 50px;}

.pl_50 { padding-left: 50px;}

.pr_60 { padding-right: 60px;}

.pl_60 { padding-left: 60px;}


.pr_70 { padding-right: 70px;}

.pl_70 { padding-left: 70px;}

.pb_20 { padding-bottom: 20px;}
.pb_30 { padding-bottom: 30px;}
.pb_40 { padding-bottom: 40px;}
.pb_50 { padding-bottom: 50px;}
.pb_60 { padding-bottom: 60px;}
.pb_70 { padding-bottom: 70px;}
.pb_80 { padding-bottom: 80px;}
.pb_90 { padding-bottom: 90px;}
.pb_100 { padding-bottom: 100px;}
.pb_150 { padding-bottom: 150px;}
.pt_20 { padding-top: 20px;}
.pt_30 { padding-top: 30px;}
.pt_40 { padding-top: 40px;}
.pt_50 { padding-top: 50px;}
.pt_60 { padding-top: 60px;}
.pt_70 { padding-top: 70px;}
.pt_80 { padding-top: 80px;}
.pt_90 { padding-top: 90px;}
.pt_100 { padding-top: 100px;}
.pt_150 { padding-top: 150px;}


.pr_70 { padding-right: 70px;}

.pl_70 { padding-left: 70px;}




.pr_lg_30 { padding-right: 30px;}

.mr_lg_10 { margin-right: 10px;}

.mr_lg_20 { margin-right: 20px;}

.mr_lg_30 { margin-right: 20px;}

.mr_lg_70 { margin-right: 70px;}

.pl-lg-50 { padding-left: 50px;}

.pl-lg-90 { padding-left: 90px;}

.pl-lg-120 { padding-left: 120px;}

.mb_lg_40 { margin-bottom: 40px;}

.mt_lg_50 { margin-top: 50px;}

.ml_lg_0 {margin-left: 0;}

.mr_lg_0 {margin-right: 0;}

.text-align-right {text-align: right;}


.separator { width: 100%; margin-top: 40px; margin-bottom: 40px; height: 1px; background-color: #02520743;}

/* ================================== DESKTOP CSS CONDITIONS =================================== */


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



    .main-banner-content h1 {
      font-size: 48px;
      max-width: 600px;
      color: #025207; line-height: 1.4;
    }
  



    .DisplayInDeskTopOnly { display: block;}

    .DisplayInMobOnly  { display: none;}





    .Home-main-banner-area
    { background-image: url(../img/Home_banner_DT.jpg); background-size: 100% auto; min-height: 900px; background-position: top;}



    .Webinar-main-banner-area
    { background-image: url(../img/Webinar_Banner_DT2.jpg); background-size: 100% auto; min-height: 500px; background-position: top; background-size: auto 100%; background-repeat: no-repeat; background-color: #b49980;}

    .Webinar_Green_Free{  background: rgb(203,89,4);
      background: linear-gradient(90deg, rgba(203,89,4,1) 0%, rgba(248,222,107,1) 51%, rgba(238,152,4,1) 100%);  padding: 20px; width: auto; max-width: 300px; border-radius: 12px; margin-top: 30px; text-align: center ;}
    .Webinar_Green_Free p { font-size: 23px; font-weight: 700; color: #025207;}

    .Dir_RTL { direction: rtl;}

    .top-header-info .navbar {
      background-color: #ba82505c;
    }
    .navbar.sticky { background-color: #FFF;}



    .features-image .feature-image-2 {
      left: 16px;
      bottom: 190px;
      top:400px
    
    }


    .features-image {
      padding: 174px 90px 162px 210px;
        padding-top: 174px;
        padding-right: 90px;
        padding-bottom: 162px;
        padding-left: 210px;
      max-width: 600px;
    }

    .My_Majd_Icon_01, .My_Majd_Icon_02, .My_Majd_Icon_03 { float: right; max-width: 90px; margin-left: 20px; min-height: 130px;}

    .features-content ul li {
      padding: 35px 15px 35px 50px;
    }


    .partner-logo {background-color: rgba(255, 255, 255, 1); padding: 8px; width: 170px; border-radius: 8px;}

  .glow { position: absolute; right:-180px; top: -70px; z-index: -1;}
    
 .sticky .glow { display: none;}





 .dateAndTime p {
  padding-bottom: 0px;
  font-weight: 500;
  color: #ed5f07;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

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

.webinarArrow01 {color:#ed5f07;     transform: scaleX(-0.8);
  -moz-transform: scaleX(-0.8);
  -webkit-transform: scaleX(-0.8);
  -ms-transform: scaleX(-0.8); font-size: 21px;}


  .WebinarUnderline {
    text-decoration: underline;
    text-underline-offset: 6px;
}


.Webnar_Data_Green_Cont {padding: 25px 32px;
  margin: 40px 0 40px;margin: 0px; margin-bottom: 50px; margin-left: 40px;}


  .webinar_body_txt { font-size: 20px; padding-left: 40px;}


.Webinar_Title {font-size: 28px; font-weight: 700; margin-bottom: 40px; margin-top: 60px;} 




#Webinar_Speakers_title { font-size: 32px;}




.mt_xs_-50 { margin-top: 100px;}


    
}
















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


@media only screen and (max-width: 768px)

{
  /* For Mobile: */

  .DisplayInDeskTopOnly { display: none;}

  .DisplayInMobOnly  { display: block;}



  .Home-main-banner-area
  { background-image: url(../img/Home_banner_Mobile.jpg); background-size: 100% auto; min-height: 400px; background-position: top;}
  .Home-main-banner-area h1 { color: #FFF;}

.pr_xs_0 { padding-right: 0px;}

.mr_xs_0 { margin-right: 0px;}


.mb_xs_0 { margin-bottom: 0px;}

.pl-xs-0 { padding-left: 0px;}

.pl-xs-0 { padding-left: 0px;}

.mt_xs_0 { margin-top: 0px;}

.ml_xs_30 {margin-left: 30px;}

.mr_xs_30 {margin-right: 30px;}

.mb_xs_20 {margin-bottom: 20px;}

.bt_xs_0 { padding-top: 0px;}

.mt_lg_50 { margin-top: 0px;}

.mt_xs_-50 { margin-top: -50px;}


.dateAndTime p {
  padding-bottom: 0px;
  font-weight: 500;
  color: #ed5f07;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

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

.webinarArrow01 {color:#ed5f07;     transform: scaleX(-0.8);
  -moz-transform: scaleX(-0.8);
  -webkit-transform: scaleX(-0.8);
  -ms-transform: scaleX(-0.8); font-size: 16px;}


  .WebinarUnderline {
    text-decoration: underline;
    text-underline-offset: 6px;
}





.Webinar-main-banner-area
{ background-image: url(../img/Webinar_Banner_Mob.jpg); background-size: 100% auto; min-height: 500px; background-position: top; background-size: auto 100%; background-repeat: no-repeat; background-color: #b49980;}

.Webinar_Green_Free{  background: rgb(203,89,4);
  background: linear-gradient(90deg, rgba(203,89,4,1) 0%, rgba(248,222,107,1) 51%, rgba(238,152,4,1) 100%);  padding: 20px; width: auto; max-width: 300px; border-radius: 12px; margin-top: 30px; text-align: center ; margin-left: auto; margin-right: auto;}
.Webinar_Green_Free p { font-size: 23px; font-weight: 700; color: #025207;}

.Webinar-main-banner-area h1 { text-align: center; font-size: 32px; line-height: 1.7 ;} 


.Webnar_Data_Green_Cont {padding: 25px 32px;
  margin: 40px 0 40px;margin: 0px; margin-bottom: 50px; margin-left: 0px;}

.webinar_body_txt { font-size: 20px; padding: 20px;}


.Webinar_Title {font-size: 24px; font-weight: 700; margin-bottom: 20px; margin-top: 30px;} 

.webinar_Speaker_Img { max-width: 200px;}

.WebimarSpeakerImgDiv br { display: none;}

}