#pageHeaderWrapper {box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);background-color: var(--white);}
.pageTitle-holder{ border-bottom: 2px solid #E9E9E9; margin-bottom: 30px;  padding-bottom: 30px;}
.pageTitle h1,.pageTitle h2{ font-size: 46px; font-weight: 700;letter-spacing: -1.3px;}
.pageTitle.md h2{ letter-spacing: -2.3px; font-size: 46px; font-weight: 600;}
.pageTitle.sm h2{ letter-spacing: -0.96px;  font-weight: 600;}
.pageTitle.sm h2{ letter-spacing: -0.96px;}
.pageTitle small{ letter-spacing: 2.8px; color: #CBCBCB; padding-bottom: 15px;}
.pageTitle.alt small{ color: #B1B1B1;}
.color1{color: #9D9D9D;}
a.color1, .pageTitle.color1 h1, .pageTitle.color1 h2, .pageTitle.color1 h3, .pageTitle.color1 h4, .pageTitle.color1 h5, .pageTitle.color1 h6, .icon-color1 li::before, .ul-listing .icon-color1::before { color: #9D9D9D; }
.blog-nav>ul{ list-style: none; margin: 0px; padding: 0px; display: flex; text-align: center;}
.blog-nav>ul>li{ flex-grow: 1; flex-basis: 0;}
.blog-nav>ul>li>a{ display: flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid #AEAEAE; border-width: 1px 0px 1px 1px; height: 54px;letter-spacing: -0.32px; text-transform: uppercase; font-weight: 600;}
.blog-nav>ul>li:last-child>a{ border-width: 1px 1px 1px 1px; border-radius: 0px 4px 4px 0px;}
.blog-nav>ul>li:first-child>a{ border-radius: 4px 0px 0px 4px;}
.blog-nav>ul>li>a:hover,.blog-nav>ul>li.selected>a{ background-color: #f4f4f4; color: var(--primary);}
.blog-nav.has-sub>ul>li:last-child>a{ border-radius: 0px 4px 0px 0px;}
.blog-nav.has-sub>ul>li:first-child>a{ border-radius: 4px 0px 0px 0px;}
.blog-sub-nav{ position: relative; margin-top: -1px; background-color: #f4f4f4; border: 1px solid #AEAEAE;border-width: 0px 1px 1px 1px; border-radius: 0px 0px 4px 4px; text-align: center;}
.blog-sub-nav>ul{list-style: none; margin: 0px -4px; padding: 15px; display: flex; flex-wrap: wrap;}
.blog-sub-nav>ul>li{ padding: 0px 4px;}
.blog-sub-nav>ul>li>a{ display: flex; align-items: center; justify-content: center; height: 42px; padding: 0px 15px; border: 1px solid #B0B0B0; color: #424242; border-radius: 10px; line-height: 1; position: relative;}
.blog-sub-nav>ul>li.selected>a::before{font-family: "Font Awesome 6 Free"; font-weight: 900; content:"\f00c"; margin-right: 10px;}
.blog-sub-nav>ul>li.selected>a,.blog-sub-nav>ul>li>a:hover{ color: #424242; border-color: var(--primary);}
.blog-sub-nav>ul>li.selected>a:before{ color: var(--primary);}
.blog-listing-left{ padding-right: 50px;}
.blog-listing-right{ padding-left: 46px;}
.article-box{border-radius: 5px;background: #F9F9F9; padding: 20px 30px;}
.article-box ul{ list-style: none; margin: 0px; padding: 0px;}
.article-box ul li a{ display: block; padding: 15px 0px; border-bottom: 1px dashed #DFDFDF; font-weight: 600; color: #535353;letter-spacing: -0.48px;}
.article-box ul li a:hover,.article-box ul li.selected a{ color: var(--primary);}
.article-box ul li:first-child a{ padding-top: 0px;}
.article-box ul li:last-child a{ padding-bottom: 0px;border-bottom:0px;}
.article-box-footer{ padding-top: 20px;border-top: 1px dashed #DFDFDF; margin-top: 20px;}
.promo-box{border-radius: 5px;background: #F9F9F9; padding: 5px; margin-top: 20px;}
.promo-image{ max-width: 163px; margin: 0px auto;}
.promo-image img{ border-radius: 5px;}
.promo-box-info{ padding: 0px 20px;}
.promo-box-info h3{ font-weight: 700; font-size: 20px; color: var(--dark); padding-bottom: 10px;letter-spacing: -0.96px;}
.promo-box-info p{ margin-bottom: 20px;}
.promo-box-info .custom-button{ height: 42px; padding: 0px 20px; font-size: 14px;}
.bottom-cta{ padding: 50px; border-radius: 10px;}
.bottom-cta p{ opacity: 0.87;}
.filter-trigger{ display: flex; align-items: center; line-height: 1; height: 54px;border-radius: 4px;border: 1px solid #AEAEAE;background: #F4F4F4; padding: 0px 20px; color: var(--primary); font-weight: 600; position: relative; justify-content: space-between; text-transform: uppercase;}
/* .filter-trigger:hover{ background-color: var(--primary); color: var(--white); border-color:transparent;} */
.filter-trigger::after{font-family: "Font Awesome 6 Free"; font-weight: 900; content:"\f107"; color: #656565;}
/* .filter-trigger:hover::after{color:var(--white);} */
.slide-drawer { position: fixed; width: 100%; left: -100%; top: 90px; background: #F4F4F4; z-index: 104; transition: all 0.2s linear; height: calc(100vh - 90px); border-top: 1px solid #aeaeae;display: flex; flex-flow: column;} 
.slide-drawer.active { left: 0;}
.close-slide{ display: flex; align-items: center; line-height: 1; height: 60px; padding:0px 20px ; border-bottom: 1px solid #e5e5e5;}
.custom-button.close-slide{ height: 42px; border: 0px; min-width: 140px;}
.slide-drawer-footer{ margin-top: auto; padding: 40px;}
.blog-mobile-nav{ display: none;}
.blog-listing-holder{border-bottom: 1px solid #e4e4e4;}
.section-holder{ overflow: inherit;}/*--Add this for Sticky-*/
.blog-details-image img{ border-radius: 25px;}
.blog-details-holder{ padding: 0px 60px; position: relative; margin-top: -50px;}
.blog-details-content-holder{border-radius: 5px;background: var(--white); padding-top: 50px;}
.blog-details-left{ padding-left: 30px;}

.blog-details-right{ padding-left: 60px; line-height: 1.7; padding-right:30px;}
.blog-details-right .lead{letter-spacing: -0.96px;line-height: 1.4;}
.blog-details-right .lead a{ text-decoration: none; color: var(--primary);}
.blog-details-right .lead a:hover{ text-decoration: underline; color: var(--primary);}
.content h3, .content h4, .content h5, .content h6{ font-weight: 600; color: var(--title); margin: 20px 0px; padding-top: 0px;}
.content h3 { font-size: 24px; letter-spacing: -0.66px;}
.content h4 { font-size: 21px; letter-spacing: -0.66px;}
.content h5 { font-size: 20px; letter-spacing: -0.66px;}
.content h6 { font-size: 19px; letter-spacing: -0.66px;}
.content h2 { font-size: 32px; letter-spacing: -0.66px;}
.content p,.blog-details-right p {margin: 10px 0px;}
.content p a, .blog-details-right p a, .content p a, .blog-details-right ul a { text-decoration: none; color: var(--primary);}
.content p a:hover, .blog-details-right p a:hover, .blog-details-right ul a:hover { text-decoration: underline; color: var(--primary);}
.content h2 { line-height: 1.1;}
.content .ul-listing{ margin-top: 5px;}

.blog-details-header.pb30{ padding-bottom: 0px !important;}
.blog-details-right ul.ul-listing, .blog-details-right ul.custom-ol{margin-left: 15px; margin-bottom: 5px;}
.blog-details-right ul.ul-listing li, .blog-details-right ol.custom-ol li{ padding-bottom: 0px;}
.single-post .content ul ul.ul-listing{ margin-left: 0px !important;}
.blog-details-right .pageTitle{ margin-bottom: 25px;}
.blog-details-item:first-child{ padding-top: 10px;}
.blog-details-item{ padding-bottom: 30px;}
.blog-details-nav{ padding: 0px; padding-bottom: 20px; list-style: none; margin: 0px;}
.blog-details-nav li{ padding: 5px 0px;}
.blog-details-nav li:first-child{ padding-top:0px;}
.blog-details-nav a{ display: block; color: #969696; font-weight: 500; }
.blog-details-nav a.active,.blog-details-nav a:hover{ color: var(--primary);}
.blog-details-footer{ padding: 40px 0px 30px; border-bottom: 1px solid #DFDFDF; margin-bottom: 30px;}
.blog-details-footer p{ margin: 0px;}
.blog-details-right h3 { margin-bottom: 0px; }
.blog-details-right h4 { margin-bottom: 0px; }
.related-blogs>ul{ list-style: none; margin: 0px; padding: 0px;}
.related-blogs>ul>li{ padding-bottom: 35px;}
.related-blogs>ul>li:last-child{ padding-bottom: 0px;}
.related-blogs .news-box { border-radius: 0px;}
.related-blogs .news-box a{ display: flex; align-items: flex-start;}
.related-blogs .news-box .img-holder{ flex: 0 0 332px; padding-bottom: 174px;}
.related-blogs .news-box .news-box-info-holder{ padding: 0px 0px 0px 30px;flex: 1;}
.related-blogs .news-box:hover{box-shadow:none;  background-color:transparent;}
.related-blogs .news-box:hover h3{ color: var(--primary);}
.floating-social{ position: fixed; left: -60px; top: 50%; transform: translateY(-50%); z-index: 2; transition: all 0.2s linear;}
.floating-social.active{left: 10px;}
.social-list li { padding: 0px;}
.social-list li a{ width: 40px; height: 40px; text-align: center; justify-content: center; font-size: 22px; color: var(--black);}
.social-list li a:hover{ color: var(--primary);}
.social-list li i{ width: auto; margin: 0px;text-decoration: none !important;}
.btn-share{ display: flex;border-radius: 50px;border: 1px solid #EDEDED;background: var(--white); align-items: center; justify-content: center; line-height: 1; height: 38px; padding: 0px 20px; color: #535353;}
.btn-share:hover{ border-color:transparent;background: var(--primary); color: var(--white);}
.btn-share img{transition: all 0.2s linear; }
.btn-share:hover img{filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(250deg) brightness(1003%) contrast(101%);}
.project-filter-holder{ width: 230px;}
.project-list-holder{ padding-left: 30px;}
.project-box a { display: block; color: #535353;}
.project-box .img-holder{ padding-bottom: 90.24%; border-radius: 10px 10px 0px 0px; border: 1px solid #E5E5E5; border-width: 1px 1px 0px;}
.project-box-info-holder{border-radius:0px 0px 10px 10px;border: 1px solid #E5E5E5; border-width: 0px 1px 1px; background: #F8F8F8;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.03); padding: 20px 20px 30px;}
.project-box-info-holder .icon-holder{ justify-content: flex-start; height: 45px; margin-bottom: 15px;}

.project-filter .radio label > span,.project-filter li a{ padding-left: 25px !important;font-weight: 400 !important; color: #666666 !important; font-size: 16px !important;}
.project-filter .radio label > span::before,.project-filter li a::before{ width: 14px ; height: 14px; border-color: #BEBEBE; top: 3px; left: 0px;}
.project-filter .radio label > span::after,.project-filter li a::after {top: 6px;left: 3px;width: 8px;height: 8px;}
.project-filter .radio input[type="radio"]:checked + span::before, .project-filter .radio label:hover>span::before,.project-filter li:hover a::before,.project-filter li.selected a::before{ border-color: var(--primary);}
.project-filter .radio input[type="radio"]:checked + span{font-weight: 400 !important;}
.project-filter ul{ list-style: none; margin: -10px; padding: 0px;}
.project-filter li{ padding: 10px;}
.project-filter li a{position: relative; display: block; line-height: 1.2;}
.project-filter li a::before,.project-filter li a::after{ content: ""; display: flex; position: absolute;border-radius: 50%;transition: all 0.2s linear;}
.project-filter li a::before{border: 1px solid #D5D5D5;}
.project-filter li a::after{background: var(--primary); opacity: 0; }
.project-filter li:hover a{color: #666666;}
.project-filter li:hover a::after,.project-filter li.selected a::after{ opacity: 1;}
.project-holder{background: #f9f9f9;}
.section-work-details::before{ content: ""; width: 100%; height: 590px;background: #F9F9F9; position: absolute; left: 0px; top: 0px;}
.case-study-logo{ width: 282px; margin-right: 100px; justify-content: flex-start;}
.title1{color: #A2A2A2;font-weight: 600 !important; padding-bottom: 10px; display:block;}
.title2{font-style: normal;font-weight: 700; color: var(--dark);}
.title2 a{color: var(--dark); text-decoration: none;}
.title2 a i{color: #D0D0D0; font-size: 12px;}
.platform-list{ margin: 30px 0px !important;}
.platform-list li { min-width: 230px; border-right: 1px solid #D5D5D5; padding: 0px 25px; color: #A2A2A2;line-height: 1;}
.platform-list li:first-child { padding-left: 0px;}
.platform-list li:last-child { padding-right: 0px; border-right: 0px;}
.platform-list li p{ margin: 0px;}
.platform-list li small{ font-size: 9px; font-style: italic; line-height: 1;}
.integrations-logo{ height: 58px;}
.challenges-solutions-box{border-top: 1px solid #D5D5D5; padding-top: 20px;}
.challenges-solutions-box h3{ padding-bottom: 15px;}
.work-details-cta-box a{ display: block; padding: 60px;}
.work-details-cta-box a .icon-holder{ height: 61px; justify-content: left; margin-bottom: 20px;}
.work-details-cta-box a:hover .styled-link::before{width: 100%;left: 0px;}
.blog-listing-left{ position: relative;}
.blog-listing-left.invisible-content h3, .blog-listing-left.invisible-content .blog-list{ opacity: .2;}
.lds-spinner, .lds-spinner div, .lds-spinner div:after { box-sizing: border-box; }
.lds-spinner { color: currentColor; display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after { content: " "; display: block; position: absolute; top: 3.2px; left: 36.8px; width: 6.4px; height: 17.6px; border-radius: 20%; background: var(--primary); }
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
.project-list-holder #loading-image {position: fixed; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, 100px);}
@keyframes lds-spinner {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
#loading-image{position: absolute; top: 150px; left: 50%; z-index: 2; transform: translateX(-65px);}
.getin-touch-box{ padding: 32px 50px;}
.orange-styled > li { padding-left: 30px; padding-bottom:10px }
.orange-styled > li:before { position: absolute; left: 0px; top: 0px; font-weight: 700;}
.blog-content-contact{display: flex; align-items: center; justify-content: space-between; padding: 35px;background-color: #f37936;border-radius: 5px;margin: 50px 0px;}
.blog-content-contact h4{ padding-bottom: 0px;}
.blog-content-contact .custom-button-holder { min-width: 180px;}
.blog-content-inner-box{padding: 30px;background-color: #fffcf6; border-radius: 5px;}
.blog-content-inner-box ul{ list-style: none; margin: 0px; padding: 0px;}
.blog-content-inner-box ul li{ padding-bottom: 20px;}
.blog-content-inner-box ul li p{ margin-bottom: 5px; margin-top: 0px;}
.blog-content-inner-box ul li p b{ color: var(--dark);}
.blog-content-inner-box ul ul.ul-listing{ margin-bottom:5px;}
.blog-content-inner-box ul ul.ul-listing:last-child{ margin-bottom:0px;}
.light,.news-meta > li{ color:#666666 !important;}
.news-meta{margin: 0px -8px;}
.news-meta > li{ padding: 0px 8px 0px;}
.news-meta.inline > li::after{ right: -2px;}
.news-meta > li strong{ margin-left: 5px;}
.blog-author{ padding-bottom: 65px;}
.blog-author p{ margin-top: 0px;}
.blog-author-box .img-holder{ width: 64px; padding-bottom: 64px; border-radius: 50%;}
.blog-author-right{ width: 270px;}
.blog-author-right .normal-list li{ padding-bottom: 15px;}
.blog-author-right .normal-list li:last-child{ padding-bottom:0px;}
.blog-author-right .img-holder{ width: 47px; padding-bottom: 47px; border-radius: 50%;}
.link-list li{ padding-left:30px ; padding-bottom: 5px; font-weight: 600;}
.link-list li::before{ left:10px ;}
.link-list li a{ color: var(--primary); text-decoration: underline;}
.link-list li a:hover{ color: var(--dark); text-decoration: underline;}
.testimonial-box{border-radius: 15px;background: var(--white);box-shadow: 4px 8px 19px 0px rgba(0, 0, 0, 0.10); padding: 35px 55px;}
.indent-list>li{ padding-bottom: 5px;}
.indent-list.alt>li{ padding-bottom: 30px;}
.indent-list>li::before{ left: 5px;}
.listing-style3.lg>li:last-child{ padding-bottom: 0px;}
.case-study-right-info .listing-style3.lg{ margin-bottom: 15px; margin-top: 30px;}
.inner-container{ padding: 80px 0px;}
.bottom-left{ padding-right: 55px;}
.bottom-left .form-holder{ max-width: 580px; margin: 0px;}
@media only screen and (max-width: 1599.98px) {
.blog-listing-left{ padding-right: 40px;}
.blog-listing-right{ padding-left: 36px;}
.blog-details-right{ padding-left: 30px; padding-right: 30px;}
.social-list li a{ width: 30px; height: 30px; font-size: 18px;}
.blog-details-holder {padding: 0px 30px;margin-top: -50px;}

}
@media only screen and (max-width: 1299.98px) {
.blog-listing-left{ padding-right: 15px;}
.blog-listing-right{ padding-left: 15px;}

}
@media only screen and (max-width: 1199.98px) {
.blog-listing-left{ padding-right: 0px;}
.blog-listing-right{ padding-left: 0px; padding-top: 50px;}
.blog-listing-holder{border-bottom: 0px;}
.blog-details-holder {padding: 0px 0px;margin-top: 0px;}
.blog-details-left,.blog-details-right {padding-left: 0px;}
.blog-details-right {padding-right: 0px;}
.blog-details-content-holder{ padding-top: 30px; position: relative; overflow: hidden; margin-top: 30px;}
.blog-details-content-holder::before{ content: ""; width: 200%; height: 1px; background-color: #DFDFDF;position: absolute; left: -30px; top: 0px;}
.blog-details-right{ padding-top: 50px;}
.case-study-logo{margin-right: 30px;}
.platform-list li{ min-width: auto;}
}
@media only screen and (max-width: 991.98px) {
.blog-listing-left{ padding-right: 0px;}
.blog-listing-right{ padding-left: 0px;}
.blog-nav>ul>li>a{ height: 44px; font-size: 11px;}
.blog-sub-nav>ul>li>a{ height: 32px; padding: 0px 10px; border-radius: 5px;font-size: 11px;}
.blog-sub-nav>ul>li.selected>a::before{margin-right: 5px;}
.case-study-logo{ width: auto; margin-right: 0px;}
.bottom-left{ padding-right: 0px;}
.bottom-left .form-holder{ max-width: 100%; margin: 0px;}
}
@media only screen and (max-width: 767.98px) {
.blog-nav>ul{ display:block;}
.blog-nav>ul>li>a{ display: block; border: 0px; height: auto; font-size: 16px; padding:15px 20px; text-align: left;}
.blog-sub-nav{ border: 0px; border-radius: 0px;}
.blog-sub-nav>ul{margin: -5px;}
.blog-sub-nav>ul>li{ padding: 5px;}
.blog-sub-nav>ul>li>a{ height: 42px; padding: 0px 15px; border-radius: 10px;font-size: 16px;}
.blog-sub-nav>ul>li.selected>a::before{margin-right: 10px;}
.blog-mobile-nav{display: block; margin-top: 30px;}
.blog-mobile-nav.is-sticky{ position: fixed; top: 90px; width: 100%; left: 0px; /*background-color:#AEAEAE;*/ border-top: 1px solid #aeaeae;z-index: 104; margin-top: 0px;}
.fullcontainer .container{ z-index: inherit;}
.blog-mobile-nav.is-sticky .col-auto{ display: none;}
.blog-mobile-nav.is-sticky .filter-trigger{ border-radius: 0px;border: 0px;}
.news-box .img-holder{ padding-bottom: 62.5%;}
.blog-mobile-nav.is-sticky .details-blog-header{ display: none;}
.details-blog-trigger{ display: none;}
.blog-mobile-nav.is-sticky .details-blog-trigger{ display: block;}
.Selectstyle2 .nice-select .list{ box-shadow: none; padding-bottom: 20px; border-bottom: 1px solid #adadad;}
.project-list-holder{ padding-left: 0px;}
.project-filter{ padding: 30px 20px;}
.platform-list li{ width: 100%;}
.platform-list li { border-right: 0px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; padding: 25px 0px !important;}
.platform-list li:first-child { padding-top: 0px !important;}
.platform-list li:last-child { }
.blog-content-contact h4{ padding-bottom: 20px;}
.blog-content-contact{ display: block;padding: 30px 15px;}
.blog-content-inner-box{ padding: 15px;}

}
@media only screen and (max-width: 575.98px) {
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6,.pageTitle.lg h1, .pageTitle.lg h2, .pageTitle.lg h3, .pageTitle.lg h4, .pageTitle.lg h5, .pageTitle.lg h6 { font-size: 32px; letter-spacing: -1.3px}
.bottom-cta{ padding: 50px 20px;}
.bottom-cta .pageTitle h2{ font-size: 46px;}
.pageTitle.md h2{ letter-spacing: -2.3px; font-size: 32px; font-weight: 600;}
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 28px; letter-spacing: -0.96px; }
.blog-details-image img {border-radius: 10px;}
.nice-select{ height: 50px;line-height: 50px; font-size: 16px !important;}
.our-work-header .inner-container.pt50{ padding: 50px 0px 40px !important;}
.our-work-header .pageTitle span{ display: block;}
.getin-touch-box{ padding: 32px 30px;}
.blog-author{ padding-bottom: 35px;}
.testimonial-box{ padding: 30px;}
.content h2 { font-size: 26px; letter-spacing: -1.3px}
.inner-container{ padding: 60px 0px;}
}
@media only screen and (max-width: 479.98px) {
.pageTitle h1{ font-size: 34px; letter-spacing: -2.3px}
.blog-details-header .pageTitle { margin-bottom: 10px;}
.blog-details-content-holder{ padding-top: 20px; margin-top: 20px;}
.size-26 { font-size: 24px;}
.promo-box{ padding:30px 20px; margin-top: 30px;}
.promo-box-info{ padding: 20px 0px 0px; text-align: center;}
.promo-box.alt{ padding:20px 10px;}
.promo-box.alt .promo-box-info h3{ font-size: 16px; padding-bottom: 5px;}
.promo-box.alt .promo-box-info{ text-align: left; padding: 0px 0px 0px 10px; font-size: 12px !important;}
.promo-box.alt .promo-image{ max-width: 110px;}
.promo-box.alt .promo-box-info p{ margin-bottom: 10px;}
.article-box{padding: 20px;}
.blog-details-nav{padding-bottom: 0px;}

.content h3 { font-size: 20px;}
.content h4 { font-size: 22px;}
.size-32 { font-size: 21px; }
.work-details-cta-box a{ padding: 30px;}
.work-details-cta-box a .icon-holder{ height: 50px; }
.integrations-logo-list{ margin: -20px;}
.integrations-logo-list li{ width: 50%; padding: 20px;}
.testimonials-header .img-holder{ width: 58px; height: 58px; padding-bottom: 58px;}

/* .size-16 { font-size: 13px; }
.size-17 { font-size: 13px; }
.size-18 { font-size: 14px; }
.size-19 { font-size: 14px; }
.size-20 { font-size: 15px; }
.size-21 { font-size: 15px; }
.size-22 { font-size: 16px; }
.size-23 { font-size: 16px; }
.size-24 { font-size: 16px; }
.size-25 { font-size: 17px; }
.size-26 { font-size: 17px; }
.size-27 { font-size: 18px; }
.size-28 { font-size: 18px; }
.size-29 { font-size: 19px; }
.size-30 { font-size: 20px; }
.size-31 { font-size: 20px; }
.size-32 { font-size: 21px; }
.size-33 { font-size: 22px; }
.size-34 { font-size: 23px; }
.size-35 { font-size: 23px; }
.size-36 { font-size: 24px; }
.size-37 { font-size: 24px; }
.size-38 { font-size: 25px; }
.size-39 { font-size: 26px; }
.size-40 { font-size: 27px; } */

}
@media only screen and (max-width: 359.98px) {
.bottom-cta .pageTitle h2{font-size: 40px;}
.btn-share {padding: 0px 10px; font-size: 14px;}
.ileft {margin-right: 5px;}
.promo-box-info .custom-button {padding: 0px 15px;font-size: 14px;}
}
/*transition: all 0.2s linear; */