body {
    font: 17px / 1.5 Zoho_Puvi_Regular, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
p,
span,
a,
ul,
li,
table {
    box-sizing: border-box;
    color: #000;
}

h1 {
    font: clamp(2rem, 9.615vw - 3.962rem, 3.25rem) / 1.1 Zoho_Puvi_ExtraBold;
}

h2 {
    font: clamp(2.125rem, 1.923vw + 0.933rem, 2.375rem) / 1.2 Zoho_Puvi_Bold;
    margin: 0px 0 30px;
}

h3 {
    font: clamp(1.75rem, 3.365vw - 0.337rem, 2.188rem) / 1.2 Zoho_Puvi_Bold;
}

h4 {
    margin-left: 0px;
}
#main-container {
    margin: 0px 0px;
    padding: 0px 0px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

#main-container section p{
    font: clamp(0.938rem, 0.481vw + 0.639rem, 1rem) / 1.5 Zoho_Puvi_Regular, sans-serif;
    box-sizing: border-box;
}
#main-container section li {
    font: clamp(1.125rem, 0.962vw + 0.529rem, 1.25rem) / 1.5 Zoho_Puvi_Regular, sans-serif;
}

#main-container a {
    text-decoration: none;
}

section img,
section source,
section picture {
    width: 100%;
}
.text-center{
    text-align: center;
}

.prd-nav li {
    width: calc( 99% / 3);
}

.agents-itsm-survey-section {
    padding: 100px 0px;
    position: relative;
}

.agents-itsm-survey-content-wrap {
    max-width: 1200px;
    margin: 0px auto;
    width: 90%;
}

.agents-itsm-survey-cta-wrap {
    margin-top: 35px;
}

.agents-itsm-survey-cta-wrap a {
    background: rgba(247, 23, 23, 1);
    padding: 10px 60px;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font: 18px / 1.6 Zoho_Puvi_Semibold;
    border-radius: 5px;
    transition: .3s ease;
    cursor: pointer;
}

.agents-itsm-survey-cta-wrap a:hover {
    background: #c4291c;
}
.sdp-breadcrumb-sec {
    padding: 0px 0px 100px 0px;
    font-size: 15px;
}
.sd-bread-crumb .sdp-cmn-breadcrum a {
    position: relative;
}
.sd-bread-crumb .sdp-cmn-breadcrum a::after {
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    bottom: -2px;
    width: 0%;
    background: #ffff;
    transition: 0.4s ease;
  }
  .sd-bread-crumb .sdp-cmn-breadcrum a:hover {
    text-decoration: none;
  }
  .sd-bread-crumb .sdp-cmn-breadcrum a:hover::after {
    width: 100%;
    transition: 0.4s ease;
  }

/*agents-itsm-survey-banner-section-start-here*/

.agents-itsm-banner-section {
    padding: 40px 0px 270px;
    background: url(../images/banner-bg.png) #f2f3ff no-repeat;
    /* background-size: 100% 100vh; */
    background-size: cover;
}

.agents-itsm-banner-section .agents-itsm-survey-content-wrap{
    width: 75%;
}
.agents-itsm-banner-section .right-wrap h1, .agents-itsm-banner-section .right-wrap p, .sdp-breadcrumb-sec a, .sdp-breadcrumb-sec span{
    color: #ffff;
}
#main-container  .agents-itsm-banner-section .right-wrap p {
    font-size: 18px;
    padding-right: 50px;
    margin-top: 10px;
}
#main-container  .agents-itsm-banner-section .right-wrap p.banner-sub-head {
    font: clamp(1.75rem, 4.808vw - 1.231rem, 2.375rem) / 1.4 Zoho_Puvi_Regular;
    margin-bottom: 25px;
    
}
/*agents-itsm-survey-banner-section-end-here*/

/*agents-itsm-numbers-section-start-here*/
.agents-itsm-numbers-section{
background: rgba(242, 243, 255, 1);
padding: 140px 0px 150px;
}
.agents-itsm-numbers-section .left-wrap .cont-wrap {
    max-width: 500px;
    width: 100%;
}
.agents-itsm-numbers-section .left-wrap .cont-wrap .sdp-list-style.bullet-point{
    padding-right: 60px;
}

