#gated .container{ max-width: 1250px;
z-index: auto;
}

#gated h1{
   margin: 20px 0px 10px 0px;
}

.formbox{ height: auto; float: unset;}

#gated .pageSection{ margin-bottom: 5.1125em;}

.blogpg .innerPgBanner ul li{ padding-bottom: 0;}

#gated .blog-detail-head-des{ margin-bottom: 0;}

#gated h1 + p { margin-top: 0.75rem; font-weight: 300; color: #4c4c4c;}

.formbox h3 {
    margin-bottom: 1em;
    text-align: left;
    font-size: 1.875em;
    line-height: 1.2em;
    font-weight: 300;
    color: #4c4c4c;
    letter-spacing: normal;
    text-transform: none;
}
#gated .formbox{ padding: 2em; -webkit-box-shadow: 0 14px 45px -10px rgba(0,0,0,.35); box-shadow: 0 14px 45px -10px rgba(0,0,0,.35);border-top: 4px solid #6A02FF;}

.formbox h3 strong{ display: initial;}

.gated-content{ padding-right: 3rem !important;}

.gated-content h3{
    font-size: 1.875em;
    color: #4c4c4c;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 300;
    line-height: 1.2em;
    margin: 1em 0 0.5em 0;
}

.hbspt-form .btn, .hbspt-form .hs-button{ background-color: #6a00ff !important;}

#gated.form-pg{
    padding-left: 2.5em;
    padding-right: 2.5em;
}


#gated .formicon{ 
    display: none;
    background: linear-gradient(90deg, #6B03FF 0%, #CD0CFF 123.16%) !important;

    z-index: 9999;
    padding: 0.75em 0;
    color: white;
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}

#w-dates, #w-dates > div{ display: inline-block;}
#w-dates > div{ font-size: 1.8em; font-weight: 500; margin-bottom: 1em;}
#w-dates > div:first-child{margin-right: 1.4em;}
#w-dates > div i {
    color: #6a00ff;
    vertical-align: sub;
    position: relative;
    font-size: 1em;
    transform: translateY(-2px);
}

.hs-button, .hs-button:focus {
    height: 3.55em;
    line-height: 3.55em;
    margin-right: 0.3em;
    color: #fff;
   background-color: #6a00ff !important;
    text-transform: uppercase;
    text-align: center;
    padding: 0em 2.8em;
    font-weight: 400;
    letter-spacing: 0.2em;
    margin-top: 2.2em;
    border-radius: 0;
    border: 0px solid #6a00ff;
    box-shadow: none;
    outline: none;
    min-width: 14em; cursor: pointer;
}


@media only screen and (max-width: 1600px){
.hs-button, .hs-button:focus{
    min-width: 12em;
    height: 3.55em;
    line-height: 3.55em;
    padding: 0 2em;
    font-size: .8em;
}
}



@media only screen and (max-width: 1366px){
.hs-button, .hs-button:focus{
    margin-top: 1em;
}

}











@media only screen and (max-width: 1024px){
    #gated.form-pg{
        padding-left: 0;
        padding-right: 0;
    }

}
@media only screen and (max-width: 992px){
    #gated .gated-content{ padding-right: 0 !important;}
    .blogpg .innerPgBanner ul li{ padding: 6.5em 0 2em !important;}
    #gated .formicon{ display: block;}
    #gated .pageSection{ margin-bottom: 0;}
    .blogpg .innerPgBanner .bannerText{ margin-bottom: 0; margin-top: 2em;}
    #gated .formbox { position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; overflow-x: scroll; height: 100vh; display: none !important; opacity: 0; }
    #gated .formbox.open{ opacity: 1; display: block !important;   background: white;}
    #gated .formbox.open .close{ display: block; top: 1.2em; right: 1.2em; position: fixed;}
    #gated .formbox.open h3{ margin-right: 1.2em;}
}



@media only screen and (max-width: 767px){
#gated.form-pg{
    padding-left: 0;
    padding-right: 0;
}
#gated .pageSection .container{ padding: 0 2.5em;}
#gated .pageSection .container .col{ padding: 0;}
.gated-content .catpa {
    text-align: center !important;
}
}

.floatingDiv{right:0; left:auto;}