.banner h1, .banner p{text-align:left;}
.promotion-bg, .smlarlft{display:none;}
.banner-bg{position:relative;top:0;}
.banner h1 {font-size:40px !important;line-height:50px;}
#secondary-cta{margin-top:20px;}
html {
    overflow-x: hidden;
}
.btmBar {
    display: none;
}
picture {
    width: 100%;
    height: auto;
    display: block;
}
.placeholder-loading {
    position: relative;
    background-color: #e2e2e2;
}
picture {
    transform: translateY(20px);
    transition: .6s ease all;
    opacity: 0;
}
picture.img-active {
    transform: translateY(0px);
    transition: .6s ease all;
    opacity: 1;
}
.placeholder-loading img, .placeholder-loading source {
    height: auto;
    width: 100%;
    opacity: 0;
}
.placeholder-loading.picture {
    border-radius: 0;
}
.placeholder-loading::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, .2), transparent);
    animation: loading 1.5s infinite;
}
@keyframes loading {
100% {
transform: translateX(100%);
}
}
/*Page-Css*/
        
.check p, div#formCTAgdpr, .radio-button label, #meGDPRMessage label {
    color: #fff;
}
.apiform input.error {
    border: unset !important;
}
.cmn-breadcrum a:hover {
    color: #096ffb !important;
}
.cmn-breadcrum a::after {
    background: #096ffb;
}
.cmn-breadcrum .root-page {
    color: #096ffb;
}
.img-tag-cont {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
picture.illustration {
    aspect-ratio: auto 900 / 900;
}
picture.illustration img, picture.illustration source {
    aspect-ratio: auto 900 / 900;
    object-fit: contain;
}
input[type="text"] {
    border: 1px solid #8080804f !important;
}
picture.screen-shots {
    aspect-ratio: auto 1600 / 950;
}
picture.screen-shots img, picture.screen-shots source {
    aspect-ratio: auto 1600 / 940;
    object-fit: contain;
    width: 100%;
}
.banner-bottom-creative {
    max-width: 450px;
    margin: 0px auto 50px;
    width: 95%;
}
.animation-bottom-to-top picture {
    max-width: 300px;
    margin: 0px auto;
}
.main-section {
    padding: 20px 0px 0px;
}
.red-bg .placeholder-loading {
    background-color: #dd5b6a;
}
.blue-bg .placeholder-loading {
    background-color: #6fc3ec;
}
.green-bg .placeholder-loading {
    background-color: #95cb76;
}
.black-bg .placeholder-loading {
    background-color: #95cb76;
}
.form-fields, #meGDPRMessage {
    margin: 10px auto;
}
.clone-img-ele {
    max-width: 700px;
    margin: 0px auto;
    box-shadow: 2px -1px 57px -14px rgb(61 61 61 / 28%);
    -webkit-box-shadow: 2px -1px 57px -14px rgb(61 61 61 / 28%);
    -moz-box-shadow: 2px -1px 57px -14px rgba(61, 61, 61, 0.28);
}
.clone-image {
    width: 100%;
    transform: scale(1.2);
}
.clone-image .life-cycle {
    max-width: 550px !important;
}
.red-bg .clone-img-ele .placeholder-loading, .green-bg .clone-img-ele .placeholder-loading, .black-bg .placeholder-loading {
    background-color: #e2e2e2;
}
.container {
    padding: 0px 30px;
}
.ctas {
    max-width: 750px;
}
.cta {
    padding: 13px 25px;
}
.ctas h4 {
    font-family: Zoho_Puvi_Bold;
    font-size: 26px;
    margin: 0px auto 15px auto;
    line-height: 1.3;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
}
.ctas p {
    font-size: 17px;
    line-height: 1.6;
    margin: 0 0 20px;
    font-family: 'Zoho_Puvi_Regular';
}
.ctas a {
    line-height: 1.5;
    margin: 0px 10px;
    font-size: 14px;
}
p.last-updated {
    text-align: right;
    font-size: 18px;
    color: #096ffb;
    font-weight: bold;
    margin-top: 40px;
}
span.arrow-mark {
    vertical-align: middle;
    padding-left: 5px;
    display: inline-block;
    transform: translateX(0px);
    transition: all .3s ease;
}
a.cta:hover .arrow-mark {
    transform: translateX(5px);
    transition: all .3s ease;
}
a.secondary-cta {
    background: transparent;
    border: 1px solid #000;
    color: #000;
    transition: .2s ease-in;
}
a.secondary-cta:hover {
    background: #000;
    color: #fff;
    transition: .2s ease-in;
}
#form-wrap .form-heading, #form-wrap .form-main-title, .prvcy-plicy a {
    color: #fff;
}
ul.form-list-items img {
    width: 230px;
}
.mobile-dropdown-cta {
    background: #f0483d;
    text-align: center;
    padding: 8px 0px;
    font-weight: bold;
}
.drop-list-items span {
    display: block;
}
/*FAQ style starts here*/
        
.faq-bg {
    padding: 30px 0px 50px 0px;
}
.faq {
    max-width: 900px;
}
.faq h2 {
    text-align: center;
    margin-bottom: 80px;
}
.expand-wrapper {
    text-align: right;
    margin-bottom: 20px;
}
span.expand-all-sec {
    color: #949494;
    font-size: 15px;
    cursor: pointer;
}
button.accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-appearance: none;
    color: #000;
}
.accordion-wrapper {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0px;
}
.accordion-wrapper:last-child {
    border-bottom: 1px solid #e6e6e6;
}
.accordion {
    font-family: Zoho_Puvi_SemiBold;
    cursor: pointer;
    padding: 20px 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    line-height: 30px;
    background: transparent;
}
.accordion:after {
    content: '\002B';
    color: #1d77e8;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 30px;
}
.faq-active:after {
    content: "\2212";
}
.panel {
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel p {
    font-size: 18px
}
p.ind {
    text-indent: 30px;
}

/*FAQ style ends here*/
.section-active {
    position: relative;
    color: #000;
}

.section-active span {
    color: #000 !important;
}

     .sidebar li span.section-active:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: calc(100% - 10px);
    background: #096ffb;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}   
@media only screen and (max-width:767px) {
.main-section {
    padding: 20px 0px 0px;
    margin-bottom: 0px;
}
.container {
    padding: 0px 10px;
    box-sizing: border-box;
}
p.last-updated {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
}
.clone-image {
    transform: scale(1);
}
}

@media screen and (max-width: 667px) {
.apiform {
    width: 100% !important;
}
input#submit {
    font-size: 13px;
}
}

@media only screen and (min-width:1025px) and (max-width:1120px) {
a.secondary-cta {
    margin-left: 15px;
}
.cta {
    padding: 13px 25px;
}
}

@media only screen and (min-width:1025px) and (max-width:1500px) {
.bc-wrapper {
    padding: 0px 15px;
}
}

@media only screen and (min-width:768px) and (max-width:1200px) {
.clone-image {
    transform: scale(1);
}
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
.flex-parent>div:nth-child(1) {
    width: 25%;
    flex: 0 0 25%;
}
.flex-parent>div:nth-child(2) {
    width: 75%;
    flex: 0 0 75%;
}
}

@media only screen and (max-width:1025px) {
body {
    overflow-x: hidden;
}
}