.sdp-list-style.bullet-point li {
    padding: 0px 0 0 25px;
}
.sdp-list-style.bullet-point li::before {
    content: '';
    background: rgba(1, 23, 135, 1);
    display: inline-block;
    vertical-align: middle;
    height: 10px;
    width: 10px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
}
.rob-container {
    position: relative;
    margin-bottom: 70px;
}
.rob-container::before {
    content: '';
    position: absolute;
    top: 0;
    width: 360px;
    background-image: url(../images/bot-bg-disk.png);
    height: 100%;
    background-size: contain;
    left: 20%;
    background-repeat: no-repeat;
    transform: rotate(90deg) scale(.4);
    transform-origin: center center !important;
    opacity: 0;
}
.parent-active .rob-container::before{
   transition-delay: 1.9s !important;
   transform: rotate(90deg)  scale(1);
   animation-delay: 2.5s !important;
   animation: disc-roate 15s infinite;
}

@keyframes disc-roate {
0% {
    transform: rotate(90deg) scale(1);
}
25% {
    transform: rotate(0deg) scale(1);
}
50% {
    transform: rotate(-90deg) scale(1);
}
75% {
    transform: rotate(0deg) scale(1);
}
100% {
    transform: rotate(90deg) scale(1);
}
}

.rob-img-wrap {
    max-width: 250px;
    margin: 0px auto;
    position: relative;
}
.rob-img-wrap img {
transform: scale(.95) translateY(5px);
transform-origin: center bottom;
animation: bot-jump 7s infinite;
animation-delay: 0ms;
opacity: 0;
}
.parent-active .rob-img-wrap img,
.parent-active .rob-container::before {
    opacity: 1;
    transition: .7s ease;
}

@keyframes bot-jump {
    0% {
        transform: scale(.95) translateY(5px);
    }
    50% {
        transform: scale(1) translateY(-30px);
    }

    100% {
        transform: scale(.95) translateY(5px);
    }
    }
.rob-img-wrap::after {
    content: '';
    position: absolute;
    bottom: -65px;
    clip-path: ellipse(50% 30%);
    width: 110px;
    height: 90px;
    left: 70px;
    transform: perspective(660px) rotatex(60deg);
    animation: ellipse-bg 8s infinite;
    background: rgba(216, 223, 255, 1);
    animation-delay: 0ms;
}

@keyframes ellipse-bg {
    0% {
        background: rgba(216, 223, 255, 1);
    }
    50% {
        background:rgb(216 223 255 / 21%);
    }

    100% {
        background: rgba(216, 223, 255, 1);
    }
    }

#main-container section p.rob-text {
    font: clamp(1.125rem, 1.923vw - 0.067rem, 1.375rem) / 1.5 Zoho_Puvi_Regular, sans-serif;
}
.snapshot-numbers {
    position: absolute;
    width: 230px;
    opacity: 0;
}
.snapshot-numbers.left.top {
    top: -88px;
    left: -10px;
}
.snapshot-numbers.left.bottom {
    top: 170px;
    left: -25px;
    max-width: 250px;
}
.snapshot-numbers.right.center {
    right: -20px;
    top: 90px;
    text-align: right;
}

.snapshot-numbers.active {
    opacity: 1;
    transition: .7s ease;
}
.snapshot-numbers.left.top.active {
    top: -88px;
    left: -29px;
}
.snapshot-numbers.left.bottom.active {
    top: 170px;
    left: -55px;
    max-width: 250px;
}
.snapshot-numbers.right.center.active {
    right: -50px;
    top: 90px;
    text-align: right;
}

.snapshot-numbers>div span, .snapshot-numbers>div p {
    opacity: 0;
    transform: translateX(-40px);
    display: block;
}

