 body {margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size: 1rem;font-weight: 400;
      line-height: 1.5;color: #333;text-align: left;
      background-color: #fff;}
      .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #f1f1f1;
      opacity: 1; /* Firefox */
      }
      .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #f1f1f1;
      }
      .form-control::-ms-input-placeholder { /* Microsoft Edge */
      color: #f1f1f1;
      }
    .libraryBg{width: 100%; height: 70vh; margin: 0; padding: 0; position: relative; margin: auto 0px; 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://www.entirehr.com.au/wp-content/themes/entirehr/img/library.jpg') 50% 50% no-repeat; background-size: cover;  }
    .newlayout_Manage{float:left !important;}
    .footSection{float:left;width:100%;}
    .jumbotron{display: flex; padding: 0.5rem 2rem !important; background: #fff;}
    .row-full-width {width: 100%; float: left; margin: 0; padding: 0;}
    .row-left-side {width: 38%; float: left; margin: 0;padding: 0 70px 0 0;}
    .row-right-side {width: 62%; float: right; margin: 0;padding: 0;}
    .row-right-side h1{text-align: left; line-height: 37px; font-size: 32px;font-weight: 400;letter-spacing: 1.2px; color: #72b01d; margin: -10px 0 20px 0;}
    .row-right-side h3{font-size: 20px; text-align: left;margin-bottom: 10px;}
    .row-right-side p{text-align: left; color: #333 !important;}
    .navbar {background: #fff;}
    .lead{font-size: 16px !important; font-weight: 400 !important;}
    .row-right-side ul li{text-align: left; list-style: none;background-position: left;padding: 3px 0 4px 0px; }
    .row-right-side ul{margin-left: 0px;padding-left: 15px;}
    .btn-primary{color: #fff;background-color: #4c2570 !important;border-color: #4c2570 !important; font-size: 20px;line-height: 27px;word-spacing: 1px; padding: 0 44px; height: 52px; line-height: 50px; letter-spacing: 1px;border-radius: 100px;box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);}
    .btn-primary:hover{background-color: #72b01d !important;border-color: #72b01d !important;}
      .card {background-color: #72b01d !important;border: 0px solid #72b01d !important;}
      .GreenBbR{background: #72b01d; padding:60px 0px;}
      .FormSection{width: 100%;max-width: 768px;margin: 0px auto;}
      footer{background: #cccccc52;padding-top: 20px;padding-bottom: 20px;}
      .form-control {border: 1px solid #ccc !important;background-color: #a0ca67 !important;height: 52px !important;border-radius: 3px !important;}
      .mgTom-1{margin-bottom: 50px;}
      .mgTom-2{margin-bottom: 10px;}
      .float-right a{color: #72b01d;}
      .WhiteTxt{color: #fff;font-size: 15px;}
     .white-bg {left: 0;right: 0;margin-left: auto;margin-right: auto;width: 68px;height: 68px;
    background: url(https://www.entirehr.com.au/wp-content/themes/entirehr/img/whitebg.svg) 0 0/cover no-repeat;
    -webkit-background-size: cover;margin-top: -96px;margin-bottom: 20px;}
    .HomeLeft {color: #72b01d;font-size: 50px;}
    .row-left-side img{border: 2px solid #ccc;border-radius: 2px;}
    #DownloadNow{width: 100% !important}

    .ClientSubHeeading {font-size: 30px;color: #333;font-weight: 400!important;
    font-family: Georgia;margin-top: 40px; text-align: center;}
    .ClienSection {background:#fff; padding: 0 0 50px 0;}
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ClienSection{padding: 0 0 10px 0; display: inline-table;}
    }
    .grid-1280 {display: table;width: 1280px;margin: auto;}
    #mixedSlider33 .MS-content .itemes {display: inline-block;width: 24.9% !important;position: relative;
    vertical-align: top;overflow: hidden;height: 100%;white-space: normal;padding: 0 5px 0 5px;
    margin-right: 2px;}

    .Divider {color:rgba(255, 255, 255, 0.5) !important;}

    @media (max-width: 479px) {
    .grid-1280 {width: 100%; display: block;}
    #mixedSlider3, #mixedSlider33 {margin-bottom: 20px;}
    .top-wrap .d-flex {justify-content:center;}
    .BookADemo {display: none;}
    }

    @media (max-width: 979px) {
    #mixedSlider33 {
      margin-bottom: 20px;
      width: 100% !important;
      margin-top: 0px;}
    }
    @media (max-width: 991.98px) {
    .grid-1280{width: 100%;}
    .mixedSlider33{width: 100%;}
    }

    @media (max-width: 1199.98px) {
    .grid-1280{width: 100%;}
    .mixedSlider33{width: 100%;}
    }

    @media (max-width: 767px) {
      #mixedSlider33 .MS-content .itemes {width: 50%;}
    }
    .itemes img {display: block;margin: auto;width: 100%;height:auto !important;transition: all 0.5s ease-in 0s;}
    .top p a:hover {color: #72b01d;}

    @media only screen and (min-width:700px) and (max-width:1024px) {
    .grid-1280{width: 100% !important;}
     #mixedSlider33{width: 100% !important;}
    }

    @media only screen and (min-width:701px) and (max-width:1000px) {
    .jumbotron {padding: 0.5rem 0rem !important;}
    .row-left-side {width: 36%;float: left;margin: 0;padding: 0;}
    .row-right-side {width: 60%;float: right;margin: 0;padding: 0;}
    .row-left-side img{width: 100%; height: auto;}
    .row-right-side h1 {text-align: left;line-height: 37px;font-size: 32px;font-weight: 400;
    letter-spacing: 1.2px;color: #72b01d;margin-top: 0px;margin-bottom: 20px;}
    }

    @media only screen and (min-width:320px) and (max-width:700px) {
    .SatisItem {width: 100%;float: left;margin: 0 0 10px 0;padding: 0;}
    .satisfaction {display:block;}
    .jumbotron {padding: 0.5rem 0rem !important;}
    .row-left-side{width: 100%;float: left;margin: 0 0 10px 0;padding: 0;}
    .row-right-side {width: 100%;float: left;margin: 0;padding: 0;}
    .row-right-side h1{font-size: 25px;}
    .navbar {background: #fff;margin: 0px auto;text-align: center;display: table;}
    header {position: fixed;width: 100%;background: #fff; z-index: 1;}
    main {padding-top: 0;} .ClientSubHeeading {font-size: 25px;}
    .row-right-side h1{margin-top: 0px;}
    .mg-leftinPx{margin-left: auto !important;padding-top: 40px !important;}
    }
    #mixedSlider33 .MS-content .itemes {border: 0px solid #ccc !important;}
    .Divider {color:#fff;}


.OurPartnersBg{height: 70vh !important;}
.resource{width: 100%; float: left; margin: 40px 0 40px 0;padding: 0;}
.resource-left{width: 25%;float: left;margin: 0;padding: 0;position: sticky;overflow: auto;top: 14%; display: none;}
.resource-right{/*width: 75%;*/width: 100%; float: left; margin: 0;padding: 0;}
.R-thumbnail {width: 100%;max-width: 272px;float: left;margin: 0 5px 5px 0;display: -webkit-box;display: -ms-flexbox;
display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: distribute;justify-content: space-around;
text-align: center;padding: 0px;background-color: #fff;border: 1px solid #e4e5e6;border-radius: 4px;
-webkit-transition: box-shadow .5s ease,-webkit-transform .5s ease;transition: box-shadow .5s ease,-webkit-transform .5s ease;
transition: box-shadow .5s ease,transform .5s ease;transition: box-shadow .5s ease,transform .5s ease,-webkit-transform .5s ease;cursor: pointer;}
.resource-left ul li a{color: #333; line-height: 30px; font-size: 16px;}
.resource-left ul li a:hover{color: #72b01d; text-decoration: none;}
.R-thumbnail img{width: 100%;}
.title-H{font-size: 20px;font-weight: bold;text-align: center;
padding: 15px 10px;letter-spacing: 0.5px;color: #4c2570;line-height: 22px;}
.link-full {width: 100%; float: left; margin: 0; padding: 0 20px 20px 0px;}
.ReadMore-Link{width: 100%; float: left; margin: 0; padding: 0;}
.Download-Link{width: 40%; float: right; margin: 0; padding: 0; text-align: end;}
.link-full img{width: auto;}

.ReadMore-Link a {color: #fff;font-size: 15px;
font-weight: bold;letter-spacing: 1px;padding: 9px 15px 10px 15px;
background: #72b01d;border-radius: 100px !important;line-height: 30px;box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);}
.ReadMore-Link a:hover {color: #fff !important; text-decoration: none;background-color: #4c2570 !important;}

.resource-right h3{text-align:center;margin-left:-18px;margin-bottom: 20px;color: #72b01d;font-size: 35px; 
text-transform: uppercase; display: block; width: 100%; display: block;}

.WhitePapers{padding-top: 30px;width: 100%;display: flex;}
#PlatformGuidedTour, #Guide, #WhitePapers {scroll-margin: 160px;}
.ResourceHead {color: #72b01d;font-size: 18px;margin-bottom: 20px;text-transform: uppercase;letter-spacing: 2px;}

@media only screen and (min-width: 1001px) and (max-width: 1150px) {
.resource-left {width: 20%;float: left;margin: 0;padding: 0;}
.resource-right {width: 100%;float: left;margin: 0;padding: 0;}
.R-thumbnail{max-width: 243px;} .R-thumbnail img{width: 100%;}.Download-Link img{width: auto;}
.row-right-side{width: 60%;}
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {
.resource-left {width: 26%;float: left;margin: 0;padding: 0;}
.resource-right {width: 100%;float: left;margin: 0;padding: 0;}
.R-thumbnail{max-width: 250px;} .R-thumbnail img{width: 100%;}.Download-Link img{width: auto;}
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
.resource {width: 100%;float: left;margin: 40px 0 40px 0;padding: 0;}
.resource-left {display: none;}
.R-thumbnail{margin: 0px auto 20px;max-width: 300px;}
.resource-right {width: 100%;}
.resource-right h3 {text-align:center;margin-left:-18px;margin-bottom: 20px;color: #72b01d;font-size: 25px; 
text-transform: uppercase;}
.resource-right h3 {text-align: center;margin-left: 0px !important;margin-bottom: 20px;color: #72b01d;
font-size: 25px;display: block;width: 100%;}
}

.resource-right p, .WhitePapers p {text-align: center;font-size: 18px;margin-bottom: 30px;width: 82%;padding: 0 0% 0 18%;}

/*----New Css For the Demo Pages------*/
.RequestADemoPage{width: 100%; float: left; margin: 65px 0 0 0; padding: 0; height: 100vh; }
.RequestADemoPage img{width: 100%;}
.OurDemoPages img{width: 150px;}
.OurDemoPages {font-family: arial !important;width: 760px;position: absolute;top: 45%;padding: 10px;margin: auto;right:0;left: 0;}
.OurDemoPages h1 { font-family: arial !important;
font-size: 33px;text-align: center;font-weight: 600!important;
color: #000;line-height:40px;margin-bottom: 20px;}
.OurDemoPages h3 {color:#000;font-family: arial !important;
font-size: 23px;margin-bottom: 20px;letter-spacing: 0px;
text-transform: none;font-weight: 600;}
.OurDemoPages p {text-align: center;color: #000;
font-size: 15px;font-weight: 400;line-height: 24px; font-family: arial !important;}

.RequestADemoPage-less{width: 100%; float: left; margin: 65px 0 0 0; padding: 0; height: 100vh; }
.RequestADemoPage-less img{width: 100%;}
.OurDemoPages-less img{width: 150px;}
.OurDemoPages-less {font-family: arial !important;width: 760px;position: absolute;top: 45%;padding: 10px;margin: auto;right:0;left: 0;}
.OurDemoPages-less h1 { font-family: arial !important;font-size: 33px;text-align: center;font-weight: 600!important;
color: #000;line-height:40px;margin-bottom: 20px;}
.OurDemoPages-less h3 {color:#000;font-family: arial !important;
font-size: 23px;margin-bottom: 20px;letter-spacing: 0px;
text-transform: none;font-weight: 600;}
.OurDemoPages-less p {text-align: center;color: #000;font-size: 15px;font-weight: 400;line-height: 24px; 
  font-family: arial !important;}
.WelookForward-less {color: #72b01d !important; font-family: arial !important;
font-size: 18px;margin: 20px 0 20px 0; text-transform: normal;letter-spacing: 2px;}
.Welookgrowing-less {color: #72b01d !important; font-family: arial !important;
font-size: 18px;margin: 0px 0px 0px 0px; text-transform: normal;letter-spacing: 2px;}
.DemoRequestAdemo-less{background:#72b01d; margin-top: 20px;padding: 16px 25px 16px 25px;color: #fff !important;
border-radius: 10px;text-decoration: none !important;} .ButtonMarginTop{margin-top: 45px;}
.DemoRequestAdemo-less:hover{background:#4c2570; color: #fff; text-decoration: none;}
.DemoRequestAdemo-less{background:#72b01d; margin-top: 20px;padding: 16px 25px 16px 25px;color: #fff !important;
border-radius: 10px;text-decoration: none !important;} .ButtonMarginTop-less{margin-top: 30px;}
.DemoRequestAdemo-less:hover{background:#4c2570; color: #fff; text-decoration: none;}


.RequestByXeople{width: 100%; float: left; margin: 0; padding: 0; height: 85vh; }
.RequestByXeople img{width: 100%; margin-top: -75px;}
.RcsaByXeople{width:100%; float:left; margin:65px 0 0 0; padding:0; height:80vh; background: #fff; }
.RcsaByXeople img{width: 100%; margin-top: -75px;}

.ByXeople img{width: 150px;}
.ByXeople {font-family: arial !important;
width: 760px;position: absolute;top: 35%;padding: 10px;margin: auto;right:0;left: 0;}
.ByXeople h1 { font-family: arial !important;
font-size: 33px;text-align: center;font-weight: 600!important;
color: #000;line-height:40px;margin-bottom: 20px;}
.ByXeople h3 {color:#000;font-family: arial !important;
font-size: 23px;margin:10px 0 10px 0;letter-spacing: 0px;
text-transform: none;font-weight: 600;}
.ByXeople p {text-align: center;color: #000;
font-size: 15px;font-weight: 400;line-height: 24px; font-family: arial !important;}
.demofooter{margin-top: 45px;}

.ByXeopless img{width: 150px;}
.ByXeopless {font-family: arial !important;
width: 760px;position: absolute;top: 55%;padding: 10px;margin: auto;right:0;left: 0;}
.ByXeopless h1 { font-family: arial !important;
font-size: 33px;text-align: center;font-weight: 600!important;
color: #000;line-height:40px;margin-bottom: 20px;}
.ByXeopless h3 {color:#000;font-family: arial !important;
font-size: 23px;margin-bottom: 20px;letter-spacing: 0px;
text-transform: none;font-weight: 600;}
.ByXeopless p {text-align: center;color: #000;
font-size: 15px;font-weight: 400;line-height: 24px; font-family: arial !important;}

.WelookForward {color: #72b01d !important; font-family: arial !important;
font-size: 18px;margin: 20px 0 20px 0; text-transform: normal;letter-spacing: 2px;}
.Welookgrowing {color: #72b01d !important; font-family: arial !important;
font-size: 18px;margin: 0px 0px 0px 0px; text-transform: normal;letter-spacing: 2px;}
.DemoRequestAdemo{background:#72b01d; margin-top: 20px;padding: 16px 25px 16px 25px;color: #fff !important;
border-radius: 10px;text-decoration: none !important;} .ButtonMarginTop{margin-top: 45px;}
.DemoRequestAdemo:hover{background:#4c2570; color: #fff; text-decoration: none;}

/*--27-05-2022--*/
.meetwithdemo{justify-content: center;align-items: center;margin: 0px auto;width: 100%;max-width: 1024px;}
.Demofullsection{width: 100%;height: auto;float: left;margin: 0;padding: 50px 0 100px 0; }
.Demo-with-box {display: inline-block;text-align: center;margin: 1.5% 1.5% 50px 2%; width: 300px;background: #fff;}
.RCSA-demo-deails {width: 300px;box-shadow: 0px 0px 0px 0 rgb(0 0 0 / 30%);position: relative;}
.RCSA-demo-deails img {margin: 0;padding: 0;position: relative;top: 0;width: auto;left: 0;}
.Demo-with-box img {  display: initial; background: #dcdcdc;  border-radius: 15px;  border: none;}
.schedule-demo-rcsa {background: #4c2570 !important;color: #fff !important;padding: 12px 15px 12px 15px !important;
  border-radius: 5px !important;font-size: 16px !important;}
.Demo-with-box span em {display: block !important;padding-left: 0px;
font-weight: 400;font-size: 14px;margin: 10px 0 0 0;text-align: center;font-style: normal;color: #6c6a72;max-width: 300px;}
.ButtonRCSATop{margin-top: 30px;}

/* Added on webinar page CSS on 23-08-2023 */
.case-study-bld{font-weight: 700;font-size: 18px;}
.webinar-bg-top{width: 100%; height: 70vh; margin: 0; padding: 0; position: relative; margin: auto 0px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://www.entirehr.com.au/wp-content/themes/entirehr/img/library.jpg') 50% 50% no-repeat; background-size: cover;  }
.webinar-head {width: 1140px;position: absolute;top: 30%;padding: 10px;margin: auto;right: 0;left: 0;}
.webinar-head h1 {font-size: 37px;text-align: center;font-weight: 400!important;
color: #fff;line-height: 45px;letter-spacing: 2px;margin: 0px 26% 1% 26%}
.webinar-resource {width: 100%;float: left;margin: 0px auto;
padding: 0;justify-content: center;display: flex;}
.webinar-head p {text-align: center;color: #fff;font-size: 16px;font-weight: 400;line-height: 20px;margin: 0 0 15px 0;}
.WebinarR {text-align: center; z-index: 1; margin-top: -160px !important;} 
.outBoxmgTop{margin-top: -90px !important;}
.Webinar-body-text{width: 100%; float: left; margin: 0px auto; padding: 0px;}
.Webinar-body-text h2{text-align: center; font-size: 35px;margin-top: 40px; 
  font-weight: bold;color: #4c2570; letter-spacing: 1px;padding: 0 20%;}
.BoxContainer {width: 70%;display: block;margin: 25px 15% 0;padding: 0;}
.productive {width: 100%;float: left;margin: 0;}
.webbox {width: 50%;font-size: 18px;color: #333;font-weight: normal;letter-spacing: .5px;float: left;margin: 20px 0px;}
.Icons {width: 12%;text-align: left;float: left;}
.Attract {width: 88%;text-align: left;font-size: 17px;float: left;max-width: 330px;}
.supercharge-icn {color: #fff;background: #72b01d;padding: 7px;border-radius: 50px;}
.BoxContainer p{width: 100%;float: left;text-align: center;margin: 40px 0 50px 0;}
.BoxContainer p a{text-align: center;width: 100%;background: #4c2570;
color: #fff;max-width: 216px;font-size: 20px;padding: 12px 40px 15px 40px;border-radius: 100px;box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);}
.BoxContainer p a:hover{text-align: center;width: 100%;background: #72b01d; text-decoration: none;
color: #fff;max-width: 216px;font-size: 20px;padding: 12px 40px 15px 40px;}
.column-webnar{width: 50%; float: left; margin: 0; padding: 0;}
.content-webinar{width: 50%; float: right; margin: 0; padding: 50px 0 0 0;} .column-webnar img{max-width: 500px;}
.AnchorName {font-size: 35px !important;font-weight: 600;color: #fff;padding-left: 0;
  text-align: left;text-transform: initial;} .webBodyD{padding: 75px 0 75px 0 !important;}
.content-webinar p{font-size: 17px;color: #fff;padding: 1rem 0;letter-spacing: .5px;line-height: 22px;}
.outsidebox-review {padding: 0 9%;padding-top: 0.5rem;padding-bottom: 2rem;}
.whatPople {color: #4c2570;text-transform: inherit;font-weight: 600;
margin-bottom: 30px;font-size: 35px;line-height: 1.1em;text-align:center;}.review .box-container {align-items: baseline;}
.review .box-container {display: flex;align-items: baseline;justify-content: center;flex-wrap: wrap;}.review .box-container .box {
background: #fff;margin: 0.5rem;padding: 1rem;text-align: center;position: relative;border: 0.1rem solid rgba(0,0,0,.2);
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);flex: 1 1 20rem;border-radius: 1.5rem}
.heighcontrol-1, .heighcontrol-2, .heighcontrol-3 {min-height: 630px;}.review .box-container .box .user img {border-radius: 50%;object-fit: cover;height: 7rem;width: 7rem;
margin-top: 2rem; vertical-align: middle;}.review .box-container .box .comment {color: #333;font-size: 14px;padding: 1.5rem 0 1.5rem 0;
line-height: 25px;}.review .box-container .box .user h3 {color: #72b01d;font-size: 20px;}
.review .box-container .box .user .stars i {color: #ffd51f;font-size: 1.5rem;padding: 1rem 0;margin-bottom: 20px;
  font-weight: 900;}
.outsideBox{width:100% !important;margin:0;}
.outsideBox p{margin:10px 0 35px 0;}
.h1pad{padding:0 30%}
.alertsuccess{display: none !important;}
.alert-success{display: block !important;background-color: transparent !important;
border-color: #fff!important;}
.alert{padding: 0!important;}
.WatchVideo .modal-header {padding: 10px;
border-bottom: 0px solid #e5e5e5!important;
background: #fff!important;height: 50px;}
.WatchVideo .modal-header .btn-close {padding: 0.5rem 0.5rem;margin: -0.5rem -0.5rem -0.5rem auto;}
.WatchVideo .btn-close {box-sizing: content-box;
width: 1em;height: 1em;padding: 0.25em 0.25em;
color: #000;background: url(https://www.entirehr.com.au/wp-content/uploads/2022/02/close.png) no-repeat !important;
border: 0;border-radius: 0.25rem;opacity: 0.5;}
.mtextfield {font-size: 14px !important;
color: #333 !important;border: 1px solid #ccc !important;
padding: 5px 10px 5px 5px !important;font-weight: 400 !important;
display: block !important;width: 400px !important;height: 51px;}
.WatchViesos .modal-dialog {width: 700px; max-width: 700px;}
.wpcf7-mail-sent-ok{background: #fff !important;}
.wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;
border: 2px solid #00a0d2;margin-top: -44px;}
header{position: inherit !important;} .MngVidoeW{border: 1px solid #ccc;margin-left: -35px;}

div.wpcf7-mail-sent-ok{border: 0px solid #398f14 !important}
.learning-outcome{text-align:center;}
.learning-outcome h3{font-size: 35px !important;font-weight: 600;color: #fff;padding-left: 0;text-align: center;margin-bottom: 20px;}
.learning-outcome p{color:#fff;padding: 0 10%;}
.pd-par{padding: 0 10%;}
.mar-tp10pr{margin-top: 3% !important;}
.exloreBox{text-align: center;}
.exloreBox p a {text-align: center;width: 100%;background: #4c2570;color: #fff;max-width: 216px;font-size: 20px;padding: 12px 40px 15px 40px;border-radius: 100px;box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);}
.exloreBox p a:hover {text-align: center;width: 100%;background: #72b01d;text-decoration: none;color: #fff;max-width: 216px;font-size: 20px;padding: 12px 40px 15px 40px;}
.mtop-20p{margin:30px 0;}
#yourDivId{margin: 0 5% 5%; text-align: center;}
.modal-header .close{margin: -6px 25px !important; color: #000000 !important; opacity: 1!important; padding: 2px 7px !important;}
.outBoxmgTop img, .WebinarR img{pointer-events: auto;}
.featext{text-align:left;color:#72b01d !important;font-size:21px;font-weight:400;}
@media only screen and (min-width:320px) and (max-width:600px) {
.webinar-bg-top{height: 40vh !important;} 
.outsideBoxBgHigt{height: 40vh !important;position: static;}
.webinar-head{top: 15% !important;width: 100%;padding: 10px 20px;} 
.supercharge-webinar{height: 35vh !important;}
.supercharge-webinar > .webinar-head{top:22%;}
.WebinarR{margin-top: -40px !important;} 
.WebinarR img{width: 100%;} 
.webinar-head h1{font-size: 23px !important;line-height: 30px;margin: 0;} 
.featext{text-align:center;}
.Webinar-body-text h2{font-size: 25px; text-align: center;margin-top:30px;} 
.BoxContainer {width: 100%;display: block;margin: 25px 0% 0;padding: 0;} 
.Attract{font-size: 16px;} .column-webnar{width: 100%;}
.column-webnar img{width: 100%;} 
.content-webinar{width: 100%;text-align: center;} 
.AnchorName{font-size: 25px !important;text-align: center;}
.whatPople{font-size: 25px;margin-bottom: 30px;} header{position: inherit;} 
.webbox {width: 100%;font-size: 18px;color: #333;
font-weight: normal;letter-spacing: .5px;float: left;margin: 10px 0px;}
.WatchViesos .modal-dialog {width: 100% !important;max-width: fit-content !important;margin: 0 auto;}
.MngVidoeW{border: 0px solid #ccc;margin-left: 0px;width: 100%;height: 240px;min-width: 323px;}
.mtextfield{width: 281px !important;}
.PopUpbutton{width: 100px !important;} .alert-success{border: 0px !important;} .WatchVideo{width: 98% !important;}
.h1pad{padding:0}
.outBoxmgTop{margin-top: -80px !important;}
.pd-par{padding: 4% 2% 0;}
.learning-outcome p{padding: 0 2%;}
.webBodyD{padding:40px 0 !important;}
.outsidebox-review{padding: 0 1% !important;}
.modal-header .close{margin: 0 -15px !important;}
}
@media only screen and (min-width:601px) and (max-width:800px) {
  .supercharge-webinar{height: 93vh !important;}
  .webinar-head{top: 15%;width: 100%;padding: 0;} 
  .supercharge-webinar > .webinar-head{top:18%;}
  .webinar-head h1{margin:3% 5% 0;}
  .h1pad{padding: 0 5%;}
  .outBoxmgTop{margin-top: -55px !important;}
  .WebinarR img{width: 100%;} .webinar-bg-top{height: 40vh;} .BoxContainer{width:100%;display:block;margin:25px 0% 0;padding:0;}
  .column-webnar img{width: 95%;margin-top:40px;} .content-webinar {width: 50%;float: right;margin: -25px 0 0 0;padding: 0px 0 0 0;}
  .heighcontrol-1, .heighcontrol-2, .heighcontrol-3 {min-height: auto;} section{min-height:100vh;padding:0 9%;padding-top:0rem;padding-bottom: 2rem;}
  .pd-par{padding: 0 2%;}
  .learning-outcome p{padding: 0 2%;}
  .webBodyD{padding: 60px 0 60px 0 !important;}
}
@media only screen and (min-width:801px) and (max-width:1024px) {
  .supercharge-webinar{height: 60vh !important;}
  .webinar-head h1{margin: 0px 10% 1% 10% ;}
  .webinar-head{top: 22%;width: 100%;padding: 10px 40px;} 
  .boxHightFix{min-height:755px !important;}
  .h1pad{padding: 0 5%;}
  .outBoxmgTop{margin-top: -95px !important;}
  .box-container > .heighcontrol-3{min-height: 455px !important;}
  .BoxContainer {width: 90%;display: block;margin: 25px 5% 0;padding: 0;}
  .column-webnar img {max-width: 500px;width: 96%;margin-top:140px;} .heighcontrol-1, .heighcontrol-2, .heighcontrol-3 {min-height: auto;}
  .pd-par{padding: 0 2%;}
  .learning-outcome p{padding: 0 2%;}
  .webBodyD{padding: 30px 0 50px 0 !important;}
}

@media only screen and (min-width:1024px) and (max-width:1228px) {
  .onHiringOutsideBox > .heighcontrol-3{min-height: 455px !important;}
}

@media only screen and (min-width:1024px) and (max-width:1299px) {
  .supercharge-webinar{height: 60vh !important;}
  .webinar-head h1{margin: 0 20%;} 
  .webinar-head{top: 26%;width: 100%;padding: 10px 40px;} 
  .h1pad{padding: 0 5%;}
  .outBoxmgTop{margin-top: -95px !important;}
  .heighcontrol-1, .heighcontrol-2{min-height: 630px;}
  .onHiringOutsideBox .heighcontrol-2{min-height:660px !important;}
  .column-webnar img{width:415px;margin-top: 60px;}
  .webBodyD{padding: 60px 0 60px 0 !important;}
}
@media only screen and (min-width:1229px) and (max-width:1299px) {
  .onHiringOutsideBox .boxHightFix {
      min-height: 760px !important;
  }
}
@media only screen and (min-width:1300px) and (max-width:1800px) {
  .supercharge-webinar{height: 65vh !important;}
  .webinar-head{top: 27%;width: 100%;padding: 10px 40px;}
  .webinar-head h1{margin: 0 25% 1% 25%;} 
  .heighcontrol-1, .heighcontrol-2, .heighcontrol-3 {min-height: 610px;}
  .onHiringOutsideBox .boxHightFix{min-height:730px;}
  
}
@media only screen and (min-width:1800px) and (max-width:2400px) {
  .supercharge-webinar{height: 40vh !important;}
}
@media only screen and (min-width:1300px) and (max-width:1600px) {
  .webinar-bg-top{height: 60vh;}
}
@media only screen and (min-width:1600px) and (max-width:2400px) {
  .webinar-bg-top{height: 55vh !important;}
  .boxHightFix{min-height:530px;}
}
/* Added on webinar page CSS on 23-08-2023 */


@media only screen and (min-width: 320px) and (max-width: 600px){
.ByXeople{width: 100%;top: 25%;} .ByXeople h1{font-size: 30px;} .ByXeople h3{font-size: 20px;}
.ByXeopless{width: 100%;top: 25%;} .ByXeopless h1{font-size: 30px;} .ByXeopless h3{font-size: 20px;}
.RequestByXeople{height: 130vh;background: #fff;}
.RequestByXeople img{margin-top: 65px;} .Demo-with-box {display: inline-block;
text-align: center;margin: 1.5% 1.5% 40px 0%;width: 100%;background: #fff;}
.RcsaByXeople img {margin-top: 22px;} 

.OurDemoPages{width: 100%;top: 23%;} 
.OurDemoPages-less{width: 100%;top: 23%;} 

.RequestADemoPage{background:#fff;height: 100vh;}
.RequestADemoPage-less{background:#fff;height: 120vh;}
.RCSA-demo-deails {width: 100%;} .Demo-with-box span em{max-width: inherit;} .Demofullsection{padding: 10px 0 100px 0;}
.resource-right p, .WhitePapers p{padding:0 !important;width:100% !important;}
}

@media only screen and (min-width: 601px) and (max-width: 1023px){
.ByXeople{width: 100%;top: 25%;} .ByXeople h1{font-size: 30px;} .ByXeople h3{font-size: 20px;}
.ByXeopless{width: 100%;top: 40%;} .ByXeopless h1{font-size: 30px;} .ByXeopless h3{font-size: 20px;}

.RequestByXeople{height: 100vh;background: #fff;}
.RequestByXeople img{margin-top: 0;} 
.RcsaByXeople img{margin-top: 0px;} 

.OurDemoPages{width: 100%;top: 35%;} 
.OurDemoPages-less{width: 100%;top: 35%;}

.RequestADemoPage{background:#fff;height: 100vh;}
.RequestADemoPage-less{background:#fff;height: 105vh;}
}

@media only screen and (min-width: 1024px) and (max-width: 1280px){
.ByXeople{width: 100%;top: 27% !important;} .ByXeople h1{font-size: 30px;} .ByXeople h3{font-size: 20px;}
.ByXeopless{width: 100%;top: 50%;} .ByXeopless h1{font-size: 30px;} .ByXeopless h3{font-size: 20px;}

.RequestByXeople{height: 100vh;background: #fff;} .Demo-with-box{width: 260px; margin:1.5% 1.5% 50px 2%;}
.RequestByXeople img{margin-top: 0;}  

.OurDemoPages{width: 100%;top: 43%;}
.OurDemoPages-less{width: 100%;top: 37%;}

.RequestADemoPage{background:#fff;height: 100vh;}
.RequestADemoPage-less{background:#fff;height: 115vh;}
} 

@media only screen and (min-width: 1281px) and (max-width: 1800px){
.ByXeople{width: 100%;top: 35%;} .ByXeople h1{font-size: 30px;} .ByXeople h3{font-size: 20px;}
.ByXeopless{width: 100%;top: 60%;} .ByXeopless h1{font-size: 30px;} .ByXeopless h3{font-size: 20px;}

.RequestByXeople{height: 100vh;background: #fff;}
.RequestByXeople img{margin-top: 0;}  

.OurDemoPages{width: 100%;top: 45%;} 
.OurDemoPages-less{width: 100%;top: 45%;} 

.RequestADemoPage{background:#fff;height: 100vh;}
.RequestADemoPage-less{background:#fff;height: 110vh;}
}

@media only screen and (min-width: 1801px) and (max-width: 3000px){
.RequestADemoPage-less img{height: inherit;}
.webinar-bg-top{height: 35vh;}
.webinar-head{top:40%;}
.webinar-head h1{margin: 0;}
.pd-par {padding: 2% 10%;}
}