body {
  font: 400 15px / 18px 'ZohoPuvi', sans-serif;
  overflow-x: hidden;
}
p {
  font: 18px/1.6 'Zoho_Puvi_Regular', sans-serif;
  color: #000000;
}
h1 {
  font: 37px/1.16 'Zoho_Puvi_Bold', sans-serif;
  color: #ffffff;
}
h2 {
  font: 38px/1.16 'Zoho_Puvi_SemiBold', sans-serif;
  color: #ffffff;
}
.sdp-ai-c{
	align-items: center;
}
.sdp-container {
  width: 1280px;
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
}
.sdp-breadcrumb-sec {
  padding: 30px 0px 40px 0px;
  font-size: 15px;
}
.sdp-breadcrumb-sec a, .sdp-bread-crumb-arrow, .sdp-root-page {
  color: #fff;
  font-family: 'Zoho_Puvi_Regular';
  position: relative;
  line-height: 1.8;
}
.sdp-cmn-breadcrum {
  position: relative;
}
.sdp-cmn-breadcrum a::after {
  content: '';
  position: absolute;
  left: 0;
  height: 1px;
  bottom: -2px;
  width: 0%;
  background: #fff;
  transition: .4s ease;
}
.sdp-cmn-breadcrum a:hover {
  text-decoration: none;
}
.sdp-cmn-breadcrum a:hover::after {
  width: 100%;
  transition: .4s ease;
}
.sdp-bread-crumb-arrow {
  margin: 0 3px;
}
.sdp-top-banner .sdp-row-col-main .sdp-left p.sdp-webinar-status {
  
    font: 20px / 1.4 'Zoho_Puvi_SemiBold';
    margin-bottom: 10px;
    background: linear-gradient(234.43deg, #EFA3E4 13.49%, #F082D8 29.91%, #036BE4 45.74%, #036BE4 62.01%, #65F9C2 79.77%, #B5F5E2 94.51%);
    -webkit-text-fill-color: transparent;
    display: inline-block;
    background-clip: text;
}
.sdp-row-col-main {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 50px 0;
}
.sdp-column {
  flex: 1;
}
.sdp-top-banner {
  background: linear-gradient(271deg, #0C28B0 0%, #05124D 100%);
  padding-bottom: 100px;
  overflow: hidden;
}
.sdp-top-banner .sdp-row-col-main .sdp-left p {
  color: #E4E4E4;
}
.date-timing-wrap {
  padding: 15px 0;
  margin-bottom: 20px;
  margin-top: 5px;
}
.date-timing-wrap div {
  display: flex;
  align-items: center;
}
.date-timing-wrap img {
    margin-right: 10px;
}

.date-timing-wrap .date {
  margin-right: 20px;
}
.date-timing-wrap p {
  font: 22px/1.2 'Zoho_Puvi_Medium';
  margin: 0;
  letter-spacing: .45px;
}
#main-container .presented-author-bios .date-timing-wrap p {
  font: 19px / 1.4 Zoho_Puvi_Semibold;
  color: rgba(125, 190, 255, 1);
}
.date-timing-wrap .date span {
  background-position: -17px -3px;
}
.date-timing-wrap .timing span {
  background-position: 11px -3px;
}
.sdp-row-col-author {
  display: flex;
  align-items: center;
  padding: 30px 0;
}
.sdp-author-details {
  margin: 0 25px 0px 10px;
}
.sdp-author-details p {
  margin: 0;
  font-size: 16px;
}
.sdp-head {
  font: 40px/1.1 'Zoho_Puvi_Bold';
  color: #000;
  text-align: center;
  padding: 60px 0 30px;
}
.sdp-author-details h3 {
  font: 26px/1.3 'Zoho_Puvi_SemiBold';
  color: #ffffff;
  margin: 0;
}
.sdp-col-two-main, .sdp-sub-box-main {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 165px;
}
.col-item {
  flex: 1 0;
}
.sub-box-item {
  width: 300px;
}
.sub-box-item:first-child {
  width: 90px;
}
.sub-box-item h4 {
  font: 25px/1.1 'Zoho_Puvi_SemiBold';
  color: #000;
  margin: 0;
}
.sub-box-item p {
  font-size: 17px;
  margin-bottom: 0;
}
.sdp-box-item-main:nth-child(2) {
  margin-left: auto;
}
.sdp-left-auto {
  margin-left: auto;
}
.sdp-sub-box-main {
  border: 2px solid #97B2FF;
  max-width: 400px;
  padding: 30px;
  align-items: center;
  border-radius: 20px;
  box-shadow: 19px 19px 14.8px 0px #013FEF14 inset, 0px 4px 4px 0px #97B2FF33, -19px -19px 15px 0px #597DE714 inset;
  background: #ffffff;
}
@media (max-width: 600px) {
  .column {
    flex: 100%;
  }
}
.sdp-img-wave img {
  width: 420px;
  padding: 10px;
}
.border {
  position: absolute;
  top: 50%;
  left: 50%;
  border: .9px solid #2138b9;
  border-radius: 30px;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  opacity: .3;
}
/* FORM START HERE*/
.form-wrap {
  position: relative;
  max-width: 470px;
  margin-left: auto;
  box-sizing: border-box;
  transform: translateY(30px) scale(.95);
  border-radius: 20px;
}
.form-wrap:before {
  content: "";
  background-image: url(../images/star.png);
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  left: -50px;
  right: 0;
  bottom: 0;
}
.form-wrap:after {
  content: "";
  background-image: url(../images/star.png);
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -50px;
  right: -50px;
  transform: scale(1.5);
	background-repeat: no-repeat;
	z-index: -1;
}
.form-outer-wrapper {
  position: relative;
}
.form-outer-wrapper:before {
  content: "";
  background-image: url(../images/star.png);
  width: 100px;
  height: 100px;
  position: absolute;
  top: -90px;
  left: -90px;
  right: 0;
  bottom: 0;
  transform: scale(0.6);
}
.form-bg.active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffffed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
.upcoming {
  position: absolute;
  text-align: center;
  z-index: 10000;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: none;
}
.upcoming.active {
  display: block;
}
.upcoming img {
  width: 60px;
}
.upcoming p {
  font: 17px/1.5 Zoho_Puvi_SemiBold !important;
  max-width: 40%;
  margin: 5px auto 0px auto;
}
.parent-active .form-wrap {
  transform: translateY(0px) scale(.95);
  transition: 1.4s ease all;
  opacity: 1;
}
.sdp-margin-top {
  margin-bottom: 0;
}
.apiform {
  width: 100%;
    font-size: inherit;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    
    overflow: hidden;
    
    background: rgba(239, 247, 255, 1);

    box-shadow: 0 0 24px 1px rgba(19, 93, 175, 1);
    position: relative;
    
    
    border: 10px solid transparent;
    border-image: linear-gradient(225deg, #EFA3E4 0%, #F082D8 20.27%, #036BE4 39.8%, #036BE4 59.88%, #65F9C2 81.8%, #B5F5E2 100%) 1;
    border-radius: 10px;
    -webkit-mask-image: radial-gradient(circle, white 99%, transparent 100%);
    mask-image: radial-gradient(circle, white 99%, transparent 100%);
	
}

h3.form-title {
  font: 24px / 1.2 'Zoho_Puvi_Bold';
  margin: 0px 0px 20px 0px;
  text-align: center;
  color: #05114C;
}
.form-title, #Webinar_form {
  position: relative;
  z-index: 2;
}
.sdp-form-sec {
  position: relative;
}
input[type="radio"] {
  cursor: pointer;
}
input[type="radio"] {
  appearance: none;
  width: 14px;
  height: 14px;
  border: 1.5px solid #0D207E;
  border-radius: 50%;
  outline: none;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
}
input[type="radio"]:checked {
  border: 1.5px solid #0D207E;
}
input[type="radio"]::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #0D207E;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out;
}
input[type="radio"]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
img.me-logo {
  width: 140px;
  margin-bottom: -5px;
}
img.sdp-logo {
  width: 220px;
}
.datetime p {
  font-size: 13px;
  line-height: 1.5;
}
.count-down-wrapper {
  text-align: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 25px 0;
  position: relative;
  top: -100px;
	background: linear-gradient(223.26deg, #EFA3E4 0%, #036BE4 45.78%, #036BE4 68.89%, #B5F5E2 115.04%);
	box-shadow: 0px 0px 2.88px 0px rgba(255, 255, 255, 1) inset;

box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);


}
h3.takeaway-heading {
    font: 36px / 1.5 Zoho_Puvi_Bold;
    text-align: center;
    color: #fff;
    margin: 0px 0px 50px 0px;
}
.count-down-wrapper .countdown div h2 span {
  position: relative;
  display: inline;
  z-index: 9;
}
.count-down-wrapper .date-item p {
  margin-top: 20px;
  margin-bottom: 5px;
}
.count-down-wrapper .countdown div h2 {
  font: 34px / 1.4 Zoho_Puvi_Bold;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 6px 7px;
  margin-bottom: 13px;
}
.count-down-wrapper p.sdp-w-p {
  color: #fff;
  margin-bottom: 5px;
  font-size: 18px;
}
.count-down-wrapper .countdown div h2::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 75px;
  height: 75px;
  transform: translate(-50%, -50%);
  top: 50%;
  
  

  border-radius: 16px;
  background: #3b78df;
	
	