.snapshot-numbers.right.center>div span,
.snapshot-numbers.right.center>div p {
    transform: translateX(40px);
}
.snapshot-numbers.right.center div.glich-wrap,
.snapshot-numbers.right.center div.static-wrap {
    margin-left: auto;
    transform-origin: right;
}
.snapshot-numbers.active>div span,
.snapshot-numbers.active>div p {
    opacity: 1;
    transform: translateX(0px) !important;
    transition: .6s ease;
}
.snapshot-numbers.active>div span{
    transition-delay: .6s;
}
.snapshot-numbers.active>div span{
    transition-delay: .3s;
}

.snapshot-numbers span {
    font-size: 40px;
    font-family: Zoho_Puvi_Bold;
}
#main-container section .snapshot-numbers p {
    font-size: 15px;
    font-family: Zoho_Puvi_SemiBold;
}
.snapshot-numbers::after{
    content: '';
    position: absolute;
    height: 30px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}
.snapshot-numbers.left::after {
background-image: url(../images/left-number-marker.svg);
}
.snapshot-numbers.right::after {
background-image: url(../images/right-number-marker.svg);
}
.snapshot-numbers.left.top,
.snapshot-numbers.left.bottom {
    max-width: 200px;
}
.snapshot-numbers div.glich-wrap,
.snapshot-numbers div.static-wrap{
    width: 90px;
    height: 46px;
    position: relative;
    transform: scale(1.5);
    transform-origin: left center;
}

.snapshot-numbers div.static-wrap{
    animation: unset;
}
.snapshot-numbers div.glich-wrap{
    display: none;
} 
.snapshot-numbers div.glich-wrap.glitch-show {
    display: block;
}
.snapshot-numbers div.glich-wrap span,
.snapshot-numbers div.static-wrap span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 600px;
    width: 100%;
    background-position: -10px -7px;

}
.snapshot-numbers.glitch-a div.glich-wrap span,
.snapshot-numbers.glitch-a div.static-wrap span {
    background-image: url(../images/glich-a.png);
}
.snapshot-numbers.glitch-b div.glich-wrap span,
.snapshot-numbers.glitch-b div.static-wrap span {
    background-image: url(../images/glich-b.png);
}
.snapshot-numbers.glitch-c div.glich-wrap span,
.snapshot-numbers.glitch-c div.static-wrap span {
    background-image: url(../images/glich-c.png);
}

.snapshot-numbers div.glich-wrap.glitch-effect {
    animation: animate 80ms ease-in-out infinite;
}
.snapshot-numbers div.glich-wrap.glitch-effect  span{
    animation: bg-animate 15ms ease infinite;
}

@keyframes bg-animate{
    0%, 100%{
        background-position: -10px -7px;
    }
    50%{
        background-position: -240px -7px;
    }
  }

  @keyframes animate{
    0%, 100%{
      top: -10px;
      left: 0;
      opacity: 1;
    }
    20%{
      top: 0;
      left: -16px;
      opacity: 0.7;
    }
    40%{
      top: 10px;
      left: 0;
      opacity: 0.2;
    }
    60%{
      top: 0;
      left: 16px;
      opacity: 0.3;
    }
    80%{
      top: 0;
      left: 0;
      opacity: 0.9;
    }
  }



/*agents-itsm-numbers-section-end-here*/

/*agents-itsm-report-section-start-here*/
.agents-itsm-report-section {
    background: rgba(1, 6, 87, 1);
    
}
.agents-itsm-report-section .top-cont-wrap {
    max-width: 950px;
    margin: 0px auto 90px;
    width: 100%;
}
.agents-itsm-report-section h2, 
.agents-itsm-report-section p {
    color: #fff;
}
.agents-itsm-report-section h2 {
    margin-bottom: 0px;
}
#main-container .agents-itsm-report-section p.special-para { 
    color: rgb(255 255 255 / 52%);
    font: clamp(1.125rem, 1.923vw - 0.067rem, 1.375rem) / 1.5 Zoho_Puvi_Regular, sans-serif;
    margin-bottom: 50px;
}
.agents-itsm-report-section h4.special-heading,
.four-col-pillar-sprite-parent>div h4 {
    color: rgba(0, 255, 178, 1);
}

