@import url("https://www.manageengine.com/css/fonts.css");
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block
 }
 
 a,
 abbr,
 acronym,
 address,
 applet,
 article,
 aside,
 audio,
 b,
 big,
 blockquote,
 body,
 canvas,
 caption,
 center,
 cite,
 code,
 dd,
 del,
 details,
 dfn,
 div,
 dl,
 dt,
 em,
 embed,
 fieldset,
 figcaption,
 figure,
 footer,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 hgroup,
 html,
 i,
 iframe,
 img,
 ins,
 kbd,
 label,
 legend,
 li,
 mark,
 menu,
 nav,
 object,
 ol,
 output,
 p,
 pre,
 q,
 ruby,
 s,
 samp,
 section,
 small,
 span,
 strike,
 strong,
 sub,
 summary,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 time,
 tr,
 tt,
 u,
 ul,
 var,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline
 }
 
 ol,
 ul {
     list-style: none
 }
 
 html {
     line-height: 1;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }
 
 body * {
     margin: 0;
     color: #000;
     font-family: 'Zoho_Puvi_Regular';
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     -moz-osx-font-smoothing: grayscale;
 }
 
 h1 {
     font: 50px/1.2 Zoho_Puvi_Bold
 }
 
 h2 {
     font: 40px/1.25 Zoho_Puvi_SemiBold
 }
 
 h3 {
     font: 30px/1.3 Zoho_Puvi_SemiBold
 }
 
 h4 {
     font: 24px/1.4 Zoho_Puvi_SemiBold
 }
 
 h5 {
     font: 20px/1.4 Zoho_Puvi_SemiBold
 }
 
 h6 {
     font-size: 16px
 }
 
 p,
 a {
     font-size: 18px !important;
     line-height: 1.5 !important;
     margin: 0 0 20px;
 }
 
 img {
     max-width: 100%;
 }
 
 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0px 30px;
 }
 
 #backToTop {
     position: fixed;
     right: 20px;
     bottom: 80px;
     color: #000;
     background: rgba(0, 0, 0, 0.7) url(https://www.manageengine.com/images/up-arrow.png) no-repeat 16px 17px;
     font-size: 12px;
     display: none;
     cursor: pointer;
     transition: all 0.1s ease 0s;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-indent: -1000px;
     overflow: hidden;
 }
 /*desktop menu style starts*/
 
 .header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px;
 }
 
 ul.menu-list {
     display: flex;
 }
 
 ul.menu-list li {
     margin: 20px;
 }
 
 ul.menu-list li a {
     text-decoration: none;
     color: #000;
     font-size: 16px;
     position: relative;
 }
 
 ul.menu-list li:nth-child(3) a {
     padding: 10px 30px;
     border-radius: 3px;
     border: 1px solid #ff4142;
     color: #ff4142;
 }
 
 ul.menu-list li:nth-child(3):hover a {
     background: #ff4142;
     color: #fff;
 }
 
 ul.menu-list li:nth-child(3) a:before {
     display: none;
 }
 
 ul.menu-list li a:before {
     content: "";
     width: 0%;
     border-bottom: 2px solid #f44336;
     position: absolute;
     top: 20px;
     left: 0px;
     bottom: 0;
     transition: width 0.5s;
 }
 
 a.scroll-cta {
     background: #F44336;
     padding: 10px 30px;
     border-radius: 3px;
     text-decoration: none;
     color: #fff !important;
 }
 /*.promotbnr{ display: none}*/
 /*desktop menu style ends*/
 /*mobile menu style starts*/
 
 ul.menu-items {
     position: absolute;
     background: #333;
     max-width: 100%;
     left: 0;
     right: 0;
     top: 100px;
     display: none;
     padding: 30px 50px;
     z-index: 999;
 }
 
 ul.menu-items li {
     max-width: 1200px;
     margin: 0 auto;
     line-height: 40px;
     position: relative;
 }
 
 ul.menu-items li a {
     text-decoration: none;
     display: inline-block;
     color: #fff;
 }
 
 ul.menu-items li:nth-child(3) a {
     background: #ff4142;
     padding: 10px 40px;
     border-radius: 3px;
 }
 
 ul.menu-list>li a:hover:before {
     width: 100%;
 }
 
 .hamburger {
     width: 50px;
     height: 50px;
     border-radius: 50px;
     display: inline-block;
     position: relative;
     margin: 0px;
     display: none !important;
 }
 
 .hamburger:after,
 .hamburger span:before,
 .hamburger span:after {
     content: "";
     width: 20px;
     height: 2px;
     background: #000;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -10px;
     transition: 0.2s ease-in-out;
 }
 
 span.hamburger span:before {
     transform: translateY(-5px);
 }
 
 span.hamburger span:after {
     transform: translateY(5px);
 }
 
 .hamburger-active:after {
     height: 0px;
 }
 
 .hamburger-active span:before {
     transform: rotate(45deg) !important;
 }
 
 .hamburger-active span:after {
     transform: rotate(-45deg) !important;
 }
 /*mobile menu style ends*/
 /*fixed header style starts*/
 
 .fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background: #fff;
     animation: smooth 0.3s ease-in-out;
     z-index: 99999999;
     box-shadow: 0px 0px 5px #e2e2e2;
 }
 
 @keyframes smooth {
     from {
         transform: translateY(-50px);
     }
     to {
         transform: translateY(0px);
     }
 }
 /*fixed header style ends */
 /*banner style starts*/
 
 .banner-bg {
     background: url(../itsm/images/itsm-success-stories.jpg) no-repeat;
     background-size: cover;
     padding: 50px 0px;
 }
 
 .banner {
     display: flex;
 }
 
 .banner>div:nth-child(1) {
     flex: 0 0 60%;
 }
 
 p.intro-text {
     display: inline-block;
     background: #004986;
     color: #fff;
     padding: 5px 20px;
     margin: 15px 0px !important;
     text-transform: uppercase;
     font-size: 12px !important;
     letter-spacing: 1px;
     font-weight: bold;
     border-radius: 50px;
 }
 
 .banner h1 {
     width: 85%;
     font-size: 40px;
     font-family: 'Zoho_Puvi_Bold';
     line-height: 1.2;
 }
 
 p.banner-desc {
     margin: 10px 0px 20px 0px;
     width: 85%;
 }
 
 p.banner-desc2 {
     width: 90%;
 }
 
 p.banner-desc2 a {
     color: #000;
 }
 
 a.banner-cta {
     display: inline-block;
     margin: 15px 0px;
     color: #000;
     text-decoration: underline;
 }
 
 .date-time {
     display: flex;
     position: relative;
 }
 
 .date-time:before {
     content: "";
     height: 1px;
     background: #93c3d1;
     width: 100%;
     position: absolute;
     top: -20px;
 }
 
 .date-time span {
     font-size: 18px;
     margin-left: 20px;
     line-height: 30px;
 }
 
 ul.date {
     display: flex;
     align-items: center;
     margin-right: 30px;
 }
 
 ul.time {
     display: flex;
     align-items: center;
 }
 
 a.mobile-cta {
     display: none;
     background: #ff4141;
     color: #fff;
     text-decoration: none;
     padding: 10px 30px;
     text-transform: uppercase;
     font-size: 18px !important;
     font-weight: bold;
     border-radius: 3px;
     letter-spacing: 0.5px;
 }
 /*banner style ends*/
 
 .promotbnr {
     margin-top: 30px;
 }
 /*main content starts*/
 
 .main-content-bg {
     padding: 50px 30px;
 }
 
 .main-content {
     display: flex;
 }
 
 .main-content-left-col {
     flex: 0 0 32.5%;
 }
 
 .main-content-middle-col {
     flex: 0 0 32.5%;
 }
 
 .main-content-right-col {
     flex: 0 0 35%;
 }
 
 .main-content-middle-col h3 {
     margin-bottom: 20px;
 }
 
 .main-content-left-col h3 {
     color: #004986;
     font-size: 24px;
     line-height: 1.5;
     margin: 0px 0px 20px 0px;
 }
 
 .main-content-left-col>p {
     width: 100%;
 }
 
 .bradkrm {
     font-size: 12px;
     font-weight: lighter;
     padding: 3px 0px;
     margin-bottom: 30px;
 }
 
 .bradkrm a {
     color: #444 !important;
     text-decoration: none;
     font-size: 12px !important;
 }
 
 .smlarlft {
     background: url(../../images/sdp-common-image.png) 0px 0px no-repeat;
     width: 6px;
     height: 9px;
     margin: 0 5px 5px 5px;
     position: relative;
     top: 5px;
     display: inline-block;
 }
 
 ul.real-life li {
     font-size: 18px;
     color: #000;
     margin-bottom: 20px;
     margin-left: 20px;
     padding-left: 20px;
     position: relative;
     line-height: 1.5;
 }
 
 ul.real-life li:before {
     content: "";
     background: url(../itsm/images/tick.png) no-repeat;
     position: absolute;
     top: 7px;
     right: 0;
     bottom: 0;
     left: -20px;
 }
 
 .speakers {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto;
     grid-column-gap: 25px;
     grid-row-gap: 50px;
 }
 
 ul.speaker-items {
     display: flex;
     align-items: center;
 }
 
 ul.speaker-items li:nth-child(1) {
     margin-right: 25px;
 }
 
 p.speaker-name {
     font-size: 20px;
     margin: 0px;
     line-height: 1.5;
     letter-spacing: 0.5px;
     font-weight: bold;
     margin-bottom: 5px;
 }
 
 p.speaker-role {
     font-size: 16px !important;
     margin: 0px;
     letter-spacing: 0.5px;
 }
 
 p.speaker-office {
     font-size: 16px !important;
     margin: 0px;
     letter-spacing: 0.5px;
 }
 /*main content ends*/
 /*form style starts*/
 
 form#Apiform {
     background: #004986;
     padding: 75px 50px;
     z-index: 100000000000;
     box-shadow: 0 7px 10px rgba(204, 204, 204, 0.7);
     box-sizing: border-box;
     margin-top: -300px;
     height: 730px;
 }
 
 span#email_err_msg {
     color: #ff4142;
     top: -5px;
     position: relative;
 }
 
 input#user-detail {
     display: none;
 }
 
 .logos {
     width: 50%;
     margin: 0 auto;
 }
 
 img.me-logo {
     width: 140px;
     margin-bottom: -5px;
 }
 
 img.sdp-logo {
     width: 220px;
 }
 
 h3.form-title {
     font-size: 23px;
     text-align: center;
     color: #fff;
     margin: 0px 0px 30px 0px;
 }
 
 p.giveway {
     color: #fff;
     text-align: center;
     font-size: 13px !important;
 }
 
 p.form-desc {
     font-size: 16px !important;
     text-align: center;
     color: #fff;
     margin: 0px 0px 60px 0px;
 }
 
 img.form-image {
     display: block;
     margin: 20px auto;
 }
 
 .lab {
     color: #9dbfdc;
     font-size: 15px;
 }
 
 p.support-text {
     text-align: center;
     color: #fff;
     margin: 20px auto 20px auto;
     font-size: 14px !important;
     width: 75%;
 }
 
 .datetime p {
     font-size: 13px;
     line-height: 1.5;
 }
 
 input[type="text"] {
     width: 100%;
     height: 50px;
     margin: 10px 0px 12px 0px;
     padding: 12px;
     font-size: 15px;
     border-radius: 0px;
     box-sizing: border-box;
     background: #fff;
     font-family: 'Zoho_Puvi_Regular';
     border: none;
 }
 
 input[type="email"] {
     width: 100%;
     height: 50px;
     margin: 10px 0px 12px 0px;
     padding: 12px;
     font-size: 15px;
     border-radius: 0px;
     box-sizing: border-box;
     background: #fff;
     font-family: 'Zoho_Puvi_Regular';
     border: none;
 }
 
 input[type="text"]::placeholder {
     color: #000;
 }
 
 input[type="email"]::placeholder {
     color: #000;
 }
 
 select {
     width: 100%;
     height: 50px;
     margin: 0px;
     font-size: 15px;
     color: #000;
     border-radius: 0px;
     -webkit-appearance: none;
     -moz-appearance: none;
     background: #fff url(../images/selectbox-arrow.png) right center no-repeat !important;
     margin-top: 5px;
     font-family: 'Zoho_Puvi_Regular';
     border: none;
     padding: 10px 15px;
 }
 
 select#country_state {
     margin-top: 15px;
 }
 
 div#formCTAgdpr {
     font-size: 14px;
     line-height: 1.4;
     margin: 15px 0px;
     font-family: 'Zoho_Puvi_Regular';
 }
 
 .formfild .error {
     border-bottom: 1px solid red;
 }
 
 div#meGDPRMessage {
     font-size: 12px;
     line-height: 1.4;
     margin: 15px 0px;
     font-family: 'Zoho_Puvi_Regular';
     color: #fff;
     text-align: center;
 }
 
 .prvcy-plicy {
     font-size: 12px !important;
     line-height: 1.4;
     font-family: 'Zoho_Puvi_Regular';
     color: #fff !important;
     text-align: center !important;
     margin: 15px auto !important;
     width: 100%;
 }
 
 #clickevnt_text {
     color: #fff;
     font-family: 'Zoho_Puvi_SemiBold'
 }
 
 .prvcy-plicy a {
     color: #fff;
     text-decoration: none;
     font-size: 12px !important;
 }
 
 input#submit {
     background: #ff4141;
     border: none;
     border-radius: 0px;
     padding: 20px 30px;
     font-size: 20px;
     font-weight: bold;
     color: #fff;
     cursor: pointer;
     width: 100%;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-radius: 3px;
     margin-top: 15px;
 }
 
 input#submit:hover {
     background: #ea3333;
 }
 
 input.resetbtn {
     background: transparent;
     border: 1px solid #ffe958;
     border-radius: 0px;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     color: #ffe958;
     margin-left: 7px;
     cursor: pointer;
 }
 
 input:focus {
     box-shadow: none;
     outline: none;
 }
 
 select:focus {
     outline: none;
 }
 
 p.reg_form_errors {
     position: absolute;
     top: 40px;
     font-size: 13px;
     color: #ff2424;
     display: none;
 }
 
 .time-select:after {
     position: absolute;
     content: "";
     width: 30px;
     height: 37px;
     background: url(../images/selectbox-arrow.png)no-repeat !important;
     top: 17px;
     right: 10px;
     transition: transform 140ms;
 }
 
 .time-select:before {
     background-position: 1px 1px;
 }
 
 .time-select:after {
     z-index: 0;
 }
 
 .time-icon {
     display: inline-block;
     background-position: -36px 1px;
     width: 20px;
     height: 20px;
 }
 
 .time-select {
     position: relative;
     cursor: pointer
 }
 
 .time-slot {
     display: none;
     position: absolute;
     z-index: 3;
     left: 0;
     background: #fff;
     width: 95%;
 }
 
 ul.time-slot {
     padding: 15px !important;
     margin-left: 0px !important;
     width: 100%;
     box-sizing: border-box;
     margin-top: -15px;
     background: #f7f7f7;
 }
 
 .time-slot li {
     list-style-type: none !important;
     font-size: 16px;
 }
 
 .time-slot li:hover,
 .time-slot li.active {
     background-color: rgba(229, 230, 231, 0.3);
     color: #003861;
 }
 
 .time-slot.active {
     display: block;
 }
 
 .time-slot.active li {
     padding: 10px 15px !important;
 }
 
 .select-slot.selectedval {
     color: #000000;
 }
 
 .time-select.active:after {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
 input.slo {
     background: #fff url(../images/time-zone.png);
     background-repeat: no-repeat;
     background-size: 20px;
     padding-left: 40px;
     background-position: 10px;
 }
 
 input.first-name {
     background: #fff url(../itsm/images/name.png);
     background-repeat: no-repeat;
     background-size: 20px;
     padding-left: 40px;
     background-position: 10px;
 }
 
 input.last-name {
     background: #fff url(../itsm/images/name.png);
     background-repeat: no-repeat;
     background-size: 20px;
     padding-left: 40px;
     background-position: 10px;
 }
 
 input.mail {
     background: #fff url(../itsm/images/mail.png);
     background-repeat: no-repeat;
     background-size: 20px;
     padding-left: 40px;
     background-position: 10px;
     margin: 10px 0px 17px 0px;
 }
 
 input.phone {
     background: #fff url(../itsm/images/phone.png);
     background-repeat: no-repeat;
     background-size: 20px;
     padding-left: 40px;
     background-position: 10px;
     margin: 10px 0px 17px 0px;
 }
 
 select.country {
     background: #fff url(../itsm/images/country.png) !important;
     background-repeat: no-repeat !important;
     background-size: 20px !important;
     padding-left: 40px;
     background-position: 10px !important;
     margin-bottom: 8px;
 }
 
 select#country_state {
     background: #fff url(../itsm/images/country.png) !important;
     background-repeat: no-repeat !important;
     background-size: 20px !important;
     padding-left: 40px;
     background-position: 10px !important;
     margin-bottom: 15px;
 }
 
 p.form-sub-title {
     text-align: center;
     color: #fff;
     font-size: 17px !important;
 }
 
 .mob {
     display: none
 }
 
 .business-mail-error {
     display: none;
 }
 
 .business-mail-error-show {
     display: block;
 }
 
 p.business-mail-error {
     color: #ffe500;
     font-size: 16px !important;
     margin-bottom: 10px;
 }
 /*form style ends*/
 /*countdown styles*/
 
 .count-down-wrapper {
     border: 1px solid #768a9a;
     padding: 14px 10px 15px 10px;
     width: 75%;
     margin: 20px auto;
 }
 
 p.starts {
     text-align: center;
     color: #9dbfdc;
     margin-bottom: 5px;
 }
 
 ul.countdown {
     display: flex;
     justify-content: center;
 }
 
 ul.countdown li:nth-child(2) {
     position: relative;
 }
 
 ul.countdown li:nth-child(2):before {
     content: "";
     width: 1px;
     height: 33px;
     background: #768a9a;
     position: absolute;
     left: -7px;
     top: 5px;
 }
 
 ul.countdown li:nth-child(2):after {
     content: "";
     width: 1px;
     height: 33px;
     background: #768a9a;
     position: absolute;
     right: -7px;
     top: 5px;
 }
 
 ul.countdown li:nth-child(3) {
     position: relative;
 }
 
 ul.countdown li:nth-child(3):after {
     content: "";
     width: 1px;
     height: 33px;
     background: #768a9a;
     position: absolute;
     right: -7px;
     top: 5px;
 }
 
 ul.countdown li span {
     display: block;
     color: #fff;
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     margin-bottom: 5px;
 }
 
 ul.countdown li {
     margin: 0px 7px;
     color: #fff;
     font-size: 14px
 }
 /*countdown styles*/
 /*Promotion place styels*/
 /*survey promotion banner styels*/
 
 .surveybg {
     display: none
 }
 
 .surveybg h3 {
     font-size: 22px;
     text-align: center;
     margin-top: 20px;
 }
 
 .survycta {
     margin-top: 20px;
 }
 
 a.survyctaclr {
     background: #ff6237;
     color: #fff;
     text-decoration: none;
     padding: 5px 20px;
     font-weight: bold;
     border-radius: 3px;
     display: inline-block;
     letter-spacing: 0.5px;
     font-size: 16px !important;
     cursor: pointer;
 }
 /*footer style*/
 
 .sub-footer {
     padding: 0px 0px 0px 0px;
 }
 
 .sub-footer p {
     margin: 0;
     font-size: 16px !important;
     margin-top: 100px;
 }
 /*footer style*/
 /*social media icons styles*/
 
 .social-icons {
     padding: 40px 0px 10px 0px;
 }
 
 .social-icons-items ul {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .social-icons-items li {
     margin: 5px;
     padding: 10px;
     border-radius: 50px;
     cursor: pointer;
 }
 
 .social-icons-items li img {
     width: 16px;
     vertical-align: middle;
     display: block;
     margin: 0 auto;
 }
 
 .social-icons-items li:nth-child(1) {
     background: #4764a5;
 }
 
 .social-icons-items li:nth-child(2) {
     background: #1a9deb;
 }
 
 .social-icons-items li:nth-child(3) {
     background: #2464ad;
 }
 
 .social-icons-items li:nth-child(4) {
     background: #f80100;
 }
 
 .social-icons-items li:nth-child(5) {
     background: #d52e74;
 }
 
 .social-icons-items li:hover img {
     animation: spin 0.3s ease-in;
 }
 
 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }
 /*social media icons styles*/
 /* logo starts here */
 
 .custmerlogosec {
     padding: 5% 0;
     background: #f7fafc;
 }
 
 .sdpcstmrtmpftrbg {
     background-image: url(../../images/customer-logos-bg.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 .sdp-logo-blocks {
     position: relative;
     margin-top: 50px;
 }
 
 .sdp-logo-blocks .sdpcus-block {
     background-color: #fff;
     display: inline-block;
     height: 92px;
     position: relative;
     margin: 10px 0.5% 0px 0.5%;
     width: 200px;
     padding: 0 3.5%;
 }
 
 .sdp-logo-blocks img.clear-channel {
     top: 70px;
 }
 
 .sdpcstmr01 div,
 .sdpcstmr02 div,
 .sdpcstmr03 div,
 .sdpcstmr04 div,
 .sdpcstmr05 div,
 .sdpcstmr06 div,
 .sdpcstmr07 div,
 .sdpcstmr08 div {
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     padding-top: 15px;
     width: 175px;
 }
 
 .sdpcstmr01 .cb-img,
 .sdpcstmr02 .cb-img,
 .sdpcstmr03 .cb-img,
 .sdpcstmr04 .cb-img,
 .sdpcstmr05 .cb-img,
 .sdpcstmr06 .cb-img,
 .sdpcstmr07 .cb-img,
 .sdpcstmr08 .cb-img {
     opacity: 0;
     transition: all 0.6s ease-out 0s;
 }
 
 .sdpcstmr01 .cb-img.active,
 .sdpcstmr02 .cb-img.active,
 .sdpcstmr03 .cb-img.active,
 .sdpcstmr04 .cb-img.active,
 .sdpcstmr05 .cb-img.active,
 .sdpcstmr06 .cb-img.active,
 .sdpcstmr07 .cb-img.active,
 .sdpcstmr08 .cb-img.active {
     opacity: 1;
     transition: all 0.5s ease-in 0s;
 }
 
 .sdpcutmrlogos {
     display: none;
 }
 
 .dllclogo,
 .rbsclogo,
 .vdfonclogo,
 .vairbsclogo,
 .simnsclogo,
 .medronicclogo,
 .kofxclogo,
 .disnyclogo,
 .hondaclogo,
 .xeroxclogo,
 .etihdclogo,
 .toysrsclogo,
 .abcclogo,
 .scaniaclogo,
 .graystnclogo,
 .dekalbclogo,
 .vensnclogo,
 .swislifclogo,
 .avrdaclogo,
 .pbibnkclogo,
 .pinkclogo,
 .rlayhlthclogo,
 .estcpitlclogo,
 .kartnsonclogo,
 .altrexptsclogo,
 .ksbcdcclogo,
 .maxconlclogo,
 .thyssnkrpclogo,
 .grenairptclogo,
 .soriforgclogo,
 .toledoclogo,
 .premierbnklogo {
     background: url(../images/servicedeskplus-customers-images.png) no-repeat 0 0;
 }
 
 .dllclogo {
     background-position: -1px -1px;
     width: 71px;
     height: 71px;
     display: block
 }
 
 .rbsclogo {
     background-position: -80px -1px;
     width: 107px;
     height: 32px;
     display: block;
     margin-top: 15px;
 }
 
 .vdfonclogo {
     background-position: -188px 0px;
     width: 91px;
     height: 60px;
     display: block
 }
 
 .vairbsclogo {
     background-position: -280px -1px;
     width: 161px;
     height: 37px;
     display: block
 }
 
 .simnsclogo {
     background-position: -451px -1px;
     width: 161px;
     height: 26px;
     display: block;
     margin-top: 15px;
 }
 
 .medronicclogo {
     background-position: 0px -80px;
     width: 163px;
     height: 49px;
     display: block
 }
 
 .kofxclogo {
     background-position: -191px -77px;
     width: 169px;
     height: 30px;
     display: block;
     margin-top: 15px;
 }
 
 .disnyclogo {
     background-position: -361px -64px;
     width: 127px;
     height: 56px;
     display: block
 }
 
 .hondaclogo {
     background-position: -495px -72px;
     width: 149px;
     height: 31px;
     display: block;
     margin-top: 15px;
 }
 
 .xeroxclogo {
     background-position: 1px -136px;
     width: 133px;
     height: 38px;
     display: block;
     margin-top: 15px;
 }
 
 .etihdclogo {
     background-position: -135px -140px;
     width: 136px;
     height: 74px;
     display: block
 }
 
 .toysrsclogo {
     background-position: -275px -136px;
     width: 115px;
     height: 29px;
     display: block
 }
 
 .abcclogo {
     background-position: -398px -136px;
     width: 53px;
     height: 53px;
     display: block;
     margin-top: 5px;
 }
 
 .scaniaclogo {
     background-position: -459px -136px;
     width: 70px;
     height: 41px;
     display: block;
     margin-top: 10px;
 }
 
 .graystnclogo {
     background-position: -2px -220px;
     width: 151px;
     height: 39px;
     display: block;
     margin-top: 8px;
 }
 
 .dekalbclogo {
     background-position: -156px -214px;
     width: 123px;
     height: 51px;
     display: block
 }
 
 .vensnclogo {
     background-position: -282px -214px;
     width: 159px;
     height: 42px;
     display: block;
     margin-top: 5px;
 }
 
 .swislifclogo {
     background-position: -444px -214px;
     width: 149px;
     height: 65px;
     display: block
 }
 
 .avrdaclogo {
     background-position: -1px -325px;
     width: 126px;
     height: 39px;
     display: block;
     margin-top: 15px;
 }
 
 .pbibnkclogo {
     background-position: -127px -305px;
     width: 110px;
     height: 46px;
     display: block
 }
 
 .pinkclogo {
     background-position: -239px -305px;
     width: 94px;
     height: 48px;
     display: block;
     margin-top: 5px;
 }
 
 .rlayhlthclogo {
     background-position: -508px -305px;
     width: 156px;
     height: 26px;
     display: block;
     margin-top: 15px;
 }
 
 .estcpitlclogo {
     background-position: -2px -388px;
     width: 171px;
     height: 16px;
     display: block;
     margin-top: 20px;
 }
 
 .premierbnklogo {
     background-position: -554px -130px;
     width: 119px;
     height: 49px;
     display: block;
     margin-top: 5px;
 }
 
 .kartnsonclogo {
     background-position: -192px -388px;
     width: 137px;
     height: 55px;
     display: block
 }
 
 .altrexptsclogo {
     background-position: -331px -388px;
     width: 137px;
     height: 42px;
     display: block;
     margin-top: 10px;
 }
 
 .ksbcdcclogo {
     background-position: -474px -384px;
     width: 138px;
     height: 46px;
     display: block;
     margin-top: 10px;
 }
 
 .maxconlclogo {
     background-position: -2px -453px;
     width: 112px;
     height: 58px;
     display: block
 }
 
 .thyssnkrpclogo {
     background-position: -117px -453px;
     width: 147px;
     height: 42px;
     display: block;
     margin-top: 10px;
 }
 
 .grenairptclogo {
     background-position: -267px -451px;
     width: 120px;
     height: 45px;
     display: block;
     margin-top: 10px;
 }
 
 .soriforgclogo {
     background-position: -392px -453px;
     width: 137px;
     height: 35px;
     display: block;
     margin-top: 10px;
 }
 
 .toledoclogo {
     background-position: -534px -451px;
     width: 93px;
     height: 52px;
     display: block
 }
 
 div#customers h2 {
     text-align: center;
     font-size: 32px;
 }
 
 .custmerflex {
     display: flex;
     justify-content: center;
     margin-top: 50px;
 }
 
 .custmerflex div a {
     text-decoration: none;
     display: inline-block;
     background: #ff4141;
     color: #fff;
     padding: 10px 30px;
     font-size: 14px !important;
     font-weight: bold !important;
     text-transform: uppercase;
     margin: 10px;
     letter-spacing: 0.5px;
     border-radius: 3px;
 }
 
 .rqstdemo a {
     border: 1px solid #ff4141;
     background: transparent !important;
     color: #ff4141 !important;
 }
 /* logo ends here */
 
 img.me-logo {
     width: 140px;
     margin-bottom: 0px;
 }
 
 .thanks-bg {
     padding: 50px 0px;
 }
 
 .thanks {
     text-align: center;
     display: block;
 }
 
 .thanks p {
     width: 50%;
     text-align: center;
     margin: 0 auto;
 }
 
 .thanks h1 {
     margin: 10px auto;
     width: 80%;
 }
 
 .items ul {
     display: flex;
     margin: 75px 0px;
     justify-content: center;
 }
 
 .items ul li {
     width: 33.33%;
 }
 
 .items img {
     width: 100px;
     display: block;
     margin: 0 auto;
 }
 
 .items h2 {
     font-size: 26px;
     line-height: 1.5;
     margin: 20px 0px 5px 0px;
     text-align: center;
 }
 
 .items p {
     margin: 0px auto 20px auto;
     text-align: center;
 }
 
 .items a {
     background: #ff6237;
     color: #fff;
     text-decoration: none;
     padding: 5px 20px;
     font-weight: bold;
     border-radius: 3px;
     display: inline-block;
     letter-spacing: 0.5px;
     font-size: 16px !important;
     cursor: pointer;
 }
 
 .items a:hover {
     background: #ff6237 !important;
     color: #fff;
 }
 
 .effect {
     animation: wobble 1s linear 5;
 }
 
 @keyframes wobble {
     0%,
     100% {
         transform: scale(1);
     }
     50% {
         transform: scale(1.15);
     }
 }
 
 a.sec {
     background: transparent;
     border: 1px solid #ff6237;
     color: #ff6237;
 }
 /*form style*/
 
 .overlay {
     width: 100%;
     background: #000000cc;
     position: fixed;
     height: 100%;
     top: 0;
     display: none;
 }
 
 .overlay-visible {
     display: block
 }
 
 .success-msg {
     display: none;
 }
 
 .success-msg h3 {
     text-align: center;
     color: #fff;
     font-size: 26px;
 }
 
 .success-msg p {
     text-align: center;
     font-size: 16px !important;
     margin-top: 10px;
     color: #fff;
 }
 
 .form {
     display: flex;
     align-items: center;
 }
 
 .form>div {
     flex-grow: 1;
     flex-basis: 0;
     margin: 20px;
 }
 
 span.close {
     position: absolute;
     top: 0px;
     right: 0;
     color: #fff !important;
     background: #046598;
     padding: 10px;
     letter-spacing: 0.5px;
     cursor: pointer;
 }
 
 .form {
     width: 100%;
     background: #008ccb;
     padding: 50px;
     box-sizing: border-box;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     visibility: hidden;
 }
 
 .form h1 {
     color: #fff;
     font-size: 32px;
     line-height: 1.3;
 }
 
 .form-bg sup {
     color: #fff;
 }
 
 p.tagline {
     color: #f7fdff;
     font-size: 20px !important;
     margin: 10px 0px 15px 0px;
 }
 
 p.time {
     color: #fff;
     font-size: 20px !important;
     padding-bottom: 20px;
     border-bottom: 1px solid #7ac3e4;
 }
 
 p.pres {
     color: #fff;
     font-weight: bold;
     font-size: 24px !important;
     margin-bottom: 10px;
 }
 
 p.author {
     margin: 0px;
     color: #fff;
     font-size: 20px !important;
     font-weight: bold;
 }
 
 p.role {
     font-size: 16px !important;
     color: #fff;
     margin: 0px;
 }
 
 p.exp {
     font-size: 16px !important;
     color: #fff;
     margin: 0px;
     padding-bottom: 20px;
     border-bottom: 1px solid #7ac3e4;
 }
 
 p.about-webinar {
     font-size: 18px !important;
     color: #fff;
     margin: 30px 0px 20px 0px;
 }
 
 .spkrname {
     position: relative
 }
 
 .spkrname img {
     position: absolute;
     right: 10px;
     max-width: 20%;
     top: 10px;
 }
 
 ul.desc {
     margin-left: 30px;
 }
 
 ul.desc li {
     font-size: 18px;
     line-height: 1.5;
     margin-bottom: 20px;
     color: #fff;
     position: relative;
 }
 
 ul.desc li:before {
     content: "";
     width: 10px;
     height: 10px;
     background: #82d8ff;
     position: absolute;
     border-radius: 50px;
     top: 7px;
     left: -30px;
 }
 
 form#Webinar_form {
     background: #026698;
     padding: 50px;
 }
 
 h3.form-title {
     font-size: 33px;
     text-align: center;
     color: #fff;
     margin: 0px 0px 20px 0px;
 }
 
 input.submitbtn {
     background: #ff8e00;
     color: #fff;
     border: none;
     padding: 15px 30px;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 18px;
     letter-spacing: 1px;
     cursor: pointer;
     -webkit-appearance: none;
     border-radius: 3px;
     max-width: 100%;
 }
 
 @media only screen and (max-width:1440px) and (min-width:1366px) {
     .form {
         padding: 30px;
     }
 }
 
 @media only screen and (max-width:1024px) {
     .form-left-col {
         display: none;
     }
     .form>div {
         flex-grow: inherit;
         flex-basis: inherit;
         margin: 0px;
     }
     .form {
         width: 600px;
         background: transparent;
         padding: 0px;
     }
     .mob {
         display: block
     }
     span.close {
         background: #2986b7;
         padding: 10px;
     }
     .prvcy-plicy {
         width: 100%;
     }
 }
 
 @media only screen and (max-width:768px) {
     .thanks h1 {
         width: 100%;
     }
     .thanks p {
         width: 100%;
     }
     .items ul {
         flex-wrap: wrap;
     }
     .items ul li {
         width: 100%;
         margin-bottom: 50px;
     }
     .surveybg {
         background-color: #fff;
         width: 80%;
     }
 }
 
 @media only screen and (max-width:736px) and (orientation:landscape) {
     form#Webinar_form {
         background: #026698;
         padding: 50px;
         height: 250px;
         overflow-x: scroll;
     }
 }
 
 @media only screen and (max-width:600px) {
     .banner h1 {
         font-size: 29px;
     }
     ul.date {
         margin-right: 0px;
         margin-bottom: 15px;
     }
     h3.form-title {
         font-size: 23px;
     }
     form#Apiform {
         padding: 40px;
         width: 100%;
     }
     .sdp-logo-blocks .sdpcus-block {
         display: block;
         margin: 10px auto 0px auto;
     }
     .main-content>div {
         margin: 0px;
     }
     .main-content-middle-col h3 {
         margin-bottom: 20px;
         margin-top: 50px;
     }
     p.desc {
         width: 100%;
         margin: 5px auto 30px auto;
     }
     h3.form-title {
         font-size: 26px;
     }
     form#Webinar_form {
         padding: 30px;
     }
     .form {
         width: 380px;
         display: block;
     }
     input.submitbtn {
         padding: 10px;
         font-size: 13px;
     }
     input[type="text"] {
         height: 40px;
     }
     select {
         height: 40px;
     }
 }
 
 @media only screen and (max-width:414px) {
     ul.menu-items {
         top: 95px;
     }
     ul.speaker-items li:nth-child(1) {
         margin-right: 0px;
     }
     ul.speaker-items {
         display: block;
         margin: 0 auto;
         text-align: center;
     }
     h3.form-title {
         font-size: 23px;
     }
     form#Apiform {
         padding: 40px 20px;
         width: 300px;
         box-sizing: border-box;
     }
     ul.countdown li {
         margin: 0px 10px;
     }
     ul.countdown li:nth-child(2):before {
         display: none;
     }
     ul.countdown li:nth-child(2):after {
         display: none;
     }
     ul.countdown li:nth-child(3):after {
         display: none;
     }
     input#submit {
         font-size: 16px;
     }
 }
 
 @media only screen and (max-width:375px) {
     .banner h1 {
         font-size: 26px;
     }
     form#Apiform {
         width: 300px;
     }
     p.support-text {
         width: 100%;
     }
 }
 
 @media only screen and (max-width:600px) {}