html {
font-size: 16px;
}
body {
color: #0d1224;
-webkit-font-smoothing: antialiased;
}
.container-fluid {
padding: 0;
}
.main-module {
margin-top:4rem;
}
@media screen and (min-width:320px) and (max-width:768px){
.main-module {
margin-top:3.5rem;
}
}
.row{
margin:0;
}
/* vietnamese */
@font-face {
font-family: 'Archivo';
font-style: italic;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCx-muLRm.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Archivo';
font-style: italic;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCx6muLRm.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Archivo';
font-style: italic;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCxCmuA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxK-vA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 100 900;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.fc-dark{
color: #0d1224;
}
p{
font-weight: 400;
/* color: #fff; */
line-height: 1.5;
}
* {
font-family: "Archivo", Arial, sans-serif !important;
/* hyphens: unset !important;
*/
}
ul li, ol li{
line-height: 1.5;
}
li {
color: #0d1224 ;
font-weight: 400;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.5rem;
font-weight: 600;
}
h3 {
font-size: 2.25rem;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1rem;
font-weight: 600;
}
h6 {
font-size: 0.875rem;
font-weight: 600;
}
a:hover{
color: #fff;
}
.btn-primary {
font-size:0.875rem;
padding: 0.35rem 2.125rem;
background-color: #00C76B;
border-color: #00C76B;
border-radius: 0;
font-weight: 500;
color: #000;
transition: all .35s ease-in;
text-decoration: none !important;
}
.btn-primary:focus, .btn-primary:focus-visible {
outline: none !important;
background-color: #00C76B; !important;
color: #000 !important;
box-shadow: none !important;
border-color: #00C76B !important;
}
.btn-primary:active {
color: #000;
background-color: #00C76B;
border-color: #00C76B;
}
.btn-primary:hover {
color: #000;
background-color: #fff;
border-color: #fff;
-webkit-transform: translateY(-0.313em);
transform: translateY(-0.313rem);
}
.btn-secondary {
background-color: #0d1224;
border: 2px solid #0d1224;
color: #fff;
font-size:0.875rem;
padding: 0.5rem 1.5rem;
font-weight: 400;
line-height: 1;
border-radius: 0;
transition: all .35s ease-in;
text-decoration: none !important;
}
.btn-secondary:hover {
background-color: #fff;
border: 2px solid #0d1224;
color: #000;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateY(-0.313em);
transform: translateY(-0.313rem);
}
.btn-secondary:focus, .btn-secondary:focus-visible {
outline: none !important;
background-color: #0d1224; !important;
color: #FFF !important;
box-shadow: none !important;
border-color: #0d1224 !important;
}
.btn-secondary:active{
color: #FFF;
background-color: #0d1224;
border-color: #0d1224;
}
/* servicenow banner css start */
.servicenow-banner {
background-color: #0D1223;
background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/banner-bg.png);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
/* height: 150vh; */
padding: 0px 0 14rem;
}
.servicenow-banner h1 {
color: #fff;
font-size: 2.5rem;
font-weight: 400;
margin-bottom: 0;
}
.servicenow-banner h1 span {
color: #FFF;
}
.servicenow-banner h4 {
color: #fff;
font-size: 1.563rem;
font-weight: 400;
margin-bottom: 0;
}
.banner-person {
/* left: 25%;
z-index: 2; */
z-index: 2;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
.device-slider {
z-index: 1;
position: relative;
}
.device-slider img {
width: fit-content !important;
height: 100% !important;
}
.device-slider .slick-track{
display: flex;
align-items: center;
}
.device-row {
padding-top: 7rem !important;
}
.laptop-device {
width: 26rem !important;
}
/* servicenow banner css end */
/* brand logos css start */
.brand-logos {
background: linear-gradient(215deg, #C1F4FD 37.01%, #64C4BB 99.02%);
}
.brand-logos h3 {
font-size: 0.938rem;
color: #0F2C40;
font-weight: 500;
letter-spacing: 2.25px;
text-transform: uppercase;
margin-bottom: 0;
}
.brand-logos .col-lg-2 {
display: flex;
justify-content: center;
align-items: center;
padding: 0 1.5rem;
}
.schwans-logo {
padding: 0 2rem !important;
}
/* .brand-logos .col img {
display: block;
max-width: 7.625rem;
max-height: 1.875rem;
width: auto;
height: auto;
} */
/* brand logos css end */
/* disconnected mobile css start */
.disconnected-mobile {
background-color: #1b2534;
}
.disconnected-mobile h3 {
color: #fff;
font-weight: 300;
line-height: 2.5rem;
}
.disconnected-mobile-subhead {
color: #fff;
font-size: 0.938rem;
font-weight: 600 !important;
}
.disconnected-mobile p {
color: #fff;
font-size: 1rem;
font-weight: 200;
line-height: 1.3rem;
padding-bottom:0.375rem !important;
}
.disconnected-image-container {
width: fit-content;
}
.light-blue-box {
left: -2.5rem;
top: -1.5rem;
width: 11rem;
}
.dark-blue-box {
bottom: -3.9rem;
right: 9.7rem;
width: 9rem;
}
.white-box {
bottom: 2rem;
right: -1rem;
}
.white-box img {
width: 8rem;
}
.light-blue-box, .dark-blue-box, .white-box {
opacity: 0;
transition: opacity 1s ease;
}
@keyframes scale2 {
0% {
opacity: 0;
/* scale: 0; */
}
100% {
opacity: 1;
/* scale: 1; */
}
}
/* disconnected mobile css end */
/* breathe section css start */
.breathe-sec {
background-color: #0D1223;
}
.breathe-sec h3 {
font-size: 2.25rem;
font-weight: 400;
}
.breathe-sec p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.6rem;
margin-bottom: 0;
color: #fff;
}
.breathe-points p{
font-size: 1rem;
font-weight: 400;
}
/* .tick-img{
animation : fadeIn 0.3s ease-in-out;
} */
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.breathe-sec .breathe-points .tick-img{
opacity: 0;
}
/* breathe section css end */
/* missing piece css start*/
.missing-piece {
background-color: #C1F4FD;
}
.missing-piece h3 {
font-size: 2.25rem;
font-weight: 300;
line-height: 2.6rem;
}
.missing-piece p {
font-size: 0.938rem;
font-weight: 400;
line-height: 1.3rem;
padding-right: 3rem;
color: #0d1224;
}
.missing-piece p span {
font-weight: 700;
}
.servicenow-logo {
/* scale : 0; */
opacity : 0;
transition: scale 0.6s ease-in;
}
@keyframes scale {
0% {
opacity: 0;
/* scale : 0; */
}
100% {
opacity: 1;
/* scale : 1; */
}
}
.missing-piece-content {
padding-left: 6.5rem;
}
/* missing piece css end */
/* benefits module css start */
.benefits-section {
background: #0D1223;
}
.benefits-header h3 {
font-weight: 400;
}
.benefits-header p {
font-size: 1.25rem;
font-weight: 300;
margin-bottom: 0;
line-height: 1.5rem;
color: #fff;
}
.benefits-slider-container h3 {
font-weight: 300;
font-size: 1.875rem;
}
.benefits-slider-container {
border-radius: 17px;
border: 1px solid #C0F6FF;
background: rgba(191, 244, 253, 0.08);
}
.top-blue-card {
position: absolute;
border-radius: 0px 0px 17px 17px;
border: 1px solid rgba(192, 246, 255, 0.00);
background: #0D1223;
padding: 2rem;
top: 0;
}
.top-blue-card h5 {
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 0;
}
.top-blue-card p {
font-size: 1rem;
font-weight: 200;
margin-bottom: 0;
padding-top:.0125rem;
color: #fff;
}
.benefits-lhs {
padding-left: 3rem;
}
.benefits-rhs {
padding-right: 3rem;
}
.benefits-top-slider {
width: 25rem;
}
.benefits-bottom-slider {
width: 30rem;
}
.benefits-bottom-slider .slick-arrow {
position: absolute;
bottom: -3.7rem;
background: transparent;
border: unset;
z-index: 1;
}
.benefits-bottom-slider .slick-next {
right: 0;
}
.benefits-bottom-slider .slick-dots {
display: flex!important;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
position: relative;
bottom: -4rem
}
.benefits-bottom-slider .slick-dots li button {
width: 7.8rem;
height: 6px;
border: none;
background-color: rgba(193, 244, 253, 0.10);
border-radius: 0;
transition: background-color 0.3s ease;
text-indent: -9999px;
box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px
}
#slick-slide-control20 {
border-top-left-radius: 17px !important;
border-bottom-left-radius: 17px !important;
}
#slick-slide-control22 {
border-top-right-radius: 17px !important;
border-bottom-right-radius: 17px !important;
}
.benefits-bottom-slider .slick-dots li.slick-active button {
border-radius: 17px;
background-color: #C1F4FD;
}
.custom-dots-container {
text-align: center;
color: #fff;
font-size: 0.813rem;
font-weight: 400;
}
/* benefits slider-2 container */
.benefits-top-slider2 {
width: 25rem;
}
.benefits-bottom-slider2 {
width: 30rem;
}
.benefits-bottom-slider2 .slick-arrow {
position: absolute;
bottom: -3.7rem;
background: transparent;
border: unset;
z-index: 1;
}
.benefits-bottom-slider2 .slick-next {
right: 0;
}
.benefits-bottom-slider2 .slick-dots {
display: flex!important;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
position: relative;
bottom: -4rem
}
.benefits-bottom-slider2 .slick-dots li button {
width: 7.8rem;
height: 6px;
border: none;
background-color: rgba(193, 244, 253, 0.10);
border-radius: 0;
transition: background-color 0.3s ease;
text-indent: -9999px;
box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px
}
#slick-slide-control20 {
border-top-left-radius: 17px !important;
border-bottom-left-radius: 17px !important;
}
#slick-slide-control22 {
border-top-right-radius: 17px !important;
border-bottom-right-radius: 17px !important;
}
.benefits-bottom-slider2 .slick-dots li.slick-active button {
border-radius: 17px;
background-color: #C1F4FD;
}
.custom-dots-container2 {
text-align: center;
color: #fff;
font-size: 0.813rem;
font-weight: 400;
}
/* benefits slider-3 container */
.benefits-top-slider3 {
width: 25rem;
}
.benefits-bottom-slider3 {
width: 30rem;
}
.benefits-bottom-slider3 .slick-arrow {
position: absolute;
bottom: -3.7rem;
background: transparent;
border: unset;
z-index: 1;
}
.benefits-bottom-slider3 .slick-next {
right: 0;
}
.benefits-bottom-slider3 .slick-dots {
display: flex!important;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
position: relative;
bottom: -4rem
}
.benefits-bottom-slider3 .slick-dots li button {
width: 7.8rem;
height: 6px;
border: none;
background-color: rgba(193, 244, 253, 0.10);
border-radius: 0;
transition: background-color 0.3s ease;
text-indent: -9999px;
box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 2px 6px 2px
}
#slick-slide-control20 {
border-top-left-radius: 17px !important;
border-bottom-left-radius: 17px !important;
}
#slick-slide-control22 {
border-top-right-radius: 17px !important;
border-bottom-right-radius: 17px !important;
}
.benefits-bottom-slider3 .slick-dots li.slick-active button {
border-radius: 17px;
background-color: #C1F4FD;
}
.custom-dots-container3 {
text-align: center;
color: #fff;
font-size: 0.813rem;
font-weight: 400;
}
.discover-link {
color: #C1F4FD;
font-size: 0.938rem;
font-style: normal;
font-weight: 700;
position: relative;
bottom: -5rem;
}
.benefits-section-bottom h3 {
font-weight: 300;
line-height: 2.5rem;
}
.benefits-btm-rhs p {
line-height: 1.6rem;
font-size: 1.25rem;
color: #fff;
}
.benefits-section-bottom a{
color: #C1F4FD;
font-size: 0.938rem;
font-style: normal;
font-weight: 700;
width: fit-content;
}
.benefits-section-bottom a:hover{
color: #FFF;
}
.benefits-section-bottom .border-right {
position: relative;
}
.benefits-section-bottom .border-right::after {
content: '';
position: absolute;
border-right: 1px solid #C1F4FD;
height: 85%;
right: 1.5rem;
top: 0rem;
}
.benefits-section-bottom .border-right {
position: relative;
margin-left: 4.333333%;
}
/* benefits module css end */
/* roi stats css start */
.roi-stats {
background-color: #0D1223;
background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/roi-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.roi-stats h3{
color: #fff;
font-weight: 400;
}
.roi-numb h2 {
font-size: 6.25rem;
color: #C1F4FD;
font-weight: 100;
line-height: 6rem;
}
.roi-numb sup {
color: #c1f4fd;
font-size: 2.5rem;
font-weight: 200;
right: 27%;
top: 20%;
}
.roi-stats p {
font-size: 0.938rem;
color: #fff;
font-weight: 300;
}
.roi-numb p {
padding-left:2rem;
}
.roi-box {
opacity: 0;
transition: opacity 2s ease;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* roi stats css end */
/* servicenow achitect css start */
.servicenow-architect {
background-color: #0D1223;
}
.servicenow-architect h3 {
color: #fff;
font-weight: 400;
}
.servicenow-architect p {
color: #fff;
font-size: 1.25rem;
font-weight: 200;
line-height: 1.3;
}
.servicenow-architect p span {
font-weight: 700;
}
.servicenow-architect .row-cols-1 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.architect-card {
background-color: #1b2534;
height: 100%;
padding: 3rem 1rem 2rem;
border-radius: 20px;
}
.architect-card p {
font-size: 1.25rem;
font-weight: 300;
margin-bottom: 0;
}
.architect-bottom img {
margin-top: -9.5rem;
padding-right: 2rem;
}
/* servicenow architect css end */
/* testimonial section css start */
.testimonial-section {
background-color: #C1F4FD;
}
.testi-text h4{
font-size: 0.875rem;
color: #000;
font-weight: 700;
}
.testi-rhs h4 {
line-height: 1.5rem
}
.testi-text p {
font-size: 0.875rem;
color: #000;
font-weight: 700;
line-height: 1.2rem;
}
.testimonial-designation {
color: #6E6E6E !important;
font-size: 0.75rem;
font-weight: 400 !important;
line-height: 1rem !important;
}
/* testimonial section css end */
/* lets talk css start */
.lets-talk {
position: relative;
background-color: #0d1223;
overflow: hidden; /* Ensure the pseudo-element doesn't overflow */
}
.lets-talk::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/banner-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: scaleX(-1); /* Rotate the background image horizontally */
}
.lets-talk h2 {
font-size: 2.5rem;
font-weight: 400;
}
.lets-talk p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.5rem;
color: #fff;
}
.servicenow-logo2 {
/* scale : 0.5; */
opacity: 0;
transition: scale4 1s ease-in;
}
@keyframes scale4 {
0% {
opacity: 0;
/* scale: .5 */
}
to {
opacity: 1;
/* scale: 1 */
}
}
/* let talk css end */
/* contact us page css start */
.sn-contact-us {
background-color: #0d1223;
background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/banner-bg.png);
background-position: top;
background-repeat: no-repeat;
background-size: auto;
}
.sn-contact-us h6 {
font-size: 0.938rem;
font-weight: 300;
text-transform: uppercase;
color: #fff;
}
.sn-contact-us p {
font-size: 0.938rem;
font-weight: 300;
color: #fff;
}
.sn-contact-us h1 {
color: #fff;
font-size: 2.5rem;
font-weight: 400;
}
.sakon-info {
line-height: 1.5rem;
}
.sakon-info p {
font-size: 1.25rem !important;
font-weight: 200 !important;
}
.sakon-info a {
color: #C1F4FD;
font-size: 1.25rem !important;
font-weight: 200 !important;
}
.sakon-info a:hover {
color: #fff;
}
.brand-logos-white {
background-color: #0d1223;
}
.brand-logos-white h3 {
color: rgba(192, 246, 255, 0.60);
font-size: .938rem;
font-weight: 400;
letter-spacing: 2.25px;
margin-bottom: 0;
text-transform: uppercase;
}
.brand-logos-white .col {
align-items: center;
display: flex;
justify-content: center;
}
.sn-contact-thankyou {
background-color: #0d1223;
background-image: url(https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/banner-bg.png);
background-position: top;
background-repeat: no-repeat;
background-size: auto;
}
.sn-contact-thankyou h2 {
font-size: 2.5rem;
font-weight: 400;
color: #fff;
}
.sn-contact-thankyou h1 {
font-size: 1.563rem;
font-weight: 400;
color: #fff;
}
.sn-contact-thankyou p {
font-size: 0.938rem;
font-weight: 400;
color: #fff;
}
.learn-how p {
font-size: 1.563rem;
font-weight: 400;
color: #fff;
padding: 0 7rem 2rem;
line-height: 2rem;
}
.thumbnail-img {
display: block;
max-width: 100%;
height: auto;
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* contact us page css end */
/* how it works css start */
.hiw-banner {
background: #0D1223;
background-image: url('https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/banner-bg.png');
background-position: calc(100% - 0rem);
background-repeat: no-repeat;
background-size: contain;
padding: 4rem 7rem 7rem!important
}
.hiw-banner h1{
font-weight: 400;
font-size: 2.5rem;
}
.banner-text p {
font-size: 0.938rem;
}
.banner-sub-text p {
font-size: 1rem;
font-weight: 200;
color: rgba(255, 255, 255, 0.9);
}
.banner-mobility {
font-weight: 600 !important;
}
.hiw-banner-scroll {
color: #00C76B;
font-size: 0.938rem;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
display: flex;
align-items: center;
width: fit-content;
}
.simplify-mobility {
background: #1b2534;
}
.simplify-mobility h1 {
font-size: 2.25rem;
font-weight: 400;
}
.simplify-mobility p {
font-size: 0.938rem;
font-weight: 300;
color: #fff;
}
.sn-mobility-cards .col {
margin-top: unset;
}
.simplify-mobility img {
margin-top: -2rem;
}
.empower-mobility{
background: #0D1223;
}
.empower-mobility h3 {
font-size: 2.25rem;
color: #fff;
font-weight: 400;
}
.empower-mobility p {
font-size: 0.938rem;
color: #FFF;
font-weight: 100;
}
.sn-mobility-cards img {
width: 2.5rem;
margin: auto;
height: 4rem;
}
.sn-secretly-manage {
background: #1b2534;
}
.sn-secretly-manage h4 {
font-size: 2.25rem;
font-weight: 300;
margin-bottom: unset;
}
.sn-secretly-manage ul {
padding-top:1.5rem;
list-style-type: none;
/* list-style-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/seamless-mobility-tick.svg); */
padding-right: 3rem;
margin-bottom: unset;
padding-left: 0rem;
}
.sn-secretly-manage ul li::marker {
font-size: 1rem;
}
.sn-secretly-manage li {
color:#fff;
font-size: 0.938rem;
font-weight: 500;
line-height:1.3;
padding: 0.5rem 2rem;
background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/seamless-mobility-tick.svg) no-repeat left 0px;
padding: 0.5rem 2rem 0.975rem 2.5rem;
background-size: 6%;
}
.servicenow-certified-header h3 {
line-height: 1.1;
}
.servicenow-certified-header p {
font-size: 0.938rem;
font-weight: 400;
line-height: 1.3rem;
color: #0d1224;
}
.sn-servicenow-certified .btn-primary:hover {
border-color: #000;
}
.sn-certified-cards h4 {
font-size: 1.25rem;
font-weight: 500 !important;
}
.sn-certified-cards p {
font-size: 0.938rem;
font-weight: 400;
color: #0D1223;
}
.sn-mobility-experts {
background: linear-gradient(180deg, rgba(27,37,52,1) 0%, rgba(13,18,35,1) 60%);
color: #fff;
}
.sn-mobility-experts h3{
font-weight: 300;
}
.sn-mobility-experts .col-md-8 p{
font-size: 0.938rem;
font-weight: 200;
color: #fff;
}
.sn-mobility-experts .card {
border-radius: 17px;
background: linear-gradient(215deg, #C1F4FD 36.47%, #64C4BB 96.76%);
}
.sn-mobility-experts .card-body {
color:#0D1223;
}
.sn-mobility-experts .card img {
margin: auto;
width: 2.5rem;
}
.sn-certified-cards .col{
padding-right: 2rem;
}
.sn-mobility-experts .card-body {
padding: 1rem !important;
}
.sn-bulit-with{
background-color: #0d1223;
color: #fff;
background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sakonbuiltwithservice.png);
background-repeat: no-repeat;
background-position-x: -60%;
background-position-y: bottom;
}
.built-with-lhs h3 {
font-weight: 400;
}
.built-with-lhs p {
font-size: 0.938rem;
font-weight: 300;
color: #fff;
}
.built-with-rhs h4 {
font-size: 0.938rem;
font-weight: 700;
padding-bottom: 0.5rem;
}
.built-with-rhs p {
font-size: 0.938rem;
font-weight: 300;
color: #fff;
}
.built-with-rhs img {
height: 3.5rem;
}
.sn-awards a:focus{
outline:none!important;
}
.sn-awards {
background: #1b2534;
color:#fff;
}
.about-awards-slider a {
text-decoration: none;
}
.about-awards-content {
color:#fff;
font-size: .875rem;
padding-top: 1rem;
}
.bb-white {
border-bottom: 1px solid hsla(0, 0%, 100%, .3);
}
.fc-white {
color: #fff;
}
@media (min-width: 992px) {
.award-min-height {
height: 10rem;
display: flex;
align-items: center;
}
.slick-dots {
display:none;
}
}
.ready-to {
background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sn-ready-to-bg.svg);
background-position: right;
background-repeat: no-repeat;
}
.ready-to p{
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
color: #0d1224;
}
.ready-to .rhs-img img {
position: absolute;
bottom: 0;
right: 8%;
width: 44rem;
}
.sn-partner {
background: #0d1223;
}
.dont-see img {
width: fit-content;
margin: auto;
transform: rotate(180deg);
}
.partner-heading h3 {
font-weight: 300;
}
.partner-heading p {
font-size: 1.25rem;
font-weight: 200;
color: #fff;
}
.dont-see h4 {
font-size: 1.25rem;
font-weight: 300;
}
.dont-see p {
font-size: 0.938rem;
font-weight: 200;
color: #fff;
}
.servicenow-how-it-works .footer {
border-top: unset !important;
}
/* how it works css end */
/* solutions css start */
.sn-solutions-banner {
background: #0D1223;
background-image: url('https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sn-solutions-banner-img-2.png');
background-repeat: no-repeat;
background-position: calc(100% - 6rem) center;
background-size: contain;
padding: 4rem 7rem 7rem !important;
}
.sn-solutions-banner h1{
font-weight: 300;
font-size: 2.5rem;
}
.sn-whats-included {
background: #1b2534;
}
.sn-whats-included h3, .sn-whats-included h3 sup {
color: #fff;
font-weight: 200;
}
.mobility-addon {
background-color:#0d1223;
color:#fff;
}
.mobility-addon h3 {
font-weight:300;
}
.mob-head p {
font-size: 0.938rem;
font-weight: 500;
letter-spacing: 1.65px;
color: #fff;
}
.mob-addon-card .card{
background: transparent;
border: 0;
}
.mob-addon-card ul {
padding-left:0rem;
padding-top:1.5rem;
height: 17rem;
list-style-type: none;
padding-right: 3rem;
}
.mob-addon-card li {
color:#fff;
padding-bottom:0.75rem;
font-size: 0.938rem;
font-weight: 400;
line-height:1.3;
padding-left: 1.65rem;
background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sn-green-li-tick.svg) no-repeat;
}
.mod-addon-subtitle {
color:#C1F4FD;
font-size: 1.563rem;
font-weight: 700;
}
.btn-quote {
background-color: #FFF;
border-color: #FFF;
border-radius: 0;
color: #000;
font-size: .875rem;
font-weight: 500;
padding: .35rem 2.75rem;
transition: all .35s ease-in;
width: fit-content;
text-decoration: none !important;
}
.btn-quote:hover {
background-color: #c1f4fd;
border-color: #c1f4fd;
color: #000;
-webkit-transform: translateY(-.313em);
transform: translateY(-.313rem)
}
.sn-quote-lhs-img {
position: absolute;
bottom: 0;
}
.sn-main-quote {
font-size: 1.563rem;
font-weight: 300;
line-height: 2rem;
color: #0d1224;
}
.sn-quote-name {
font-size: 0.938rem;
font-weight: 700;
}
.sn-quote-industry {
font-size: 0.875rem;
font-weight: 400;
color: #0d1224;
}
.resources-form p {
color: #fff;
}
.sn-solutions-lets-talk {
background-color: #1b2534;
background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sn-waves-bg-img.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.sn-store p {
font-size: 0.938rem;
font-weight: 400;
letter-spacing: 1.65px;
text-transform: uppercase;
color: #fff;
}
.sn-solutions-box {
border-radius: 17px;
border: 1px solid #C0F6FF;
}
.sn-sol-card {
text-align: center;
}
.sn-sol-card h4 {
font-size: 1.563rem;
font-weight: 500;
color: #fff;
padding: 2rem 4rem;
}
.sn-sol-card ul {
text-align: left !important;
padding: 1.5rem 3rem 0;
list-style-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/sn-green-li-arrow.svg)
}
.sn-sol-card ul li {
color:#fff;
padding-bottom:0.75rem;
font-size: 0.875rem;
font-weight: 400;
line-height:1.3;
padding-left: 1rem;
}
.sol-card-middle {
position: relative;
}
.sol-card-middle::before,
.sol-card-middle::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #C0F6FF;
}
.sol-card-middle::before {
left: 0;
}
.sol-card-middle::after {
right: 0;
}
.solutions-faq {
background-color:#0D1223;
}
/* .solutions-faq .accordion-button:after {
width: 2.125rem;
height: 2.125rem;
background-size: 1.75rem;
} */
.solutions-faq .accordion-button {
border-radius:0;
padding: 1.5rem;
font-weight:600;
}
.solutions-faq .accordion-item:last-of-type { border-radius:0;}
.solutions-faq .accordion-item:first-of-type .accordion-button, .solutions-faq .accordion-item:first-of-type {
border-radius:0;
}
.solutions-faq .accordion-button, .solutions-faq .accordion-item {
background-color:transparent !important;
color:#fff !important;
font-size:0.938rem;
}
.solutions-faq .accordion-button {
font-size:1rem;
}
.solutions-faq .accordion-button, .solutions-faq .accordion-body {
padding-left:0;
padding-right:0;
}
.solutions-faq .accordion-body {
font-weight: 200;
width: 85%;
padding-bottom: 2.5rem;
}
.solutions-faq li {
color:#fff;
font-size:0.875rem;
font-weight: 200;
padding-bottom: 1.5rem;
}
.solutions-faq .accordion-item,
.solutions-faq h2.sub-title {
border-bottom:1px solid rgba(255,255,255,0.5) !important;
}
.solutions-faq .accordion-button:not(.collapsed){
box-shadow:none;
padding-bottom:0;
}
.solutions-faq .accordion-button:focus {
box-shadow:none;
}
.solutions-faq .accordion-button::after {
background-image:url("https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/acco-btn-collapsed.svg");
background-size: contain;
height: 2rem;
width: 2rem;
}
.solutions-faq .accordion-button:not(.collapsed)::after {
background-image:url("https://5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/acco-btn.svg");
background-size: contain;
height: 2rem;
width: 2rem;
}
.solutions-faq .accordion-item {
border: none;
}
.servicenow-logo3, .servicenow-logo4 {
opacity: 0;
transition: scale4 1s ease-in;
}
.sn-solutions-lets-talk h2 {
font-weight: 400;
}
.sn-solutions-lets-talk p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.6rem;
color: #fff;
}
/* solutions css end */
/* resources css start */
.resources-banner-wrapper {
background-color: #0D1223;
background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/banner-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
color: #fff;
}
.resource-heading {
font-size: 0.938rem;
font-weight: 500;
text-transform: uppercase;
}
.resources-banner-wrapper h1 {
font-size: 2.5rem;
font-weight: 300;
}
.resources-banner-wrapper p{
font-size: 1rem;
font-weight: 300;
color: #fff;
}
.resources-banner-wrapper p sup{
font-size: 0.75rem;
font-weight: 400;
}
.see-sakonmobile {
background-color: #c1f4fd;
background-image: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/sakonmobile-bg.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
}
.see-sakonmobile .btn-primary:hover{
color: #fff;
background-color: #000;
}
.sakonmobile-lhs img {
bottom: 0;
left: 7%;
position: absolute;
width: 40%;
}
.sakonmobile-rhs h3{
font-weight: 400;
}
.sakonmobile-rhs p{
padding-right: 8rem;
font-weight: 400;
padding: 1rem 9rem 1rem 0;
line-height: 1.3rem;
}
.all-resources {
background: #0D1223;
}
.all-resources .blog-card {
padding: 0 4rem 4rem 2rem !important;
}
.featured-insights .blog-card h5 a{
font-weight: 400;
}
.featured-insights .blog-card .blog-des {
font-weight: 300;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.featured-insights .blog-card .for-service {
border-top: unset;
}
.featured-insights .blog-card a.d-flex {
color: #C1F4FD;
font-size: 0.875rem;
text-decoration: underline;
width: fit-content;
}
.featured-insights .blog-card a.d-flex:hover {
color: #fff;
}
.all-resources h3, .featured-insights h3 {
font-size: 1.563rem;
font-weight: 300;
}
.all-resources .blog-card .hs-blog-post-listing__post-title-link, .featured-insights .blog-card .hs-blog-post-listing__post-title-link {
font-size: 1rem;
font-weight: 400;
}
.all-resources .blog-card .hs-blog-post-listing__post-description, .featured-insights .blog-card .hs-blog-post-listing__post-description {
font-size: 0.875rem;
font-weight: 300;
margin-bottom: unset;
padding-top: 1rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.all-resources .hs-blog-post-listing__post-title-link {
padding: 1.5rem 0 0rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.all-resources .hs-blog-post-listing__post-button-wrapper {
margin-top: 0.5rem;
}
.blog-list-item {
display: none;
}
.all-resources h3 {
padding-left:0
}
.all-resources .hs-blog-post-listing__post-button {
color: #C1F4FD;
font-size: 0.875rem;
text-decoration: underline;
width: fit-content;
}
.all-resources .hs-blog-post-listing__post-button:hover {
color: #FFF;
}
/* Layout */
.blog-search .hs-search-field__input{
width: 60%;
height: 2.8rem;
background: #000;
outline: none;
border: none;
border-radius: 1.625rem;
padding: 0 3.5rem 0 1.5rem;
font-size: 1rem;
color: #fff !important;
}
.blog-tag a {
font-weight:normal !important;
}
.hs-blog-post-listing {
display: flex;
flex-wrap: wrap;
}
.hs-blog-post-listing__post {
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-bottom: 1rem;
overflow: hidden;
width: 100%;
height: 100%;
}
/* Featured image */
.hs-blog-post-listing__post-image {
/* height: 100%; */
object-fit: cover;
width: 100%;
}
/* Article content */
.hs-blog-post-listing__post-content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.hs-blog-post-listing__post-tags,
.hs-blog-post-listing__post-title,
.hs-blog-post-listing__post-timestamp,
.hs-blog-post-listing__post-author,
.hs-blog-post-listing__post-image--card {
margin: 0 0 0.5rem;
}
/* Author */
.hs-blog-post-listing__post-author {
align-items: center;
display: flex;
}
.hs-blog-post-listing__post-author-image-wrapper {
height: 40px;
margin-right: 0.5rem;
width: 40px;
}
.hs-blog-post-listing__post-author-image {
height: 100%;
object-fit: cover;
width: 100%;
}
/* Tags */
.hs-blog-post-listing__post-tag {
display: inline-block;
font-size: .875rem;
font-weight: 500;
color: #01c2dc !important;
line-height: normal;
}
/* Publish date */
.hs-blog-post-listing__post-timestamp {
display: block;
}
/* Button */
.hs-blog-post-listing__post-button-wrapper {
margin-top: auto;
}
.hs-blog-post-listing__post-button-wrapper a{
font-weight: 600;
}
.hs-blog-post-listing__post-button {
display: inline-block;
}
.hs-blog-post-listing__post-tag:last-child span{
display: none;
}
/* .hs-blog-post-listing__post-title-link{
font-size: 1.125rem;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} */
.hs-blog-post-listing__post-description{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #fff;
}
.insight-category {
text-transform: uppercase;
color: #fff;
font-weight: 300;
font-size: .875rem;
padding-top: 1rem;
}
/* .hs-blog-post-listing__post-title-link, .hs-blog-post-listing__post-button, .hs-blog-post-listing__post-image-wrapper{
display: none
} */
.hs-blog-post-listing__post-title-link:first-child, .hs-blog-post-listing__post-button:first-child, .hs-blog-post-listing__post-image-wrapper:first-child{
display: -webkit-box;
}
#blog-hidden{display: none;}
#loady {
background-color: #0d1224;
border: 1px solid #0d1224;
font-size: .875rem;
padding: 0.25rem 0.5rem;
color:#fff !important;
}}
.all-resources select{
padding: 0.5rem !important;
}
.all-resources .error {
color: #fff;
}
/* resources css end */
@media screen and (min-width: 768px) and (max-width: 1100px) {
html {
font-size: 12px;
}
h3 {
font-size: 2rem;
}
.container, .container-md, .container-sm {
max-width: 840px;
}
.servicenow-banner{
background-position: center;
}
.banner-person img {
width: 43rem !important;
}
.dark-blue-box,.light-blue-box,.white-box {
width: 10rem;
}
.disconnected-mobile-subhead.pe-md-5 {
padding-right: 0rem !important;
}
.breathe-sec p {
font-size: 1rem;
}
.breathe-points .row-cols-2{
justify-content: space-around !important;
}
.missing-piece-content {
padding-left: 1.5rem;
}
.benefits-top-slider, .benefits-top-slider2, .benefits-top-slider3 {
width: 22rem;
}
.benefits-bottom-slider, .benefits-bottom-slider2, .benefits-bottom-slider3 {
width: 26rem;
}
.benefits-bottom-slider .slick-dots li button, .benefits-bottom-slider2 .slick-dots li button, .benefits-bottom-slider3 .slick-dots li button {
width: 5.8rem;
}
.top-blue-card h5 {
font-size: 1.125rem;
}
.benefits-slider-container h3 {
font-size: 1.5rem;
}
.roi-numb sup {
right: 22%;
}
.architect-card p {
font-size: 1.125rem;
}
.architect-bottom img {
margin-top: -8.5rem;
}
.servicenow-architect .row-cols-1 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.lets-talk h2{
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.sn-contact-us h2 {
font-size: 2.25rem;
}
.meetings-iframe-container iframe {
height: 55rem !important;
}
.servicenow .container{
max-width: 1140px !important;
}
.dark-blue-box {
bottom: -4.9rem;
right: 7.7rem;
}
.white-box {
bottom: 1rem;
right: -4rem;
}
.brand-logos .col-lg-2 {
padding: 0 1rem;
}
.grid-container .col-lg-2 {
flex: 1 0 calc(25% - 90px);
display: flex;
justify-content: center;
}
.grid-container .col-lg-1 {
flex: 1 0 calc(20% - 110px);
display: flex;
justify-content: center;
}
/* hiw ipad css fixes */
.hiw-banner {
background-position: calc(100% + 4rem);
background-size: 38rem;
padding: 4rem 1rem 7rem !important;
}
.sn-mobility-cards img {
width: 3rem;
margin: auto;
padding-bottom: 0.5rem;
}
.empower-mobility {
padding-bottom: 4rem !important;
}
.empower-mobility .col-md-10, .sn-certified-cards {
width: 95% !important;
}
.award-min-height {
height: 13rem;
}
.sn-mobility-cards .card-body {
padding: 0.5rem !important;
}
.sn-secretly-manage .container-fluid.p-md-5 {
padding: 1rem !important;
}
.sn-secretly-manage h4 br {
display: none;
}
.sn-secretly-manage h4 {
font-size: 2rem;
}
.sn-bulit-with {
background-position-x: -70%;
background-position-y: bottom;
background-size: 70%;
}
.ready-to .rhs-img {
display: none;
}
.ready-to .col-md-6 {
text-align: center;
}
.ready-to .row.py-md-5 {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.sn-mobility-cards .card {
padding-bottom: 1rem;
}
.sn-mobility-cards .col {
margin-top: unset;
padding: 0 0.5rem;
margin-bottom: 0 !important;
}
/* resources ipad css fixes */
.featured-insights .blog-card {
padding: 0 2rem 0 2rem !important;
}
.featured-insights h2.text-light.ps-md-0 {
padding-left: 2rem !important;
}
.all-resources .blog-card {
padding: 0 2rem 3rem !important;
}
.all-resources h3 {
padding-left: 3rem;
}
.all-resources .filter-col{
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
}
.featured-insights .container {
padding-right: 2rem !important;
padding-left: 1.5rem !important;
}
.footer-blog .blog-card {
padding: 0 0rem 0 2rem !important;
}
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.roi-numb sup {
right:23%;
}
.banner-person img {
width: 41rem;
}
.dark-blue-box,.light-blue-box,.white-box {
width: 11rem;
}
.light-blue-box {
left: -2.5rem;
top: -0.5rem;
width: 11rem !important;
}
.dark-blue-box {
bottom: -3.9rem;
right: 10.7rem;
}
.white-box {
bottom: 3rem;
right: -3rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
.roi-numb sup {
right:24%;
}
}
/* @media screen and (min-width: 1366px) and (max-width: 1500px) {
} */
@media screen and (min-width: 1365px)and (max-width: 1366px) {
.benefits-slider-container h3 {
font-size: 1.875rem;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 4rem;
}
.roi-numb sup {
right:23%;
}
}
@media screen and (min-width: 1367px)and (max-width: 1500px) {
.disconnected-mobile h3 {
padding-right: 6rem !important;
}
.disconnected-mobile p {
padding-right: 4.5rem !important;
}
.missing-piece p {
padding-right: 5.5rem !important;
}
.missing-piece h3 {
padding-right: 5rem !important;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 1rem;
}
.architect-card {
padding: 3rem 3rem 2rem;
}
.benefits-top-slider {
width: 30rem;
}
.benefits-bottom-slider {
width: 35rem;
}
.benefits-top-slider2 {
width: 30rem;
}
.benefits-bottom-slider2 {
width: 35rem;
}
.benefits-top-slider3 {
width: 30rem;
}
.benefits-bottom-slider3 {
width: 35rem;
}
.benefits-section-bottom h3 {
padding-right: 6rem !important;
padding-left: 3rem;
}
.lets-talk .px-xxl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.roi-numb sup {
right: 27%;
}
/* hiw css */
.sn-bulit-with {
background-position-x: -48%;
}
/* solutions css */
.sn-solutions-banner {
padding: 4rem 10rem 7rem !important;
}
/* .sn-quote-lhs-img {
width: 40%;
} */
.sn-quote-lhs-img {
width: 37%;
}
.sn-solutions-quote .col-md-6.pe-lg-4{
padding-right: 3rem !important;
}
/* resources css */
.sakonmobile-lhs img {
bottom: 0;
left: 9%;
position: absolute;
width: 38%;
}
}
@media (min-width: 1400px) {
.servicenow-solutions .container {
max-width:84%
}
.all-resources .container, .featured-insights .container {
max-width: 84%;
}
.simplify-mobility p {
padding: 0 8rem;
}
}
@media screen and (min-width: 1501px)and (max-width: 1599px) {
.disconnected-mobile h3 {
padding-right: 6rem !important;
}
.disconnected-mobile p {
padding-right: 4.5rem !important;
}
.missing-piece p {
padding-right: 8.5rem !important;
}
.missing-piece h3 {
padding-right: 7rem !important;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 3rem;
}
.benefits-top-slider {
width: 30rem;
}
.benefits-bottom-slider {
width: 35rem;
}
.benefits-top-slider2 {
width: 30rem;
}
.benefits-bottom-slider2 {
width: 35rem;
}
.benefits-top-slider3 {
width: 30rem;
}
.benefits-bottom-slider3 {
width: 35rem;
}
.benefits-section-bottom h3 {
padding-right: 6rem !important;
padding-left: 3rem;
}
.architect-card {
padding: 3rem 3rem 2rem;
}
.roi-numb sup {
right: 27%;
}
.lets-talk .px-xxl-4 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
/* hiw css */
.hiw-banner {
padding: 4rem 10rem 7rem !important;
background-position: calc(100% - 2rem);
}
.sn-bulit-with {
background-position-x: -37%;
}
.built-with-lhs h3 {
padding-right: 2rem;
}
.built-with-lhs p {
padding-right: 7rem !important;
}
.built-with-rhs p {
padding-right: 7rem;
}
/* solutions css */
.sn-solutions-banner {
padding: 4rem 10rem 7rem !important;
}
.sn-quote-lhs-img {
width: 37%;
}
.sn-solutions-quote .col-md-6.pe-lg-4{
padding-right: 5rem !important;
}
/* resources css */
.sakonmobile-lhs img {
bottom: 0;
left: 9%;
position: absolute;
width: 36%;
}
}
@media screen and (min-width: 1600px)and (max-width: 1800px) {
.disconnected-mobile h3 {
padding-right: 6rem !important;
}
.disconnected-mobile p {
padding-right: 4.5rem !important;
}
.missing-piece p {
padding-right: 10.5rem !important;
}
.missing-piece h3 {
padding-right: 7rem !important;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 5rem;
}
.benefits-section-bottom h3 {
padding-right: 6rem !important;
padding-left: 3rem;
}
/* hiw css */
.hiw-banner {
padding: 4rem 10rem 7rem !important;
background-position: calc(100% - 4rem);
}
.sn-bulit-with {
background-position-x: -37%;
}
.built-with-lhs h3 {
padding-right: 3rem;
}
.built-with-lhs p {
padding-right: 8rem !important;
}
.built-with-rhs p {
padding-right: 9rem;
}
/* solutions css */
.sn-solutions-banner {
padding: 4rem 10rem 7rem !important;
}
.sn-quote-lhs-img {
width: 36%;
}
.sn-solutions-quote .col-md-6.pe-lg-4{
padding-right: 5rem !important;
}
/* resources css */
.sakonmobile-lhs img {
bottom: 0;
left: 9%;
position: absolute;
width: 34%;
}
}
@media screen and (min-width: 1367px)and (max-width: 1825px) {
.servicenow-banner{
/* height: 100vh; */
}
.light-blue-box {
top: -0.5rem;
left: -2rem;
}
.dark-blue-box {
bottom: -4rem;
right: 11.5rem;
width: 10rem;
}
.white-box {
bottom: 3rem;
right: -0.6rem;
}
.testi-rhs h4 {
line-height: 1.5rem;
padding-right: 8rem !important;
}
}
@media screen and (min-width: 1826px) and (max-width: 1920px) {
html {
font-size: 20px;
}
.container, .container-xxl {
max-width: 1600px;
}
.brand-logos .container{
max-width: 1520px;
}
.testimonial-section .container{
max-width: 1520px;
}
.servicenow-banner{
padding: 0 0 9rem;
}
.light-blue-box {
left: -3rem;
top: -1rem;
}
.light-blue-box img{
width: 11rem;
}
.dark-blue-box {
bottom: -3rem;
right: 11.5rem;
}
.dark-blue-box img {
width: 10rem;
}
.white-box {
bottom: 1.5rem;
right: -1.6rem;
}
.white-box img {
width: 10rem;
}
.disconnected-mobile h3 {
padding-right: 5rem !important;
}
.disconnected-mobile p {
padding-right: 3.6rem !important;
}
.roi-numb sup {
right: 26%;
}
.missing-piece p {
padding-right: 8.5rem !important;
}
.missing-piece h3 {
padding-right: 7rem !important;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 5rem;
}
.benefits-top-slider, .benefits-top-slider2, .benefits-top-slider3 {
width: 30rem;
}
.benefits-bottom-slider,.benefits-bottom-slider2, .benefits-bottom-slider3 {
width: 35rem;
}
.benefits-bottom-slider .slick-prev, .benefits-bottom-slider3 .slick-prev{
left: 0.4rem;
}
.benefits-bottom-slider2 .slick-next {
right: 0.4rem;
}
.benefits-bottom-slider .slick-dots, .benefits-bottom-slider2 .slick-dots, .benefits-bottom-slider3 .slick-dots {
bottom: -4.3rem;
}
.benefits-bottom-slider .slick-dots li button, .benefits-bottom-slider2 .slick-dots li button, .benefits-bottom-slider3 .slick-dots li button{
width: 9rem;
}
.benefits-bottom-slider .slick-next, .benefits-bottom-slider3 .slick-next {
right: 0.3rem;
}
.benefits-slider-container .col-md-6.text-white img {
width: 90% !important;
}
.slider-2-rhs{
text-align: center;
}
.slider-2-rhs h3 {
text-align: start;
}
.benefits-section-bottom h3 {
padding-right: 6rem !important;
padding-left: 3rem;
}
.architect-bottom img {
margin-top: -10rem;
width: 100%;
}
.servicenow-architect .row-cols-1 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
p.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.testi-text p {
padding-right: 5.5rem !important;
}
.testi-text p.testimonial-designation {
padding-right: 2.5rem !important;
}
.testi-rhs h4 {
padding-right: 6rem !important;
}
/* how it works css */
.hiw-banner {
padding: 4rem 8rem 7rem !important;
background-position: calc(100% - 4rem);
}
.sn-bulit-with {
background-position-x: -47%;
background-size: 60rem;
}
.built-with-lhs h3 {
padding-right: 3rem;
}
.built-with-lhs p {
padding-right: 7rem !important;
}
.built-with-rhs p {
padding-right: 8rem;
}
.ready-to p {
padding-right: 3rem;
}
/* solutions page css */
.sn-solutions-banner {
padding: 4rem 8rem 7rem !important;
}
.sn-quote-lhs-img{
width: 38%;
}
.sn-solutions-quote .col-md-6.pe-lg-4{
padding-right: 3.5rem !important;
}
/* resources css */
.sakonmobile-lhs img {
bottom: 0;
left: 10%;
position: absolute;
width: 36%;
}
.award-min-height {
height: 11rem;
}
.award-min-height img {
width: 11rem;
}
}
@media screen and (min-width: 1921px) and (max-width: 3000px) {
html {
font-size: 22px;
}
.servicenow-banner {
padding-bottom:10rem;
}
.container, .container-xxl {
max-width: 1630px;
}
.breathe-sec .container-xxl {
max-width: 1840px;
}
.disconnected-mobile h3 {
padding-right: 3rem !important;
}
.disconnected-mobile p {
padding-right: 1rem !important;
margin-right: 1rem !important;
}
.missing-piece p {
padding-right: 18.5rem !important;
}
.missing-piece h3 {
padding-right: 15rem !important;
}
.missing-piece .col-md-6.order-md-1 img {
padding-left: 18rem;
}
.roi-numb sup{
right: 25%;
}
.architect-bottom img {
margin-top: -8.5rem;
}
.lets-talk .col-xxl-7 {
width: 61.333333%;
}
.dark-blue-box img,.light-blue-box img,.white-box img{
width: 100%;
}
.dark-blue-box {
bottom: -4rem;
right: 9rem;
width: 10rem;
}
.white-box {
bottom: 1rem;
right: -2rem;
}
.white-box img {
width: 9rem;
}
.architect-card img {
width: 2.5rem;
}
.benefits-slider-container h3 {
font-size: 1.875rem;
}
.testi-rhs h4 {
line-height: 1.5rem;
padding-right: 6rem !important;
}
/* hiw css */
.hiw-banner {
padding: 4rem 12rem 12rem !important;
background-position: calc(100% - 8rem);
}
.empower-mobility .col-xxl-6 h3.px-md-5{
padding-right: 8rem !important;
padding-left: 8rem !important;
}
.empower-mobility .col-xxl-6 p.px-md-4{
padding-right: 7rem !important;
padding-left: 7rem !important;
}
.sn-bulit-with {
background-position-x: -20%;
background-size: 60rem;
}
.built-with-lhs h3 {
padding-right: 10rem;
}
.built-with-lhs p {
padding-right: 15rem !important;
}
.built-with-rhs p {
padding-right: 12rem;
}
.simplify-mobility p {
padding: 0 6rem;
}
/* solutions css */
.sn-solutions-banner {
padding: 4rem 12rem 12rem !important;
background-position: calc(100% - 15rem);
}
.sn-quote-lhs-img {
/* width: 28%;
left: 12%; */
width: 42%;
left: 4%;
}
.sn-store img, .sn-solutions-lets-talk img {
width: 5rem;
}
.sn-solutions-box.col-md-11 {
width: 86.666667% !important;
}
.sn-store p {
font-size: 1.125rem;
}
.sn-sol-card h4 {
padding: 2rem 6rem;
}
.sn-sol-card ul {
padding: 1.5rem 5rem 0;
}
.sn-sol-card img {
width: 3rem;
}
.mob-addon-card ul {
height: 13rem;
}
.brand-logos-white img{
width: 7rem;
}
.sn-solutions-quote .col-md-6.pe-lg-4{
padding-right: 8rem !important;
}
.sn-whats-included h3 {
padding: 3rem;
}
.sakonmobile-lhs img {
bottom: 0;
left: 10%;
position: absolute;
width: 28%;
}
.sakonmobile-rhs p {
padding: 1rem 22rem 1rem 0 !important;
}
.award-min-height {
height: 11rem;
}
.award-min-height img {
width: 11rem;
}
.sn-secretly-manage li {
padding: 0.5rem 2rem 0.975rem 3rem;
background-size: 5% !important;
background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/seamless-mobility-tick.svg) no-repeat left -5px;
}
.built-with-rhs {
margin-left: 0% !important;
padding-left: 4rem;
}
.built-with-lhs {
margin-left: 8% !important;
}
.device-slider img {
width: 70% !important;
}
}
/* media queries css end */
/**** Resource Library ***/
.for-service span a div {
color: #c1f4fd;
}
.blog-card a {
color: #fff;
line-height: 1.3rem;
text-decoration:none;
}
.for-service span {
color: #2bc7a2;
}
.blog-des {
color:#fff;
}
.blog-tag {
line-height: 1.125rem;
margin-top: 1rem;
}
.blog-card .for-service {
font-size: .813rem;
}
.blog-card .for-service {
border-top: 1px solid rgba(14, 4, 2, .2);
}
.label_text_color {
color: #01c2dc;
}
.blog-card h5 {
min-height: 3rem;
}
.fc-dark {
color: #0d1224;
}
.blog-card h5 a {
display: -webkit-box;
font-size: 1.125rem;
font-weight: 600;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.op-8 {
opacity: .8;
}
.fs-14 {
font-size: .875rem !important;
}
.footer-blog .blog-card {
margin-bottom: 2rem;
padding: 0 4rem 0 2rem !important;
}
.blog-card {
padding: 0 2rem !important;
}
.footer-blog {
background:#1b2534;
}
.resource_library_slider .slick-arrow.slick-next, .resource_library_slider .slick-arrow.slick-prev {
background-repeat: no-repeat !important;
background-size: contain !important;
background: transparent;
border:0;
bottom: 0;
box-shadow: none;
font-size: 0;
height: 25px;
margin: auto;
outline: none;
position: absolute;
top: 0;
width: 25px;
}
.footer-blog h2 {
font-size:2rem;
font-weight:400;
}
@media (max-width: 766px) {
.blog-card {
padding: 0 3rem !important;
}
.featured-insights .blog-card a.d-flex {
font-size: 1rem;
}
.roi-numb p {
padding-left:0;
}
.roi-numb h2 {
margin-left:-2rem;
}
.resource_library_slider .slick-arrow.slick-next {
right: 1rem;
width:25px;
}
.resource_library_slider .slick-arrow.slick-next img, .resource_library_slider .slick-arrow.slick-prev img {
width:15px;
height:27px
}
.resource_library_slider .slick-arrow.slick-prev {
transform: rotate(180deg);
z-index:1;
left:1rem
}
.featured-insights .blog-card {
padding: 0 3rem !important;
}
.all-resources h3 {
padding-left: 1rem;
}
.all-resources h3, .featured-insights h3 {
font-size: 1.75rem;
font-weight: 300;
}
.all-resources .blog-card {
padding: 0 1rem 3rem !important;
}
.see-sakonmobile {
text-align: center;
background-size: cover;
}
.sakonmobile-lhs {
display: none;
}
.sakonmobile-rhs p {
padding: 1rem 2rem !important;
}
}
/* media queries css start */
@media screen and (min-width: 300px) and (max-width: 767px) {
html {
font-size: 14px;
}
h1 {
font-size: 2.5rem;
}
.featured-insights .blog-card a.d-flex {
font-size: 1rem;
}
h2 {
font-size: 2.25rem;
font-weight: 600;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.175rem;
}
h5 {
font-size: 1rem;
font-weight: 600;
}
h6 {
font-size: 0.875rem;
font-weight: 600;
}
.servicenow-banner{
/* height: 95vh; */
background-position: center;
/* padding: 0 0 4rem; */
padding: 6rem 0 4rem !important;
}
/* .banner-person {
left: 7%;
} */
.device-row {
padding-top: 5rem !important;
}
.servicenow-banner h1{
font-size: 2rem;
}
.servicenow-banner h4 {
font-size: 1.25rem;
}
.grid-container {
/* display: grid; */
/* grid-template-columns: repeat(4, 1fr); */
gap: 0px;
}
.brand-logos .col-lg-2 {
padding: 0 0.5rem;
}
.grid-container .col-lg-2 {
flex: 1 0 calc(30% - 10px);
display: flex;
justify-content: center;
}
.grid-container .col-lg-1 {
flex: 0 0 calc(30% - 15px);
display: flex;
justify-content: center;
}
.grid-container:nth-child(2) {
justify-content: center;
}
.grid-container img {
padding-bottom: 1.5rem;
}
.schwans-logo {
padding: 0 0.5rem !important;
}
.schwans-logo svg {
max-width: 100%;
height: auto;
padding-bottom: 1.5rem;
}
.light-blue-box {
left: 0rem;
top: 0.2rem;
}
.dark-blue-box {
bottom: -2.5rem;
right: 7.3rem;
}
.white-box {
bottom: 0.8rem;
right: -0.5rem;
}
.testi-text p {
font-size:1rem;
line-height:unset;
}
.disconnected-mobile{
text-align: center;
}
.missing-piece p{
padding-right: 0;
}
.architect-bottom {
display: none;
}
.benefits-top-slider, .benefits-top-slider2, .benefits-top-slider3 {
width: 18rem;
}
.top-blue-card {
padding: 1rem 0.75rem;
}
.benefits-slider-container .slider-content {
padding-top: 5rem;
}
.benefits-bottom-slider .slick-dots li button {
width: 5rem;
height: 4px;
}
.benefits-bottom-slider {
width: 20rem;
}
.benefits-bottom-slider2 .slick-dots li button {
width: 5rem;
height: 4px;
}
.benefits-bottom-slider2 {
width: 20rem;
}
.benefits-bottom-slider3 .slick-dots li button {
width: 5rem;
height: 4px;
}
.benefits-bottom-slider3 {
width: 20rem;
}
.discover-link {
bottom: -4.5rem;
font-size: 1.25rem;
}
.benefits-slider-container {
padding-bottom: 7rem !important;
}
.benefits-bottom-slider .slick-prev{
left: -1rem;
}
.benefits-bottom-slider .slick-next{
right: -1rem;
}
.benefits-bottom-slider2 .slick-prev{
left: -1rem;
}
.benefits-bottom-slider2 .slick-next{
right: -1rem;
}
.benefits-bottom-slider3 .slick-prev{
left: -1rem;
}
.benefits-bottom-slider3 .slick-next{
right: -1rem;
}
.top-blue-card h5 {
font-size: 1rem;
margin-bottom: 0.5rem
}
.top-blue-card p {
line-height: 1.2rem;
font-size: 0.875rem;
}
.benefits-section-bottom .border-right::after{
display: none;
}
.animate-box {
width: 6rem;
}
.missing-piece-content {
padding: 0 1rem;
/* padding-left: 0.75rem; */
text-align: center;
}
.disconnected-mobile p {
font-size: 1.25rem;
line-height: 1.5;
}
.missing-piece p {
font-size: 1.25rem;
line-height: 1.8rem;
}
.roi-stats p {
font-size: 1.25rem;
padding-top: 1rem;
}
.disconnected-mobile h3 {
line-height: 1.2;
font-size: 2.25rem;
}
.servicenow-architect h3 {
font-size: 2.25rem;
}
.breathe-sec h3 {
padding-bottom: 0.5rem;
}
.breathe-sec p {
padding: 0 1rem;
line-height: 1.5;
}
.benefits-section-bottom .border-right {
margin-left: 0;
padding: 0;
}
.benefits-btm-rhs {
padding: 0;
}
.benefits-section-bottom h3 {
padding-bottom: 1rem;
}
.benefits-section h3 {
padding-bottom: 1rem;
font-size: 2.25rem;
line-height: 1.2;
text-align: center;
}
.servicenow-architect p {
line-height: 1.5;
}
.benefits-header p {
line-height: 1.5;
}
.benefits-section .col h3{
font-size: 1.875rem;
}
.benefits-section-bottom .col-md-6 h3{
line-height: 1.3;
}
.benefits-btm-rhs p {
text-align: center;
line-height: 1.5;
}
.benefits-section-bottom a {
margin: auto;
font-size: 1.25rem;
}
.benefits-section .col-md-10, .benefits-section .col-md-8 {
padding: 0;
}
.roi-stats h3 {
font-size: 2.25rem;
}
.roi-box {
padding-bottom: 1.5rem;
}
.roi-numb sup {
color: #c1f4fd;
font-size: 2.5rem;
font-weight: 200;
right: 30%;
top: 17%;
}
.roi-numb .col-md-4:not(:last-child) p {
padding-bottom: 2rem;
}
.servicenow-architect .row-cols-1 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.lets-talk h2 {
font-size: 2rem;
}
.lets-talk p {
font-size: 1.25rem;
line-height: 1.5;
}
.testimonial-section .container {
padding: 0;
}
.benefits-rhs {
padding-right: calc(var(--bs-gutter-x) / 2);
padding-left: calc(var(--bs-gutter-x) / 2);
}
.benefits-lhs {
padding-right: calc(var(--bs-gutter-x) / 2);
padding-left: calc(var(--bs-gutter-x) / 2);
}
.architect-card p {
padding: 0 3rem;
}
.testi-name {
text-align: center;
}
.testimonial-designation {
text-align: center;
padding: 0 1rem;
}
.web-btn {
display: none;
}
.mobile-btn-align {
width: fit-content;
margin: 2rem auto .5rem;
padding:0.75rem 1.5rem !important;
font-size:0.969rem;
}
.btn-see-it-store {
padding:0.75rem 1.5rem !important;
font-size:0.969rem;
text-decoration: none !important;
margin-top: 1rem;
}
.testi-rhs h4 {
padding: 0 2rem;
font-size: 1.25rem;
line-height: 1.5;
}
.testi-text h4 {
font-size: 1rem;
}
.testimonial-designation {
font-size: 1.125rem !important;
line-height: 1.2 !important;
}
.testimonial-designation br {
display: none;
}
.servicenow .footer-blog .blog-card {
margin-bottom: 2rem;
padding: 0 4rem 0 4rem !important;
}
/* contact us mobile css */
.meetings-iframe-container iframe {
height: 47rem !important;
}
.sn-contact-us p {
padding-bottom: 2rem;
}
.sn-contact-thankyou p {
font-size: 1.25rem;
}
.learn-how p {
padding: 0 1rem 2rem;
}
.sakon-info {
line-height: 1.7rem;
}
.sakon-info p {
padding: 0 5rem;
}
.play-icon {
width: 4rem;
}
.learn-how p {
font-size: 1.563rem;
}
.let-sakon {
font-size: 1.25rem !important;
}
.footer-blog h2 {
font-size: 2.25rem;
}
.footer-blog .blog-card {
margin-bottom: 2rem;
padding: 0 4rem 0 4rem !important;
}
.footer-blog .fs-14 {
font-size: 1rem !important;
}
/* solutions mobile css */
.sn-solutions-banner {
/* background-image: unset; */
padding: 4rem 0 26rem !important;
text-align: center;
background-position-x: -2rem;
background-position-y: 27rem;
}
.sn-whats-included h3{
padding: 0 1rem 2rem;
font-size: 2.25rem;
}
.sn-sol-card h4 {
padding: 2rem 2rem 0rem;
font-size: 2rem;
}
.sn-sol-card img {
padding-top: 0.5rem;
}
.mobility-addon h3 {
font-weight: 300;
font-size: 2.25rem;
}
.sn-store p {
font-size: 1.25rem;
}
.sn-sol-card ul {
padding: 1.5rem 3rem 0.5rem;
}
.sol-card-middle {
padding: 2rem 0;
}
.sol-card-middle::before,
.sol-card-middle::after {
height: 1px;
left: 5%;
transform: translateX(-50%);
width: 90%;
}
.sol-card-middle::before {
top: -2%;
transform: translateY(-50%);
}
.sol-card-middle::after {
bottom: 3%;
transform: translateY(50%);
top: unset;
}
.mob-head p {
padding: 0 2rem;
font-size: 1.25rem;
color: #fff;
}
.mob-addon-slider {
padding: 0 1rem 3rem;
}
.mob-addon-card ul {
height: 15rem;
}
.mod-addon-subtitle {
font-size: 1.875rem;
}
.mob-addon-slider .slick-list {
padding: 0 40px 0 0;
}
.sn-quote-lhs-img {
display: none;
}
.sn-main-quote {
font-size: 1.25rem;
}
.solutions-faq .accordion-body {
width: 90%;
}
.solutions-faq .accordion-button {
font-size: 1.188rem;
line-height: 1.6rem;
}
.solutions-faq .accordion-item, .solutions-faq li {
font-size: 1.125rem;
}
/* resources mobile css */
.resources-banner-wrapper {
background-size: cover;
color: #fff;
}
.featured-insights .blog-card {
padding: 0 3rem 0 3rem !important;
}
.footer-blog h2.text-light.ps-0 {
padding-left: 1rem !important;
}
.blog-card h5 a {
font-size: 1.5rem;
line-height: 1.4;
}
.featured-insights .blog-card .blog-des {
font-size: 1.25rem !important;
line-height: 1.3;
}
.resources-banner-wrapper p {
font-size: 1.25rem;
}
.all-resources .blog-card .hs-blog-post-listing__post-title-link, .featured-insights .blog-card .hs-blog-post-listing__post-title-link {
font-size: 1.5rem;
line-height: 1.3;
}
.all-resources .blog-card .hs-blog-post-listing__post-description, .featured-insights .blog-card .hs-blog-post-listing__post-description {
font-size: 1.25rem;
}
.sn-sol-card ul li {
font-size: 1.25rem;
line-height: 1.5;
}
.resources-form h4 {
font-size: 1.875rem;
font-weight: 400;
line-height: 1.4;
}
.resources-form p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.5;
color: #fff;
}
form label {
padding-bottom: .75rem;
font-size: 1.25rem;
}
/* hiw mobile css */
.banner-sub-text p {
font-size: 1.25rem;
}
.simplify-mobility p {
font-size: 1.25rem;
}
.hiw-banner {
padding: 4rem 0 24rem !important;
text-align: center;
background-position-x: 0;
background-position-y: 32rem;
}
.hiw-banner-scroll {
margin: auto;
}
.servicenow-how-it-works br {
display: none;
}
.simplify-mobility p {
font-size: 1.25rem;
}
.empower-mobility .row-cols-1 .col{
padding: 2rem 1rem 0;
}
.sn-certified-cards .row-cols-1 .col {
padding: 0rem 1rem 0;
}
.simplify-mobility img {
margin-top: unset;
}
.sn-secretly-manage h4 {
text-align: center;
font-size: 2.25rem;
line-height: 1.2;
}
.sn-bulit-with {
text-align: center;
}
.built-with-rhs {
padding-top: 2rem;
}
.about-awards-slider img {
height: 10rem !important;
margin: auto;
width: auto;
}
.award-min-height {
height: 12rem;
}
.about-awards-content {
text-align: center;
font-size: 1.25rem;
}
.about-awards-slider .slick-dots {
align-items: center;
bottom: -1rem;
display: flex;
justify-content: center;
left: 0;
margin: auto;
padding: 0;
position: absolute;
right: 0
}
.about-awards-slider .slick-dots li.slick-active {
background-color: #fff
}
.about-awards-slider .slick-dots li {
background-color: hsla(0,0%,100%,.2);
border-radius: 50%;
cursor: pointer;
height: .313rem;
list-style-type: none;
margin-right: .75rem;
width: .313rem
}
.about-awards-slider .slick-dots li button {
background: 0;
font-size: 0;
visibility: hidden
}
.sn-certified-cards .slick-dots {
align-items: center;
bottom: -1rem;
display: flex;
justify-content: center;
left: 0;
margin: auto;
padding: 0;
position: absolute;
right: 0
}
.sn-certified-cards .slick-dots li.slick-active {
background-color: #fff
}
.sn-certified-cards .slick-dots li {
background-color: #000;
border-radius: 50%;
cursor: pointer;
height: .313rem;
list-style-type: none;
margin-right: .75rem;
width: .313rem
}
.sn-certified-cards .slick-dots li button {
background: 0;
font-size: 0;
visibility: hidden
}
.sn-servicenow-certified .btn-primary {
margin-top: 2rem;
}
.ready-to .rhs-img {
display: none;
}
.ready-to .col-md-6 {
text-align: center;
}
h2 {
font-size: 2.125rem;
}
.ready-to p {
font-size: 1.25rem;
}
.sn-mobility-cards .row-cols-2>*, .sn-mobility-experts .row-cols-2>* {
width: 100%;
}
.sn-certified-cards .col {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.empower-mobility h3 {
padding-bottom: 1rem;
}
.empower-mobility p {
padding: 0 1rem;
font-size: 1.25rem;
}
.servicenow-certified-header h3 {
line-height: 1.2;
font-size: 2.25rem;
}
.sn-mobility-cards .row-cols-2 > *:not(:last-child) {
padding-bottom: 1rem;
}
.servicenow-certified-header p {
padding: 1rem 0 0.5rem;
margin-bottom: 0;
}
.sn-bulit-with {
background-image: unset;
}
.built-with-lhs h3 {
padding-bottom: 1rem;
font-size: 2.25rem;
}
.hiw-banner-scroll img {
width: 18px;
}
.sn-secretly-manage li {
padding: 0.5rem 2rem 0.975rem 2.5rem;
background-size: 8%;
font-size: 1.25rem;
}
.sn-secretly-manage h4 br {
display: none;
}
.sn-secretly-manage ul {
padding-bottom: 2rem;
padding-left: 0.5rem;
}
.sn-certified-cards .row-cols-1 .col {
height: 19rem !important;
}
.servicenow-certified-header h3 {
line-height: 1.2;
font-size: 2.25rem;
}
.servicenow-certified-header p {
font-size: 1.25rem;
line-height: 1.5;
}
.sn-certified-cards p {
font-size: 1.25rem;
}
.sn-certified-cards h4 {
padding: 0 3rem;
font-size: 1.5rem;
}
.sn-certified-cards p {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.dont-see p {
font-size: 1.25rem;
}
.dont-see img {
width: 6rem;
}
.built-with-lhs p {
font-size: 1.25rem;
}
.built-with-rhs h4 {
font-size: 1.25rem;
line-height: 1.5;
}
.built-with-rhs p {
font-size: 1.25rem;
}
.sn-mobility-experts h3 {
font-size: 2.25rem;
}
.sn-mobility-experts .col-md-8 p {
font-size: 1.25rem;
padding-top: 1rem;
color: #fff;
}
.footer-blog.all-res .blog-card {
margin-bottom: 3rem;
padding: 0 2rem 0 2rem !important;
}
.sn-contact-thankyou {
background-size: auto;
background-position-y: -12rem;
}
}
@media screen and (min-width: 250px) and (max-width: 430px) {
.roi-numb sup {
right: 29%;
}
.sn-solutions-banner {
background-position-x: -2rem;
background-position-y: 29rem;
padding: 4rem 0 25rem !important;
}
.banner-sub-text p br {
display: none;
}
.sn-solutions-banner h1 {
font-size: 2.125rem;
}
.sn-solutions-banner h1 br{
display: none;
}
.mob-addon-card ul {
height: 23rem;
}
.featured-insights .blog-card a.d-flex {
font-size: 1rem;
}
.mob-addon-card li {
color: #fff;
padding-bottom: 0.85rem;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5;
padding-left: 1.8rem;
background-position-y: -5px;
}
.brand-logos-white h3 {
font-size: 1.25rem;
line-height: 1.5;
}
.servicenow-home .footer-blog .blog-card {
margin-bottom: 2rem;
padding: 0 4rem 0 4rem !important;
}
.hiw-banner {
padding: 4rem 0 22rem !important;
text-align: center;
background-position-x: 0;
background-position-y: 32rem;
}
.sn-solutions-lets-talk h2 {
font-weight: 400;
font-size: 2.25rem;
}
.sn-solutions-lets-talk p {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.5;
color: #fff;
}
.sn-quote-name {
font-size: 1rem;
}
.sn-quote-industry {
font-size: 1rem;
font-weight: 400;
}
}
@media screen and (min-width: 250px) and (max-width: 360px) {
.sn-solutions-banner {
background-position-x: -2rem;
background-position-y: 28rem;
padding: 4rem 0 23rem !important;
}
}
@media screen and (min-width: 450px) and (max-width: 600px) {
.featured-insights .blog-card a.d-flex {
font-size: 1rem;
}
.banner-person img {
width: 28rem !important;
}
.animate-box {
width: 9rem;
}
.light-blue-box {
left: -1rem;
top: -0.5rem;
width: 9rem;
}
.dark-blue-box {
bottom: -4rem;
right: 9.3rem;
}
.white-box {
bottom: 1.5rem;
right: -1rem;
}
.missing-piece h3 {
padding: 0 4rem;
}
.missing-piece-content {
padding-right: 2rem;
padding-left: 2rem;
}
.roi-numb sup {
right: 36%;
}
.benefits-section .col-md-10 h3 {
padding-left: 4rem;
padding-right: 4rem;
}
.benefits-top-slider, .benefits-top-slider2, .benefits-top-slider3 {
width: 28rem;
}
.benefits-bottom-slider, .benefits-bottom-slider2, .benefits-bottom-slider3 {
width: 30rem;
}
.benefits-bottom-slider .slick-dots li button, .benefits-bottom-slider2 .slick-dots li button, .benefits-bottom-slider3 .slick-dots li button {
width: 8rem;
}
.benefits-section h3 {
font-size: 2rem;
padding-right: 5rem;
padding-left: 5rem;
}
.top-blue-card h5 {
font-size: 1.3rem;
}
.top-blue-card p {
font-size: 0.875rem;
}
.footer-blog .blog-card {
padding: 0 4rem !important;
}
.mob-addon-slider .slick-list {
padding: 0 140px 0 0;
}
.sn-solutions-banner {
padding: 4rem 0 34rem !important;
text-align: center;
background-position-x: -2rem;
background-position-y: 27rem;
}
.sn-sol-card h4 {
padding: 2rem 10rem 0;
}
.sn-sol-card ul {
padding: 1.5rem 6rem .5rem;
}
.sakonmobile-rhs p {
padding: 1rem 4rem !important;
}
.blog-card h5 a {
font-size: 1.75rem;
}
.featured-insights .blog-card .blog-des {
font-size: 1.5rem !important;
}
.all-resources .blog-card .hs-blog-post-listing__post-title-link, .featured-insights .blog-card .hs-blog-post-listing__post-title-link {
font-size: 1.75rem;
}
.all-resources .blog-card .hs-blog-post-listing__post-description, .featured-insights .blog-card .hs-blog-post-listing__post-description {
font-size: 1.5rem;
}
.hiw-banner {
padding: 4rem 0 36rem !important;
background-position-y: 28rem;
}
.banner-sub-text p {
padding: 0rem 2rem;
}
.built-with-lhs h3 {
padding: 0rem 4rem 1rem;
}
.built-with-lhs p {
padding: 0 3rem;
}
.sn-mobility-experts h3 {
padding: 0 3rem 1rem;
}
.sn-mobility-experts .col-md-8 p {
padding: 0 2rem;
}
.partner-heading h3 {
padding: 0 5rem 1rem;
}
.empower-mobility h3 {
padding-bottom: 1rem;
padding-left: 4rem;
padding-right: 4rem;
}
.servicenow-how-it-works h2 br{
display: block;
}
.hiw-banner-scroll img {
width: 1.5rem;
}
.simplify-mobility p {
padding: 0 2rem;
}
.sn-secretly-manage ul {
padding-left: 5rem;
}
.sn-certified-cards .row-cols-1 .col {
height: 18rem !important;
}
.ready-to p {
padding: 0 2rem;
}
.sn-mobility-cards .row-cols-2>*, .sn-mobility-experts .row-cols-2>* {
width: 50%;
}
.sn-mobility-cards .row-cols-2>* {
padding-bottom: 1rem;
}
.sn-certified-cards .col {
padding-right: 1rem;
}
.built-with-rhs p {
padding: 0 4rem;
}
.sn-mobility-experts .card-body {
padding: 0.5rem !important;
}
.hiw-banner-scroll img {
width: 18px;
}
.sn-secretly-manage li {
padding: 0.5rem 2rem 0.975rem 3rem;
background-size: 6%;
background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/seamless-mobility-tick.svg) no-repeat left -1px;
}
.sn-secretly-manage ul {
padding-left: 2.5rem;
padding-bottom: 2rem;
}
.sn-certified-cards h4 {
padding: 0;
}
.sn-certified-cards p {
padding-right: .5rem !important;
padding-left: .5rem !important;
}
.empower-mobility .row.pb-5{
padding-bottom: 1.875rem !important;
}
.sn-bulit-with .row.p-md-5.py-5 {
padding-bottom: 2rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.featured-insights .blog-card a.d-flex {
font-size: 1rem;
}
.featured-insights .blog-card {
padding: 0 0rem 0 2rem !important;
}
.blog-card h5 a {
font-size: 1.375rem;
line-height: 1.3;
}
.featured-insights .blog-card .blog-des {
font-size: 1.125rem !important;
line-height: 1.3;
}
.all-resources .blog-card .hs-blog-post-listing__post-title-link, .featured-insights .blog-card .hs-blog-post-listing__post-title-link {
font-size: 1.375rem;
line-height: 1.3;
}
.all-resources .blog-card .hs-blog-post-listing__post-description, .featured-insights .blog-card .hs-blog-post-listing__post-description {
font-size: 1.125rem;
}
.resources-banner-wrapper p {
font-size: 1.375rem;
}
.hiw-banner-scroll img {
width: 18px;
}
.sn-secretly-manage li {
padding: 0.5rem 2rem 0.975rem 3rem;
background-size: 6%;
background: url(//5890945.fs1.hubspotusercontent-na1.net/hubfs/5890945/raw_assets/public/2024%20Service%20Now/images/hiw/seamless-mobility-tick.svg) no-repeat left -1px;
}
.sn-secretly-manage ul {
padding-left: 0rem;
padding-bottom: 2rem;
}
.dont-see img {
width: 6rem;
}
.sn-mobility-experts .sn-certified-cards .col {
margin-bottom: 0 !important;
}
.sn-mobility-cards .row-cols-md-4 {
margin-bottom: 0 !important;
}
/* */
/* solutions ipad css fix */
.sn-solutions-banner {
background-position: calc(100% - 0rem);
padding: 4rem 2rem 7rem !important;
}
.sn-solutions-box.col-md-11{
width: 100%;
}
.sn-sol-card ul{
padding: 1.5rem 2rem 0;
}
.sn-sol-card ul li{
padding-left: 0.5rem;
}
.sn-sol-card h4 {
font-size: 1.25rem;
padding: 2rem 3rem;
}
.sn-quote-lhs-img {
width: 47%;
left: 0;
}
.mobility-addon .col-md-10 {
width: 95%;
}
.mob-addon-card ul {
padding-right: 1rem;
}
.mob-addon-card li {
color: #fff;
padding-bottom: 0.85rem;
font-size: 0.938rem;
font-weight: 400;
line-height: 1.3;
padding-left: 1.8rem;
background-position-y: -5px;
}
.solutions-faq .accordion-button {
font-size: 1rem;
}
.solutions-faq .accordion-item {
font-size: .938rem;
}
.solutions-faq .accordion-body {
width: 85%;
}
.solutions-faq .accordion-button {
font-size: 1.188rem;
line-height: 1.6rem;
}
.solutions-faq .accordion-item, .solutions-faq li {
font-size: 1.125rem;
}
}
@media screen and (min-device-width: 1100px) and (max-device-width: 1180px) and (orientation : landscape){
.sn-bulit-with {
background-position-x: -111%;
}
.sn-mobility-experts .sn-certified-cards {
width: 100% !important;
}
.sn-servicenow-certified .sn-certified-cards {
width: 100% !important;
}
.sn-mobility-cards {
width: 95.333333% !important;
}
.hiw-banner {
background-position: calc(100% + 6rem);
padding: 4rem 4rem 7rem !important;
}
.mob-addon-card ul {
height: 20rem;
}
.mob-addon-card li {
color: #fff;
padding-bottom: 0.85rem;
font-size: 0.938rem;
font-weight: 400;
line-height: 1.3;
padding-left: 1.8rem;
background-position-y: -5px;
}
.sn-bulit-with {
background-position-x: -70%;
background-size: 70%;
}
.servicenow .container {
max-width: 1140px !important;
}
.light-blue-box {
left: -2.5rem;
top: -1.5rem;
width: 11rem !important;
}
.dark-blue-box {
bottom: -3.9rem;
right: 7.7rem;
}
.white-box {
bottom: 2rem;
right: -4rem;
}
}
@media screen and (min-device-width: 1181px) and (max-device-width: 1300px) {
.sn-bulit-with {
background-position-x: -70%;
background-size: 70%;
}
}
.featured-insights.all-res{
background: #0D1223;
}
/* search css */