.agents-itsm-report-section h4.special-heading {
    font-size: 23px;
    font-family: 'Zoho_Puvi_SemiBold';
    line-height: 1.4;
}
.four-col-pillar-sprite-parent h4 {
    font: clamp(1.063rem, 1.442vw + 0.168rem, 1.25rem) / 1.4 Zoho_Puvi_SemiBold;
    text-align: center;
    font-size: 18px;
}
.agents-itsm-report-section p {
    font: clamp(1.063rem, 1.442vw + 0.168rem, 1.25rem) / 1.4 Zoho_Puvi_Regular;
    
}
.four-col-pillar-sprite-parent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.four-col-pillar-sprite-parent>div {
    flex: 0 0 calc(93% / 4);
    max-width: calc(93% / 4);
    padding: 50px 35px 35px;
    box-sizing: border-box;
    border: 1px solid rgba(29, 38, 185, 1);
    border-radius: 150px 150px 20px 20px;
    transform: translateY(50px);
    opacity: 0;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div {
    transform: translateY(0px);
    transition: .7s ease;
    opacity: 1;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(1){
    transition-delay: .2s;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(2){
    transition-delay: .4s;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(3){
    transition-delay: .6s;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(4){
    transition-delay: .8s;
}

.four-col-pillar-sprite-parent .four-col-sprite-icon {
    width: 150px;
    height: 150px;
    display: block;
    margin: 10px auto 50px;
    position: relative;
   
}
.four-col-pillar-sprite-parent .four-col-sprite-icon::before {
    content: '';
    background-image: url(../images/sprite-bg-disk.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 1px 1px 21px 11px rgba(36, 47, 147, 1);
    border-radius: 100%;
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
    top: 50%;
    transform-origin: center center;

}
#main-container .four-col-pillar-sprite-parent>div.hover .four-col-sprite-icon::before {
    transform: translate(-50%, -50%) rotate(140deg) scale(1);
    transition: .7s ease;
}

.four-col-pillar-sprite-parent>div .four-col-sprite-icon::after {
    content: '';
    background-image: url(../images/ai-agent-rise-sprites.png);
    height: 60px;
    width: 53px;
    display: block;
    background-repeat: no-repeat;
    background-size: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.four-col-pillar-sprite-parent>div:nth-child(1) .four-col-sprite-icon::after {
    background-position: 0px 0px;
}
.four-col-pillar-sprite-parent>div:nth-child(2) .four-col-sprite-icon::after {
    background-position: -50px 0px;
}
.four-col-pillar-sprite-parent>div:nth-child(3) .four-col-sprite-icon::after {
    background-position: -100px 0px;
    height: 60px;
    width: 33px;
}
.four-col-pillar-sprite-parent>div:nth-child(4) .four-col-sprite-icon::after {
    background-position: -132px 0px;
    width: 48px;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(1) .four-col-sprite-icon::before {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    transition: .7s ease;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(2) .four-col-sprite-icon::before {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    transition: .7s ease;
    transition-delay: .2s;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(3) .four-col-sprite-icon::before {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    transition: .7s ease;
    transition-delay: .4s;
}
.each-parent.parent-active .four-col-pillar-sprite-parent>div:nth-child(4) .four-col-sprite-icon::before {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    transition: .7s ease;
    transition-delay: .6s;
}



/*agents-itsm-report-section-end-here*/

/*agents-itsm-key-takeaways-section-start-here*/
.agents-itsm-numbers-section .flex-wrap {
    align-items: flex-start;
}
.agents-itsm-key-takeaways-section .book-wrap{
    max-width: 270px;
    margin: 0px auto;
}
.agents-itsm-key-takeaways-section .book-wrap span {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
}
.agents-itsm-key-takeaways-section .book-wrap span::after,
.agents-itsm-key-takeaways-section .book-wrap span::before{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
}
.agents-itsm-key-takeaways-section .book-wrap span::after{
    background-image: url(../images/book-additions-a.png);
    height: 80px;
    width: 35px;
    background-size: contain;
    left: -30px;
    top: 140px;
    transform: rotate(-5deg);
    transform-origin: center left;
}
.agents-itsm-key-takeaways-section .book-wrap span::before{
    background-image: url(../images/book-additions-c.svg);
    height: 70px;
    width: 35px;
    background-size: contain;
    right: -20px;
    top: 40px;
}
.agents-itsm-key-takeaways-section.parent-active .book-wrap span::before,
.agents-itsm-key-takeaways-section.parent-active .book-wrap span::after{
    opacity: 1;
    transition: .7s ease;
}
.agents-itsm-key-takeaways-section.parent-active .book-wrap span::after{ 
    left: -60px;
}
.agents-itsm-key-takeaways-section.parent-active .book-wrap span::before{ 
    right:-60px;
}

.agents-itsm-key-takeaways-section .two-column{
    margin-top: 100px;
}
.agents-itsm-key-takeaways-section .book-wrap {
    position: relative;
}
.agents-itsm-key-takeaways-section .book-wrap::after,
.agents-itsm-key-takeaways-section .book-wrap::before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
}
.agents-itsm-key-takeaways-section .book-wrap::after {
    background-image: url(../images/agent-itsm-survey-ebook.jpg);
    width: 100%;
    left: -10px;
    top: 0;
    background-size: cover;
    height: 100%;
    transform: rotate(0deg);
    z-index: -1;
}
.agents-itsm-key-takeaways-section.parent-active .book-wrap::after{
    transition: .7s ease;
    transform: rotate(-19deg);
}
.agents-itsm-key-takeaways-section .book-wrap::before{
    background-image: url(../images/book-additions-b.svg);
    height: 20px;
    width: 60px;
    background-size: contain;
    bottom: -6px;
    right: 30px;
    z-index: -1;
    opacity: 0;
    transition: .7s ease;
}
.agents-itsm-key-takeaways-section.parent-active .book-wrap::before{
    opacity: 1;
    bottom: -36px;
}
.sdp-list-style li {
    margin-bottom: 5px;
    list-style-type: none;
    padding: 0px 0 0 30px;
    position: relative;
    line-height: 1.7;
    margin-bottom: 25px;
}
.sdp-list-style.green-tick {
    max-width: 500px;
    width: 100%;
    padding-left: 40px;
}
.sdp-list-style.green-tick li::before {
    content: '';
    background-image: url(../images/green-tick.svg);
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 7px;
}
/*agents-itsm-key-takeaways-section-end-here*/
/*agents-itsm-footer-section-start-here*/
.agents-itsm-footer-section .content-wrap {
    max-width: 850px;
    margin: 0px auto;
    width: 100%;
}
.agents-itsm-footer-section .agents-itsm-survey-content-wrap {
    background: url(../images/footer-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 100px 0px;
}
.agents-itsm-footer-section h3{
color: #fff;
margin-top: 0px;
}
/*agents-itsm-footer-section-end-here*/
/*form style starts here*/
.form-parent-container {
    padding: 40px 40px 20px 40px;
    max-width: 380px;
    width: 100%;
    position: relative;
    animation: fadeup 0.5s ease-in;
    border: 1px solid rgba(130, 130, 130, 1);
    background: linear-gradient(182deg, rgb(212 212 212) 55.95%, rgb(243 243 243) 87.21%);
    transform: scale(.9) translate(0, 0) !important;
    overflow: hidden;
    transform-origin: left;
    box-sizing: border-box;
}
.form-parent-container #Apiform {
position: relative;
z-index: 22;
}
.form-parent-container::before,
.form-parent-container::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}
.form-parent-container::before {
    width: 100%;
    height: 100%;
    background-image: url(../images/book-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px -100px;
}
.form-parent-container::after{
    background-image: url(../images/new-fold-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    opacity: 0;
    transform: rotate(-5deg) translate(16px, -6px);
    transform-origin: center center;
}
.parent-active .form-parent-container::after {
    height: 100%;
    width: 166px;
    opacity: 1;
    transition: .6s ease;
}
.parent-active .form-parent-container::before {
    background-position: 0px 0px;
    transition: .5s ease;
}
.form-parent-container-wrapper {
    background: #b3d1f2;
    padding: 20px;
    max-width: 79%;
    border-radius: 15px;
    backdrop-filter: blur(2px);
}
.form-border-span {
    height: 1px;
    left: -1px;
    position: absolute;
    background: rgba(148, 148, 148, 1);
    width: 100.5%;
}
.form-border-span.set-a{
    bottom: 1px; 
}
.form-border-span.set-b{
    bottom: 3px; 
}
.form-border-span.set-c{
    bottom: 5px; 
}
.form-border-span.set-d{
    bottom: 7px; 
}

  @keyframes fadeup {
    0% {
      transform: translateY(50px)
    }
    100% {
      transform: translateY(0px)
    }
  }
  .apiform {
    width: 100%;
    font-size: inherit;
    margin: 0 auto;
    position: relative;
  }
  h3.form-title {
    font: 22px / 1.2 'Zoho_Puvi_SemiBold';
    color: #0230BB;
    margin: 0px auto 30px auto;
  }
  .formfild.input-effect {
    font-family: 'Zoho_Puvi_Medium';
    outline: none;
    position: relative;
    padding: 0px 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    border-bottom: 1px solid #000;
    height: 42px;
    margin-top: 0px;
    color: #000 !important;
    z-index: 10;
  }
  input[type="text"] {
    border: none !important;
  }
  .sdp-form-icon {
    height: 22px;
    width: 22px;
    top: 7px;
    position: absolute;
    left: 5px;
    display: inline-block;
    background: url(../images/form-icons.svg) no-repeat;
    background-size: 60px;
    background-position: 4px 1px;
  }
  span.sdp-form-icon.sdp-business {
    height: 22px;
    width: 22px;
    top: 15px;
    position: absolute;
    left: 5px;
    display: inline-block;
    background: url(../images/form-icons.svg) no-repeat;
    background-size: 60px;
    background-position: -20px 1px;
  }
  .sdp-form-icon.sdp-it-country,
  .icon-country {
    background-position: -53px 1px;
    background-size: 75px;
  }
  span.sdp-form-icon.sdp-designation {
    background-size: 69px;
    background-position: 1px 1px;
  }
  .sdp-arrow:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 19px;
    margin-top: -3px;
    z-index: 999;
    cursor: pointer;
    pointer-events: none;
    border: solid #2e6abf;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    background: none;
  }
  span.errormsg {
    position: absolute;
    margin-top: 5px !important;
    font-size: 13px;
    color: #efcb7b;
    display: block;
    margin-bottom: 0;
    text-align: left;
    left: 0px;
    bottom: -25px;
  }
  .formfild {
    position: relative;
    margin-top: 15px;
  }
  input#emailID {
    border: none !important;
  }
  #main-container select#MECountryListing {
    margin-bottom: 10px;
  }
  select#MECountryListing, select#designation, select#country_state, select#alternatproduct, select#ukcountry_region {
    -webkit-appearance: none;
    padding: 0px 35px;
    font-size: 15px;
    height: 39px;
    border-radius: 5px;
    width: 100%;
    margin-top: 0px;
    color: #000000;
    font: 15px / 1.5 Zoho_Puvi_Regular;
    border: unset !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px;
    background: unset;
  }
 
  .arrow-icon:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 17px;
    margin-top: -3px;
    z-index: 999;
    cursor: pointer;
    pointer-events: none;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
  }
  .arrow-icon.county-state-field,
  .county-state-field {
    position: relative;
  }
  .arrow-icon.county-state-field:empty {
    display: none;
  }
  input[type="submit"] {
    font-family: 'Zoho_Puvi_Bold';
    background: #FF1800;
    color: #fff;
    padding: 15px 30px;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    margin-top: 0px;
    cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.5s;
    border: none;
    text-decoration: none;
    display: inline-block;
    width: 100%;
  }
  .apiform input[type="submit"]:hover, .crowdsource-footer a:hover {
    background: #E9142B !important;
  }
  .apiform input[type="submit"]:focus {
    outline: none !important;
  }
  .form-parent-container input:focus {
    outline: none !important;
  }
  input[type="text"]::placeholder {
    color: #000;
  }
  input[type="radio"]:checked {
    color: red;
  }
  input#sendmemail {
    width: 20px !important;
    height: auto !important;
  }
  label#sendmemailcheck {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
  }
  .prvcy-plicy, #meGDPRMessage label {
    font-family: 'Zoho_Puvi_Regular';
    font-size: 11px;
    color: #000;
    text-align: center;
    line-height: 1.5;
    margin: 20px 0px 20px 0px;
  }
  .prvcy-plicy strong {
    font-weight: 600;
  }
  .prvcy-plicy a {
    font-family: 'Zoho_Puvi_Regular';
    font-size: 12px;
    color: #2d69f6;
    text-decoration: none;
    border-bottom: 1px solid #2d69f6;
  }
  .apiform input[type="radio"] {
    position: inherit;
  }
  .radio-button label {
    cursor: pointer;
  }
  .radio-button label:nth-child(2) {
    margin-right: 15px !important;
  }
  #main-container section .check p {
    font-family: 'Zoho_Puvi_SemiBold';
    text-align: left;
    font-size: 12px;
    margin: 20px 0px 0px 0px;
    color: #000;
    max-width: 100%;
  }
  .radio-button {
    font-family: 'Zoho_Puvi_Regular';
    display: flex;
    justify-content: start;
    align-items: center;
    color: #000;
    font-size: 15px;
    height: 30px;
    margin: 0 0 20px 0;
  }
  .radio-button #yes, .radio-button #no {
    width: auto !important;
    margin: 0px 7px 0px 0px !important;
    padding: 0px !important;
  }
  #meGDPRMessage {
    font-size: 13px;
    line-height: 1.5;
    margin: 20px auto 10px;
    color: #ffffff;
    width: 100%;
  }
  #meGDPRMessage a {
    color: #000;
    border-bottom: 1px solid #ffffff;
  }
  #meGDPRMessage a:hover {
    text-decoration: none;
  }
  .product-alternate {
    display: none;
    margin-bottom: 30px;
  }
  .product-alternate.show-field {
    display: block;
  }
  .sdp-others {
    display: none;
  }
  .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;
    padding: 70px 0px;
    position: relative;
    z-index: 22;
  }
  .success-msg .internal-links {
    color: #2d69f6;
  }
  .success-msg h3 {
    font: 22px/1.25 Zoho_Puvi_Bold;
    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: #000;
    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%;
    padding: 0px 20px;
  }

  .label-animation ~ label {
    font-family: 'Zoho_Puvi_Regular';
    position: absolute;
    left: 35px;
    width: 100%;
    top: 12px;
    color: #000;
    transition: 0.3s;
    z-index: -1;
  }
  .label-animation:focus ~ label, .has-content.label-animation ~ label {
    top: -15px;
    left: 0;
    font-size: 13px;
    color: #000;
    transition: 0.3s;
  }
  /*animation style ends here*/
  /* input[type="email"]:focus ~ .sdp-form-icon, input[type="email"]:not([value=""]):valid ~ .sdp-form-icon, .zc-Country:focus ~ .sdp-form-icon, .zc-Country:not([value=""]):valid ~ .sdp-form-icon {
    display: none;
  } */
  #designation:valid:not([value=""]) ~ .sdp-form-icon, #alternatproduct:valid:not([value=""]) ~ .sdp-form-icon, #MECountryListing:valid:not([value=""]) ~ .sdp-form-icon {
    display: block;
  }
  #alternatproduct:not([value=""]):valid ~ .fomr-lable-val {
    top: -10px;
  }
  #designation:valid:not([value=""]), #alternatproduct:valid:not([value=""]), select#country_state:valid:not([value=""]), #MECountryListing:valid:not([value=""]) {
    padding: 0 35px;
  }
  select:focus-visible {
    outline:none !important;

  }

  .icon-field .select-tool-icon {
    background-image: url(../images/select-itsm-tool-icon.svg);
    background-size: contain;
    top: 13px;
    position: absolute;
    left: 5px;
    top: 9px;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
  }
  /*form_style_ends_here*/
  /* @media only screen and (min-width:1153px) and (max-width:1512px)  {
    .sdp-breadcrumb-sec {
        padding: 0px 0px 60px 0px;
    }
    .form-parent-container {
        transform: scale(1) translate(0, 0) !important;
    }
  }
  @media only screen and (max-width:1152px) {
    .agents-itsm-banner-section{
        background-size: 100% 110vh;
    }
    .sdp-breadcrumb-sec {
        padding: 0px 0px 60px 0px;
    }
    .form-parent-container {
        transform: scale(.9) translate(0, 0) !important;
    }
 
  } */
  @media only screen and (max-width:1400px) { 
    .agents-itsm-footer-section .agents-itsm-survey-content-wrap {
        background: linear-gradient(90deg, #000046 0%, #0034DA 100%);
        padding: 50px 0px;
        border-radius: 20px
    }
  }
    @media only screen and (max-width:1200px) { 
    .rob-container {
        transform: scale(.9);
    }
    .rob-container::before{
        left: 15%;
    }
    .agents-itsm-banner-section .agents-itsm-survey-content-wrap{
        width: 90%;
    }
    .agents-itsm-numbers-section {
        padding: 100px 0px 100px;
    }
    }
 @media only screen and (min-width:1024px) and (max-width:1200px) { 
    .four-col-pillar-sprite-parent>div{
    padding: 50px 15px 35px;
}
 }
  @media only screen and (max-width:992px) {  
    #main-container .agents-itsm-banner-section .right-wrap p{
        padding-right: 0px;
    }
    .agents-itsm-numbers-section .left-wrap {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
    }
    .agents-itsm-numbers-section .right-wrap{
        display: none;
    }
    .agents-itsm-numbers-section .left-wrap .cont-wrap { 
    max-width: unset
    }
    .agents-itsm-numbers-section .left-wrap .cont-wrap .sdp-list-style.bullet-point {
    padding-right: 0px;
    }
  }
  @media only screen and (min-width:768px) and (max-width:1024px) {
    .four-col-pillar-sprite-parent {
        max-width: 600px;
        margin: 0px auto;
    }
    .four-col-pillar-sprite-parent>div {
        flex: 0 0 calc(95% / 2);
        max-width: calc(95% / 2);
        margin-bottom: 30px;
    }
  }

  @media only screen and (max-width:767px) {
    h3.form-title { 
        text-align: center;
    }
    .agents-itsm-survey-section {
        padding: 50px 0px; 
    }
    .sdp-breadcrumb-sec{
        padding: 50px 10px 50px 10px;
        box-sizing: border-box !important; 
    }
    .form-parent-container::after, .form-parent-container::before,
    .agents-itsm-numbers-section .two-column>div.right-wrap,
    .agents-itsm-banner-section .right-wrap h1 br{
        display: none;
    }
    .form-parent-container {
        transform: scale(1) translate(0, 0) !important;
        margin: 0px auto;
        background: #fff;
    }
    .agents-itsm-banner-section {
        background: linear-gradient(90deg, #000046 0%, #0034DA 100%);
        padding: 0px 0px 50px;
    }
    .agents-itsm-banner-section .two-column>div.right-wrap{
        margin-top: 50px;
    }
    #main-container .agents-itsm-report-section p.special-para{
        margin-bottom: 40px;
    }
    .four-col-pillar-sprite-parent{
        display: block;
    }
    .agents-itsm-report-section .top-cont-wrap {
        margin: 0px auto 50px;
    }
    .agents-itsm-report-section p {
        text-align: center;
    }
    .four-col-pillar-sprite-parent>div {
        max-width: 100%;
        opacity: 1;
        border-radius: 0px;
        margin-bottom: 50px;
        transform: translateY(0px);
    }
    .agents-itsm-survey-section .two-column>div.right-wrap {
        margin-top: 80px;
    }
    .sdp-list-style.green-tick {
        padding-left: 0px;
    }
    .agents-itsm-numbers-section .left-wrap .cont-wrap .sdp-list-style.bullet-point{
        padding-right: 0px;
    }
    .agents-itsm-numbers-section .left-wrap .cont-wrap {
        max-width: unset;
    }
    .agents-itsm-footer-section .content-wrap {
        padding: 0px 30px;
        box-sizing: border-box;
    }

}