backdrop-filter: blur(4.400000095367432px);

box-shadow: 0px 3.3px 15.18px 2.2px rgba(0, 0, 0, 0.25);
	
	border: 0.55px solid #fff;

border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 4.21%, rgba(153, 153, 153, 0) 100%);



}
.count-down-wrapper p {
  color: #fff;
  margin-top: 0;
  font-size: 15px;
}
#main-container .count-down-wrapper > p {
  font: 20px / 1.6 Zoho_Puvi_Semibold;
  margin: 30px 0px 30px;
}
.countdown > div {
  width: 115px;
  display: inline-block;
}
.new-webinar-form-wrap.sdp-wbr-form-hide .form-parent-div, .new-webinar-form-wrap.sdp-wbr-form-hide .apiform > div.form-cont-wrap {
  display: none;
}
.new-webinar-form-wrap.sdp-wbr-form-hide .success-msg {
  display: block;
}
input[type="text"] {
  font: 14px / 1.5 "Zoho_Puvi_Regular";
  width: 100%;
  height: 50px;
  padding: 17px;
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-radius: 8px;
  border: 1px solid;
  border-image-source: linear-gradient(225deg, rgba(239, 163, 228, 0.5) 0%, rgba(240, 130, 216, 0.5) 20.27%, rgba(3, 107, 228, 0.5) 39.8%, rgba(3, 107, 228, 0.5) 59.88%, rgba(101, 249, 194, 0.5) 81.8%, rgba(181, 245, 226, 0.5) 100%);
  border-image-slice: 1;
}
input[type="text"]::placeholder {
  color: #000;
}
/*
input:active {
    border: 1px solid #2ea180;
}
input:focus {
    border: 1px solid #2ea180;
}
input:hover {
    border-left: 2px solid #2ea180;
}
*/ ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
}
.county-state-field {
  position: relative;
}
select {
  font: 14px/1.5 "Zoho_Puvi_Regular";
  color: #000;
  width: 100%;
  height: 50px;
  margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("../../images/select-arrow.png") 330px 8px no-repeat !important;
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid;
  border-image-source: linear-gradient(225deg, rgba(239, 163, 228, 0.5) 0%, rgba(240, 130, 216, 0.5) 20.27%, rgba(3, 107, 228, 0.5) 39.8%, rgba(3, 107, 228, 0.5) 59.88%, rgba(101, 249, 194, 0.5) 81.8%, rgba(181, 245, 226, 0.5) 100%);
  border-image-slice: 1;
}
input[type="text"], select {
  margin: 18px 0px 5px 0px;
}
/*
.icon-field span {
    position: absolute;
    left: 11px;
    top: 12px;
    height: 25px;
    width: 22px;
    background-image: url(../images/itsm-ai-webinar-sprites.png);
    background-repeat: no-repeat;
    background-size: 119px;
}
.icon-field .select-tool-icon {
    background-image: url(../images/itsm-tool-icon.svg);
    background-size: contain;
    top: 13px;
}
*/
.name_icon span {
  background-position: -100px 0px;
}
.email_icon span, .country_icon span {
  background-size: 110px;
}
.email_icon span {
  background-position: -47px 0px;
}
.country_icon span {
  background-position: -70px 0px;
}
div#formCTAgdpr {
  font: 13px / 1.5 "Zoho_Puvi_Regular";
  margin: 15px auto;
  max-width: 88%;
  text-align: center;
}
span#email_err_msg, span#lname_err_msg, span#fname_err_msg {
  color: red;
  top: -5px;
  position: relative;
  font: 13px / 1.5 "Zoho_Puvi_Regular";
}
.formfild input.error[type="text"]::placeholder {
  color: red;
}
#clickevnt_text {
  font-family: 'Zoho_Puvi_SemiBold';
}
div#meGDPRMessage {
  font: 12px/1.5 "Zoho_Puvi_Regular";
  margin: 20px 0px 0px;
  color: #000;
  text-align: center;
}
.prvcy-plicy a, #meGDPRMessage a {
  color: #0280ff;
  text-decoration: underline;
  font-size: 11px !important;
}
input.submitbtn {
  font: 20px/1.5 "Zoho_Puvi_SemiBold";
  background: rgba(241, 64, 46, 1);
  border: none;
  padding: 15px 30px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  margin: 30px 0px 20px 0
}
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;
}
#main-container section .check p {
  font-family: 'Zoho_Puvi_SemiBold';
  text-align: left;
  font-size: 14px;
  margin: 20px 0px 0px 0px;
}
[data-countrygdpr] {
  height: 55px !important;
  border: 1.5px solid #4D9DF3;
  padding: 17px !important;
}
span.errormsg {
  position: absolute;
  font-size: 11px;
  color: #e9152b;
  display: block;
  margin-bottom: 0;
  text-align: left;
  left: 0px;
  bottom: -17px;
}
.tool-replace-check p {
  font-size: 16px;
  margin: 0 0 0 7px;
}
.tool-replace-check {
  margin-top: 5px;
}
.tempContDiv {
  display: flex;
  margin-top: 5px;
}
.choice-table-row {
  margin-right: 6px;
}
.choice-table-row label {
  font-size: 16px;
}
.heading-menu {
  display: none;
}
.apiform .sdp-itsm-chk-box {
  margin: 10px 0;
}
.apiform .formfild {
  position: relative;
}
.apiform .radio-button {
  display: flex;
  margin-top: 10px;
}
.check.sdp-itsm-chk-box p {
  font: 14px / 1.5 "Zoho_Puvi_Medium";
  text-align: left;
  margin: 15px 0px 0px 0px;
  color: #000;
}
.radio-button {
  font: 14px / 1.5 "Zoho_Puvi_Medium";
  color: #000;
}
.sdp-yes {
  padding-right: 10px;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #3ab54a;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0px auto 20px auto;
  box-shadow: inset 0px 0px 0px #3ab54a;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #3ab54a;
  }
}
.success-msg {
  display: none;
  text-align: center;
}
.success-msg h3 {
  font: 22px/1.4 Zoho_Puvi_SemiBold;
  color: #000;
  margin: 0px 0px 10px 0px;
  text-align: center;
}
.success-msg p {
  color: #000;
  max-width: 100%;
  margin: 0 auto 20px auto;
}
.success-msg a {
  color: #00a9f4;
  text-decoration: underline;
}
.thanks-bg {
  padding: 100px 0px;
  display: none;
}
.thanks {
  text-align: center;
}
.thanks h2 {
  max-width: 50%;
  margin: 0 auto 30px auto;
}
.thanks p {
  margin: 15px auto 30px auto;
  font: 20px/1.5 "Zoho_Puvi_Regular";
  color: #000;
  max-width: 50%;
}
.label-animation {
  border: 1px solid #ccc;
  transition: 0.4s;
  background: transparent;
  height: 45px;
  width: 100%;
}
.label-animation ~ .focus-border:before, .label-animation ~ .focus-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #68aaf6;
  transition: 0.3s;
}
.label-animation ~ .focus-border:after {
  top: auto;
  bottom: 10px;
  left: auto;
  right: 0;
}
.label-animation ~ .focus-border i:before, .label-animation ~ .focus-border i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0;
  background-color: #68aaf6;
  transition: 0.4s;
  border-radius: 10px;
}
.label-animation ~ .focus-border i:after {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
}
.label-animation:focus ~ .focus-border:before, .label-animation:focus ~ .focus-border:after, .has-content.label-animation ~ .focus-border:before, .has-content.label-animation ~ .focus-border:after {
  width: 100%;
  transition: 0.3s;
}
.label-animation:focus ~ .focus-border i:before, .label-animation:focus ~ .focus-border i:after, .has-content.label-animation ~ .focus-border i:before, .has-content.label-animation ~ .focus-border i:after {
  height: 83%;
  transition: 0.4s;
}
.label-animation ~ label {
  font-family: 'Zoho_Puvi_Regular';
  position: absolute;
  left: 20px;
  width: 100%;
  top: 12px;
  color: #000;
  transition: 0.3s;
  z-index: -1;
}
.label-animation:focus ~ label, .has-content.label-animation ~ label {
  top: -22px;
  left: 0;
  font-size: 13px;
  color: #000;
  transition: 0.3s;
}
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before, .ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #132273;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FFEB3B;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  color: #000;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-transform: uppercase;
  text-align: center;
}
.fomr-lable-val {
  top: 34px;
  position: absolute;
  left: 20px;
  font-size: 14px;
  transition: 0.2s ease-out;
  pointer-events: none;
}
input[type="text"]:focus, input[type="text"]:not([value=""]):valid {
  padding: 12px;
  outline: none;
}
input[type="text"]:focus ~ .fomr-lable-val, input[type="text"]:not([value=""]):valid ~ .fomr-lable-val {
  top: 11px;
  left: 10px;
  padding: 0 5px;
  font-size: 11px;
  color: #787878;
  background: #fff;
}
.icon-field input:focus ~ .icon-field {
  display: none;
}
.zc-Country ~ .fomr-lable-val, #country_state ~ .fomr-lable-val, .zc-Country ~ .fomr-lable-val, #ukcountry_region ~ .fomr-lable-val {
  opacity: 0;
}
.t-dropdown-input:focus ~ .fomr-lable-val, .t-dropdown-input.active-val ~ .fomr-lable-val {
  top: 5px;
  background-color: #fff;
  left: 10px;
  padding: 0 5px;
  font-size: 12px;
  opacity: 1;
  color: #787878;
}
/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before, .ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
  z-index: 9;
}
.ribbon-top-left span {
  transform: rotate(-45deg) scale(.1);
  transform-origin: center;
  transition: .5s ease-in;
  opacity: 0;
}
.ribbon-top-left::before, .ribbon-top-left::after {
  opacity: 0;
  transition: .5s
}
.ribbon-top-left.active::after, .ribbon-top-left.active::before {
  opacity: 1;
  transition: .5s;
  transition-delay: .6s
}
.ribbon-top-left span.active {
  transform: rotate(-45deg) scale(1);
  transition: .5s ease-in;
  opacity: 1;
}
.sdp-form-icon.icon-country {
  display: none;
}
/*
.form-wrap.new-webinar-form-wrap.sdp-wbr-form-hide::after {
  height: 107%;
}
*/
.form-wrap.new-webinar-form-wrap.sdp-wbr-form-hide::before, .new-webinar-form-wrap.sdp-wbr-form-hide .sdp-form-after::after {
  display: none;
}
a.internal-links {
  color: #fff;
}
/* FORM END HERE */
span.ai-webinar-icons {
    width: 80px;
    height: 80px;
    background-image: url(../images/ai-webinar-icons.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 350px;
}
.icon1 {
    background-position: -280px 0px;
}
.icon2 {
    background-position: -185px 0px;
}
.icon3 {
    background-position: -95px 0px;
}
.icon4 {
    background-position: -5px 0px;
}
.sdp-second-sec {
  background: radial-gradient(50% 80.49% at 50% 50%, #030A2C 0%, #020C38 100%);
	background:url("../images/takeaway-banner.png") no-repeat;
	background-size: cover;
	padding-bottom: 200px;
}
ul.takeaway-wrapper {
  display: flex;
	padding: 0px 0px 40px 0px;
	
	position: relative;
  
}
ul.takeaway-wrapper h4 {
  font: 24px / 1.5 Zoho_Puvi_Bold;
  color: #fff;
  margin: 0;
  padding: 0;
}
ul.takeaway-wrapper li {
  /*border: 0.5px solid transparent; 
  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 4.21%, rgba(153, 153, 153, 0) 100%);
  border-image-slice: 1;*/
  backdrop-filter: blur(4px);
  box-shadow: 0px 3px 13.8px 2px rgba(0, 0, 0, 0.25);
	flex-basis: 0;
    flex-grow: 1;
    padding: 30px;
    margin: 10px;
	
	position: relative;
  border-radius: 7px;
  background: #fff;
  z-index: 1;
	transition: background 0.3s;
}

ul.takeaway-wrapper li:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(to bottom, #506f9a, transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
ul.takeaway-wrapper li:nth-child(1) {
    background: #1e244200;
}
ul.takeaway-wrapper li:nth-child(2) {
    background: #1e24428a;
}


ul.takeaway-wrapper li:nth-child(3) {
    background: #1e24428a;
}
ul.takeaway-wrapper li:nth-child(4) {
    background: #1e24420f;
}
ul.takeaway-wrapper li:hover {
    background: linear-gradient(180deg, rgba(22, 120, 229, 0.4) 0%, rgba(84, 223, 200, 0.4) 100%);
}
ul.takeaway-wrapper li p {
  color: #fff;
}
.movable-icon-parent{
	position: relative;
}
.movable-icon {
    position: absolute;
    bottom: -90px;
	transition: .4s ease-in;
	left: 49%;
}
ul.takeaway-wrapper li:nth-child(2):hover .movable-icon img {
    left:30%;
}
.sdp-third-section {
  padding: 100px 0;
  /*background: linear-gradient(88deg, #0C28B0 0%, #05124D 100%);*/
  position: relative;
  z-index: 99;
	background: url(../images/about-author-banner.png) no-repeat;
	background-size: cover;
}
.title-sub {
  font-size: 50px;
}
.sdp-presenter-details p {
  color: #ffffff;
}
.box-main-list::before {
  content: '';
  position: absolute;
  background-image: url(https://cdn.manageengine.com/products/service-desk/ai/images/animation-icon.svg);
  width: 420px;
  height: 420px;
  transform: translate(-50%, 100%);
  left: 50%;
  top: 50%;
  z-index: 999;
  background-size: contain;
  background-repeat: no-repeat;
  transition: .5s ease-in;
  opacity: 0;
}
.box-visible.sdp-second-sec .box-main-list::before {
  opacity: 1;
  transform: translate(-50%, -18%);
  transition-delay: .7s;
}
.col-item.list-one, .col-item.list-three {
  transform: translateX(-100%);
  opacity: 0;
  transition: .7s ease-in;
}
.col-item.list-two, .col-item.list-four {
  transform: translateX(100%);
  opacity: 0;
  transition: .7s ease-in;
}
.box-visible .col-item.list-one, .box-visible .col-item.list-three, .box-visible .col-item.list-two, .box-visible .col-item.list-four {
  transform: translateX(0px);
  opacity: 1;
}
.box-visible .col-item.list-one {
  transition-delay: 1s;
}
.box-visible .col-item.list-two {
  transition-delay: 1.5s;
}
.box-visible .col-item.list-three {
  transition-delay: 2s;
}
.box-visible .col-item.list-four {
  transition-delay: 2.5s;
}
.prd-nav {
  display: flex;
  justify-content: center;
}
/*
@media screen and (min-width: 1280px) and (max-width: 1280px) {
  .sdp-second-sec::before {
    left: -9%;
  }
}
@media screen and (min-width: 1336px) and (max-width: 1336px) {
  .sdp-second-sec::before {
    left: -7%;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
  .sdp-second-sec::before {
    left: -3.5%;
  }
}
*/
@media screen and (max-width: 1024px) {
  .sdp-container {
    padding: 0 30px;
  }
  .form-wrap.new-webinar-form-wrap::before, .form-wrap.new-webinar-form-wrap::after, .sdp-second-sec::before, .box-main-list::before, .sub-box-item p br {
    display: none;
  }
  .sdp-col-two-main, .sdp-sub-box-main {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .sdp-row-col-main {
    display: block;
  }
  .form-wrap, .sdp-left-auto {
    margin: 0 auto;
  }
  .sdp-col-two-main {
    padding-bottom: 0px;
  }
  .sdp-sub-box-main {
    margin: 30px auto;
  }
  .sdp-head {
    padding: 40px 0;
  }
  .sdp-img-wave {
    margin: 0 auto;
  }
	ul.takeaway-wrapper{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 614px) {
  .countdown > div {
    width: 70px;
  }
  .count-down-wrapper .countdown div h2 {
    font: 24px / 1.4 Zoho_Puvi_Bold;
  }
  .count-down-wrapper .countdown div h2::after {
    width: 60px;
    height: 60px;
  }
  .sdp-col-two-main, .sdp-sub-box-main, .date-timing-wrap > div {
    display: block;
  }
  .date-timing-wrap > div {
    margin-top: 10px;
  }
  .sub-box-item {
    width: auto;
  }
  .date-timing-wrap .timing {
    margin: 20px 0 0;
  }
  .sdp-breadcrumb-sec {
    margin: 20px 10px;
  }
  .apiform {
    padding: 30px 20px;
  }
  input[type="text"], select {
    margin: 5px 0px 5px 0px;
  }
  .fomr-lable-val {
    top: 21px;
  }
  input[type="text"]:focus ~ .fomr-lable-val, input[type="text"]:not([value=""]):valid ~ .fomr-lable-val {
    top: 0px;
  }
  .sdp-head {
    font-size: 30px;
  }
  .sdp-sub-box-main {
    padding-bottom: 40px;
  }
  .sdp-img-wave img {
    width: 260px;
  }
  .sdp-img-wave {
    max-width: 220px;
  }
  .title-sub {
    font-size: 35px;
  }
  h1 {
    font: 33px / 1.16 'Zoho_Puvi_Bold', sans-serif;
  }
  .date-timing-wrap .timing span {
    background-position: 6px -2px;
    width: 25px;
  }
  .date-timing-wrap {
    margin-bottom: 0;
	} br{display: none;}
}