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

.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;}
.pr_80 { padding-right: 80px;}

.pl_80 { padding-left: 80px;}



.pl_90 { padding-left: 90px;}
.pl_100 { padding-left: 100px;}
.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;}


.padding_40 { padding: 40px;}
.padding_50 { padding: 50px;}
.padding_60 { padding: 60px;}
.padding_70 { padding: 70px;}
.padding_80 { padding: 80px;}
.padding_90 { padding: 90px;}
.padding_100 { padding: 100px;}

.pt_0 { padding-top: 0;}

.center-all {
  display: flex;
  justify-content: center;
  align-items: center;
}

.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: */


li {
  display: list-item;
  vertical-align: top;
}


    .main-banner-content h1 {
      font-size: 54px;
    
      color: #025207; line-height: 1.4; padding: 0px; padding-top: 0;
    }




    .DisplayInDeskTopOnly { display: inline;}

    .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-main-banner-area2
    { background-image: url(../img/New_Webinar_Banner_DT21.webp); background-size: 100% auto; min-height: 460px; background-position: bottom; background-size:100% auto ; background-repeat: no-repeat; background-color: #1c4438; max-width: 92%; margin-left: auto; margin-right: auto;}

    .Webinar-main-banner-area h1, .Webinar-main-banner-area2 h1 { text-align: center; font-size: 44px; line-height: 1.7 ; color: #FFF;}


    .LandingPage-main-banner-area
    { background-image: url(../img/LandingPage_Banner_DT1.webp); background-size: 100% auto; min-height: 790px; background-position: top; background-size: 100% auto; background-repeat: no-repeat; background-color: #FFF;}

    .LandingPage-main-banner-area2
    { background-image: url(../img/LandingPage_Banner_DT2.webp); background-size: 100% auto; min-height: 790px; background-position: top; background-size: 100% auto; background-repeat: no-repeat; background-color: #FFF;}




    .LandingPage-main-banner-area3
    { background-image: url(../img/LandingPage_Banner_DT4.webp); background-size: 100% auto; min-height: 790px; background-position: top; background-size: 110% auto; background-repeat: no-repeat; background-color: #FFF;}



    .AboutUs-main-banner-area3
    { background-image: url(../img/AboutUs_Banner_DT_001.webp); background-size: 100% auto; min-height: 840px; background-position: top; background-size: 100% auto; background-repeat: no-repeat; background-color: #FFF;}


    .LandingPage-main-banner-area h1, .LandingPage-main-banner-area2 h1 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); max-width: 100%;}




.LandingPage-main-banner-area3 h1 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); max-width: 60%; margin-left: auto; margin-right: auto;}


    .AboutUs-main-banner-area3 h1
    { color:#1c4438; text-align: right; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); max-width: 100%; padding: 70px; padding-bottom: 30px; margin-top: 50px;}



    .LandingPage-main-banner-area h2, .LandingPage-main-banner-area2 h2 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); font-size: 22px; padding: 90px; direction: rtl; padding-top: 30px; line-height: 1.7; padding-bottom: 20px;}

    .AboutUs-main-banner-area3 h2
    { color: rgb(203,89,4); text-align: right; font-size: 22px; padding: 70px; direction: rtl; padding-top: 0px; line-height: 1.7; padding-bottom: 20px; padding-left: 152px; }

    .LandingPage-main-banner-area3 h2 {color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); font-size: 24px; padding: 60px; direction: rtl; padding-top: 10px; line-height: 1.7; padding-bottom: 20px;max-width: 70%;
        margin-left: auto;
        margin-right: auto;}


      #TopBannerCOntentLanding {margin-right: -100px;}

    .LandingPage_Green_Free{  background:#9edd05;  padding: 20px; width: auto; max-width: 300px; border-radius: 12px; margin-top: 30px; text-align: center ; margin-left: auto; margin-right: auto; color: #025207;}


    .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 ; padding-right: 30px; padding-left: 30px;}

      .Webinar_Green_Free:hover { background-color: #FFF; box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.8);}

    .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; color:#ed5f07 ;}




#Webinar_Speakers_title { font-size: 32px;}




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

.Thankyou_MailWhiteCart { background-color: #FFF; padding: 40px; border-radius: 12px; margin-left: auto; margin-right: auto;}

.Thankyou_MailWhiteCart p { font-size: 22px; text-align: center; font-weight: 700;}
.thankyouh1 { font-size: 27px; text-align: center; color: #025207; padding: 44px; padding-top: 10px; padding-bottom: 0;}

.thankyouh2 { font-size: 21px; text-align: center; color: #025207; padding: 44px; padding-top: 10px; padding-bottom: 0;}


.thanksCardinsideCard { background-color: #fffaeb; border-radius: 9px; box-shadow:  3px 3px 12px rgba(0, 0, 0, 0.4); padding: 40px; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto;}
.thanksCardinsideCard h2 { font-size: 26px; color: #ed5f07;}

.thanksCardinsideCard2 { background-color: #fff; border-radius: 9px; box-shadow:  3px 3px 12px rgba(0, 0, 0, 0.4); padding: 40px; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto;}
.thanksCardinsideCard2 h2 { font-size: 26px; color: #ed5f07;}


.thanksCardinsideCard li {
    list-style: square;
    list-style-position: outside;
    list-style-position: inside;
    font-size: 20px;
    font-weight: 700;
    color: #025207;
    text-align: center; margin-top: 20px;
}
.WebinarContactText { color: #7eac0d;font-size: 20px;}

.mr_lg_40 {margin-right: 40px;}
.mr_lg_60 {margin-right: 60px;}


.WebinarFormH1 {font-size: 60px; color: #FFF; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; margin-top: 50px;}
.WebinarFormH1_2 {font-size: 40px; color: #FFF; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; margin-top: 50px;}
.WebinarFormH1_P{font-size: 30px; color: #abdc45; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; font-weight: 700; margin-top: 50px;}

.WebinarSmallP { color: #FFF; padding: 80px; padding-top:0}














.single-why-choose-box {
  margin-bottom: 25px;
  padding: 25px 20px 35px 80px; min-height: 250px;
}

.single-why-choose-box .icon {
  left: 0;
  top: 50%;
  width: 68px;
  height: 68px;
  font-size: 32px;
  position: absolute;
  text-align: center;
  color: var(--primaryColor);
  border: 1px solid #eeeeee;
  transform: translateY(-50%);
  transition: var(--transition);
  background-color: var(--whiteColor);
}
.single-why-choose-box h3 {
  font-size: 21px;
  margin-bottom: 12px; color: #159a49;
}

.single-why-choose-box::before {
  inset: 0;
  z-index: -1;
  content: "";
  margin-left: 34px;
  border-radius: 7px;
  position: absolute;
  background-color: #FFF;
}
.single-why-choose-box .icon i {
  left: 0;
  top: 50%;
  right: 0;
  margin-top: -1px;
  position: absolute;
  transform: translateY(-50%);
}
.single-why-choose-box .icon {
  font-size: 32px;
  text-align: center;

  background-color: #149a48;
}

.single-why-choose-box:hover .icon {
  font-size: 32px;
  text-align: center;

  background-color: #9edd05; cursor: pointer;
}

.single-why-choose-box:hover {
 cursor: pointer;
}

.single-why-choose-box p { font-size: 18px;
  
 }
 

#IconsContainerLanding {background-color: #f0f2f0; padding: 60px;}


.statisticsCOntainer {
  text-align: center;
  margin: 0;
  padding: 20px;
  border-radius: 16px;
  /* background-image: url(../img/Statistics_Shadow.png); */
  background-size: 107%; background-position: center bottom;
  min-height: 170px; padding-bottom: 0px;
}
.StatisticsNum {font-size: 38px; font-weight: 700; color: #159a49;}
.StatisticsParagraph{ font-size: 20px; font-weight: 700; color: #2f2f2f;}
.Statistics_Section .col-lg-3 {margin: 0px; padding: 0px;}
.Statistics_Section {background-image: url(../img/Logo_WaterMark2.webp); background-size: 100% auto; background-position:center;}



.Contacts_Section {background-image: url(../img/Pages_BG/Contacts_Try_004.webp); background-size: 100% auto; background-position:bottom; background-repeat: no-repeat;}


.Contacts_Section22 {background-image: url(../img/Pages_BG/FAQ_Try_001.webp); background-size: 100% auto; background-position:bottom; background-repeat: no-repeat;}

.Contacts_Section2 {background-image: url(../img/Pages_BG/Contacts_Try_001.webp); background-size: 100% auto; background-position:bottom;}


.Contacts_Section3 {background-image: url(../img/Pages_BG/Contact_Us_Banner_001.webp); background-size: 100% auto; background-position:bottom; background-repeat: no-repeat;}



.section-title {
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-bottom: 80px;
}
#load {
  background-image: url(../img/Arrow_Down2.webp);
  min-height: 72px;
  max-width: 140px;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;font-size: 22px; margin-top: 60px;
}
#LandingCTASection { background-image: url(../img/Landing_CTA.webp); min-height: 500px; background-size: 100% auto; background-repeat: no-repeat;}
#LandingCTASection h2 { text-align: center; margin-top: 200px; color: #FFF;}


#LandingCTASection2 { background-image: url(../img/Landing_CTA3.webp); min-height: 500px; background-size: 100% auto; background-repeat: no-repeat;}
#LandingCTASection2 h2 { text-align: center; margin-top: 110px; color: #FFF; margin-bottom: 70px; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.6); }

#LandingCTASection2 h3 { text-align: center; margin-top: 10px; color: #FFF; margin-bottom: 20px; padding: 40px; padding-top: 0; font-size: 24px; padding-bottom: 0; text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6); line-height: 1.5;}



.LandingSideList li {list-style: inside; text-align: right; font-size: 24px; color: #FFF; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); line-height: 1.7;}


.WhatsAppLandingForm {font-size: 22px; color: #FFF; cursor: pointer;}
.WhatsAppLandingForm a {color:#9edd05; text-decoration: underline;}

.WhatsAppLandingForm a:hover {color:#ed5f07; text-decoration: underline;}

.LandingThanksSocialCont { background-color: #abdc45; margin-left: auto; margin-right: auto; max-width: 500px;}
.LandingThanksSocialCont ul li { list-style: none; max-width: 50px; float: right; margin: 10px;}

li a img, .WhatsappThanks img {
  transition: transform 0.3s ease-in-out;
}

li a:hover img, .WhatsappThanks:hover img {
  transform: scale(1.2);
}
.givSomeSpace { width: 100%; height: 50px;}




.section-title h2, .section-title .h2 {
  font-size: 38px;
  line-height: 1.5;
  margin-bottom: 0;
}

#IconsContainerLanding .section-title p{font-size: 22px; font-weight: 500; margin-top: 30px;}



#LandingCTASection2 .col-lg-6 div {  border-left: solid 1px rgba(255, 255, 255, 0.5);}

#contactUsForm {background-color: #f0f2f0; padding: 30px; box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4);}

#contactUsForm .col-md-6, #contactUsForm .col-md-12 { text-align: right;} 
#contactUsForm2 .col-md-6, #contactUsForm2 .col-md-12 { text-align: right;} 


.contactsTopBG  {  background: rgb(171,208,74);
  background: linear-gradient(0deg, rgba(171,208,74,0.541036482952556) 0%, rgba(240,242,240,1) 100%);  }

.Banner_P_contacts {font-size: 18px; font-weight: 700; color: #333;}

.InnerContactBocket h3 {font-size: 222px;}


.contactsH1 {color:#0f4326}

.InnerContactBocket button { margin-left: auto; margin-right: 4%;}



.RequestQuote_Form_Left {padding:60px;}
.RequestQuote_Form_Left h1 {font-size: 40px;}
.RequestFormH1_P{font-size: 30px; color: #abdc45; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; font-weight: 700; margin-top: 50px;}


.RequestContactText { color: #FFF;font-size: 20px;}

.RequestQuoteH2 { font-size: 21px; text-align: center; color: #FFF; padding: 44px; padding-top: 10px; padding-bottom: 0;}

.FAQTopBannerP { font-size: 22px; color: #ed5f07; font-weight: 700; } 

.ContactsTopBannerSpace { min-height: 200px;}

.FAQTopBannerSpace{ min-height: 40px;}

.banner-card img { max-width: 120px; margin-bottom: 10px;}
.ContactPocketButton { background-color: transparent; border: 0; margin: 0; text-decoration: underline; font-size: 20px; font-weight: 700; color: #119949;}

.ContactPocketButton:hover { background-color: transparent; border: 0; margin: 0; text-decoration: none; font-size: 20px; font-weight: 700; color: #ed5f07;}


.ContactPocketButton img { max-width: 20px; height: auto; margin-left: 0px; margin-top: 10px;}

.InputLabel {font-size: 16px; text-align: right; padding: 7px; padding-bottom: 6px;}

.InputLabel::after { content: "*"; color: #159a49; margin-right: 3px;}

#WebinarForm .col-md-6, #WebinarForm .col-md-12 { text-align: right; }

.WebinarCTASection {background-image: url(../img/CTA_Webinar_Middle21-22.webp); min-height: 280px; background-size: auto 100%; margin-bottom: 20px; border-radius: 8px;}
.CenterWebinarCTAButton { text-align: center; padding-top: 30px;}

#MiddleWebinarCTAh2
 {
  font-size: 25px;
  line-height: 1.6;
  margin-bottom: 20px; color:#FFF; padding: 40px; padding-top: 20px;
}

.Landing_CTA_Free {

  background-color:
#FFF;
  padding:
20px;
  padding-right: 20px;
  padding-left: 20px;
  width: auto;
  max-width: 300px;
  border-radius:
12px;
  margin-top: 30px;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;

  border:
none;
  box-shadow: none;
  display: inline-block;
  position: relative;
  border-radius:
10px;

  padding:
18px 30px 18px;
  font-weight: 600;
  color: #f05c0c;
  line-height: normal;
  transition:
all ease 0.5s; font-size:24px;
}

.Landing_CTA_Free:hover {background-color: #0f4326; color: #FFF;}


.Last_Landing_Form_TwoSentences { border:solid 1px #9edd05; padding: 10px; border-radius: 4px; margin: 30px; padding-top: 10px;}


.OneOfThreeAboutUs { font-size: 22px;}

.about-top { margin-top: 20px; }

.Landing-SubCTA {font-size: 19px;
  color: #FFF;
  margin-top: 21px;}

.BoxSubTitle { background-color: #FFF; border-radius: 12px; padding: 20px; margin-left: auto; margin-right: auto; max-width: 490px; margin-bottom: 50px;}

}
















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


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

{

  body { direction: ltr;}
  /* For Mobile: */

  div {direction: rtl;}

  .DisplayInDeskTopOnly { display: none;}

  .DisplayInMobOnly  { display: inline;}



  .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-main-banner-area2
{ background-image: url(../img/Pages_BG/New_Webinar_Banner_Mob.webp); background-size:100% auto ; min-height: 500px; background-position: top; background-repeat: no-repeat; background-color: #b49980;}
.Webinar-main-banner-area h1, .Webinar-main-banner-area2 h1 { text-align: right; font-size: 42px; line-height: 1.7 ; color: #FFF;}

.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, .Webinar-main-banner-area2 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;}

.Thankyou_MailWhiteCart { background-color: #FFF; padding: 20px; border-radius: 12px; margin:20px; margin-left: 0;}

.Thankyou_MailWhiteCart p { font-size: 18px; text-align: center; font-weight: 700;}

.Thankyou_MailWhiteCart .lol p { font-size: 16px; text-align: center; font-weight: 700; margin-bottom: 30px;}

.thankyouh1 { font-size: 22px; text-align: center; color: #025207; padding: 14px; padding-top: 10px; padding-bottom: 0;}

.thankyouh2 { font-size: 21px; text-align: center; color: #025207; padding: 24px; padding-top: 10px; padding-bottom: 0;}


.thanksCardinsideCard { background-color: #fffaeb; border-radius: 9px; box-shadow:  3px 3px 12px rgba(0, 0, 0, 0.4); padding: 20px; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto;}

.thanksCardinsideCard2 { background-color: #fff; border-radius: 9px; padding: 0px; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto;}
.thanksCardinsideCard h2,.thanksCardinsideCard2 h2  { font-size: 20px; color: #ed5f07;}



.thanksCardinsideCard ul { padding: 0;}
.thanksCardinsideCard li {
    list-style: square;
    list-style-position: outside;
    list-style-position: inside;
    font-size: 20px;
    font-weight: 700;
    color: #025207;
    text-align: center; margin-top: 20px;
}
.WebinarContactText { color: #7eac0d;font-size: 20px;}

.mr_lg_40 {margin-right: 0px;}
.mr_lg_60 {margin-right: 0px;}


.form-sidebar {margin: 10px;}






.LandingPage-main-banner-area, .LandingPage-main-banner-area2, .LandingPage-main-banner-area3
{ background-image: url(../img/LandingPage_BannerـMob3.webp); background-size: 100% auto; min-height: 490px; background-position: top; background-size: 100% auto; background-repeat: no-repeat; background-color: #FFF;}



.AboutUs-main-banner-area3
{ background-image: url(../img/AboutUs_Banner_Mob_001.webp); background-size: 100% auto; min-height: 840px; background-position: top; background-size: 100% auto; background-repeat: no-repeat; background-color: #FFF;}



.AboutUs-main-banner-area3 h1
{ color:#1c4438; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); max-width: 100%; padding: 20px; padding-bottom: 30px; margin-top: 50px; font-size: 37px;}



.AboutUs-main-banner-area3 h2
{ color: rgb(203,89,4); text-align: center; font-size: 22px; padding: 20px; direction: rtl; padding-top: 0px; line-height: 1.7; padding-bottom: 20px;}












.LandingPage-main-banner-area h1, .LandingPage-main-banner-area2 h1 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); max-width: 100%; font-size: 34px; line-height: 1.7;}


.LandingPage-main-banner-area3 h1 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); max-width: 100%; font-size: 44px; line-height: 1.7;}

.LandingPage-main-banner-area h2, .LandingPage-main-banner-area2 h2, .LandingPage-main-banner-area3 h2 { color: #FFF; text-align: center; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.4); font-size: 24px; padding: 20px; direction: rtl; padding-top: 30px; line-height: 1.7; padding-bottom: 20px;}


.Landing-SubCTA {font-size: 22px;
  color: #FFF;
  margin-top: 22px;}


.statisticsCOntainer {
  text-align: center;
  margin: 0;
  padding: 20px;
  border-radius: 16px;
  /* background-image: url(../img/Statistics_Shadow.png); */
  background-size: 107%; background-position: center bottom;
  min-height: 170px; padding-bottom: 0px;
}
.StatisticsNum {font-size: 38px; font-weight: 700; color: #159a49;}
.StatisticsParagraph{ font-size: 20px; font-weight: 700; color: #2f2f2f;}
.Statistics_Section .col-lg-3 {margin: 0px; padding: 0px;}
.Statistics_Section {background-image: url(../img/Logo_WaterMark2.webp); background-size: 100% auto; background-position:center; background-repeat: no-repeat;}







.single-why-choose-box {
  margin-bottom: 25px;
  padding: 25px 20px 35px 80px; min-height: 220px;
}

.single-why-choose-box .icon {
  left: 0;
  top: 50%;
  width: 68px;
  height: 68px;
  font-size: 32px;
  position: absolute;
  text-align: center;
  color: var(--primaryColor);
  border: 1px solid #eeeeee;
  transform: translateY(-50%);
  transition: var(--transition);
  background-color: var(--whiteColor);
}
.single-why-choose-box h3 {
  font-size: 240px;
  margin-bottom: 12px; color: #159a49;
}

.fw-semibold {font-size: 200px;}

.single-why-choose-box::before {
  inset: 0;
  z-index: -1;
  content: "";
  margin-left: 34px;
  border-radius: 7px;
  position: absolute;
  background-color: #FFF;
}
.single-why-choose-box .icon i {
  left: 0;
  top: 50%;
  right: 0;
  margin-top: -1px;
  position: absolute;
  transform: translateY(-50%);
}
.single-why-choose-box .icon {
  font-size: 32px;
  text-align: center;

  background-color: #149a48;
}

.single-why-choose-box:hover .icon {
  font-size: 32px;
  text-align: center;

  background-color: #9edd05; cursor: pointer;
}

.single-why-choose-box:hover {
 cursor: pointer;
}
.single-why-choose-box p{ font-size: 20px;}


#IconsContainerLanding {background-color: #f0f2f0; padding: 20px;}
#load {
  background-image: url(../img/Arrow_Down2.webp);
  min-height: 72px;
  max-width: 140px;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
}

#LandingCTASection { background-image: url(../img/Landing_CTA_Mob.webp); min-height: 400px; background-size: 100% auto; background-repeat: no-repeat;}
#LandingCTASection h2 { text-align: center; margin-top: 200px; color: #FFF;}



#LandingCTASection2 { background-image: url(../img/Landing_CTA_Mob3.webp); min-height: 400px; background-size: 100% auto; background-repeat: no-repeat; padding-bottom: 30px;}
#LandingCTASection2 h2 { text-align: center; margin-top: 200px; color: #FFF;}




.WebinarFormH1 {font-size: 60px; color: #FFF; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; margin-top: 50px;}
.WebinarFormH1_2 {font-size: 30px; color: #FFF; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; margin-top: 50px;}
.WebinarFormH1_P{font-size: 30px; color: #abdc45; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4) ; font-weight: 700; margin-top: 50px;}

.WebinarSmallP { color: #FFF; padding: 80px; padding-top:0}


.LandingSideList li {list-style: inside; text-align: right; font-size: 20px; color: #FFF; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); line-height: 1.7;}


.WhatsAppLandingForm {font-size: 22px; color: #FFF; cursor: pointer;}
.WhatsAppLandingForm a {color:#9edd05;text-decoration: underline;}

.WhatsAppLandingForm a:hover {color:#ed5f07; text-decoration: underline;}



.LandingThanksSocialCont { background-color: #abdc45; margin-left: auto; margin-right: auto; max-width: 300px;}
.LandingThanksSocialCont ul li { list-style: none; max-width: 70px; float: right; margin: 2px;}

li a img, .WhatsappThanks img {
  transition: transform 0.3s ease-in-out;
}

li a:hover img, .WhatsappThanks:hover img {
  transform: scale(1.2);
}
.givSomeSpace { width: 100%; height: 50px;}
#LandingThanksWhitePocket {max-width: 95%}


#LandingCTASection2 h2 { text-align: center; margin-top: 40px; color: #FFF; margin-bottom: 70px; text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.6); line-height: 1.5; }
#LandingCTASection2 h3 { text-align: center; margin-top: 10px; color: #FFF; margin-bottom: 20px; padding: 40px; padding-top: 0; font-size: 22px; padding-bottom: 0; text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6); line-height: 1.5;}


#LandingCTASection2 .col-lg-6 div { border: none; margin-bottom: 50px;}


.InputLabel {font-size: 16px; text-align: right; padding: 7px; padding-bottom: 6px;}

.InputLabel::after { content: "*"; color: #159a49; margin-right: 3px;}

#WebinarForm .col-md-6, #WebinarForm .col-md-12 { text-align: right; }
#contactUsForm2 .col-md-6, #contactUsForm2 .col-md-12 { text-align: right; }


.WebinarCTASection {background-image: url(../img/CTA_Webinar_Middle21-22.webp); min-height: 350px; background-size: auto 130% ; margin-bottom: 20px; border-radius: 8px; background-position: right;}
.CenterWebinarCTAButton { text-align: center; padding-top: 20px;}





.section-title h2 {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.section-title p {
  font-size: 22px;
  line-height: 1.2;
  margin: 18px;
}





.Landing_CTA_Free {

  background-color:
#FFF;
  padding:
20px;
  padding-right: 20px;
  padding-left: 20px;
  width: auto;
  max-width: 300px;
  border-radius:
12px;
  margin-top: 30px;
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;

  border:
none;
  box-shadow: none;
  display: inline-block;
  position: relative;
  border-radius:
10px;

  padding:
18px 30px 18px;
  font-weight: 600;
  color: #f05c0c;
  line-height: normal;
  transition:
all ease 0.5s; font-size:24px;
}

.Landing_CTA_Free:hover {background-color: #0f4326; color: #FFF;}



.Last_Landing_Form_TwoSentences { border:solid 1px #9edd05; padding: 10px; border-radius: 4px; margin: 50px; padding-top: 10px; max-width: 390px;}


.about-top { margin-top: 0px; }


.OneOfThreeAboutUs { font-size: 18px;}


#MiddleWebinarCTAh2
 {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 20px; color:#FFF; padding: 40px; padding-top: 20px;
}
.BoxSubTitle { background-color: #FFF; border-radius: 12px; padding: 20px; margin-left: auto; margin-right: auto; max-width: 450px; margin-bottom: 50px;}

}









/* ================================= ALAA WINDOW SCREEN  CSS CONDITIONS ==================================== */




@media only screen and (min-width: 769px) and (max-width: 1195px) {
  /* Your styles here */

#MiddleWebinarCTAh2
 {
  font-size: 26px;
  line-height: 1.6;
  margin-bottom: 20px; color:#FFF; padding: 40px; padding-top: 20px;
}



    .LandingPage-main-banner-area3
    { background-image: url(../img/LandingPage_Banner_DT4.webp); background-size: 100% auto; min-height: 680px; background-position: top; background-size: 110% auto; background-repeat: no-repeat; background-color: #FFF;}


}