/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */















  
  

  






.page-center,.content-wrapper {
max-width: 1440px;
padding: 0 55px;
}
@media(max-width:1300px){
.page-center,.content-wrapper {
padding:0 25px;
}
}
@media(max-width:767px){
.page-center,.content-wrapper {
padding:0 23px;
}
}
@keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(50%); 
}
100% {
opacity: 1;
transform: none; 
} 
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-50%); 
}
100% {
opacity: 1;
transform: none; 
  } 
}
@keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(50%); 
}
100% {
opacity: 1;
transform: none; 
} 
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-50%); 
}
100% {
opacity: 1;
transform: none; 
} 
}
@keyframes fadeIn {
0% {
opacity: 0; 
}
100% {
opacity: 1; 
} 
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1; 
transform: none;
} 
}
@keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1; 
transform: none;
} 
}
@keyframes flipInY {
0% {
opacity: 0; 
transform: rotateY(90deg);
}
100% {
opacity: 1; 
transform: none;
} 
}
[data-animation] {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.slideInUp {
animation-name: slideInUp;
}
.slideInDown {
animation-name: slideInDown;
}
.slideInLeft {
animation-name: slideInleft;
}
.slideInRight {
animation-name: slideInRight;
}
.fadeIn {
animation-name: fadeIn;
}
.fadeOut {
animation-name: fadeIn;
animation-direction: reverse;
}
.zoomIn {
animation-name: zoomIn;
}
.zoomOut {
animation-name: zoomIn;
animation-direction: reverse;
}
.zoomReverseIn {
animation-name: zoomReverseIn;
}
.zoomReverseOut {
animation-name: zoomReverseIn;
animation-direction: reverse;
}
.flipInY {
animation-name: flipInY;
}
.flipOutY {
animation-name: flipInY;
animation-direction: reverse;
}



body {
color: rgba(32, 32, 32, 1.0);
font-weight: 400;
font-family:Helvetica Now Text W01;
font-size: 21px;
border:10px solid #191715;
}
a {
color: rgba(32, 32, 32, 1.0);
}
a:hover,
a:focus {
color: rgba(32, 32, 32, 1.0);
}
h1 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Display;
font-size: 92px;
font-weight: 900;
letter-spacing: -1.84px;
line-height: 91px;
}
h2 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Display;
font-size: 54px;
font-weight: 600;
letter-spacing: -1px;
line-height: 59px;
margin-bottom:15px;
}
h3 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Display;
font-size: 37px;
font-weight: 500;
letter-spacing: -0.22px;
line-height: 43px;
}
h4 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Display;
font-size: 26px;
font-weight: 500;
letter-spacing: -0.08px;
line-height: 34px;
margin-bottom:10px;
}
h5 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Display;
font-size: 19px;
font-weight: 500;
letter-spacing: 0.18px;
line-height: 27px;
}
h6 {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Text W01;
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-transform:uppercase;
margin-bottom:25px;
position:relative;
padding-left:20px;
display:inline-block;
}
h6:before{
position:absolute;
left:0;
top:6.5px;
content:'';
background:#191715;
width:10px;
height:10px;
border-radius:50%;
}
p {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Text W01;
font-size: 19px;
font-weight: 400;
letter-spacing: -0.57px;
line-height: 30px;
margin-top:0;
}
.secondary_paragraph p {
color: rgba(32, 32, 32, 1.0);
font-family: Helvetica Now Text W01;
font-size: 15px;
font-weight: 400;
letter-spacing: -0.38px;
line-height: 30px;
}
@media(max-width:1024px){
h1{
font-size:68px;
line-height:70px;
}
h2{
font-size: 41px;
line-height: 54px;
}
h3{
font-size: 32px;
line-height: 40px;
}
h4{
font-size: 25px;   
line-height:normal;
}
h5{
font-size: 17px;
line-height:normal;
}
h6{
margin-bottom:15px;   
}
body{
border:none;
}
}
@media(max-width:767px){
h1{
font-size: 45px;
letter-spacing: -0.45px;
line-height: 49.4px;
font-weight:600 !important;
}
h2{
font-size: 35px; 
letter-spacing: -0.62px;
line-height: 40px;
}
h3{
font-size: 26px;
letter-spacing: -0.1px;
line-height: 31px;
}
h4{
font-size: 22px;
letter-spacing: normal;
line-height: 28px;
}
h5{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 27px;
}
h6{
font-size: 14px;
letter-spacing: 0;
line-height: 21px;  
}
p{
font-size: 18px;
letter-spacing: -0.4px;
line-height: 25px; 
}
.secondary_paragraph p{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 20px;
}
h6:before{
top: 5.5px;  
}
}



form,
.submitted-message {
border-color: rgba(32, 32, 32, 0.2) ;
}
h3.form-title {
background-color: rgba(0, 0, 0, 0.0);
color: rgba(117, 117, 117, 1.0);
}
.hs-button,
a.cta_button {
background-color: rgba(25, 23, 21, 1.0);
border-color: rgba(25, 23, 21, 1.0);
border-radius: 24px;
border-width: 2px;
color: rgba(255, 255, 255, 1.0);
padding-left: 28px;
padding-right: 28px;
padding-top: 16px;
padding-bottom: 16px;
font-family:Helvetica Now Display;
display:inline-block;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
text-align:center;
transition:0.3s all ease-in;
/*text-transform:uppercase;*/
overflow:hidden;
position:relative;
transform: translateZ(0);
backface-visibility: inherit;
font-family:"Helvetica Now Text W01";
}
a.cta_button:after{
content: "";
position: absolute;
left: 0;
width: 100%;
height: 51px;
transform: translate3d(0,100%,0);
color: rgba(255, 255, 255, 1.0);
background-color: rgba(63, 63, 63, 1.0);
transition: transform .3s ease-out;
z-index: -1;
}
a.cta_button:hover:after{
transform: translateZ(0);
bottom: 0px;
}
body .dnd-section form .actions{
position: relative;
display: inline-block;
margin-top:40px;
overflow:hidden;
position:relative;
transform: translateZ(0);
backface-visibility: inherit;
border-radius:24px;
z-index:2;
height: 52px;
background-color: rgba(25, 23, 21, 1.0);
}
body .dnd-section form .hs-button{
background-color:transparent;
border-color: rgba(25, 23, 21, 1.0);
border-radius: 24px;
border-width: 2px;
color: rgba(255, 255, 255, 1.0);
padding-left: 46px;
padding-right: 46px;
padding-top: 16px;
padding-bottom: 16px;
font-family:Helvetica Now Display;
display:inline-block;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
text-align:center;
transition:0.3s all ease-in;
text-transform:uppercase;
overflow:hidden;
position:relative;
transform: translateZ(0);
backface-visibility: inherit;
margin-top:0;
font-family:"Helvetica Now Text W01";
}

body .dnd-section form .actions:after{
content: "";
position: absolute;
left: 0;
width: 100%;
height: 52px;
transform: translate3d(0,100%,0);
color: rgba(255, 255, 255, 1.0);
background-color: rgba(63, 63, 63, 1.0);
transition: transform .3s ease-out;
z-index: -1;
}
body .dnd-section form .actions:hover:after{
transform: translateZ(0);
bottom: 0px;
}
.hs-button:hover,
a.cta_button:hover{
transition:0.3s all ease-in;
background-color: rgba(63, 63, 63, 1.0);
color: rgba(255, 255, 255, 1.0);
}
.secondary-button a.cta_button,.secondary-button button.cta_button{
border:2px solid;
background-color: rgba(255, 255, 255, 0.0);
border-color: rgba(25, 23, 21, 1.0);
border-radius: 23px;
border-width: 2px;
color: rgba(25, 23, 21, 1.0);
padding-left: 35px;
padding-right: 35px;
padding-top: 11px;
padding-bottom: 11px;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
text-align:center;
transition:0.3s all ease-in;
text-transform:unset;
overflow:hidden;
position:relative;
transform: translateZ(0);
backface-visibility: inherit;
font-family:"Helvetica Now Text W01";
}
.secondary-button a.cta_button:after,.secondary-button button.cta_button:after{
content: "";
position: absolute;
left: 0;
width: 100%;
height: 40px;
transform: translate3d(0,100%,0);
color: rgba(255, 255, 255, 1.0);
background-color: rgba(25, 23, 21, 1.0);
transition: transform .3s ease-out;
z-index: -1;
}
.secondary-button a.cta_button:hover,.secondary-button button.cta_button:hover{
color: rgba(255, 255, 255, 1.0);
transition:0.3s all ease-out;
}:hover
.secondary-button a.cta_button:hover:after,.secondary-button button.cta_button:hover:after{
transform: translateZ(0);
bottom: 0px;
}
.white-border-button a.cta_button{
border:2px solid;
background-color: rgba(255, 255, 255, 0.0);
border-color: rgba(255, 255, 255, 1.0);
border-radius: 23px;
border-width: 2px;
color: rgba(255, 255, 255, 1.0);
padding-left: 35px;
padding-right: 35px;
padding-top: 11px;
padding-bottom: 11px;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
display:inline-block;
text-align:center;
transition:0.3s all ease-out;
text-transform:unset;
position:relative;
overflow:hidden;
transform: translateZ(0);
backface-visibility: inherit;
font-family:"Helvetica Now Text W01";
}
.white-border-button a.cta_button:after{
content: "";
position: absolute;
left: 0;
width: 100%;
height: 40px;
transform: translate3d(0,100%,0);
color: rgba(25, 23, 21, 1.0);
background-color: rgba(255, 255, 255, 1.0);
transition: transform .3s ease-out;
z-index: -1;
}
.white-border-button a.cta_button:hover{
color: rgba(25, 23, 21, 1.0);
transition:0.3s all ease-out;
}
.white-border-button a.cta_button:hover:after{
transform: translateZ(0);
bottom: 0px;
}
.simple-button a.cta_button{
border-radius: 0px;
border-width: 2px;
color: rgba(25, 23, 21, 1.0);
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
display:inline-block;
text-align:center;
transition:0.3s all ease-in;
/*text-transform:uppercase;*/
border-color: rgba(25, 23, 21, 1.0);
background-color:transparent;
position:relative;
overflow:hidden;
}
.simple-button a.cta_button:before{
content: "";
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: rgba(25, 23, 21, 1.0);;
}
.simple-button a.cta_button:hover:before{
animation: moveleft 0.5s cubic-bezier(.17,.67,.99,.46);
}
.simple-button a.cta_button:hover{
box-shadow:none;
transition:0.3s all ease-in;
color: rgba(25, 23, 21, 1.0);
}
.simple-white-button a.cta_button{
border-bottom:2px solid;
border-color: rgba(255, 255, 255, 1.0);
border-radius: 0px;
border-width: 2px;
color: rgba(255, 255, 255, 1.0);
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
display:inline-block;
text-align:center;
transition:0.3s all ease-in;
text-transform:uppercase;
}
.simple-white-button a.cta_button:hover{
box-shadow:none;
transition:0.3s all ease-in;
color: rgba(255, 255, 255, 1.0);
}
.arrow-button a.cta_button{
background:transparent;
border:none;
padding:0;
display:inline-block;
transform:none;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
color: #191715;
position:relative;
text-transform:initial;
border-radius: 0;
overflow: inherit;
transition:0.3s all ease-in;
}
.arrow-button a.cta_button:before{
position: absolute;
right: -40px;
top: -6px;
content: '';
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
transition:0.3s all ease-in;
}
.arrow-button a.cta_button:hover:before{
background: #DCDAFF url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
transition:0.3s all ease-in;
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
}
.arrow-button a.cta_button:after{
display:none;
}
.white-arrow-button a.cta_button{
background:transparent;
border:none;
padding:0;
display:inline-block;
transform:none;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
color: #FFFFFF;
position:relative;
text-transform:initial;
border-radius: 0;
overflow: inherit;
transition:0.3s all ease-in;
}
.white-arrow-button a.cta_button:before{
position: absolute;
right: -40px;
top: -6px;
content: '';
background: #2D2D2D url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
transition:0.3s all ease-in;
display:block;
}
.white-arrow-button a.cta_button:after{
display:none;
}
.white-arrow-button a.cta_button:hover:before{
background: #DCDAFF url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
transition:0.3s all ease-in;
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
}
@media(max-width:767px){
.secondary-button a.cta_button,.secondary-button button.cta_button{
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 16px;   
padding-left: 13px!important;
padding-right: 13px!important;
}
}
.hs-form label {
font-family:;
color: rgba(117, 117, 117, 1.0);
font-weight: 400;
}
.hs-form legend {
color: rgba(32, 32, 32, 1.0);
}
body .dnd-section form input,
body .dnd-section form select,
body .dnd-section form textarea,
body .dnd-section .hs-input,
body .dnd-section .hs-search-field input.hs-search-field__input,
body .dnd-section input[type="password"] {
border-color: rgba(32, 32, 32, 0.2);
background-color: transparent;
border-radius: 0px;
font-family:;
border:none;
border-bottom:1px solid rgba(32, 32, 32, 0.2);
}
form input[type=checkbox],
form input[type=radio]{
border: 1px solid rgba(32, 32, 32, 0.2);
}
form .hs-form-booleancheckbox a{
color: rgba(117, 117, 117, 1.0);
text-decoration:underline;
}
form .actions{
text-align:left;
}
body form .hs-form-booleancheckbox{
margin: 10px 0 20px;
}
form .hs-button{
margin-top:10px;
}
body .dnd-section form .input{
margin-right:0!important;
}
body .dnd-section form .form-columns-1 input{
width:100%!important;
}
body .dnd-section form .form-columns-2 .hs-form-field{
width: 48%;
float: left;
margin-right: 4%;
}
body .dnd-section form .form-columns-2 .hs-form-field:last-child{
margin-right:0;
}
.form-container .form-heading{
margin-bottom:29px;
}
.hs-form .field .input input[type="checkbox"]:checked:after,
.hs-form .field .input input[type="radio"]:checked:after{
content: '';
position: absolute;
width: 15px;
height: 9px;
top: 3px;
left: 3px;
border: 3px solid #191715;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
.hs-search-field input.hs-search-field__input:focus,
input[type="password"]:focus {
border-color: rgba(199, 199, 199, 1.0);
outline:none;
}
.fn-date-picker .pika-table thead th {
color: rgba(195, 195, 182, 0.0);
}
.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #202020;
}
.hs-richtext {
font-size: 21;
}
.hs-default-font-element,
.hs-main-font-element {
font-family: Helvetica Now Text W01;
}
.fn-date-picker td.is-today .pika-button {
color: #191715;
}
.fn-date-picker td.is-selected .pika-button {
background: #191715;
}
.fn-date-picker td .pika-button:hover {
background-color: #f6f6f6 !important;
}
@media(max-width:1024px){
.secondary-button a.cta_button{
padding-left: 18px;
padding-right: 18px;  
}
}
@media(max-width:767px){
.form-container .form-heading {
margin-bottom: 22px;
}
}



th,
td {
background-color: rgba(0, 0, 0, 0.0);
border: 1px solid rgba(195, 195, 182, 1.0);
color: rgba(195, 195, 182, 1.0);
}
thead th,
thead td {
background-color: rgba(0, 0, 0, 0.0);
color: rgba(195, 195, 182, 1.0);
}
tfoot td {
background-color: rgba(0, 0, 0, 0.0);
color: rgba(195, 195, 182, 1.0);
}
table,
tbody + tbody {
border-color: rgba(195, 195, 182, 1.0);
}
/**************** Header Cm Styling *****************/
@media(min-width:1025px){
.header-cm .hs-menu-wrapper{
display:block!important;
}
.header-cm .col-2 ul li a{
-webkit-animation: dot-out .2s ease-in forwards;
animation: dot-out .2s ease-in forwards;
transform: translateY(-50%) scale(0);   
}
.header-cm .col-2 ul li a:hover{
-webkit-animation: dot-in .2s ease-in forwards;
animation: dot-in .2s ease-in forwards;
transform: translateY(-50%) scale(0);
}
.header-cm .col-2 ul li a:before{
-webkit-animation: dot-out .2s ease-in forwards;
animation: dot-out .2s ease-in forwards;
transform: translateY(-50%) scale(0);  
}
.header-cm .col-2 ul li a:hover:before{
-webkit-animation: dot-in .2s ease-in forwards;
animation: dot-in .2s ease-in forwards;
transform: translateY(-50%) scale(0);
margin-top:3px;
}
@keyframes dot-out{
0% {
transform: translateY(-50%) scale(1);
}
100% {
transform: translateY(-50%) scale(0);
}
}
@keyframes dot-in{
0% {
transform: translateY(-3.4rem) scale(0);
}
1% {
transform: translateY(-3.4rem) scale(1);
}
100% {
transform: translateY(-50%) scale(1);
}
}
}
.header-cm{
position:absolute; 
padding:33px 0 33px;
z-index:11;
left:0px;
right:0px;
transition:0.4s all ease-in;
}
.header-cm .content-wrapper{
padding:9px 55px 9px;
}
.header-cm .content-wrapper>.row-fluid{
display:flex;
}
/******Sticky Header****/
/*.header-cm.fixed .content-wrapper{position:fixed;z-index:999999;background:#191715;border-radius:40px;left:20px;right:20px;padding:9px 55px 9px;transition:0.4s all ease-in;top:10px;}*/
.header-cm.fixed .col-1{
display:flex;
align-items:center;
}
.header-cm .col-1 img{
}
.header-cm.fixed .col-1 img{
max-width: 211px !important;
height: 30px;
transition:0.4s all ease-in;
padding-top: 3px;
width: 177px;
}
.header-cm .col-2{
text-align:center;
}
.header-cm .col-2 ul{
justify-content:center;
align-items:center;
margin-top:3px;
}
.header-cm .col-3{
text-align:right;
}
.header-cm .col-2 ul li{
padding-right:42px;
}
.header-cm .col-2 ul li:last-child{
padding-right:0;
}
.header-cm .col-2 ul li a{
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
padding:0;
text-transform:unset; 
position:relative;
color: rgba(255, 255, 255, 1.0);
}
.black-header-cm .col-2 ul li a:before{
background:#191715!important;
}
.header-cm .col-2 ul li a:before{
position:absolute;
left:-16px;
top:9px;
content:'';
background:#ffffff;
width:7px;
height:7px;
border-radius:50%;
}
.white-header-cm{
border-bottom:none!important;
} 
@keyframes dot-out{
0% {
transform: translateY(-50%) scale(1);
}
100% {
transform: translateY(-50%) scale(0);
}
}
@keyframes dot-in{
0% {
transform: translateY(-3.4rem) scale(0);
}
1% {
transform: translateY(-3.4rem) scale(1);
}
100% {
transform: translateY(-50%) scale(1);
}
}
.header-cm .col-2 ul li a:hover{
color: rgba(255, 255, 255, 1.0);
}
.header-cm .col-1 .mobile-open-logo{
display:none;
}
.header-cm .additional-text{
display:none;
}
.header-cm .col-2 .mobile-menu{
display:none!important;
}
@media(max-width:1500px){
.header-cm .col-3 a.cta_button{
padding-left:30px;
padding-right:30px;
}
}
@media(max-width:1400px){
.header-cm .col-3 a.cta_button{
padding-left:23px;
padding-right:23px;
}
}
@media(max-width:1300px){
.header-cm .content-wrapper{
padding: 9px 25px 9px;
}
.header-cm.fixed .content-wrapper{
padding: 9px 25px 9px;  
}
}
@media(max-width:1200px){
.header-cm .col-3 a.cta_button{
padding-left:15px;
padding-right:15px;
font-size:13px;
}
.header-cm .col-1{
display: flex;
align-items: center;     
}
.header-cm .content-wrapper{
padding: 0 25px;     
}
.header-cm .col-2 ul li{
padding-right:38px;
}
}
@media(max-width:1024px){
.header-cm .col-1 .mobile-open-logo{
display:none;
transition:0.3s all ease-in;
}
body.mobile-open .col-1 .mobile-open-logo{
display:block; 
transition:0.3s all ease-in;
}
body.mobile-open .col-1 .mobile-close-logo{
display:none;  
transition:0.3s all ease-in;
}
.header-cm{
left:0;
right:0;
}
.header-cm .col-2 .mobile-menu{
display:block!important;
}
.header-cm .col-2 .desktop-menu{
display:none!important;
}
}
/**************** Black Header Cm Styling *******************/
.black-header-cm .col-1 .mobile-close-logo img{ 
height:auto;
}
.black-header-cm .col-2 ul li a{
color:#191715;
}
.black-header-cm .col-2 ul li a:hover{
color:#191715;
}
.black-header-cm{
border-bottom:1px solid #191715;
padding: 31px 0 23px;
}
.black-header-cm-border{
border-bottom:none;
}
.black-header-cm .col-1{
display: flex;
align-items: center;
position: relative;
top: 3px;
}
.black-header-cm .col-2 ul li a:after{
background:#191715;
}
.black-header-cm .col-1 .mobile-close-logo .fixed-logo{
display:none;
}
.black-header-cm.fixed .col-1 .mobile-close-logo .fixed-logo{
display:block;
}
.black-header-cm.fixed .col-1 .mobile-close-logo .normal-logo{
display:none;
}
.black-header-cm.fixed .col-2 ul li a{
color:#ffffff;
}
.black-header-cm .col-3 .white-border-button{
display:none;
}
.black-header-cm.fixed .col-3 .white-border-button{
display:block;
}
.black-header-cm.fixed .col-3 .secondary-button{
display:none;
}
.thankyou-header .black-header-cm{
border-bottom:none;
}
@media(max-width:1100px){
.black-header-cm{
padding: 27px 0 23px; 
}
}
@media(max-width:1024px){
.black-header-cm .mobile-trigger i,
.black-header-cm .mobile-trigger i:before,
.black-header-cm .mobile-trigger i:after{
background:#191715;
}
.black-header-cm .mobile-trigger:hover i,
.black-header-cm .mobile-trigger:hover i:before,
.black-header-cm .mobile-trigger:hover i:after{
background:#191715;  
}
.mobile-open .black-header-cm .mobile-trigger:hover i:before,
.mobile-open .black-header-cm .mobile-trigger:hover i:after{
background:#ffffff;  
}
.black-header-cm .col-2 ul li a:hover{
color:#ffffff;
}
}
/********************Home Banner Styling *********************/
.home-banner-cm{
padding:415px 0 60px;
z-index:1;
overflow:hidden;
}
.home-banner-cm .bg-video-container{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
overflow: hidden;
z-index: -1;
}
.home-banner-cm .bg-video-container #hero-video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
}
.home-banner-cm .heading-container h1{
max-width:990px;
}
.home-banner-cm .text-animation{
height:98px;
overflow:hidden;
}
.home-banner-cm .heading-container{
margin-bottom:52px;
}
.home-banner-cm .description-container .left-col p{
font-size: 19px;
font-weight: 500;
letter-spacing: -0.42px;
line-height: 27px;
max-width:616px;
margin-bottom:0;
}
.home-banner-cm .description-container .right-col .link-container a{
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
position: relative;
display: inline-block;
width: 290px;
padding-left: 50px;
left: -50px;
top: 0px;
}
.home-banner-cm .description-container .right-col .link-container a:before{
position: absolute;
left: 0;
top: 9px;
content: '';
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 27px;
height: 27px;
}
.home-banner-cm .description-container .right-col .link-container{
border-radius: 40.5px;
background-color: rgb(255,255,255,22%);
padding: 17px 35px 17px 85px;
box-sizing:border-box;
max-width:330px;
float:right;
}
.home-banner-cm .description-container{
display:flex;
align-items:center;
}
.home-banner-cm .heading-container h1{
display: flex;
flex-direction: column;
}
.home-banner-cm .heading-container .line{
height: 104px;
position: relative;
overflow: hidden;
width:100%;
}
.home-banner-cm .description-container .line1{
height: 27px;
position: relative;
overflow: hidden;
width:100%;
}
.home-banner-cm .link-container.line2{
height: 89px;
position: relative;
width:100%;
overflow:hidden;
}
.home-banner-cm .heading-container .line span{
position: absolute;
top: -6px;
}
.home-banner-cm .heading-container .line span strong{
position:relative;
}
.home-banner-cm .heading-container .line span strong:after{
position:absolute;
bottom:9px;
left:0;
right:0;
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Underline.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:216.5px;
height:11.5px;
content:'';
}
.home-banner-cm .description-container .line1 span{
position: absolute;
}
.home-banner-cm .link-container.line2 span{
position: absolute;
}
.home-banner-cm .mobile-heading{
display:none!important;
}
.home-banner-cm:after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
z-index: -1;
background-color: rgba(0,0,0,0.75);
width: 100%;
height: 100%;
}
.home-banner-cm .description-container .mobile-description{
display:none;
}
@media(max-width:1200px){
.home-banner-cm{
padding: 295px 0 60px;   
}
}
@media(max-width:1024px){
.home-banner-cm .heading-container .line{
height: 90px;  
}
.home-banner-cm{
padding: 245px 0 60px;  
}
}
@media(max-width:767px){
.home-banner-cm .bg-video-container{
display:none;
}
.home-banner-cm .mobile-heading{
display:block!important;
}
.home-banner-cm .desktop-heading{
display:none!important;
}
.home-banner-cm {
padding: 125px 0 32px;
}
.home-banner-cm .description-container .line1{
height: auto;
overflow: visible;
}
.home-banner-cm .description-container .line1 span{
position:relative;
}
.home-banner-cm .description-container{
display:block;
}
.home-banner-cm .heading-container {
margin-bottom: 12px;
}
.home-banner-cm .description-container .left-col{
margin-bottom:60px;  
}
.home-banner-cm .description-container .right-col .link-container a{
padding-left: 44px;
font-size: 16px;
letter-spacing: -0.36px;
line-height: 22px;
width: 240px;
left: -50px;
}
.home-banner-cm .description-container .right-col .link-container {
padding: 10px 35px 10px 73px;
max-width: 296px;
float: left;
}
.home-banner-cm .heading-container .line{
height: 51px;
}
}
/******************* Home Four Col Content Cm ***************/
.home-four-col-content-cm{
padding:35px 0 100px;
}
.home-four-col-content-cm .text-container .right-col .cta-container{
margin-top:33px;
}
.home-four-col-content-cm .four-col-container>span{
display:flex;
flex-wrap:wrap;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper{
width:23.5%;
margin-right:2%;
position:relative;
padding-bottom:30px;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper .cta-container{
position:absolute;
bottom:0;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:after{
position: absolute;
right: 3px;
top: 0;
bottom: 0;
content: '';
background: rgb(45,45,45,17%);
width: 1px;
height: auto;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:last-child:after{
display:none;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:nth-child(4n){
margin-right:0;
}
.home-four-col-content-cm .subheading{
/*border-top:1px solid #191715;*/
padding-top:24px;
margin-bottom: 65px;
}
.home-four-col-content-cm .right-col .inner-container{
max-width:536px;
}
.home-four-col-content-cm .right-col{
padding-left:100px;
}
.home-four-col-content-cm .four-col-container{
margin-top:122px;
}
.home-four-col-content-cm .four-col-container .list-container ul li{
font-size: 19px;
font-weight: 500;
letter-spacing: -0.42px;
line-height: 27px;
list-style:none;
padding-bottom:10px;
margin-left:0;
}
.home-four-col-content-cm .four-col-container .list-container ul{
padding-left:0;
}
.home-four-col-content-cm .four-col-container .number h6{
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 21px;
margin-bottom:6px;
padding-left:0;
}
.home-four-col-content-cm .four-col-container .number h6:before{
display:none;
}
.home-four-col-content-cm .four-col-container .cta-container a.cta_button{
padding-right:20px;
position:relative;
}
.home-four-col-content-cm .four-col-container .cta-container a.cta_button:before{
background:#191715;
}
.home-four-col-content-cm .four-col-container .cta-container a.cta_button:after{
position:absolute;
right:0;
top:8px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20Top%20Right.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:10px;
height:10px;
left:auto;
transform:none;
}
.home-four-col-content-cm .subheading .line4{
height: 22px;
position: relative;
overflow: hidden;
width: 100%;
}
.home-four-col-content-cm .subheading .line4 span{
position: absolute;
}
.home-four-col-content-cm .text-container .left-col h2{
display: flex;
flex-direction: column;
}
.home-four-col-content-cm .text-container .left-col .mobile-heading{
display:none;
}
.home-four-col-content-cm .text-container .left-col .desktop-heading{
display:block;
}
.home-four-col-content-cm .text-container .left-col h2 .line5{
position: relative;
width:100%;
}
.home-four-col-content-cm .text-container .right-col .line6{
height: 120px;
position: relative;
overflow: hidden;
width:100%;
}
.home-four-col-content-cm .text-container .right-col .line6 span{
position:absolute;
}
.home-four-col-content-cm .four-col-container .number .line7{
height: 21px;
position: relative;
overflow: hidden;
width:100%;
}
.home-four-col-content-cm .four-col-container .number .line7 span{
position:absolute;
}
.home-four-col-content-cm .four-col-container .list-container .line9{
height: 37px;
position: relative;
overflow: hidden;
width:100%;
}
.home-four-col-content-cm .four-col-container .list-container .line9 span{
position:absolute;
}
.home3-four-col-content-cm .content-image-sec { height: 183px;margin-bottom:16px; }
.home3-four-col-content-cm .content-image-sec img { width: 100%; height: 100%!important; object-fit: cover; }
.home3-four-col-content-cm.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:after{display:none;}
.home3-four-col-content-cm .simple-button a.cta_button:before{display:none;}
.home3-four-col-content-cm.home-four-col-content-cm .four-col-container .cta-container a.cta_button:after { background: #2d2d2d url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg); background-repeat: no-repeat; background-size: 10px; background-position: center center; width: 24px; height: 24px; border-radius: 50%; top: 7px; }
.home3-four-col-content-cm.home-four-col-content-cm .four-col-container .cta-container a.cta_button { padding-right: 34px; position: relative; padding-top: 10px; padding-bottom: 10px; }
.home3-four-col-content-cm.home-four-col-content-cm .four-col-container .content-heading .line8 span{width:100%;}
.home3-four-col-content-cm .mobile-four-col-container{display:none;}
@media(max-width:1200px){
.home-four-col-content-cm .right-col{
padding-left: 30px;  
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:after{
right:-5px;
}
}
@media(max-width:1170px){
.home-four-col-content-cm .four-col-container .list-container .line9{
height:62px;   
}
}
@media(max-width:1024px){
.home-four-col-content-cm .subheading{
margin-bottom: 15px;  
}
.home-four-col-content-cm .text-container .left-col h2 .line5{
height: 100%;
overflow: visible;
}
.home-four-col-content-cm .text-container .left-col h2 .line5 span{
position:relative;
}
.home-four-col-content-cm .four-col-container{
margin-top: 62px;  
}
.home-four-col-content-cm .four-col-container .list-container .line9 span{
position:relative;
}
.home-four-col-content-cm .four-col-container .list-container .line9 {
height: auto;
}
.home-four-col-content-cm {
padding: 35px 0 70px;
}
}
@media(max-width:767px){
.home-four-col-content-cm{
padding: 27px 0 58px;  
}
.home3-four-col-content-cm .mobile-four-col-container{
display:block;
margin-top:60px;
}
.home3-four-col-content-cm .desktop-four-col-container{
display:none;
}
.home-four-col-content-cm .subheading {
margin-bottom: 15px;
padding-top: 8px;
}
.home-four-col-content-cm .right-col {
padding-left: 0;
}
.home-four-col-content-cm .four-col-container{
margin-top: 50px;  
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:last-child:after{
display:none; 
}
.home-four-col-content-cm .four-col-container{
overflow-x: scroll;
overflow-y: hidden;  
height: 480px;
border-bottom: 1px solid rgb(45,45,45,0.17);
}
.home-four-col-content-cm .four-col-container span{
/*width: 340%;*/
width: 425%;
white-space: nowrap;
height: 370px;
}
.home-four-col-content-cm .four-col-container span>.hs_cos_wrapper:after {
right: -4px;
}
.home-four-col-content-cm .four-col-container::-webkit-scrollbar {
height:6px;
-webkit-appearance: none;
}
.home-four-col-content-cm .four-col-container::-webkit-scrollbar-track {
border-bottom: 1px solid rgb(45,45,45,0.17);
box-shadow:none;
}
.home-four-col-content-cm .four-col-container::-webkit-scrollbar-thumb {
background-color: #191715;
outline: none;
height: 6px;
}
.home-four-col-content-cm .text-container .left-col .mobile-heading{
display:block;
}
.home-four-col-content-cm .text-container .left-col .desktop-heading{
display:none;
}
.home-four-col-content-cm .right-col .inner-container{
max-width:100%;
}
.home-four-col-content-cm.about-our-values-cm:after,.home-four-col-content-cm.about-two-col-content-cm{display:none;}  
.home-four-col-content-cm:after { position: absolute; content: "Scroll"; right:23px; bottom: 51px; text-align: right; width: 47px; margin: 0 0 0 auto; background-color: #F6F6F6; font-size: 15px; line-height: 20px; letter-spacing: -0.33px; color: #191715;  }
.home3-four-col-content-cm .four-col-container span{white-space: inherit;}  
.home3-four-col-content-cm button.slick-next.slick-arrow {
left:auto;
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20right%20%282%29.svg) no-repeat;
background-size: cover;
background-position: center center;
width: 35px;
height: 22px;
position: absolute;
font-size: 0;
box-shadow: none;
right: 0;
cursor: pointer;
outline: 0;
z-index: 2;
border: none;
bottom: -42px;
}
.home3-four-col-content-cm button.slick-prev.slick-arrow {
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20left%20%281%29.svg) no-repeat;
background-size: cover;
background-position: center center;
width: 35px;
height: 22px;
position: absolute;
font-size: 0;
box-shadow: none;
right: 0;
cursor: pointer;
outline: 0;
z-index: 2;
left: 0;
border: none;
bottom: -42px;
}
.home3-four-col-content-cm .slide-count-wrap1 .current1 {
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
position: relative;
color: #191715;
}
.home3-four-col-content-cm .slide-count-wrap1 .current1:after {
position: absolute;
content: "/";
color: #191715;
font-weight: 400;
margin-left: 5px;
top: 2px;
left: 12px;
}
.home3-four-col-content-cm .slide-count-wrap1 .total1 {
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
padding-left: 20px;
color: #191715;
}
.home3-four-col-content-cm .slide-count-wrap1 {
position: absolute;
bottom: -45px;
padding: 0;
left: 5px;
right: 0;
text-align: center;
}
.home3-four-col-content-cm .slider-container1{
position:relative;
}
.home3-four-col-content-cm .slick-track{
padding-bottom:30px;
}
.home3-four-col-content-cm .content-image-sec{
opacity:1!important;
animation: none;
animation-delay: 0!important;
transform:none!important;
}
}
/***************** Hubspot Partner Cm Styling *****************/
.hubspot-partner-cm{
padding:13px 0 13px;
}
.hubspot-partner-cm .right-col{
text-align:right;
}
.body-container--about .hubspot-partner-cm .right-col h6:before{
background:#191715;
}
.hubspot-partner-cm .left-col h6:before{
display:none;
}
.hubspot-partner-cm h6{
margin-bottom:0;
top: -2px;
}
.hubspot-partner-cm h6 span{
padding-right:10px;
}
.hubspot-partner-cm h6 img{
vertical-align:middle;
}
.hubspot-partner-cm .left-col h6{
padding-left:0;
top: -2px;
}
.hubspot-partner-cm .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
.home3-hubspot-partner.hubspot-partner-cm a.cta_button{color:#fff;padding:13px 21px;}
.home3-hubspot-partner.hubspot-partner-cm .left-col { display: flex; align-items: center;     padding-right: 9px;}
.home3-hubspot-partner.hubspot-partner-cm .left-col p{letter-spacing: 0.18px;    margin: 0;}
.home3-hubspot-partner.hubspot-partner-cm .left-col .left-col-icon { margin-right: 5px;position:relative;top:4px;}
.home3-hubspot-partner.hubspot-partner-cm {  background-color: rgba(181, 238, 252,1.0) ;top: -71px; position: relative; border-radius: 36px 36px 36px 31px;  max-width: 823px; margin: 0 auto; }
.home3-hubspot-partner.hubspot-partner-cm .content-wrapper { padding: 0px 23px; }
.home3-hubspot-partner.hubspot-partner-cm .content-wrapper>.row-fluid { display: flex; align-items: center; justify-content: space-between; }
@media(max-width:767px){
.hubspot-partner-cm h6 span{
padding-right: 3px;  
}
.hubspot-partner-cm .left-col{
width:86%;   
}
.hubspot-partner-cm .right-col{
width:30%;   
}
.hubspot-partner-cm {
padding: 7px 0 12px;
}
.hubspot-partner-cm h6 img {
position: relative;
top: -1px;
}
.home3-hubspot-partner.hubspot-partner-cm .content-wrapper>.row-fluid {display: block; }
.home3-hubspot-partner.hubspot-partner-cm .left-col { width: 100%;display: block; text-align: center; }
.home3-hubspot-partner.hubspot-partner-cm .right-col { width: 100%;top:0; margin-top: 6px;  text-align: center;}
.home3-hubspot-partner.hubspot-partner-cm.hubspot-partner-cm {  top:0px; padding: 16px 20px 16px; border-radius: 0;}
.home3-hubspot-partner.hubspot-partner-cm a.cta_button {margin-top: 12px; }
}
/************** Movable Text Cm Styling ****************/
.movable-text-cm{
padding:132px 0 132px;
position:relative;
z-index:1;
overflow:hidden;
}
.movable-text-cm .overlay-image{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
content:'';
width:100%;
height:100%;
z-index:-1;
}
.movable-text-cm .image-container .image-cont{
height:468px;
max-width:735px;
margin:0 auto;
float:none;
}
.movable-text-cm{
position:relative;
}
.movable-text-cm .filled-text{
position: absolute;
top: 30px ;
left: -25%;
z-index: 1 ;
font-size: 120.4px;
letter-spacing: -4.76px;
line-height: 181px;
font-weight:normal;
font-family:'neue-haas-unica-normal';
}
.outline-text {
position: absolute;
bottom: 30px ;
right: -143%;
z-index: 3 ;
font-size: 120.4px;
letter-spacing: -4.76px;
line-height: 181px;
width:220%;
font-weight:normal;
font-family:'neue-haas-unica-normal';
}
@media(max-width:1200px){
.movable-text-cm .filled-text{
font-size: 90.4px;   
}
.outline-text{
font-size: 90.4px;    
}
}
@media(max-width:1024px){
.movable-text-cm .filled-text{
font-size: 80.4px;
top:10px;
}
.outline-text{
font-size: 80.4px;
bottom:20px;
}
.movable-text-cm .image-container .image-cont{
height:400px;  
}
}
@media(max-width:767px){
.movable-text-cm .filled-text{
font-size: 57.79px;
letter-spacing: -0.94px;
line-height: 87px;   
width: 190%;
left: -110%;
top:17px;
}
.outline-text {
font-size: 57.79px;
letter-spacing: -0.94px;
line-height: 87px;  
width: 310%;
right: -269%;
bottom:10px;
}
.movable-text-cm .image-container .image-cont{
height:221px;
}
.movable-text-cm{
padding: 78px 0 68px;  
}
}
/*************** Our Work Cm Styling ***************/
.our-work-cm{
overflow:hidden;
}
.our-work-cm .right-col{
padding:39px 35px 64px;
border-top: 1px solid #191715;
}
.our-work-cm>.row-fluid{
display:flex;
}
.our-work-cm .left-col{
height:auto;
width:50%;
padding:38px 40px;
position:relative;
display: flex;
justify-content: center;
align-items: center;
z-index:2;
overflow:hidden;
transition:0.5s all ease-in;
cursor:pointer;
}
.our-work-cm .left-col:hover:before{
opacity:1;
transition:0.5s all ease-in;
}
.our-work-cm .left-col .inner-container{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index:1;
}
.our-work-cm .left-col:before{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:-1;
width:100%;
height:100%;
background-color: rgba(32,32,32,0.6);
opacity:0;
content:'';
transition:0.5s all ease-in;
}
.our-work-cm .left-col .explore-work:hover .inner-container:before{
display:block;
}
.our-work-cm .left-col h6{
position:absolute;
top:40px;
left:40px;
z-index:2;
}
.our-work-cm .left-col>a{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:2;
}
.our-work-cm .left-col .explore-work{
z-index:2;
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
cursor:pointer;
background-color: #191715;
width:128px;
height:128px;
border-radius:50%;
top:0;
right:0;
bottom:0;
left:0;
margin:0 auto;
float:none;
text-align:center;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
display: flex;
justify-content: center;
align-items: center;
position:relative;
}
.our-work-cm .left-col .explore-work h6{
padding-left:0;
position:relative;
top:0;
left:0;
margin-bottom:0;
}
.our-work-cm .left-col .explore-work h6:before{
display:none;
}
.our-work-cm .left-col .explore-work a:hover{
color:#191715;
}
.our-work-cm .right-col{
width:50%;
margin-left:0;
}
.our-work-cm .right-col .cta-container{
display:flex;
align-items:center;
margin-top:268px;
}
.our-work-cm .right-col .cta-container .cta-2{
padding-left:35px;
}
.our-work-cm .right-col .heading{
max-width:630px;
}
.our-work-cm .right-col .line12{
height: 22px;
position: relative;
overflow: hidden;
width: 100%;
}
.our-work-cm .right-col .line12 span{
position:absolute;
}
.our-work-cm .right-col .line13{
height: 258px;
position: relative;
overflow: hidden;
width: 100%;
}
.our-work-cm .right-col .line13 span{
position:absolute;
}
.home3-twocol-slider .row-fluid{display:flex;} 
.home3-twocol-slider span.testimonial-slider { width: 100%; }
.home3-twocol-slider.our-work-slider-cm .right-col { border-top: 0;padding:0px 0px 50px 35px;}
.home3-twocol-slider { padding: 41px 0px; }
.home3-twocol-slider.our-work-slider-cm button.slick-prev.slick-arrow{background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20left%20%281%29.svg') no-repeat;background-size:cover;background-position:center center;width:35px;height:22px;}
.home3-twocol-slider.our-work-slider-cm button.slick-next.slick-arrow{left: 135px;background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20right%20%282%29.svg') no-repeat;background-size:cover;background-position:center center;width:35px;height:22px;}
.home3-twocol-slider.our-work-slider-cm button.slick-arrow { bottom: -45px!important; }
@media(max-width:1024px){
.our-work-cm .right-col .line13{
height:auto;
overflow:visible;
}
.our-work-cm .right-col .line13 span{
position:relative;
}
.our-work-cm .right-col .cta-container{
margin-top: 45px;  
}
.our-work-cm .right-col .cta-container .cta-2{
padding-left: 15px;  
}
.our-work-cm .right-col{
padding: 30px 20px 54px;  
}
}
@media(max-width:767px){
.our-work-cm>.row-fluid{
display:block;
}
.our-work-cm .left-col{
width: 100%;
height: 330px;
padding: 26px 23px;
}
.our-work-cm .right-col {
padding: 44px 22px 50px;
width: 100%;
border-top:none;
position:relative;
}
.our-work-cm .right-col:before{
position:absolute;
left: 22px;
right: 22px;
top:30px;
content:'';
background:#191715;
height:1px;
width:auto;
}
.our-work-cm .right-col .heading {
max-width: 100%;
margin-top: 17px;
}
.our-work-cm .right-col .cta-container {
margin-top: 111px;
}
.our-work-cm .right-col .cta-container .cta-1{
width:50%;
}
.our-work-cm .right-col .cta-container .cta-2{
width:50%;
}
.our-work-cm .right-col .cta-container .cta-1 a{
width:100%;
box-sizing:border-box!important;
}
.our-work-cm .right-col .cta-container .cta-2 a{
width:100%;
box-sizing:border-box!important;
}
.our-work-cm .left-col h6 {
top: 26px;
left: 23px;
}
.our-work-cm .left-col .explore-work h6{
font-size: 13px;
letter-spacing: 0;
line-height: 16px;  
}
.our-work-cm .left-col .explore-work{
width:90px;
height:90px;
}
.home3-twocol-slider .row-fluid { display: block; }
.home3-twocol-slider.our-work-slider-cm .right-col { padding:5px 0px 90px 0px;}
.home3-twocol-slider{padding:30px 0px; }
.home3-twocol-slider.our-work-cm .right-col:before{display:none;}
.home3-twocol-slider.our-work-slider-cm .right-col .subheading { border-top:0;}
}
/***************** Testimonial Cm Styling *******************/
.testomonial-cm{
padding:43px 0 42px;
}
.testomonial-cm h6:before{
background: #fff !important;
}
.testomonial-cm .slider-cont{
position:relative;
}
.testomonial-cm *{
color:#ffffff;
}
.testomonial-cm .testimonial-slider button.slick-next.slick-arrow {
position: absolute;
font-size: 0;
background-color: transparent;
box-shadow: none;
left: 11.9%;
bottom: 30px;
border: 0;
width: 28px;
height: 22px;
background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Pink%20Arrow%20Right.svg') no-repeat;
cursor: pointer;
outline: 0;
z-index:2;
}
.testomonial-cm .testimonial-slider button.slick-prev.slick-arrow {
position: absolute;
font-size: 0;
background-color: transparent;
box-shadow: none;
left: 0.5%;
bottom: 30px;
border: 0;
width: 28px;
height: 22px;
background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Pink%20Arrow%20Left.svg') no-repeat;
cursor: pointer;
z-index: 2;
outline: 0;
}
.testomonial-cm .testimonial-slider .right-col{
height:428px;
width: 41%;
margin-top:80px;
position: relative;
max-width: 545px;
overflow: hidden;
}
.testomonial-cm .testimonial-slider .right-col img{
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.testomonial-cm .testimonial-slider .info-container h5{
font-size: 15.2px;
font-weight: bold;
letter-spacing: -0.34px;
line-height: 21.6px;
margin-bottom:0;
}
.testomonial-cm .testimonial-slider .info-container p{
font-size: 15.2px;
letter-spacing: -0.34px;
line-height: 21.6px;
margin-bottom:0;
}
.testomonial-cm .testimonial-slider .left-col{
position:relative;
width: 56.4%;
}
.testomonial-cm .testimonial-slider .left-col .description{
position:relative;
width:123%;
margin-bottom:67px;
}
.testomonial-cm .subheading{
margin-bottom: 40px;
}
.testomonial-cm .slide-count-wrap .current{
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
position:relative;
}
.testomonial-cm .slide-count-wrap .current:after {
position: absolute;
content: "/";
color: #FFFFFF;
font-weight: 400;
margin-left: 5px;
top: 2px;
left: 12px;
}
.testomonial-cm .slide-count-wrap .total{
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
padding-left:20px;
}
.testomonial-cm .slide-count-wrap{
position: absolute;
bottom: 29px;
padding: 0 75px;
left: 5px;
}
.testomonial-cm .subheading .line14{
height: 22px;
position: relative;
overflow: hidden;
width: 100%;
}
.testomonial-cm .subheading .line14 span{
position:absolute;
}
.testomonial-cm .testimonial-slider .left-col .description{
height: 301px;
position: relative;
overflow: hidden;
z-index:1;
}
.testomonial-cm .testimonial-slider .left-col .description span{
position:absolute;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line16{
height: 21px;
position: relative;
overflow: hidden;
width: 100%;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line16 span{
position:absolute;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line17{
height: 21px;
position: relative;
overflow: hidden;
width: 100%;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line17 span{
position:absolute;
}
@media(max-width:1200px){
.testomonial-cm .testimonial-slider .right-col{
width: 40%;  
}
}
@media(max-width:1024px){
.testomonial-cm .testimonial-slider .left-col .description{
height:auto;
overflow:visible;
}
.testomonial-cm .testimonial-slider .left-col .description span{
position:relative;  
}
.testomonial-cm .testimonial-slider .left-col .info-container .line16{
height:auto;
overflow:visible;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line16 span{
position:relative;
}
.testomonial-cm .testimonial-slider .left-col .info-container .line17{
height:auto;
overflow:visible; 
}
.testomonial-cm .testimonial-slider .left-col .info-container .line17 span{
position:relative;
}
.testomonial-cm .testimonial-slider .left-col .description{
margin-bottom:37px;
}
.testomonial-cm {
padding: 43px 0 122px;
}
.testomonial-cm .testimonial-slider button.slick-next.slick-arrow{
left: 20.9%;
bottom: -50px;  
}
.testomonial-cm .testimonial-slider button.slick-prev.slick-arrow{
left: .5%;
bottom: -50px;  
}
.testomonial-cm .slide-count-wrap{
left:0px;
bottom: -51px;
}
}
@media(max-width:767px){
.testomonial-cm .testimonial-slider .left-col{
width: 100%; 
top:-20px;
}
.testomonial-cm .testimonial-slider .right-col {
width: 100%;
margin-top:10px;
height:auto;
}
.testomonial-cm .testimonial-slider .right-col img{
max-width: 198px!important;
float: right;  
}
.testomonial-cm .testimonial-slider .slick-slide{
display: flex;
flex-direction: column-reverse;  
}
.testomonial-cm .subheading {
margin-bottom: 0;
}
.testomonial-cm .testimonial-slider .left-col .description{
width:100%;
}
.testomonial-cm .testimonial-slider button.slick-next.slick-arrow{
left:40.9%;
}
.testomonial-cm .slide-count-wrap {
left: -13px;
}
}
/****************** What Drives Us Cm ********************/
.what-drives-us-cm{
padding:38px 0 82px;
}
.what-drives-us-cm .subheading{
border-top: 1px solid #191715;
padding-top:35px;
}
.what-drives-us-cm .heading-container{
margin-bottom:52px;
}
.what-drives-us-cm .cm-container h3{
margin-bottom:15px;
}
.what-drives-us-cm .cm-container>.hs_cos_wrapper{
margin-bottom:50px;
}
.what-drives-us-cm .left-col .cta-container{
display:flex;
align-items:center;
width: 100%;
max-width: 430px;
}
.what-drives-us-cm .left-col .cta-container .cta-1{
width:50%;
}
.what-drives-us-cm .left-col .cta-container .cta-2{
padding-left:0px;
width:50%;
}
.what-drives-us-cm .right-col{
position:relative;
overflow:hidden;
}
.what-drives-us-cm .right-col .image-container{
position:relative;
max-width:761px;
}
.what-drives-us-cm .right-col .image-container .image1{
text-align:right;
overflow: hidden;
width:100%;
height:457px;
position:relative;
}
.what-drives-us-cm .right-col .image-container .image1 img {
object-fit: cover;
transform-origin: left;
height:100%;
}
.what-drives-us-cm .right-col .image-container .image2{
position: relative;
margin-top: -370px;
left: 90px;
overflow: hidden;
width:100%;
max-width:222px;
}
.what-drives-us-cm .right-col .image-container .image2 img{
object-fit: cover;
transform-origin: left;
height:100%;
}
.what-drives-us-cm .right-col .image-container .image3{
position: relative;
margin-top: 40px;
left: 60px;
overflow: hidden;
width:100%;
max-width:365px;
}
.what-drives-us-cm .right-col .image-container .image3 img{
object-fit: cover;
transform-origin: left;
height:100%;
}
.what-drives-us-cm .right-col .image-container .image4{
text-align: right;
position: relative;
margin-top: -50px;
left: -30px;
overflow:hidden;
width:100%;
max-width:254px;
float:right;
}
.what-drives-us-cm .right-col .image-container .image4 img{
object-fit: cover;
transform-origin: left;
height:100%;
}
.what-drives-us-cm .subheading .line19{
height: 22px;
position: relative;
overflow: hidden;
width: 100%;
}
.what-drives-us-cm .subheading .line19 span{
position:absolute;
}
.what-drives-us-cm .cm-container .line21{
height: 43px;
position: relative;
overflow: hidden;
width: 100%;
}
.what-drives-us-cm .cm-container .line21 span{
position:absolute;
}
.what-drives-us-cm .line20{
height: 57px;
position: relative;
overflow: hidden;
width: 100%;
}
.what-drives-us-cm .line20 span{
position:absolute;
}
@media(max-width:1100px){
.what-drives-us-cm .right-col .image-container .image2{
left: 40px;  
}
.what-drives-us-cm .right-col .image-container .image3{
left:10px;
}
.what-drives-us-cm .left-col .cta-container .cta-1 a.cta_button,
.what-drives-us-cm .left-col .cta-container .cta-2 a.cta_button{
padding-left:25px;
padding-right:25px;
}
}
@media(max-width:1024px){
.what-drives-us-cm .right-col{
width: 48.18232%;  
}
.what-drives-us-cm .left-col{
width: 49.055249%;  
}
.what-drives-us-cm .heading-container {
margin-bottom: 32px;
}
.what-drives-us-cm .cm-container>.hs_cos_wrapper {
margin-bottom: 30px;
}
.what-drives-us-cm .right-col .image-container .image1{
height: 307px;
max-width: 300px;
float: right;
}
.what-drives-us-cm .right-col .image-container .image2 {
left: 0px;
}
.what-drives-us-cm .right-col .image-container .image3{
top: -90px;
left: 20px;
}
.what-drives-us-cm .right-col .image-container .image4{
top:-80px;
}
.what-drives-us-cm{
padding: 38px 0 12px;  
}
.what-drives-us-cm .left-col .cta-container .cta-2{
padding-left:13px;
}
}
@media(max-width:767px){
.what-drives-us-cm .left-col{
width:100%;
}
.what-drives-us-cm .right-col {
width: 100%;
height:310px;
}
.what-drives-us-cm .right-col .image-container {
position: relative;
max-width: 100%;
float: left;
}
.what-drives-us-cm .image-text-container{
display: flex;
flex-direction: column-reverse;  
}
.what-drives-us-cm .right-col .image-container .image3{
display:none;
}
.what-drives-us-cm .right-col .image-container .image1 {
height: 230px;
max-width: 200px;
}
.what-drives-us-cm .right-col .image-container .image1 img{
width:100%;
height:auto;
}
.what-drives-us-cm .right-col .image-container .image2 {
left: -14px;
max-width: 161px;
width: 100%;
height: 81px;
top: 400px;
}
.what-drives-us-cm .right-col .image-container .image2 img{
width:100%;
height:auto;
}
.what-drives-us-cm .right-col .image-container .image4 {
top: -40px;
max-width: 163px;
height: 119px;
left: -170px;
}
.what-drives-us-cm .right-col .image-container .image4 img{
width:100%;
height:auto;
}
.what-drives-us-cm .subheading {
padding-top: 11px;
margin-bottom: 22px;
}
.what-drives-us-cm {
padding: 27px 0 65px;
}
.what-drives-us-cm .left-col .cta-container .cta-1{
width:50%;
}
.what-drives-us-cm .left-col .cta-container .cta-2{
width:50%;
}
.what-drives-us-cm .left-col .cta-container .cta-1 a,
.what-drives-us-cm .left-col .cta-container .cta-2 a{
width:100%;
box-sizing:border-box!important;
}
.what-drives-us-cm .line20{
height:44px;   
}
}
/*************** Footer Cm Styling ****************/
.footer-cm{
overflow:hidden;
border-top:1px solid #434343;
}
.footer-cm .top-row .left-col{
padding:58px 0 44px;
}
.footer-cm .heading h4{
max-width:544px;
}
.footer-cm h6:before{
background:#fff;
}
.footer-cm .top-row{
display:flex;
}
.footer-cm .top-row .right-col{
padding:58px 0 44px;
position:relative;
}
.footer-cm .top-row .right-col:before{
position:absolute;
left:0;
top:59px;
bottom:50px;
content:'';
background:#434343;
opacity:0.68;
height:auto;
width:1px;
}
.footer-cm .top-row .left-col .heading{
max-width:626px;
margin-bottom:36px;
margin-top:13px;
}
.footer-cm .top-row .left-col .cta-container a{
font-size: 54px;
font-weight: 500;
letter-spacing: -2.2px;
line-height: 59px;
display:inline-block;
padding:0;
padding-right:60px;
position:relative;
background:transparent;
border-radius:0;
text-transform:inherit;
padding-bottom:4px;
overflow:hidden;
transition:0.3s all ease-in;
}
.footer-cm .top-row .left-col .cta-container a:hover:after{
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 21px;
background-position: center center;
transition:0.3s all ease-in;
}
.footer-cm .top-row .left-col .cta-container a:after{
position: absolute;
right: 0px;
top: 11px;
content: '';
background: #2D2D2D url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 21px;
background-position: center center;
width: 45px;
height: 45px;
left: auto;
border-radius: 50%;
transition:0.3s all ease-in;
transform:none;
}
.footer-cm .top-row .left-col .cta-container a:before{
border-bottom: 4px solid #ffffff;
position: absolute;
content: "";
display: block;
opacity: 1;
right: 0;
left:0;
bottom:0px;
display:none;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont a{
width:100%;
display:block;
}
.footer-cm .logo-inner-cont{
margin-top:266px;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont a:hover{
color:#D0D0D0;
}
@keyframes moveleft{
0%{
transform:translateX(-480%);
opacity:1;
}/*
25%{
transform:translateX(-380%);
opacity:1;
}*/
50%{
transform:translateX(-275%);
opacity:1;
}/*
75%{
transform:translateX(-180%);
opacity:1;
}*/
100%{
transform:translateX(50%);
opacity:1;
}
}
.footer-cm .top-row .left-col .cta-container{
margin-bottom:245px;
}
.footer-cm .top-row .left-col .info-container{
display: flex;
align-items: flex-end;
}
.footer-cm .top-row .left-col .info-container .right-column{
text-align: right;
display: flex;
justify-content: flex-end;
}
.footer-cm .top-row .left-col .info-container h4{
margin-bottom:0;
}
.footer-cm .top-row .left-col .info-container a:hover{
color:#BCBCBC;
}
.footer-cm .top-row .left-col .info-container a:hover h4{
color:#BCBCBC;
}
.footer-cm .top-row .right-col{
padding-left:36px;
}
.footer-cm .top-row .right-col .top-row-cont .subheading{
width:100%;
margin-bottom:20px;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul{
display:block;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul li{
display:block;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul li a{
font-size: 26px;
font-weight: 500;
letter-spacing: -0.58px;
line-height: 34px;
transition:0.3s all ease-in;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul li a:hover,
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul li a:focus{
color:#BCBCBC;
}
.footer-cm .top-row .right-col .bottom-row-cont{
position:relative;
padding-top:40px;
margin-top:40px;
}
.footer-cm .top-row .right-col .bottom-row-cont:before{
position: absolute;
left: -37px;
right: -2000px;
/*right: -100%;*/
top: 0;
content: '';
background: #434343;
width: auto;
height:1px;
}
.footer-cm .top-row .right-col .bottom-row-cont ul li{
display:block;
}
.footer-cm .top-row .right-col .bottom-row-cont .link-container ul{
display:block;
}
.footer-cm .top-row .right-col .bottom-row-cont .link-container ul li a{
font-size: 26px;
font-weight: 500;
letter-spacing: -0.58px;
line-height: 34px;
transition:0.3s all ease-in;
}
.footer-cm .top-row .right-col .bottom-row-cont .link-container ul li a:hover,
.footer-cm .top-row .right-col .bottom-row-cont .link-container ul li a:focus{
color:#BCBCBC;
}
.footer-cm .top-row .right-col .bottom-row-cont h6{
margin-bottom: 130px;
}
.footer-cm .bottom-row .content-wrapper>.row-fluid{
border-top: 1px solid #434343;
padding:26px 0 29px;
border-bottom: 1px solid #434343;
}
.footer-cm .bottom-row .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
.footer-cm .bottom-row .right-col{
text-align:right;
}
.footer-cm .bottom-row .left-col h5{
margin-bottom:0;
font-size:17px;
line-height:23px;
font-weight:normal;
font-family: neue-haas-unica-normal;
}
.footer-cm .bottom-row ul{
display:block;
}
.footer-cm .bottom-row ul li{
display:inline-block;
}
.footer-cm .bottom-row .left-col ul li a{
padding-right:46px;
font-size:16px;
line-height:24px;
transition:0.3s all ease-in;
position:relative;
}
.footer-cm .bottom-row .left-col ul li a:before{
position: absolute;
left: -16px;
top: 12px;
content: '';
background: #fff;
width: 7px;
height: 7px;
border-radius: 50%;
-webkit-animation: dot-out .2s ease-in forwards;
animation: dot-out .2s ease-in forwards;
transform: translateY(-50%) scale(0);
}
.footer-cm .bottom-row .left-col ul li a:hover:before{
-webkit-animation: dot-in .2s ease-in forwards;
animation: dot-in .2s ease-in forwards;
transform: translateY(-50%) scale(0);
}
.footer-cm .bottom-row ul li a:hover,
.footer-cm .bottom-row ul li a:focus{
color:#fff;
}
.footer-cm .bottom-row ul li:last-child a{
padding-right:0;
}
.footer-cm .bottom-row .mobile-bottom-row{
display:none!important;
}
.footer-cm .bottom-row .right-col ul li:first-child{
padding-right:20px;
}
.footer-cm .bottom-row .right-col ul li{
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
padding-right:3px;
color:#ffffff;
}
.footer-cm .bottom-row .right-col ul li a{
width: 38px;
border: 1px solid #434343;
height:38px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
}
.footer-cm .bottom-row .right-col ul li a:hover{
background: #191715;
}
.footer-cm .bottom-row .right-col ul{
margin-bottom:0;
}
.footer-cm .last-row ul li{
list-style:none;
}
.footer-cm .last-row{
padding: 30px 0 30px;
}
.footer-cm .last-row ul{
padding-left:0;
margin-bottom: 0;
display: flex;
}
.footer-cm .last-row ul li{
display:inline-block;
font-size: 17px;
letter-spacing: -0.38px;
line-height: 18px;
}
.footer-cm .last-row ul li:first-child{
opacity: 0.35;
color: #FFFFFF;
padding-right:21px;
position:relative;
}
.footer-cm .last-row ul li:first-child:after{
position: absolute;
right: 7px;
top: 6px;
content: '';
background: #fff;
width: 7px;
height: 7px;
border-radius: 50%;
opacity: 0.35;
}
.footer-cm .bottom-row .left-col .mobile-logo{
display:none;
}
.footer-cm .last-row .right-cont ul{
display:block;
}
.footer-cm .last-row .right-cont{
text-align:right;
}
.footer-cm .last-row .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
.footer-cm .last-row .right-cont ul li{
display:inline-block;
padding-right:20px;
opacity:1!important;
}
.footer-cm .last-row .right-cont ul li:after{
display:none;
}
.footer-cm .last-row .right-cont ul li a{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
color: #727171;
}
.footer-cm .last-row .right-cont ul li:last-child{
padding-right:0;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont a{
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
line-height: 36px;
}
@media(max-width:1024px){
.footer-cm .top-row .left-col .cta-container{
margin-bottom: 115px;  
}
.footer-cm .bottom-row .left-col ul li a{
padding-right:13px;
}
.footer-cm .bottom-row .right-col ul li:first-child {
padding-right: 10px;
}
.footer-cm .bottom-row .right-col ul li{
padding-right:3px;
}
.footer-cm .bottom-row .right-col ul li:last-child{
padding-right:0;
}
.footer-cm .bottom-row .right-col ul{
padding-left:0;
}
.footer-cm .logo-inner-cont {
margin-top: 195px;
}
}
@media(max-width:767px){
.footer-cm .top-row{
display:block;
}
.footer-cm .last-row .content-wrapper>.row-fluid {
display: block;
}
.footer-cm .last-row .right-cont {
text-align: center;
margin-top: 15px;
}
.footer-cm .top-row .left-col {
padding: 48px 0 44px;
}
.footer-cm .last-row .right-cont ul li{
font-size: 13px;
letter-spacing: -0.29px;
line-height: 21px;   
}
.footer-cm .top-row .left-col .cta-container a{
font-size: 35px;
letter-spacing: -1px;
line-height: 38px;
padding-right:60px;
}
.footer-cm .top-row .left-col .cta-container a:after{
width: 38px;
height: 39px;
top: 0px;
background-size: 16px;
right: 10px;
}
.footer-cm .top-row .left-col .cta-container {
margin-bottom: 5px;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont ul li a {
font-size: 21px;
letter-spacing: -0.6px;
line-height: 28px;
}
.footer-cm .top-row .right-col{
padding:0;
border-left:none;
position:relative; 
margin-top:15px;
}
.footer-cm .top-row .right-col:before{
position: absolute;
left: -22px;
right: -22px;
top: -26px;
content: '';
background: #434343;
width: auto;
height: 1px;
}
.footer-cm .top-row .right-col .top-row-cont{
display:block;
padding-bottom:20px;
}
.footer-cm .top-row .right-col .top-row-cont .subheading {
width: 100%;
margin-bottom:10px;
}
.footer-cm .logo-inner-cont {
margin-top: 72px;
}
.footer-cm .top-row .right-col .bottom-row-cont .link-container ul li a{
font-size: 21px;
letter-spacing: -0.6px;
line-height: 28px;
}
.footer-cm .top-row .right-col .bottom-row-cont{
display:flex;
padding-top:26px;
margin-top:32px;
}
.footer-cm .top-row .right-col .bottom-row-cont h6 {
width: 38%;
margin-bottom: 70px;
}
.footer-cm .bottom-row .content-wrapper>.row-fluid{
display:block;
}
.footer-cm .bottom-row .right-col {
text-align: left;
}
.footer-cm .top-row .right-col .bottom-row-cont:before{
height:1px;
}
.footer-cm .top-row .left-col .info-container .right-column{
display:none;  
}
.footer-cm .bottom-row .mobile-bottom-row .left-col{
width:70%;
}
.footer-cm .bottom-row .mobile-bottom-row .right-col{
width:30%;
text-align:right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.footer-cm .bottom-row {
padding: 15px 0 15px;
}
.footer-cm .top-row .left-col .heading{
margin-bottom:25px;
}
.footer-cm .top-row .right-col:after{
position: absolute;
left: -22px;
right: -22px;
bottom: -26px;
content: '';
background: #434343;
width: auto;
height: 1px;
}
.footer-cm .top-row .right-col .top-row-cont .menu-cont a {
font-size: 19px;
line-height: 27px;
letter-spacing: -0.22px;
}
.footer-cm .bottom-row ul li {
display: inline-block;
width: 100%;
}
.footer-cm .bottom-row .right-col ul{
padding-left:0;
}
.footer-cm .bottom-row .right-col ul li{
display:inline-block; 
width:auto;
}
.footer-cm .last-row ul li {
display: inline-block;
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
opacity:1!important;
}
.footer-cm .last-row ul{
text-align:center;
justify-content:center;
}
.footer-cm .last-row ul li img{
max-width:153px!important;
}
.footer-cm .last-row ul li:first-child:after{
top:6px;  
}
.footer-cm .bottom-row .right-col{
margin-top:9px;
}
.footer-cm .top-row .right-col:after {
left: 0px;
right: 0;
bottom: -198px;
}
.footer-cm .bottom-row .left-col{
padding-bottom: 25px;
border-bottom: 1px solid #434343;
margin-bottom: 27px;
}
.footer-cm .bottom-row .left-col .mobile-logo{
display: block;
margin-top: 0;
text-align: right;
position: relative;
top: -27px;
display:none;
}
.footer-cm .bottom-row .left-col ul li a {
font-size: 17px;
line-height: 25px;
transition: .3s all ease-in;
position: relative;
padding-bottom: 6px;
display: block;
}
.footer-cm .top-row .right-col:after{
display:none;
}
}
/***************** Header Mobile Responsive ***************************/
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
.mobile-trigger, .child-trigger{
display: none; /* Hide button on Desktop */
}
@media (max-width: 1024px){
   /* Set Mobile Menu Background Color */
      /* Set Link Color */
 /* Set Link Hover Color */
.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none; 
max-width: none;
width: 100%;
height: auto;
line-height: 1;  
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:#222d39;
box-sizing:border-box!important;
}
/* Toggle Button
========================================================================== */
.mobile-trigger{
display: inline-block !important; /* Show button on mobile */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: 23px!important;/* Position Button at right of screen  */
right: 10px;        /*******************************************/
width: auto; /* Button width */
height: auto; /* Button height */      
padding: 7px 10px 8px 10px;
background: transparent; /* Background color */
border: 0;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #222d39; 
}
.mobile-trigger:hover{
text-decoration: none; /* Removes link text underline on button */
color:#222d39;
}
/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:#222d39;
}
/* Toggle Button Icon
========================================================================== */
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 22px; /* Icon line width */
height: 1.76px; /* Icon line height */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #FFFFFF; /* Icon color */
display: inline-block;
}
.mobile-trigger i:before{
top: -7px;
left: 0px;
width: 24px;
}
.mobile-trigger i:after{
top: 7px;
left: 0px;
width: 24px;
}
.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
background-color: #FFFFFF; /* Icon color */
}
.mobile-trigger i{
width:24px;
}
/* Child Toggle Button
========================================================================== */
.child-trigger{
display: block !important;/* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 55px !important; /* Button width */
min-width: 55px !important;
height: 45px !important; /* Button height */  
padding: 0 !important;
border-left: 1px dotted transparent;
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
display:none!important;
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 10px; /* Icon line width */
height: 1px; /* Icon line height */
background-color:#000; /* Icon color */
display: block;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.child-trigger.child-open i{
}
/* Menu Styles on Mobile Devices
========================================================================== */  
.custom-menu-primary.js-enabled{
position: relative;
padding-top: 44px; /* Makes room for button */
margin: 10px 0 10px 0;
}
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}  
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */ 
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{
padding: 0;
margin: 0;
z-index: -1;
top: 0;
background: #191715;
position:absolute;
left: -10px;
right: -10px;
width: auto;
}
.custom-menu-primary .hs-menu-wrapper{
background-color:#fff; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-wrapper >  ul li a{
padding: 0 10px;
color:#222d39; /* link color set by global mobile-aColor variable */
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/*============================================================
HEADER Mobile Responsive
===========================================================*/
@media (max-width:1024px){
.custom-menu-primary .hs-menu-wrapper{
display:none;
}
.mobile-open .mobile-trigger {
background-color: transparent;
z-index:5;
}
.mobile-open .mobile-trigger i:after{
width:24px;
left:0;
}
.mobile-open .mobile-trigger i:before{
width:24px;
left:0;
}
.mobile-trigger i{
transition: all .5s ease-in;
}
.mobile-open .mobile-trigger i{
background:transparent;
transition: all .1s ease-in;
}
.mobile-trigger i:before,
.mobile-trigger i:after{
transition: all .3s ease-in;
}
.mobile-open .mobile-trigger i:before {
top: 0;
transform: rotate(45deg);
background:#ffffff;
}
.mobile-open .mobile-trigger i:after{
top: 0;
transform: rotate(-45deg);
background:#ffffff;
}
.custom-menu-primary.js-enabled{
position: absolute;
padding-top: 0;
margin: 10px 0 10px 0;
left: 0;
right: 0;
top: 0;
margin:0;
}
.custom-menu-primary .hs-menu-wrapper>ul li {
border-top: 0px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a {
text-indent: 10px;
font-size: 14px;
}
.custom-menu-primary .hs-menu-wrapper > ul li a {
padding: 0 20px;
color: #000;
font-size: 14px;
font-weight: 600;
line-height:38px;
}
}
@media(max-width:1024px){
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar {
width: 0px;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar-track {
box-shadow: none;
width:0px;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar-thumb {
background-color: transparent;
}
body.mobile-open{
overflow:hidden;
}
body.mobile-open .header{
position: fixed;
left: 0;
right: 0;
top: 0;
z-index:11;  
} 
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{
height: 100vh;
position: absolute;
overflow-y: scroll;
padding-bottom: 130px;
}
.header-cm .col-3{
display:none;
}
.header-cm .col-2{
width:100%;   
}
.header-cm .col-1{
width:100%;  
}
.header-cm .col-1 img{
max-width:200px!important;   
}
.custom-menu-primary .hs-menu-wrapper>ul li a{
color:#ffffff; 
font-size: 43px;
letter-spacing: -1.93px;
line-height: 47.4px;
font-weight:normal;
text-transform: inherit;
padding: 0 31px 22px;
}
.header-cm .col-2 ul li a:after{
display:none;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper ul{
padding-top:110px;   
}
body.mobile-open .header-cm .additional-text{
display:block;
position: absolute;
bottom: 20px;
width:100%;
}
.header-cm .additional-text h6{
color:#ffffff;
display:block; 
width:100%;
padding-left:0;
padding:0 31px;
}
.header-cm .additional-text h6:before{
left:auto;
right:31px;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper a.cta_button{
color:#ffffff; 
font-size: 43px;
letter-spacing: -1.93px;
line-height: 47.4px;
font-weight:normal;
text-transform: inherit;
padding: 0 31px 22px;
background:transparent;
border:none;
box-shadow:none;
}
.header-cm.fixed .content-wrapper{
position:relative;
background:transparent;
top:0;
padding:0 25px;
border-radius:0;
left:0;
right:0;
}
.header-cm.fixed .col-1 img {
max-width: 200px !important;
transition: .4s all ease-in;
}
}
@media(max-width:767px){
.header-cm .content-wrapper{
padding:0 17px;   
}
.mobile-trigger{
top: 26px !important;
right: 5px;  
}
.custom-menu-primary .hs-menu-wrapper>ul li a{
padding: 0 25px 22px;  
}
}
/***************** Work With Us Section1 Styling ******************/
.work-with-us-section1{
padding:142px 0 0px;
position:relative;
overflow:hidden;
}
.work-with-us-section1 .left-col{
padding-right: 35px;
width: 52.264957%;
padding-bottom:89px; 
}
.work-with-us-section1 .right-col{
position:absolute;
right:0;
top:109px;
width: 45.17094%;
border-left: 1px solid #191715;
}
.work-with-us-section1 .right-col .top-row{
height:598px;
}
.work-with-us-section1 .right-col .bottom-row{
float:left;
border-top: 1px solid #191715;
}
.work-with-us-section1 .left-col .subheading{
margin-bottom: 23px; 
}
.work-with-us-section1 .left-col .heading-container .line30{
height: 98px;
position: relative;
overflow: hidden;
width: 100%;
}
.work-with-us-section1 .left-col .heading-container .line30 span{
position:absolute;
}
.work-with-us-section1 .left-col .description .line31{
height: 30px;
position: relative;
overflow: hidden;
width: 100%;
}
.work-with-us-section1 .left-col .description .line31 span{
position:absolute;
margin-bottom:0;
font-size:19px;
letter-spacing: -0.42px;
line-height: 27px;
font-family:"neue-haas-unica-medium";
font-weight:500;
}
.work-with-us-section1 .form-container{
margin-top:50px;
}
.work-with-us-section1 .right-col .bottom-row{
padding:51.75px 46px 86px 65px; 
position:relative;
z-index:1;
width:100%;
height:100vh;
}
.work-with-us-section1 .right-col .bottom-row .overlay-image{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:-1;
width:100%;
height:100%;
}
.work-with-us-section1 .right-col .bottom-row .subheading h6:before{
background:#191715;
}
.work-with-us-section1 .right-col .bottom-row .subheading{
margin-bottom:35px;
}
.work-with-us-section1 .right-col .bottom-row .client-description{
margin-bottom:52px;
}
.work-with-us-section1 .right-col .bottom-row .client-info .left-column h6:before{
display:none;
}
.work-with-us-section1 .right-col .bottom-row .client-info .left-column h6{
padding-left:0; 
margin-bottom:0;
}
.work-with-us-section1 .right-col .bottom-row .client-info .left-column p{
font-size: 17px;
letter-spacing: -0.38px;
line-height: 23px; 
margin-bottom:0;
}
.work-with-us-section1 .right-col .bottom-row .client-info .right-column{
text-align:right;
}
.work-with-us-section1 .right-col .bottom-row .client-info{
display:flex;
align-items:center;
}
form .hs_what_is_the_type_of_your_project_ .input{
position:relative;
}
form .hs_what_is_the_type_of_your_project_ .input:after{
position:absolute;
right:0;
top:20px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Dropdown%20Arrow%20%284%29.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:16px;
height:20px;
}
form .hs_how_did_you_find_out_about_us_ .input{
position:relative;
}
form .hs_how_did_you_find_out_about_us_ .input:after{
position:absolute;
right:0;
top:20px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Dropdown%20Arrow%20%284%29.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:16px;
height:20px;
}
.work-with-us-section1 .form-container{
min-height:740px;
}
@media(max-width:1400px){
.work-with-us-section1 .left-col .heading-container .line30{
font-size: 75px;  
}
.work-with-us-section1 .left-col{
padding-right:15px;
}
}
@media(max-width:1300px){
.work-with-us-section1 .content-wrapper{
padding:0 25px;
}
.work-with-us-section1 .right-col .bottom-row .subheading {
margin-bottom: 5px;
}
}
@media(max-width:1270px){
.work-with-us-section1 .left-col{
padding-right:5px;
}
.work-with-us-section1 .right-col .bottom-row .client-description {
margin-bottom: 22px;
}
.work-with-us-section1 .left-col .heading-container .line30 {
font-size: 72px;
}
}
@media(max-width:1200px){
.work-with-us-section1 .right-col{
top: 91px;   
}
}
@media(max-width:1160px){
.work-with-us-section1 .left-col .heading-container .line30 {
font-size: 70px;
}
.work-with-us-section1 .right-col .bottom-row{
padding: 21.75px 26px 46px 26px;     
}
.work-with-us-section1 .left-col .subheading{
margin-bottom: 0;    
}
.work-with-us-section1 .form-container{
margin-top: 20px;  
}
.work-with-us-section1 .right-col{
top:91px;
}
.work-with-us-section1 .left-col .description .line31{
height:53px;
}
}
@media(max-width:1110px){
.work-with-us-section1 .right-col{
top:86px;
}
}
@media(max-width:1024px){
.work-with-us-section1 .left-col .heading-container .line30{
font-size: 56px;   
height:60px;
}
.work-with-us-section1 .left-col form .hs-form-booleancheckbox label{
display:flex;
}
.work-with-us-section1 .left-col form .hs-form-booleancheckbox label span{
width:90%;  
}
.work-with-us-section1 .left-col form .hs-form-booleancheckbox input[type="checkbox"]{
top:0px;
}
.work-with-us-section1 .right-col .top-row {
height: 448px;
}
.work-with-us-section1 .right-col{
top:79px;
}
}
@media(max-width:767px){
.work-with-us-section1 .right-col{
position:relative;
top:0;
width:100%;
}
.work-with-us-section1 .left-col {
width: 100%;
padding:0 23px 82px;
}
.work-with-us-section1 .left-col .heading-container .line30 {
font-size: 43px;
height: 46px;
line-height: 47.4px;
}
.work-with-us-section1{
padding: 107px 0 0px;  
}
.work-with-us-section1 .right-col .top-row{
display:none;
}
.work-with-us-section1 .content-wrapper{
padding:0;
}
.work-with-us-section1 .right-col .bottom-row .client-info{
display:block;
}
.work-with-us-section1 .right-col .bottom-row .client-info .right-column {
text-align: left;
margin-top: 32px;
}
.work-with-us-section1 .right-col .bottom-row {
padding: 44px 23px 65px 23px;
height:auto;
}
.work-with-us-section1 .right-col .bottom-row .subheading {
margin-bottom: 45px;
}
.work-with-us-section1 .right-col .bottom-row .client-info .left-column p {
font-size: 15.2px;
letter-spacing: -0.34px;
line-height: 21.6px;
}
.work-with-us-section1 .right-col .bottom-row .client-description {
margin-bottom: 32px;
}
}
/*************** Contact Banner Cm Styling ***************/
.contact-banner-cm{
padding:178px 0 37px;
}
.contact-banner-cm .line34{
height: 98px;
position: relative;
overflow: hidden;
width: 100%;
}
.contact-banner-cm .line34 span{
position:absolute;
}
@media(max-width:767px){
.contact-banner-cm .line34{
height: 47px;  
}
.contact-banner-cm {
padding: 142px 0 14px;
}
}
/**************** Contact Section1 Cm Styling ***************/
.contact-section1-cm{
position:relative;
overflow:hidden;
}
.contact-section1-cm .left-col{
padding:39px 0 83px;
width: 63.811966%;
}
.contact-section1-cm .right-col{
position:absolute;
top:0;
right:0;
width: 33%;
}
.contact-section1-cm .left-col .form-container{
max-width:648px;
margin:0 auto;
float:none;
}
.contact-section1-cm .left-col .subheading{
margin-bottom:10px;
}
.contact-section1-cm .right-col .top-row{
padding:39px 45px 290px;
}
.contact-section1-cm .right-col .bottom-row{
padding:44px 45px 60px;
position:relative;
height:100vh;
}
.contact-section1-cm .right-col h6:before{
background:#191715;
}
.contact-section1-cm .right-col .top-row .subheading{
margin-bottom: 23px;
}
.contact-section1-cm .right-col .bottom-row:before{
position:absolute;
left:0;
right:0;
top:0;
content:'';
background:#191715;
width:auto;
height:1px;
}
.contact-section1-cm .right-col .bottom-row .links-container{
display:flex;
align-items:center;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul li a{
font-size: 26px;
font-weight: 500;
letter-spacing: -0.58px;
line-height: 34px;
font-family: neue-haas-unica-medium;
transition:0.3s all ease-in;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul li a:hover{
color:#966C6E;
transition:0.3s all ease-in;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul{
display:block;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul li{
display:block;
}
.contact-section1-cm .right-col .bottom-row .subheading{
margin-bottom: 0px;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column{
width:60%;
}
.contact-section1-cm .right-col .bottom-row .links-container .right-column{
width:40%;
text-align:right;
}
.contact-section1-cm .right-col .top-row .contact-details a{
display:block;
transition:0.3s all ease-in;
}
.contact-section1-cm .right-col .top-row .contact-details a:hover{
color: #966C6E;
transition:0.3s all ease-in;
}
.contact-section1-cm .line38{
height: 43px;
position: relative;
overflow: hidden;
width: 100%;
}
.contact-section1-cm .line38 span{
position:absolute;
}
@media(max-width:1300px){
.contact-section1-cm .left-col{
width: 59.811966%; 
}
.contact-section1-cm .right-col {
width: 37%;
}
.contact-section1-cm .right-col .top-row {
padding: 39px 25px 290px;
}
.contact-section1-cm .right-col .bottom-row {
padding: 44px 25px 60px;
}
}
@media(max-width:1200px){
.contact-section1-cm .right-col .contact-details h4{
font-size:24px;  
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul li a{
font-size:24px;
}
}
@media(max-width:1024px){
.contact-section1-cm .right-col .top-row {
padding: 39px 25px 250px;
}
}
@media(max-width:767px){
.contact-section1-cm .left-col{
width:100%;
padding: 27px 22px 70px;
}
.contact-section1-cm .right-col {
width: 100%;
position: relative;
top: 0;
}
.contact-section1-cm .content-wrapper{
padding:0;
}
.contact-section1-cm .right-col .bottom-row {
padding: 30px 22px 30px;
height: auto;
}
.contact-section1-cm .right-col .links-container .right-column img{
max-width: 72px!important;  
}
.contact-section1-cm .right-col .contact-details h4 {
font-size: 21px;
}
.contact-section1-cm .right-col .top-row .subheading {
margin-bottom: 12px;
}
.contact-section1-cm .right-col .top-row {
padding: 30px 22px 30px;
}
.contact-section1-cm .right-col .bottom-row .links-container .left-column ul li a {
font-size: 21px;
line-height: 28px;
letter-spacing: -0.6px;
}
.contact-section1-cm h3.form-title{
display:none;
}
.contact-section1-cm .form-container form .hs-form-booleancheckbox label{
display:flex; 
}
.contact-section1-cm .form-container form .hs-form-booleancheckbox label span{
width:95%;   
}
.contact-section1-cm .form-container form .hs-form-booleancheckbox input[type="checkbox"]{
top: 8px;  
}
}
/*=================================================================
Services Page Styling 
==================================================================*/
/***************** Services Banner Cm Styling *********************/
.services-banner-cm{
padding:208px 0 65px;
position:relative;
z-index:1;
}
.services-banner-cm .description{
max-width:660px;
margin-top:40px;
}
.body-container--about .services-banner-cm .description{
max-width:856px;
margin-top:34px;
}
.body-container--about .services-banner-cm{
padding: 210px 0 75px;
}
.services-banner-cm .description p{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 27px;
}
.services-banner-cm .heading-container span{
margin-bottom:0;
position:absolute;
font-size: 92px;
font-weight: 500;
letter-spacing: -1.84px;
line-height: 91px;
color:#ffffff;
}
.services-banner-cm .overlay-gradient{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
z-index:-1;
height:100%;
opacity:0.2;
}
.services-banner-cm .line40{
height: 105px;
position: relative;
overflow: hidden;
width: 100%;
}
.services-banner-cm .mobile-heading{
display:none;
}
@media(max-width:1024px){
.services-banner-cm .line40{
height: 85px;  
}
.services-banner-cm {
padding: 158px 0 45px;
}
.body-container--about .services-banner-cm{
padding: 160px 0 55px;  
}
.services-banner-cm .line40 {
height: 70px;
}
.body-container--about .services-banner-cm .description{
margin-top:24px;
}
}
@media(max-width:767px){
.services-banner-cm .line40{
height: 60px;  
}
.services-banner-cm {
padding: 108px 0 30px;
}
.services-banner-cm .description {
max-width: 100%;
margin-top: 13px;
}
.body-container--about .services-banner-cm{
padding: 125px 0 30px;   
}
.body-container--about .services-banner-cm .description {
margin-top: 17px;
}
.services-banner-cm .mobile-heading{
display:block!important;
}
.services-banner-cm .desktop-heading{
display:none!important;
}
}
@media(max-width:530px){
.services-banner-cm .line40{
height: 100px;  
}
.services-banner-cm .heading-container{
max-width:332px;
}
}
/*************** Section Menu Links Cm Styling ******************/
.section-menu-links-cm ul li{
display:inline-block;
padding-right:50px;
}
.section-menu-links-cm ul li h6:before{
display:none;
}
.section-menu-links-cm ul li h6{
margin-bottom:0;
padding-left:0;
}
.section-menu-links-cm ul{
padding-left:0;
margin-bottom:0;
}
.section-menu-links-cm .right-col h6{
margin-bottom:0;
}
.section-menu-links-cm .right-col{
text-align:right;
}
.section-menu-links-cm{
padding: 8px 0 13px;
}
.section-menu-links-cm .mobile-container{
display:none;
}
@media(max-width:1024px){
.section-menu-links-cm ul li{
padding-right: 27px;  
}
}
@media(max-width:767px){
.section-menu-links-cm .mobile-container{
display:block;
}
.section-menu-links-cm .desktop-container{
display:none;
}
.section-menu-links-cm ul li{
display:block;
padding-right: 0;
padding-bottom: 10px;
}
.section-menu-links-cm .mobile-container .dropdown-heading:before{
right:0;
left:auto;
}
.section-menu-links-cm .mobile-container .dropdown-heading{
padding-left:34px; 
width:100%;
margin-bottom:3px;
transition:0.3s all ease-in;
}
.section-menu-links-cm .mobile-container .dropdown-heading i{
position: absolute;
width: 18px;
height: 2px;
background: #fff;
left: 3px;
top: 11px;
}
.section-menu-links-cm .mobile-container .dropdown-heading i:before{
position: absolute;
left: 1px;
top: -6px;
content: '';
background: #fff;
width: 8px;
height: 2px;
}
.section-menu-links-cm .mobile-container .dropdown-heading i:after{
position: absolute;
left: 5px;
bottom: -6px;
content: '';
background: #fff;
width: 11px;
height: 2px;
}
.section-menu-links-cm .mobile-container .dropdown-content{
display:none;
padding-top:15px;
}
.section-menu-links-cm .mobile-container .close-dropdown-heading{
display:none;
margin-bottom:3px;
width:100%;
padding-left:34px;
transition:0.3s all ease-in;
}
.section-menu-links-cm .mobile-container .close-dropdown-heading i{
background: transparent;
transition: all .1s ease-in;
width: 22px;
height: 2px;
display: inline-block;
position: absolute;
top: 11px;
left: 0;
}
.section-menu-links-cm .mobile-container .close-dropdown-heading i:before{
top: 0;
transform: rotate(45deg);
background: #fff; 
width: 22px;
left: 0; 
height: 2px;
position: absolute;
content: '';
}
.section-menu-links-cm .mobile-container .close-dropdown-heading i:after{
top: 0;
transform: rotate(-45deg);
background: #fff; 
background: #fff; 
width: 22px;
left: 0; 
height: 2px;
position: absolute;
content: '';  
}
.section-menu-links-cm .mobile-container .close-dropdown-heading:before{
right:0;
left:auto;
}
.section-menu-links-cm .mobile-container .dropdown-heading.hide-heading{
display:none;
}
}
/*************** Image Text Content Cm Styling *******************/
.image-text-content-cm{
padding:39px 0 44px;
}
.image-text-content-cm .subheading{
border-top: 1px solid #191715;
padding-top:24px;
margin-bottom:23px;
}
.image-text-content-cm .left-col .heading-container h2{
margin-bottom:0;
}
.image-text-content-cm .left-col .cta-container{
margin-top: 37px;
}
.image-text-content-cm .image-container{
height: 490px;
margin-top: 77px;
position: absolute;
bottom: 40px;
left: 0;
right: 33px;
overflow:hidden;
}
.image-text-content-cm .image-container img{
height: 100%;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.image-text-content-cm .right-col .two-col-container span{
display:flex;
flex-wrap:wrap;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper{
width:48%;
margin-right:4%;
margin-bottom:15px;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper .number h6{
padding-left:0;
margin-bottom:3px;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper .number h6:before{
display:none;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper .content-heading h3{
margin-bottom:13px;
}
.image-text-content-cm .left-col{
padding-right: 33px;
position:relative;
}
.image-text-content-cm .cm-cont{
display:flex;
}
.image-text-content-cm .left-col .line41{
height: 65px;
position: relative;
overflow: hidden;
width: 100%;
}
.image-text-content-cm .left-col .line41 span{
position:absolute;
}
.image-text-content-cm .mobile-image-container{
display:none;
}
@media(max-width:1024px){
.image-text-content-cm .image-container{
position: relative;
bottom: 0;
left: 0;
right: 0;   
}
.image-text-content-cm .left-col{
padding-right:13px;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper{
margin-bottom:5px;
}
.image-text-content-cm {
padding: 39px 0 14px;
}
}
@media(max-width:767px){
.image-text-content-cm .cm-cont{
display: block; 
}
.image-text-content-cm .left-col {
padding-right: 0;
}
.image-text-content-cm {
padding: 27px 0 27px;
}
.image-text-content-cm .subheading{
margin-bottom: 16px; 
padding-top:11px;
} 
.image-text-content-cm .left-col .cta-container {
margin-top: 30px;
}
.image-text-content-cm .right-col .two-col-container span{
display:block;
}
.image-text-content-cm .right-col .two-col-container span>.hs_cos_wrapper {
margin-bottom: 5px;
width: 100%;
margin-right: 0;
}
.image-text-content-cm .mobile-image-container{
display:block;
height:302px;
margin-top:40px;
}
.image-text-content-cm .mobile-image-container img{
width:100%;
height:100%!important;
object-fit:cover;
transform-origin: left;
}
.image-text-content-cm .left-col {
padding-right: 0;
margin-bottom: 33px;
}
.image-text-content-cm .left-col .image-container{
display:none;
}
}
/****************** Hubspot Partner Cm Styling *******************/
.hubspot-partner-cm-section{
position:relative;
z-index:1;
padding:38px 0 90px;
}
.hubspot-partner-cm-section .hubspot-socket{
position:absolute;
right:0;
top:0;
z-index:-1;
max-width:469px;
float:right;
}
.hubspot-partner-cm-section .subheading{
border-top: 1px solid #FFFFFF;
padding-top:24px;
margin-bottom:26px;
width:100%;
}
.hubspot-partner-cm-section .heading h2{
margin-bottom:0;
}
.hubspot-partner-cm-section .heading .line45{
height: 65px;
position: relative;
overflow: hidden;
width: 100%;
}
.hubspot-partner-cm-section .heading .line45 h2{
position:absolute;
}
.hubspot-partner-cm-section .cta-cont{
margin-top: 40px;
margin-bottom: 68px;
}
.hubspot-partner-cm-section .right-col{
margin-top: 30px;
}

.hubspot-partner-cm-section .three-col-container span{
display:flex;
flex-wrap:wrap;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper{
width:31%;
margin-right:3%;
margin-bottom:26px;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper .secondary_paragraph p{
color:#ffffff;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper .number h6{
padding-left:0;
margin-bottom: 8px;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper .number h6:before{
display:none;
}
.hubspot-partner-cm-section .three-col-container .content-heading h3{
margin-bottom:15px;
min-height:86px;
}
@media(max-width:1024px){
.hubspot-partner-cm-section .heading .line45{
height: 53px;  
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper{
margin-bottom: 10px;     
}
.hubspot-partner-cm-section{
padding: 38px 0 50px;  
}
}
@media(max-width:767px){
.hubspot-partner-cm-section{
padding: 29px 0 55px;
}
.hubspot-partner-cm-section .subheading{
padding-top: 11px;
margin-bottom: 15px; 
}
.hubspot-partner-cm-section .heading .line45 {
height: 40px;
}
.hubspot-partner-cm-section .cta-cont {
margin-top: 25px;
margin-bottom: 36px;
}
.hubspot-partner-cm-section .right-col {
margin-top: 30px;
max-width: 155px;
margin-bottom: 32px;
}
.hubspot-partner-cm-section .three-col-container span{
display:block;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper{
width:100%;
margin-bottom: 23px;
}
.hubspot-partner-cm-section .three-col-container span>.hs_cos_wrapper .secondary_paragraph p{
font-size: 18px;
letter-spacing: -0.4px;
line-height: 25px;  
}
.hubspot-partner-cm-section .three-col-container .content-heading h3 {
min-height: auto;
}
}
/****************** Our Values Cm Styling *********************/
.our-values-cm{
padding:38px 0 90px;
}
.our-values-cm .subheading{
border-top:1px solid #191715;
padding-top:24px;
margin-bottom:45px;
}
.our-values-cm .left-col{
padding-right: 100px;
}
.our-values-cm .left-col .heading{
margin-bottom: 56px;
}
.our-values-cm .left-col .cta-container{
margin-top:50px;
}
.our-values-cm .right-col .image-container{
position:relative;
}
.our-values-cm .right-col .image-container .image-1{
overflow: hidden;
width: 100%;
height: 148px;
position: relative;
max-width: 169px;
left: -90px;
margin-top: 20px;
}
.our-values-cm .right-col .image-container .image-1 img{
object-fit: cover;
transform-origin: left;
height: 100%;
}
.our-values-cm .right-col .image-container .image-2{
overflow: hidden;
width: 100%;
height: 469px;
position: relative;
max-width: 423px;
float: right;
margin-top: -78px;
}
.our-values-cm .right-col .image-container .image-2 img{
object-fit: cover;
transform-origin: left;
height: 100%;
}
.our-values-cm .right-col .image-container .image-3{
overflow: hidden;
width: 100%;
height: 246px;
position: relative;
max-width: 340px;
margin-top: -140px;
left: -80px;
float: left;
}
.our-values-cm .right-col .image-container .image-3 img{
object-fit: cover;
transform-origin: left;
height: 100%;
}
.home3-sect4-cm.our-values-cm .subheading { border-top:0; padding-top:0px;}
.home3-sect4-border{border-top: 1px solid #191715; padding-top: 24px;}
@media(max-width:1024px){
.our-values-cm .subheading{
margin-bottom: 20px;   
}
.our-values-cm .left-col .heading {
margin-bottom: 25px;
}
.our-values-cm .left-col .cta-container {
margin-top: 30px;
}
.our-values-cm {
padding: 38px 0 20px;
}
}
@media(max-width:767px){
.our-values-cm{
padding: 27px 0 16px; 
}
.our-values-cm .subheading{
padding-top: 10px;  
}
.our-values-cm .left-col {
padding-right: 0;
}
.our-values-cm .left-col .heading {
margin-bottom: 35px;
}
.our-values-cm .left-col .cta-container {
margin-top: 49px;
}
.our-values-cm .right-col .image-container .image-2{
height: 248px;
max-width: 224px;
margin-top:-41px;
}
.our-values-cm .right-col .image-container .image-1 {
height: 78px;
max-width: 89px;
left: 0;
margin-top: 70px;
}
.our-values-cm .right-col .image-container .image-3 {
height: 130px;
max-width: 180px;
left: 0;
margin-top:-80px;
}
}
/***************** Single Logo Cm ***********************/
.single-logo-cm{
padding:60px 0 0px;
}
.single-logo-cm .logo-container{
border-top: 1px solid #191715;
padding: 90px 0 74px;
text-align:center;
}
@media(max-width:1180px){
.single-logo-cm .logo-container .inner-container{
width: 100%;
overflow:visible;
}
.single-logo-cm .logo-container .inner-container img{
width: 100%;
height: auto;  
}
}
@media(max-width:1024px){
.single-logo-cm .logo-container{
padding: 70px 0 50px;  
}
}
@media(max-width:767px){
.single-logo-cm .logo-container {
padding: 40px 0 0px;
}
.single-logo-cm .logo-container .inner-container{
height:77px;
}
}
/***************** Clients Cm Styling ****************/
.clients-cm{
padding:44px 0 80px;
}
.clients-cm h6:before {
background:#ffffff; 
}
.clients-cm .subheading{
border-top: 1px solid rgb(67,67,67,68%);
padding-top:24px;
}
.clients-cm .heading-container{
max-width:951px;
margin-top:29px;
margin-bottom:80px;
}
.clients-cm .logo-container ul{
padding-left:0;
}
.clients-cm .logo-container ul li{
display: block;
padding-bottom: 50px;
width: 20%;
float: left;
}
@media(max-width:1024px){
.clients-cm .heading-container{
margin-top: 20px;
margin-bottom: 40px;  
}
.clients-cm .logo-container ul li {
padding-bottom: 20px;
width: 25%;
}
.clients-cm {
padding: 44px 0 50px;
}
}
@media(max-width:767px){
.clients-cm {
padding: 27px 0 60px;
}
.clients-cm .subheading{
padding-top: 14px;  
}
.clients-cm .heading-container {
margin-top: 15px;
margin-bottom: 50px;
}
.clients-cm .logo-container ul li {
padding-bottom: 10px;
width: 50%;
}
}
/********************* Animating Numbers Cm ********************/
.animating-numbers-cm .content-wrapper>.row-fluid{
padding:60px 0 60px;
border-top: 1px solid #FFFFFF;
}
.animating-numbers-cm .right-col .number span.count{
font-size: 91px;
font-weight: bold;
letter-spacing: -3.3px;
line-height: 98px;
color: #DCDAFF;
font-family:"neue-haas-unica-semibold";
}
.animating-numbers-cm .right-col .number .math-symbol{
font-size: 91px;
font-weight: bold;
letter-spacing: -3.3px;
line-height: 98px;
color: #DCDAFF;
font-family:"neue-haas-unica-semibold";
}
.animating-numbers-cm .right-col .four-col-container span{
display:flex;
flex-wrap:wrap;
}
.animating-numbers-cm .right-col .four-col-container span>.hs_cos_wrapper{
width:23%;
margin-right:2%;
}
.animating-numbers-cm .right-col .four-col-container span>.hs_cos_wrapper:nth-child(4n){
margin-right:0;
}
.animating-numbers-cm .right-col .number{
display:flex;
}
.animating-numbers-cm .left-col h3{
max-width:375px;
}
.animating-numbers-cm .right-col{
position: relative;
margin-top: -20px;
}
@media(max-width:1180px){
.animating-numbers-cm .right-col .number span.count{
font-size: 73px;  
}
.animating-numbers-cm .right-col .number .math-symbol{
font-size: 73px;   
}
}
@media(max-width:1024px){
.animating-numbers-cm .right-col .number span.count{
font-size: 63px;
line-height: 80px;  
}
.animating-numbers-cm .right-col .number .math-symbol {
font-size: 63px;
line-height: 80px;
}
.animating-numbers-cm .right-col .four-col-container span>.hs_cos_wrapper{
width: 48%;
margin-right: 4%;  
}
.animating-numbers-cm .right-col .four-col-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0; 
}
}
@media(max-width:767px){
.animating-numbers-cm .content-wrapper>.row-fluid{
padding: 40px 0 50px;  
}
.animating-numbers-cm .left-col{
margin-bottom: 40px;  
}
.animating-numbers-cm .right-col .number span.count{
font-size: 51px;
line-height: 70px;   
}
.animating-numbers-cm .right-col .number .math-symbol {
font-size: 51px;
line-height: 70px;
padding-left: 2px;
}
}
/****************** Our Work Slider Cm Styling *******************/
.our-work-slider-cm .slide-count-wrap {
position: absolute;
bottom: -45px;
padding: 0 60px;
left: 5px;
}
.our-work-slider-cm .slider-cont {
position: relative;
}
.our-work-slider-cm .slide-count-wrap .current {
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
position: relative;
color:#ffffff;
}
.our-work-slider-cm .slide-count-wrap .total {
font-size: 17px;
font-weight: 500;
letter-spacing: -0.38px;
line-height: 23px;
padding-left: 20px;
color:#ffffff;
}
.our-work-slider-cm .slide-count-wrap .current:after {
position: absolute;
content: "/";
color: #fff;
font-weight: 400;
margin-left: 5px;
top: 2px;
left: 12px;
}
.our-work-slider-cm button.slick-prev.slick-arrow {
position: absolute;
font-size: 0;
background-color: transparent;
box-shadow: none;
left: .5%;
bottom:0;
border: 0;
width: 28px;
height: 22px;
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Pink%20Arrow%20Left.svg) no-repeat;
cursor: pointer;
z-index: 2;
outline: 0;
}
.our-work-slider-cm button.slick-next.slick-arrow {
position: absolute;
font-size: 0;
background-color: transparent;
box-shadow: none;
right: 0;
bottom:0;
border: 0;
width: 28px;
height: 22px;
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Pink%20Arrow%20Right.svg) no-repeat;
cursor: pointer;
outline: 0;
z-index: 2;
}
.our-work-slider-cm .right-col .description{
max-width: 630px;
}
.our-work-slider-cm .right-col .subheading{
margin-bottom:33px;
}
.our-work-slider-cm .right-col .info-container .name h6{
margin-bottom:0;
padding-left:0;
}
.our-work-slider-cm .right-col .info-container .designation p{
font-size: 15.2px;
letter-spacing: -0.34px;
line-height: 21.6px;
font-weight:normal;
}

.our-work-slider-cm .right-col .info-container .name h6:before{
display:none;
}

.our-work-slider-cm .right-col .info-container{
/*margin-top:230px;*/
margin-top:53px;
}
.our-work-slider-cm .right-col{
padding: 39px 35px 104px;
border-top:1px solid #ffffff;
}
@media(max-width:1024px){
.our-work-slider-cm .right-col .info-container{
margin-top: 40px;  
}
}
@media(max-width:767px){
.our-work-slider-cm .right-col{
border-top:none;
padding: 27px 20px 90px;
}
.our-work-slider-cm .right-col .subheading{
border-top:1px solid #ffffff;
padding-top: 13px;  
margin-bottom: 20px;
}
.our-work-slider-cm .right-col .info-container {
margin-top: 80px;
}
}
/******************** Thankyou Cm Styling ******************/
.thankyou-cm{
padding:238px 0 72px;
text-align:center;
overflow:hidden;
}
.thankyou-cm .description{
max-width:649px;
margin:30px auto 30px;
float:none;
}
.thankyou-cm .bottom-row{
margin-top:113px;
}
.thankyou-cm .cta-container a.cta_button{
padding: 16px 38px 16px 76px;
}
.thankyou-cm .cta-container a.cta_button:before{
position:absolute;
left: 34px;
top: 10px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Party%20Icon.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:27px;
height:27px;
}
.thankyou-cm .cta-container{
margin-top: 45px;
}
.thankyou-cm .line65{
height: 105px;
position: relative;
overflow: hidden;
width: 100%;
}
.thankyou-cm .line65 h1{
position:absolute;
left:0;
right:0;
}
@media(max-width:1024px){
.thankyou-cm .line65{
height: 78px;   
}
.thankyou-cm {
padding: 185px 0 72px;
}
}
@media(max-width:767px){
.thankyou-cm {
padding: 125px 0 65px;
}
.thankyou-cm .line65 {
height: 52px;
}
.thankyou-cm .description {
max-width: 649px;
margin: 20px auto 20px;
}
.thankyou-cm .cta-container {
margin-top: 35px;
}
.thankyou-cm .bottom-row {
margin-top: 53px;
}
}
/***************** Error Cm Styling ******************/
.error-cm{
padding:165px 0 62px;
overflow:hidden;
}
.error-cm .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
.error-cm .left-col{
text-align:center;
}
.error-cm .left-col .heading{
position: relative;
overflow: hidden;
width: 100%;
height:133px;
}
.error-cm .left-col .heading h1{
font-size: 141.5px;
font-weight: bold;
letter-spacing: -3.7px;
line-height: 83.5px;
margin-bottom:50px;
position:absolute;
left:0;
right:0;
}
.error-cm .left-col .cta-container{
margin-top:37px;
}
.error-cm .right-col .image-container{
position:relative;
}
.error-cm .right-col .image-container .image1{
overflow: hidden;
width: 100%;
height: 515px;
position: relative;
max-width:450px;
float:right;
}
.error-cm .right-col .image-container .image1 img{
object-fit: cover;
transform-origin: left;
height: 100%;
}
.error-cm .right-col .image-container .image2{
overflow: hidden;
width: 100%;
height: 554px;
position: relative;
max-width: 484px;
margin-top: -450px;
float: left;
}
.error-cm .right-col .image-container .image1 img{
object-fit: cover;
transform-origin: left;
height: 100%;
}
@media(max-width:1200px){
.error-cm .right-col .image-container .image2{
height: 554px;
margin-top: -400px;
left: -60px;
max-width:424px;
}
.error-cm .right-col .image-container .image1{
max-width: 390px; 
}
}
@media(max-width:1100px){
.error-cm .right-col .image-container .image2{
left: -20px;  
}
}
@media(max-width:1024px){
.error-cm .right-col .image-container .image1 {
max-width: 270px;
}
.error-cm .right-col .image-container .image2{
max-width: 284px;  
margin-top: -330px;
height:300px;
}
}
@media(max-width:767px){
.error-cm .content-wrapper>.row-fluid{
display:block;
}
.error-cm .left-col .cta-container {
margin-top: 27px;
}
.error-cm .left-col{
margin-bottom:60px;   
}
.error-cm .right-col .image-container .image1 {
max-width: 227px;
height: 259px;
}
.error-cm .right-col .image-container .image2 {
max-width: 244px;
margin-top: -224px;
height: 279px;
left: 0;
}
.error-cm {
padding: 165px 0 66px;
}
.error-cm .right-col .image-container{
max-width: 400px;
margin: 0 auto;  
}
}
/************** Meetings Cm Styling **********************/
.meetings-cm .heading-container{
text-align:center;
margin-bottom:30px;
}
.meetings-cm{
padding:150px 0 0px;
}
.meetings-cm .heading-container .line80{
height: 104px;
position: relative;
overflow: hidden;
width: 100%;
}
.meetings-cm .heading-container .line80 span{
position:absolute;
left:0;
right:0;
}
@media(max-width:1024px){
.meetings-cm .heading-container .line80{
height:70px;   
}
}
@media(max-width:767px){
.meetings-cm .heading-container .line80{
height:47px;   
}
.meetings-cm {
padding: 120px 0 0px;
}
}
/**************** Hubspot Website Grader Styling *****************/
body .hubspot-grader-form-container .hs-form .hs-button {
white-space: inherit;
height: 52px;
background: #000000;
border: none;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
display: inline-block;
position: relative;
top: -17px;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
}
.website-grader-cm{
padding:150px 0 100px;
border:10px solid #FE7A59;
}
.website-grader-cm .logo{
text-align:center;
margin-bottom:20px;
}
body .hubspot-grader-form-container{
margin:0;
max-width:100%;
padding:0;
}
body .hubspot-grader-form-container .hubspot-grader-form__header .title{
font-size: 91px;
font-weight: 400;
letter-spacing: -3.3px;
line-height: 98px;
color: rgba(32,32,32,1.0);
font-family: neue-haas-unica-normal;
}
body .hubspot-grader-form-container .hubspot-grader-form__header h2.subtitle{
font-size: 21px;
letter-spacing: -0.57px;
line-height: 30px;
}
body .hubspot-grader-form-container form{
max-width:424px!important;
margin:0 auto;
float:none;
}
body .hubspot-grader-form-container .hs-input{
border-color: rgba(32,32,32,1.0)!important;
background-color: transparent!important;
border-radius: 0px!important;
border: 0!important;
border-bottom: 1px solid rgba(32,32,32,0.2)!important;
font-family: neue-haas-unica-normal!important;
background-color: #FFF!important;
border-radius: 0px!important;
display: inline-block!important; 
width: 100%!important;
font-size: 19px!important;
letter-spacing: -0.4px!important;
line-height: 28px!important;
padding: 13px 0!important;
height: 55px!important;
}
body .hubspot-grader-form-container .hs-input::placeholder{
font-size: 19px!important;
letter-spacing: -0.4px!important;
line-height: 28px!important;
color: #757575!important;
font-family: neue-haas-unica-normal!important;
}
body .dnd-section .hubspot-grader-form-container form input[type="checkbox"]{
width: 24px !important;
height: 24px !important;
border: 2px solid #191715 !important;
background-color: #fff !important;
border-radius: 0!important;
appearance:none!important;
padding: 0!important;
position: relative;
}
body .dnd-section .hubspot-grader-form-container form input[type="checkbox"]:checked:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 0px;
left: 0px;
right:0;
bottom:0;
background:#191715;
transform:rotate(0);
}
body .hubspot-grader-form-container form .hs-form-booleancheckbox label span{
font-size: 13px!important;
letter-spacing: -0.27px!important;
line-height: 17px!important;
color: #191715!important;
font-family: neue-haas-unica-normal!important;
width: 92%;
padding-left: 10px;
}
body .hubspot-grader-form-container form .hs-form-booleancheckbox label{
flex-wrap: wrap;
width: 100%;
display:flex;
}
/**************** Hubspot Website Grader Styling *****************/
body .hubspot-grader-form-container .hs-form .hs-button {
white-space: inherit;
height: 52px;
background: #000000;
border: none;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
display: inline-block;
position: relative;
top: -17px;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
padding-left:29px;
padding-right:29px;
}
body .hubspot-grader-form-container .hs-form .hs-button:hover{
font-size: 15px!important;
font-weight: bold!important;
letter-spacing: 0!important;
line-height: 18px!important;
padding-left:29px!important;
padding-right:29px!important;
background-color: rgba(63, 63, 63, 1.0)!important;
}
.website-grader-cm{
padding:180px 0 60px;
border:10px solid #FE7A59;
position:relative; 
z-index:1;
}
.website-grader-cm:after{
position:absolute;
right:0;
top:40px; 
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Branding/Logo%20Files/34_Icon.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:625px;
height:450px;
opacity:0.03;
z-index:-1;
}
.website-grader-cm .logo{
text-align:center;
margin-bottom:20px;
}
body .hubspot-grader-form-container{
margin:0;
max-width:100%;
padding:0;
}
body .hubspot-grader-form-container .hubspot-grader-form__header .title{
font-size: 91px;
font-weight: 400;
letter-spacing: -3.3px;
line-height: 98px;
color: rgba(32,32,32,1.0);
font-family: neue-haas-unica-normal;
margin-bottom:20px;
}
body .hubspot-grader-form-container .hubspot-grader-form__header h2.subtitle{
font-size: 21px;
letter-spacing: -0.57px;
line-height: 30px;
margin-bottom:45px;
}
body .hubspot-grader-form-container form{
max-width:424px!important;
margin:0 auto;
float:none;
}
body .hubspot-grader-form-container .hs-input{
border-color: rgba(32,32,32,1.0)!important;
background-color: transparent!important;
border-radius: 0px!important;
border: 0!important;
border-bottom: 2px solid rgba(32,32,32,1.0)!important;
font-family: neue-haas-unica-normal!important;
background-color: #FFF!important;
border-radius: 0px!important;
display: inline-block!important;
width: 100%!important;
font-size: 19px!important;
letter-spacing: -0.4px!important;
line-height: 28px!important;
padding: 13px 0!important;
height: 55px!important;
}
body .hubspot-grader-form-container .hs-input::placeholder{
font-size: 19px!important;
letter-spacing: -0.4px!important;
line-height: 28px!important;
color: #757575!important;
font-family: neue-haas-unica-normal!important;
}
body .dnd-section .hubspot-grader-form-container form input[type="checkbox"]{
width: 24px !important;
height: 24px !important;
border: 2px solid #191715 !important;
background-color: #fff !important;
border-radius: 0!important;
appearance:none!important;
}
body .dnd-section .hubspot-grader-form-container form input[type="checkbox"]:checked:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 0px;
left: 0px;
right:0;
bottom:0;
background:#DCDAFF;
transform:rotate(0);
}
body .hubspot-grader-form-container form .hs-form-booleancheckbox label span{
font-size: 13px!important;
letter-spacing: -0.27px!important;
line-height: 17px!important;
color: #191715!important;
font-family: neue-haas-unica-normal!important;
width: 92%;
padding-left: 10px;
}
body .hubspot-grader-form-container form .hs-form-booleancheckbox label{
display:flex;
}
body .hubspot-grader-form__powered-by{
font-size: 17px!important;
letter-spacing: -0.38px!important;
line-height: 23px!important;
text-align: center!important;
color: #191715!important;
opacity: 0.36!important;
font-family: neue-haas-unica-normal!important;
margin-top:10px;
}
body .hubspot-grader-form-container .hs_submit{
text-align:center!important;
}
@media(max-width:1024px){
body .hubspot-grader-form-container .hubspot-grader-form__header .title{
font-size: 70px;
line-height: 76px;
}
}
@media(max-width:767px){
.website-grader-cm .logo{
max-width: 98px!important;
margin: 0 auto 10px;
float: none; 
}
.website-grader-cm{
padding: 100px 0 40px; 
position:relative;
}
body .hubspot-grader-form-container .hubspot-grader-form__header .title {
font-size: 43px;
line-height: 47.4px;
}
body .hubspot-grader-form-container .hubspot-grader-form__header .title{
margin-bottom:10px;
}
.website-grader-cm:before{
position:absolute;
left:0;
right:0;
top:66px;
content:'';
background:#191715;
width:auto;
height:1px;
}
.website-grader-cm:after{
display:none;
}
body .hubspot-grader-form-container .hubspot-grader-form__header h2.subtitle {
font-size: 18px;
letter-spacing: -0.57px;
line-height: 25px;
margin-bottom: 25px;
}
body .hubspot-grader-form-container form .hs-form-booleancheckbox label span{
width:90%;
}
}
.privacy-policy-cm{
padding:200px 0 145px;
}
.privacy-policy-cm .content-wrapper>.row-fluid{
max-width:878px;
margin:0 auto;
float:none;
}
.privacy-policy-cm h2{
margin-top:50px;
margin-bottom:25px;
}
@media(max-width:1024px){
.privacy-policy-cm {
padding: 150px 0 95px;
}
}
@media(max-width:767px){
.privacy-policy-cm {
padding: 130px 0 65px;
position:relative;
}
.privacy-policy-cm:before{
position:absolute;
left:0;
right:0;
top:78px;
content:'';
background:#191715;
width:auto;
height:1px;  
}
.privacy-policy-cm h2{
margin-top: 40px;  
}
}
/*************** Blog Recent Post Section *****************/
.recent-post-section{
padding:146px 0 40px;
}
.recent-post-section .subheading{
margin-bottom:10px;
}
.recent-post-section .post-listing .post-item-cont:first-child{
width:57.3%;
margin-right:2%;
float:left;
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.recent-post-section .post-listing .post-item-cont:first-child .hs-featured-image-wrapper{
height:366px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container{
background-color: #070331;
padding:28px 31px 0px;
box-sizing:border-box;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-cont2{
background-color: #070331;
padding:0px 31px 27px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-cont2 *{
color:#ffffff;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container h4{
font-size: 37px;
font-weight: 500;
letter-spacing: -0.42px;
line-height: 43px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container .description-container p{
font-size: 17px;
letter-spacing: -0.38px;
line-height: 23px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container .description-container{
margin-top:30px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container *{
color:#ffffff;
}
.recent-post-section .post-listing .post-item-cont{
width:40.7%;
margin-right:0;
float:left;
}
.recent-post-section .post-listing .post-item-cont .text-container{
margin-left:0;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont{
display:flex;
margin-top:20px;
width:100%;
}
.recent-post-section .post-listing .post-item-cont:nth-child(1) .tag-date-cont{
margin-top:33px;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .topic-container a{
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-transform:uppercase;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .topic-container{
width:50%;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .date-container{
width:50%;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .date-container .blog-post__timestamp{
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-align:right;
}
.recent-post-section .post-listing .post-item-cont .text-container .description-container{
display:none;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container .description-container{
display:block;
}
.recent-post-section .post-listing .post-item-cont .recent-post-container>.row-fluid-wrapper>.row-fluid{
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap;
}
.recent-post-section .post-listing .post-item-cont:first-child .recent-post-container>.row-fluid-wrapper>.row-fluid{
display:block;
}
.recent-post-section .post-listing .post-item-cont .hs-featured-image-wrapper{
height:127px;
}
.recent-post-section .post-listing .post-item-cont .text-cont2{
flex-direction:column!important;
}
.recent-post-section .post-listing .post-item-cont .text-container{
width:69%;
padding-right:20px;
}
.recent-post-section .post-listing .post-item-cont .featured-image{
width:31%;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container{
width:100%;
padding-right:31px;
}
.recent-post-section .post-listing .post-item-cont:first-child .featured-image{
width:100%;
}
.recent-post-section .post-listing .post-item-cont{
margin-bottom:33px;
padding-bottom:20px;
border-bottom: 1px solid #191715;
transition:0.3s all ease-in-out;
}
.recent-post-section .post-listing .post-item-cont:nth-child(2){
border-top: 1px solid #191715;
padding-top:30px;
}
.recent-post-section .post-listing .post-item-cont:hover .text-container a{
text-decoration:underline;
transition:0.3s all ease-in-out;
}
.recent-post-section .post-listing .post-item-cont .text-container a{
color: rgba(32,32,32,1.0);
}
.hs-blog-listing .black-header-cm{
border-bottom:none;
}
@media(max-width:1024px){
.recent-post-section{
padding: 116px 0 40px;     
}
}
@media(max-width:767px){
.recent-post-section .post-listing .post-item-cont:first-child .hs-featured-image-wrapper {
height: 178px;
max-width:100%;
}
.recent-post-section .post-listing .post-item-cont:first-child{
width:100%;
margin-right:0;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container {
padding-right: 23px;
padding: 19px 23px 9px;
float:left;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container h4 {
font-size: 26px;
letter-spacing: -0.7px;
line-height: 31px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-container .description-container {
margin-top: 20px;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .topic-container a{
font-size:14px;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont .date-container .blog-post__timestamp{
font-size:14px;
}
.recent-post-section .post-listing .post-item-cont:nth-child(1) .tag-date-cont {
margin-top: 8px;
}
.recent-post-section .post-listing .post-item-cont:first-child .text-cont2 {
padding: 0px 23px 22px;
}
.recent-post-section .post-listing .post-item-cont{
width:100%;
margin-right:0;
padding-bottom:11px;
}
.recent-post-section .post-listing .post-item-cont .hs-featured-image-wrapper {
height: 67px;
max-width:67px;
width:100%;
float:right;
}
.recent-post-section .post-listing .post-item-cont .featured-image {
width: 21%;
}
.recent-post-section .post-listing .post-item-cont .text-container {
width: 79%;
padding-right: 20px;
}
.recent-post-section .post-listing .post-item-cont .tag-date-cont{
margin-top:8px;
}
.recent-post-section{
padding: 104px 0 20px;   
}
}
/***************** Blog Listing Section Styling ********************/
.blog-listing-section{
padding:80px 0 67px;
}
.blog-listing-section .left-col h2{
font-size: 54px;
font-weight: 500;
letter-spacing: -2.2px;
line-height: 59px;
}
.blog-listing-section .post-listing .post-item-cont{
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
padding-bottom: 32px;
margin-bottom: 33px;
border-bottom: 1px solid rgb(32,32,32,46%);
position:relative;
transition:0.3s all ease-in-out;
}
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(1),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(2),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(3),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(4){
display:flex!important;
opacity:1;
margin-bottom:33px;
padding-bottom:32px;
height:auto;
}
.blog-listing-section .post-listing .post-item-cont .featured-image {
width: 24.1%;
}
.blog-listing-section .post-listing .post-item-cont .text-container {
width: 75.9%;
padding-right: 30px;
margin-left:0;
position:relative;
}
.blog-listing-section .post-listing .post-item-cont:hover .text-container .post-header a{
text-decoration:underline;
transition:0.3s all ease-in-out;
}
.blog-listing-section .post-listing .post-item-cont .text-container .post-header a{
color:rgba(32,32,32,1.0);
}
.blog-listing-section .post-listing .post-item-cont .hs-featured-image-wrapper {
height: 158px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .topic-container a {
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-transform: uppercase;
}
.hs-blog-listing{
background:#F6F6F6;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .date-container {
width: 50%;
position:relative;
left:-30px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .topic-container {
width: 50%;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .date-container .blog-post__timestamp {
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-align: right;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont {
display: flex;
margin-top: 20px;
width: 100%;
position: absolute;
bottom: -11px;
}
.hs-blog-listing .blog-listing-section .post-listing .post-item-cont.content1 {
display: none;
}
.hs-blog-listing .blog-listing-section .post-listing .post-item-cont.show-content{
display:flex!important;
}
body .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(1),
body .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(2),
body .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(3),
body .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(4){
opacity: 0;
height: 0;
padding: 0;
margin: 0;
} 
.blog-listing-section #loadMore {
font-size: 54px;
font-weight: 500;
letter-spacing: -2.2px;
line-height: 59px;
color: #191715;
display: inline-block;
padding: 0;
transition: .3s all ease-in;
position:relative;
}
.blog-listing-section #loadMore:after{
position: absolute;
right: -52px;
top: 33px;
content: '';
background: #191715;
width: 34px;
height: 4px;
}
.blog-listing-section #loadMore:before{
position: absolute;
right: -36px;
top: 17px;
content: '';
background: #191715;
width: 4px;
height: 34px;
}
.blog-listing-section .heading-container{
display:none;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont2{
display:none;
}
@media(max-width:1024px){
.blog-listing-section .left-col h2{
font-size: 41px;
line-height: 54px;
}
.blog-listing-section #loadMore{
font-size:41px;
line-height:49px;
}
.blog-listing-section #loadMore:after{
top:26px;
}
.blog-listing-section #loadMore:before{
top: 10px;  
}
}
@media(max-width:767px){
.blog-listing-section .left-col h2 {
font-size: 35px;
line-height: 40px;
letter-spacing: -0.62px;
margin-bottom: 43px;
}
.blog-listing-section .post-listing .post-item-cont .text-container .post-header h3{
font-size: 21px;
letter-spacing: -0.6px;
line-height: 26px;  
}
.blog-listing-section .post-listing .post-item-cont .hs-featured-image-wrapper {
height: 67px;
max-width: 67px;
width:100%;
float:right;
}
.blog-listing-section .post-listing .post-item-cont .featured-image {
width: 21%;
}
.blog-listing-section .post-listing .post-item-cont .text-container {
width: 79%;
padding-right: 20px;
margin-left: 0;
position: relative;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont2{
display:flex;
bottom:10px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont1{
display:none;
}
.blog-listing-section .post-listing .post-item-cont{
padding-bottom:42px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .date-container{
left:0;
}
.blog-listing-section #loadMore {
font-size: 35px;
line-height: 38px;
}
.blog-listing-section #loadMore:before {
top: 10px;
width: 3px;
height: 24px;
right: -31px;
}
.blog-listing-section #loadMore:after {
top: 21px;
right: -42px;
width: 24px;
height: 3px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .topic-container a{
font-size:14px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .date-container .blog-post__timestamp{
font-size:14px;
}
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(1),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(2),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(3),
body.category-page .hs-blog-listing .blog-listing-section .post-listing .post-item-cont:nth-child(4){
padding-bottom:42px;
}
}
/**************** Post Filter Cm Styling *****************/
.post-filter-cm{
border-top: 1px solid #191715;
padding:32px 0 32px;
}
.post-filter-cm h3{
font-size: 19px;
font-weight: 500;
letter-spacing: -0.42px;
line-height: 27px;
margin-bottom:0;
}
.post-filter-cm ul li a{
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
color:#191715;
text-transform:uppercase;
transition:0.3s all ease-in-out;
}
.post-filter-cm ul li a:hover{
color: rgba(32, 32, 32, 1.0);
transition:0.3s all ease-in-out;
tes
}
.post-filter-cm .filter-link-count{
display:none;
}
.post-filter-cm ul li{
display:inline-block;
list-style:none;
padding-right:30px;
}
.post-filter-cm .block{
display:flex;
align-items:center;
}
.post-filter-cm ul{
margin-bottom:0;
padding-left:26px;
}
@media(max-width:767px){
.post-filter-cm .block{
display:block;
}
.post-filter-cm ul li {
display: block;
list-style: none;
padding-right: 0;
margin-bottom: 9px;
}
.post-filter-cm ul {
margin-bottom: 0;
padding-left: 0;
margin-top: 15px;
}
.hs-blog-post .post-filter-cm{
padding: 32px 0 27px;
border-bottom:none!important;
}
}
/************** Category Page Styling ******************/
.category-page .recent-post-section{
display:none;
}
.category-page .blog-listing-section .heading-container{
display:block;
margin-bottom:12px;
}
.category-page .blog-listing-section {
padding: 147px 0 67px;
}
.category-page .blog-listing-section .left-col h2{
display:none;
}
.category-page .blog-listing-section .left-col h4 a.topic-link{
display:none;
}
.category-page .blog-listing-section .left-col h4 a.topic-link:first-child{
display:block;
}
.category-page .blog-listing-section .left-col h4{
font-size: 54px;
font-weight: 500;
letter-spacing: -2.2px;
line-height: 59px;
}
@media(max-width:1024px){
.blog-listing-section {
padding: 10px 0 67px;
}
.category-page .blog-listing-section .left-col h4{
font-size: 41px;
line-height: 54px;  
}
}
@media(max-width:767px){
.category-page .blog-listing-section .left-col h4{
font-size: 35px;
letter-spacing: -1px;
line-height: 38px;  
}
.category-page .blog-listing-section {
padding: 107px 0 47px;
}
.category-page .blog-listing-section .left-col .heading-cont{
margin-bottom:45px;
}
}
/*=====================================================================
Blog Post Page Styling 
======================================================================*/
/**************** Blog Post Banner Styling *********************/
.hs-blog-post .body-container .post-section-hero .content-wrapper{
max-width:1220px;
}
.hs-blog-post .black-header-cm{
border-bottom:none;
}
.post-section-hero{
padding:200px 0 81px;
background:#F6F6F6;
}
.post-section-hero .tag-time-read{
display: flex;
align-items: center;
margin-bottom: 26px;
}
.post-section-hero .post-header h1{
max-width:877px;
font-size: 67px;
font-weight: 500;
letter-spacing: -2.43px;
line-height: 74px;
}
.post-section-hero .tag-time-read .topic-container a h6{
margin-bottom:0;
}
.post-section-hero .tag-time-read .min-read-cont h6{
margin-bottom:0;
padding-left:10px;
}
.post-section-hero .tag-time-read .min-read-cont{
padding-left:10px;
}
.post-section-hero .tag-time-read .min-read-cont h6:before{
width: 4px;
height: 4px;
background: #191715;
top: 10px;
}
.auth-social-cont{
display: flex;
align-items: center;
margin-top:77px;
}
.auth-social-cont .author-info .hs-author-label a{
font-size: 17px;
letter-spacing: -0.38px;
line-height: 23px;
color: #191715;
}
.auth-social-cont .author-info .date{
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
color: #191715;
position:relative;
padding-left:20px;
top:-3px;
}
.auth-social-cont .author-info .date:before{
position:absolute;
left: 11px;
top: 11px;
content:'';
width:4px;
height:4px;
border-radius:50%;
background:#191715;
}
.auth-social-cont .hubspot-editable{
width:50%;
display: flex;
align-items: center;
}
.auth-social-cont .social-icons{
width:50%;
text-align:right;
}
.auth-social-cont .social-icons ul{
margin-bottom:0;
}
.auth-social-cont .author-info{
display:flex;
align-items:center;
padding-left:13px;
}
.auth-social-cont .hs-author-avatar{
width:40px;
height:40px;
border-radius:100%;
}
.auth-social-cont .author-info .hs-author-label{
position: relative;
top: -5px;
}
.auth-social-cont .social-icons ul li{
display:inline-block;
list-style:none;
margin-right:3px;
}
.auth-social-cont .social-icons ul li:first-child{
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
padding-right:9px;
}
.auth-social-cont .social-icons ul li:last-child{
margin-right:0;
}
.auth-social-cont .social-icons ul li a{
height: 37px;
width: 37px;
border: 1px solid rgb(32,32,32,46%);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
.auth-social-cont .social-icons ul li a img{
width:100%; 
max-width:15px!important;
}
.post-section-hero .post_featured_image{
height:564px;
margin-top:42px;
position:relative;
}
.post-section-hero .post_featured_image .hubspot-impact{
position: absolute;
left: -18px;
}
@media(max-width:1024px){
.post-section-hero {
padding: 140px 0 51px;
}
.post-section-hero .post-header h1{
font-size: 57px;
line-height: 64px;
}
.auth-social-cont {
margin-top: 47px;
}
.post-section-hero .post_featured_image {
height: 444px;
}
}
@media(max-width:767px){
.post-section-hero .post-header h1 {
font-size: 35px;
line-height: 41.4px;
letter-spacing: -1.5px;
}
.post-section-hero {
padding: 110px 0 31px;
}
.auth-social-cont{
display:block;
margin-top: 34px;
}
.post-section-hero .post_featured_image .hubspot-impact{
position: absolute;
left: -13px;
max-width: 70px;
}
.auth-social-cont .hubspot-editable{
width:100%;
}
.auth-social-cont .social-icons {
width: 100%;
text-align: left;
margin-top: 30px;
}
.auth-social-cont .social-icons ul{
padding-left: 0;
border-top: 1px solid rgb(32,32,32,46%);
padding-top: 20px;
}
.post-section-hero .post_featured_image {
height: 231px;
margin-top:24px;
}
}
/****************** Post Body Container Styling ***************/
.post-body-container{
max-width:876px;
margin:0 auto 0px;
float:none;
}
.post-body{
background:#F6F6F6;
padding-bottom:99px;
}
.post-body-container .content-wrapper{
padding:0;
}
.post-body-container h2{
max-width:763px;
margin:60px auto 20px;
float:none;
font-size: 54px;
font-weight: 500;
letter-spacing: -1.2px;
line-height: 59px;
}
.post-body-container h3{
max-width:763px;
margin:60px auto 10px;
float:none;
letter-spacing:-0.5px;
}
.post-body-container h4{
max-width:763px;
margin:0px auto 10px;
float:none;
}
.post-body-container h5{
max-width:763px;
margin:0 auto 30px;
float:none;
}
.post-body-container p{
max-width:763px;
margin:0 auto 20px;
float:none;
font-size: 19px;
letter-spacing: -0.42px;
line-height: 30px;
}
.post-body-container p a{
text-decoration:underline;
}
.post-body-container p a:hover{
text-decoration:none;
}
.remove-button-styling{
background:transparent!important;
border:none!important;
transform:none!important;
border-radius:0!important;
box-shadow:none!important;
}
.remove-button-styling:before,
.remove-button-styling:after{
display:none!important;
}
.remove-button-styling:hover:before,
.remove-button-styling:hover:after{
display:none!important;
}
.post-body-container ul{
max-width:763px;
margin:0 auto 50px;
float:none;
padding-left:28px;
}
.post-body-container ul li{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 30px;
margin-bottom:15px;
}
.post-body-container ol{
max-width:763px;
margin:0 auto 50px;
float:none;
padding-left:28px;
}
.post-body-container ol li{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 30px;
margin-bottom:15px;
}
.post-body-container .blog-image-cta{
margin:60px auto 40px;
}
.post-body-container .blog-image-cta a.cta_button{
padding:0;
background:transparent;
border:none;
border-radius:0;
transform:none;
box-shadow:none;
}
.auth-social-container .hs-author-avatar{
width:58px;
height:58px;
}
.auth-social-container{
border-top: 1px solid #191715;
padding-top:40px;
max-width:764px; 
margin:48px auto 0;
}
.hs-blog-post .post-filter-cm{
background-color: #F6F6F6;
border-bottom: 1px solid #191715;
}
.post-body-container .blog-image-cta a.cta_button img{
width:100%!important;
height:auto;
}
@media(max-width:1024px){
.post-body-container .content-wrapper{
padding:0 25px;
}
.post-body-container h2 {
margin: 40px auto 20px;
font-size: 46px;
}
.post-body-container h3 {
margin: 40px auto 10px;
}
.post-body {
padding-bottom: 70px;
}
}
@media(max-width:767px){
.post-body-container h2 {
margin: 40px auto 15px;
font-size: 35px;
line-height: 40px;
letter-spacing:-0.62px;
}
.post-body-container p {
font-size: 17px;
letter-spacing: -0.37px;
line-height: 27px;
}
.post-body-container ul li {
font-size: 17px;
letter-spacing: -0.37px;
line-height: 27px;
margin-bottom: 15px;
}
.post-body-container ul{
margin:0 auto 35px;
}
.post-body-container .content-wrapper {
padding: 0 23px;
}
.post-body-container ol li {
font-size: 17px;
letter-spacing: -0.37px;
line-height: 27px;
}
.post-body-container ol {
margin: 0 auto 30px;
}
.post-body-container .blog-image-cta {
margin: 50px auto 30px;
}
.auth-social-container .social-icons ul{
border-top:none;
}
.auth-social-container {
padding-top: 30px;
margin: 38px auto 0;
}
.auth-social-container .hs-author-avatar {
width: 40px;
height: 40px;
}
.auth-social-container .social-icons {
margin-top: 10px;
}
.post-body {
padding-bottom: 23px;
}
}
/***************** Blog Related Section *****************/
.blog-related-section .right-col .post-listing .post-item-cont{
display:flex!important;
}
.blog-related-section {
padding: 58px 0 23px;
}
@media(max-width:767px){
.blog-related-section {
padding: 36px 0 43px;
}
.blog-related-section .left-col h3{
margin-bottom:10px;
}
.blog-related-section .left-col{
margin-bottom:35px;
}
.blog-related-section .post-listing .post-item-cont .text-container {
width: 100%;
padding-right: 0;
}
.blog-related-section .post-listing .post-item-cont .featured-image {
width: 100%;
}
.blog-related-section .post-listing .post-item-cont .hs-featured-image-wrapper{
height: 195px;
max-width: 100%;
width: 100%;
float: none;
margin-bottom: 21px;  
}
.blog-related-section .post-listing .post-item-cont .tag-date-cont{
bottom: -31px;  
}
.blog-related-section .post-listing .post-item-cont .text-container .post-header h3{
white-space: break-spaces;  
}
.blog-related-section .right-col{
overflow-x: scroll;
overflow-y: hidden;
height: 390px;
}
.blog-related-section .post-listing{
width: 340%;
white-space: nowrap;
height: 370px;  
display:flex;
}
.blog-related-section .right-col .post-listing .post-item-cont {
display: flex!important;
width: 29%;
margin-right: 2%;
flex-wrap: wrap;
}
.blog-related-section .right-col::-webkit-scrollbar-thumb {
background-color: #191715;
outline: 0;
height: 6px;
}
.blog-related-section .right-col::-webkit-scrollbar-track {
border-bottom: 1px solid rgb(45,45,45,0.17);
box-shadow: none;
}
.blog-related-section .right-col::-webkit-scrollbar {
height: 6px;
}
}
/****************** Case Study Listing Page Styling *********************/
/***************** Case Study Litsing Banner *********************/
.case-study-listing-banner{
padding: 208px 0 175px;
}
@media(max-width:1024px){
.case-study-listing-banner h1{
font-size: 58px;   
}
.case-study-listing-banner {
padding: 158px 0 175px;
}
}
@media(max-width:767px){
.case-study-listing-banner h1 {
font-size: 48px;
}
.case-study-listing-banner {
padding: 108px 0 175px;
}
.case-study-listing-banner .mobile-heading{
display:block;
}
.case-study-listing-banner .desktop-heading{
display:none;
}
}
/************** Case Study Image Content Styling *****************/
.case-study-image-content .content-container{
max-width: 1103px;
margin: -140px auto 0;
float: none;
position: relative;
z-index: 2;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container{
height:422px;
width: 69.5%;
overflow:hidden;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container img,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container img,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container img{ 
height: 100%!important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8) .image-container{
height:332px;
overflow:hidden;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2) .image-container img,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5) .image-container img,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8) .image-container img{
height: 100%!important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3n) .image-container{
height:332px;
overflow:hidden;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3n) .image-container img{
height: 100%!important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7){
display:flex;
flex-wrap:wrap;
align-items: end;
width:100%;
margin-bottom:81px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont{
width:30.5%;
padding-left:30px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont .description,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont .description,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont .description{
max-width:310px;
} 
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8){
display:flex;
flex-wrap:wrap;
align-items: end;
width:48.6%;
float:left;
margin-right:10%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8) .image-container{
width:100%;
margin-bottom:21px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2n) .content-cont{
width:100%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(6),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(9){
display:flex;
flex-wrap:wrap;
align-items: end;
width:38.5%;
float:left;
margin-top:90px;
margin-bottom:78px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3n) .image-container{
width:100%;
margin-bottom:21px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3n) .content-cont{
width:100%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7){
display:flex;
flex-wrap:wrap;
align-items: end;
width:100%;
margin-bottom:81px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container{
height:422px;
width: 69.5%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont{
width:30.5%;
padding-left:30px;
}
.case-study-image-content .content-container .content-cont h3{
margin-bottom:10px;
position:relative;
display:inline-block;
}
.case-study-image-content .content-container .content-cont h3:after{
position: relative;
right: 0;
top: 4px;
content: '';
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 14px;
background-position: center center;
width: 32px;
height: 32px;
left: auto;
transform: none;
border-radius: 50%;
transition: .3s all ease-in;
display:inline-block;
}
.case-study-image-content .content-container .content-cont h3:hover:after{
position: relative;
right: 0;
top: 4px;
content: '';   
background: #DCDAFF url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 14px;
background-position: center center;
width: 32px;
height: 32px;
left: auto;
transform: none;
border-radius: 50%;
transition: .3s all ease-in;
display:inline-block;
}
@media(max-width:1024px){
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8){
margin-right: 7%;  
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
width: 64.5%;
}
}
@media(max-width:767px){
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
width: 100%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont {
width: 100%;
padding-left: 0;
margin-top: 30px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
height: 182px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) {
margin-bottom: 21px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8) {
margin-right: 0;
width: 100%;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(2) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(5) .image-container,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(8) .image-container {
height: 182px;
}
.case-study-image-content .content-container .content-cont h3:after{
top:7px;
right:-3px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(6),
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(9){
width:100%;  
margin-top:20px;
margin-bottom:20px;
}
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(3n) .image-container {
height: 182px;
}
}
/************** Case Study Content Cm ********************/
.case-study-content-cm{
padding:0px 0 69px;
text-align:center;
}
.case-study-content-cm .content-wrapper>.row-fluid{
padding-top:69px;
border-top: 1px solid #191715;
}
.case-study-content-cm .cta-container{
margin-top:45px;
}
.case-study-content-cm .heading{
max-width:876px;
margin:0 auto;
float:none;
}
.case-study-content-cm .subheading h6:before{
display:none;
}
.case-study-content-cm .line43 {
height: 118px;
position: relative;
overflow: hidden;
width: 100%;
}
.case-study-content-cm .line43 h2 {
position: none;
}
@media(max-width:767px){
.case-study-content-cm .content-wrapper>.row-fluid {
padding-top: 49px;
}
}
/*************** Case Study Up Next Cm *****************/
.case-study-up-next-cm .content-wrapper>.row-fluid{
border-top:1px solid #191715;
padding:28px 0 14px;
border-bottom:1px solid #191715;
}
.case-study-up-next-cm{
padding:28px 0 101px;
}
.case-study-up-next-cm h6{
margin-bottom:62px;
width:100%;
}
.case-study-up-next-cm h1{
position:relative;
display:inline-block;
margin-bottom:0;
}
.case-study-up-next-cm h1:after{
position: absolute;
right: -90px;
top: 21px;
content: '';
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 37px;
background-position: center center;
width: 68px;
height: 68px;
left: auto;
transform: none;
border-radius: 50%;
transition: .3s all ease-in;
}
.case-study-up-next-cm .line44 {
height: 101px;
position: relative;
overflow: hidden;
width: 100%;
}
.case-study-up-next-cm .line44 h1 {
position: absolute;
}
@media(max-width:1024px){
.case-study-up-next-cm h1:after{
top:1px;   
}
}
@media(max-width:767px){
.case-study-up-next-cm h1:after{
display:none;
}
.case-study-up-next-cm {
padding: 28px 0 28px;
}
.case-study-up-next-cm h6 {
margin-bottom: 32px;
}
.case-study-up-next-cm .line44{
height:51px;
}
}
/***************** Case Study Single Banner ***************/
.case-study-single-banner{
padding:170px 0 75px;
text-align:center;
}
.case-study-single-banner *{
color:#ffffff;
}
.case-study-single-banner .image-container{
height:690px;
}
.case-study-single-banner .heading-container{
margin-bottom:90px;
}
.case-study-single-banner h6:before{
display:none;
}
.case-study-single-banner .line50 {
height: 107px;
position: relative;
overflow: hidden;
width: 100%;
}
.case-study-single-banner .heading-container h1 {
margin-bottom: 0;
position: absolute;
left:0;
right:0;
margin:0 auto;
height:117px;
}
.case-study-single-banner .subheading h6{
padding-left:0;
}
@media(max-width:1200px){
.case-study-single-banner .heading-container{
margin-bottom:10px;
}
.case-study-single-banner .image-container {
height: 490px;
}
.case-study-single-banner {
padding: 140px 0 75px;
}
}
@media(max-width:767px){
.case-study-single-banner .heading-container h1{
font-size: 45px;
letter-spacing: -1.45px;
line-height: 49.4px;   
}
.case-study-single-banner .line50 {
height: 86px;
}
.case-study-single-banner .image-container {
height: 172px;
}
.case-study-single-banner {
padding: 110px 0 32px;
}
}
/************** Case Study Single Section1 ****************/
.case-study-single-section1{
padding:41px 0 115px;
}
.case-study-single-section1 .content-wrapper>.row-fluid{
border-top:1px solid #191715;
border-bottom:1px solid #191715;
padding-top:24px;
padding-bottom:122px;
}
.case-study-single-section1 .right-col h6:before{
display:none;
}
.case-study-single-section1 .right-col h6{
padding-left:0;
}
.case-study-single-section1 .background h6:before{
display:none;
}
.case-study-single-section1 .background h6{
padding-left:0;
}
.case-study-single-section1 .background{
margin-top:58px;
margin-bottom:40px;
}
.case-study-single-section1 .services h6:before{
display:none;
}
.case-study-single-section1 .services h6{
padding-left:0;
margin-bottom:14px;
}
.case-study-single-section1 .services ul{
padding-left:0;
margin-top:0;
}
.case-study-single-section1 .services ul li{
list-style:none;
font-size: 19px;
letter-spacing: -0.32px;
line-height: 27px;
}
.case-study-single-section1 .awards h6:before{
display:none;
}
.case-study-single-section1 .awards h6{
padding-left:0;
margin-bottom:14px;
}
.case-study-single-section1 .awards{
margin-top:40px;
}
.case-study-single-section1 .awards .cta-container{
margin-top:40px;
}
.case-study-single-section1 .right-col .year{
margin-bottom:100px;
}
.case-study-single-section1 .right-col .content-container span>.hs_cos_wrapper{
margin-bottom:50px;
}
.case-study-single-section1 .right-col{
padding-left:75px;
}
@media(max-width:1200px){
.case-study-single-section1 .right-col{
padding-left: 35px;
}
.case-study-single-section1 .background {
margin-top: 28px;
}
.case-study-single-section1 .right-col .year {
margin-bottom: 30px;
}
.case-study-single-section1 .content-wrapper>.row-fluid{
padding-bottom: 42px;  
}
}
@media(max-width:767px){
.case-study-single-section1 .background{
margin-bottom: 30px;  
}
.case-study-single-section1 .awards {
margin-top: 34px;
}
.case-study-single-section1 .awards .cta-container {
margin-top: 24px;
}
.case-study-single-section1 .right-col {
padding-left: 0;
margin-top: 30px;
}
.case-study-single-section1 .right-col .year {
margin-bottom: 10px;
}
.case-study-single-section1 .content-wrapper>.row-fluid {
padding-bottom: 25px;
}
.case-study-single-section1 {
padding: 41px 0 52px;
}
}
/************** Case Study Single Section2 **************/
.case-study-single-section2 .number{
font-size: 260px;
font-weight: 600;
letter-spacing: -10.61px;
line-height: 241px;
margin-top:-20px;
}
.case-study-single-section2 .right-col{
max-width: 730px;
float: right;
}
.case-study-single-section2{
padding-bottom:129px;
}
@media(max-width:1200px){
.case-study-single-section2 .number{
font-size: 160px;
line-height: 171px;
}
.case-study-single-section2 {
padding-bottom: 59px;
}
}
@media(max-width:767px){
.case-study-single-section2 .number {
font-size: 110px;
line-height: 136px;
}
.case-study-single-section2 .right-col {
max-width: 100%;
float: none;
margin-top: 40px;
}
}
/************** Case Study Single Section3 ***************/
.case-study-single-section3{
padding:30px 0 100px;
}
.case-study-single-section3 .image-container{
height:651px;
margin-bottom:56px;
}
.case-study-single-section3 .right-col{
padding-left:50px;
}
.case-study-single-section3 .subheading{
margin-bottom:77px;
}
.case-study-single-section3 .content-wrapper .row-fluid.subheading{
border-top: 1px solid #191715;
padding-top:24px;
}
@media(max-width:1200px){
.case-study-single-section3 .subheading {
margin-bottom: 37px;
}
.case-study-single-section3 .image-container {
height: 420px;
}
.case-study-single-section3 .right-col {
padding-left: 20px;
}
.case-study-single-section3 {
padding: 30px 0 40px;
}
}
@media(max-width:767px){
.case-study-single-section3 .image-container {
height: 259px;
margin-bottom: 27px;
}
.case-study-single-section3 .right-col {
padding-left: 0;
margin-top: 50px;
}
}
/************** Case Study Single Section4 **************/
.case-study-single-section4 .content-wrapper .row-fluid.subheading{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section4 .image-container{
height:750px;
margin-top:64px;
}
.case-study-single-section4 .subheading{
margin-bottom:80px;
}
.case-study-single-section4 .right-col{
padding-left:130px;
}
.case-study-single-section4{
padding-bottom:62px;
}
@media(max-width:1200px){
.case-study-single-section4 .subheading {
margin-bottom: 40px;
}
.case-study-single-section4 .right-col {
padding-left: 30px;
}
.case-study-single-section4 .image-container {
height: 450px;
margin-top: 44px;
}
}
@media(max-width:767px){
.case-study-single-section4 .right-col {
padding-left: 0;
padding:0 23px;
}
.case-study-single-section4 .content-wrapper{
padding:0;
}
.case-study-single-section4 .image-container {
height: 211px;
margin-top: 20px;
}
.case-study-single-section4 {
padding-bottom: 49px;
}
.case-study-single-section4 .left-col{
padding:0 23px;
}
.case-study-single-section4 .subheading {
padding: 0 23px;
}
}
/*************** Case Study Single Section5 ******************/
.case-study-single-section5{
padding:85px 0 85px;
}
.case-study-single-section5 *{
color:#ffffff;
}
.case-study-single-section5 .content-container span>.hs_cos_wrapper{
margin-bottom:65px;
display:flex;
align-items:center;
}
.case-study-single-section5 .image-container{
height:468px;
}
.case-study-single-section5 .left-col{
padding-left: 60px;
padding-right: 70px;
}
@media(max-width:1024px){
.case-study-single-section5 .left-col {
padding-left: 0;
padding-right: 20px;
}
.case-study-single-section5 {
padding: 85px 0 45px;
}
}
@media(max-width:767px){
.case-study-single-section5 .left-col{
padding-right:0;
}
.case-study-single-section5 .content-container span>.hs_cos_wrapper {
margin-bottom: 45px;
display: flex;
align-items: center;
flex-direction: column;
}
.case-study-single-section5 .right-col{
width:100%;
}
.case-study-single-section5 .image-container {
height: 203px;
width: 100%;
margin-top: 10px;
}
.case-study-single-section5 {
padding: 62px 0 24px;
}
}
/*********** Case Study Single SEction6 ****************/
.case-study-single-section6{
padding:41px 0 144px;
}
.case-study-single-section6 .content-wrapper>.row-fluid{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section6 .subheading{
margin-bottom:82px;
}
.case-study-single-section6 .right-col{
padding-left:107px;
}
.case-study-single-section6 .right-col h4{
position:relative;
}
.case-study-single-section6 .right-col h4:before{
position:absolute;
left:-25px;
top:9px;
content:'';
background:#191715;
width:18px;
height:18px;
border-radius:50%;
}
@media(max-width:1200px){
.case-study-single-section6 .subheading {
margin-bottom: 32px;
}
.case-study-single-section6 .right-col {
padding-left: 37px;
}
.case-study-single-section6 {
padding: 41px 0 24px;
}
}
@media(max-width:767px){
.case-study-single-section6 {
padding: 27px 0 24px;
}
.case-study-single-section6 .right-col {
padding-left: 21px;
margin-top: 60px;
}
.case-study-single-section6 .right-col h4:before {
top: 6px;
width: 15px;
height: 15px;
}
}
/************* Case Study Single Section7 ****************/
.case-study-single-section7{
padding:41px 0 50px;
}
.case-study-single-section7 .subheading{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section7 .right-col{
padding-left:80px;
}
.case-study-single-section7 .content-container span{
display:flex;
flex-wrap:wrap;
}
.case-study-single-section7 .content-container span>.hs_cos_wrapper{
width:42%;
margin-right:6%;
border-bottom:1px solid #191715;
padding-bottom:0px;
}
.case-study-single-section7 .content-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.case-study-single-section7 .content-container{
margin-top:60px;
}
.case-study-single-section7 .content-container h3{
margin-bottom:7px;
}
.case-study-single-section7 .content-container p{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
}
.case-study-single-section7 .right-col .image-container span{
display:flex;
flex-wrap:wrap;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper{
width:45%;
margin-right:6%;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.case-study-single-section7 .subheading{
margin-bottom:73px; 
}
.case-study-single-section7 .main-heading{
margin-bottom:30px;
}
.case-study-single-section7 .image-container span>.hs_cos_wrapper:nth-child(2){
margin-top:350px;
}
.case-study-single-section7 .image-container span>.hs_cos_wrapper:nth-child(3){
margin-top:-300px;
}
.case-study-single-section7 .image-container p{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
max-width:327px;
position:relative;
padding-left:20px;
margin-top:15px;
}
.case-study-single-section7 .image-container p:before{
position:absolute;
left:0;
top:7px;
content:'';
background:#191715;
width:10px;
height:10px;
border-radius:50%;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper img{
width:100%!important;
height:auto;
}
@media(max-width:1200px){
.case-study-single-section7 .subheading {
margin-bottom: 33px;
}
.case-study-single-section7 .right-col {
padding-left: 20px;
}
}
@media(max-width:767px){
.case-study-single-section7 .content-container {
margin-top: 50px;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper {
width: 100%;
margin-right: 0;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper .image-cont{
text-align:center;
}
.case-study-single-section7 .right-col .image-container span>.hs_cos_wrapper img {
max-width: 265px;
margin: 0 auto;
float: none;
margin-left:-21px;
}
.case-study-single-section7 .image-container span>.hs_cos_wrapper:nth-child(2) {
margin-top: 30px;
}
.case-study-single-section7 .right-col .secondary_paragraph{
width:100%;
}
.case-study-single-section7 .image-container span>.hs_cos_wrapper:nth-child(3) {
margin-top: 30px;
}
.case-study-single-section7 .image-container p {
font-size: 12.15px;
letter-spacing: -0.27px;
line-height: 17px;
margin:13px auto 15px;
}
.case-study-single-section7 {
padding: 27px 0 60px;
}
.case-study-single-section7 .left-col{
margin-bottom:60px;
}
}
/**************** Case Study Single Section8 ***************/
.case-study-single-section8{
padding:41px 0 140px;
}
.case-study-single-section8 *{
color:#ffffff;
}
.case-study-single-section8 .subheading{
margin-bottom:78px;
}
.case-study-single-section8 .content-wrapper>.row-fluid{
border-top: 1px solid rgb(67,67,67,68%);
padding-top:24px;
}
.case-study-single-section8 .image-container{
margin-top:90px;
}
.case-study-single-section8 .image-container span{
display:flex;
flex-wrap:wrap;
}
.case-study-single-section8 .image-container span>.hs_cos_wrapper{
height:1428px;
width:48%;
margin-right:2%;
}
.case-study-single-section8 .image-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.case-study-single-section8 .content-container .right-col{
padding-left:143px;
}
@media(max-width:1200px){
.case-study-single-section8 .content-container .right-col {
padding-left: 53px;
}
.case-study-single-section8 .image-container span>.hs_cos_wrapper {
height: 788px;
}
.case-study-single-section8 {
padding: 41px 0 100px;
}
}
@media(max-width:767px){
.case-study-single-section8 {
padding: 27px 0 50px;
}
.case-study-single-section8 .subheading {
margin-bottom: 38px;
}
.case-study-single-section8 .content-container .right-col {
padding-left: 0;
margin-top: 20px;
}
.case-study-single-section8 .image-container span>.hs_cos_wrapper {
height: 724px;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.case-study-single-section8 .image-container {
margin-top: 40px;
}
}
/*************** Case Study Single Section9 *****************/
.case-study-single-section9{
padding:41px 0 101px;
}
.case-study-single-section9 .content-wrapper>.row-fluid{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section9 .left-col .inner-container{
width:45%;
margin-right:6%;
}
.case-study-single-section9 .left-col .inner-container img{
width:100%!important;
height:auto!important;
}
.case-study-single-section9 .left-col .inner-container:nth-child(2n){
margin-right:0;
}
.case-study-single-section9 .left-col{
display:flex;
flex-wrap:wrap;
}
.case-study-single-section9 .left-col .inner-container p{
letter-spacing: -0.33px;
line-height: 21px;
position:relative;
max-width:327px;
padding-left:17px;
margin-top:25px;
}
.case-study-single-section9 .left-col .inner-container p:before{
position:absolute;
left:0;
top:6px;
content:'';
background:#191715;
width:10px;
height:10px;
border-radius:50%;
}
.case-study-single-section9 .subheading{
margin-bottom:77px;
}
.case-study-single-section9 .image-container{
height:750px;
margin-top:150px;
}
.case-study-single-section9 .left-col{
padding-right:50px;
}
@media(max-width:1200px){
.case-study-single-section9 .subheading {
margin-bottom: 47px;
}
.case-study-single-section9 .left-col {
padding-right: 10px;
}
.case-study-single-section9 .image-container {
height: 450px;
margin-top: 50px;
}
.case-study-single-section9 {
padding: 41px 0 50px;
}
}
@media(max-width:767px){
.case-study-single-section9 .left-col .inner-container {
width: 100%;
margin-right: 0;
margin-bottom: 36px;
}
.case-study-single-section9 .left-col .inner-container img {
width: 100% !important;
height: auto !important;
max-width: 265px;
margin: 0 auto 0px;
float: none;
}
.case-study-single-section9 .left-col .image-cont{
text-align:center;
}
.case-study-single-section9 .left-col .inner-container p {
letter-spacing: -0.27px;
line-height: 17px;
padding-left: 17px;
margin-top: 15px;
font-size: 12.15px;
padding-left:47px;
margin: 10px auto 10px;
}
.case-study-single-section9 .left-col .inner-container p:before {
left: 30px;
top: 6px;
width: 8px;
height: 8px;
}
.case-study-single-section9 .image-container {
height: 364px;
margin-top: 50px;
}
.case-study-single-section9 .content-wrapper{
padding:0;
}
.case-study-single-section9 .left-col,
.case-study-single-section9 .right-col{
padding:0 23px;  
}
.case-study-single-section9 .subheading {
padding: 0 23px;
}
.case-study-single-section9 {
padding: 41px 0 20px;
}
}
/**************** Case Study Single Section10 ***************/
.case-study-single-section10{
padding:41px 0 100px;
overflow:hidden;
}
.case-study-single-section10 .content-wrapper>.row-fluid{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section10 .subheading{
margin-bottom:77px;
}
.case-study-single-section10 .image-container{
overflow-x: scroll;
overflow-y: hidden;
height:640px;
width:200%;
margin-top:50px;
border-bottom: 1px solid rgb(45,45,45,0.17);
}
.case-study-single-section10 .image-container span{
display:flex;
flex-wrap:wrap;
height:570px;
white-space: nowrap;
width:180%;
}
.case-study-single-section10 .image-container span>.hs_cos_wrapper{
height: 542px;
width: 16%;
margin-right: 0.7%;
}
.case-study-single-section10 .content-container .right-col{
padding-left:140px;
}
.case-study-single-section10 .image-container::-webkit-scrollbar {
height: 6px;
}
.case-study-single-section10 .image-container::-webkit-scrollbar-thumb {
background-color: #191715;
outline: 0;
height: 6px;
}
.case-study-single-section10 .image-container::-webkit-scrollbar-track {
border-bottom: 1px solid rgb(45,45,45,0.17);
box-shadow: none;
}
@media(max-width:1200px){
.case-study-single-section10 .subheading {
margin-bottom: 27px;
}
.case-study-single-section10 .content-container .right-col {
padding-left: 30px;
}
.case-study-single-section10 .image-container span>.hs_cos_wrapper {
height: 450px;
}
.case-study-single-section10 .image-container {
height: 530px;
}
}
@media(max-width:767px){
.case-study-single-section10 {
padding: 27px 0 80px;
}
.case-study-single-section10 .content-container .right-col {
padding-left: 0;
}
.case-study-single-section10 .image-container span>.hs_cos_wrapper {
height: 218px;
width: 23%;
margin-right: 1.5%;
}
.case-study-single-section10 .image-container {
height: 270px;
}
}
/************** Case Study Single Section11 **************/
.case-study-single-section11 .content-wrapper .row-fluid.subheading{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section11 .image-container{
height:750px;
margin-top:93px;
}
.case-study-single-section11 .subheading{
margin-bottom:64px;
}
.case-study-single-section11 .right-col{
padding-left:130px;
}
.case-study-single-section11{
padding-bottom:62px;
}
.case-study-single-section11 .hubspot-icon{
margin-top:50px;
}
@media(max-width:1200px){
.case-study-single-section11 .subheading {
margin-bottom: 24px;
}
.case-study-single-section11 .right-col {
padding-left: 10px;
}
.case-study-single-section11 .image-container {
height: 450px;
margin-top: 53px;
}
}
@media(max-width:767px){
.case-study-single-section11 .content-wrapper .row-fluid.subheading {
padding: 16px 23px 0;
position:relative;
}
.case-study-single-section11 .left-col h3{
font-size:35px;
letter-spacing: -0.62px;
line-height: 40px;
}
.case-study-single-section11 .left-col{
padding:0 23px;  
}
.case-study-single-section11 .right-col {
padding-left: 0;
padding:0 23px;
}
.case-study-single-section11 .image-container {
height: 211px;
margin-top: 50px;
}
.case-study-single-section11 .content-wrapper{
padding:0;  
}
}
/************** Case Study Single Section12 *****************/
.case-study-single-section12{
padding:41px 0 130px;
}
.case-study-single-section12 .content-wrapper>.row-fluid.subheading{
border-top: 1px solid #434343;
padding-top:24px;
margin-bottom:60px;
}
.case-study-single-section12 *{
color:#ffffff;
}
.case-study-single-section12 .content-container span{
display:flex;
flex-wrap:wrap;
}
.case-study-single-section12 .content-container span>.hs_cos_wrapper{
width:29%;
margin-right:6%;
border-bottom:1px solid #ffffff;
padding-bottom:10px;
}
.case-study-single-section12 .content-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.case-study-single-section12 .right-col{
padding-left:140px;
}
.case-study-single-section12 .content-container{
margin-top:100px;
max-width:600px;
}
.case-study-single-section12 .content-container h3{
margin-bottom:10px;
}
.case-study-single-section12 .content-container p{
color:#ffffff;
letter-spacing: -0.33px;
line-height: 21px;
}
@media(max-width:1200px){
.case-study-single-section12 .right-col {
padding-left: 40px;
}
.case-study-single-section12 .content-container {
margin-top: 50px;
}
.case-study-single-section12 {
padding: 41px 0 90px;
}
}
@media(max-width:767px){
.case-study-single-section12 .right-col {
padding-left: 0;
}
.case-study-single-section12 .content-container span>.hs_cos_wrapper {
width: 100%;
margin-right: 0;
padding-bottom: 0px;
margin-bottom: 25px;
border-bottom:none;
position:relative;
}
.case-study-single-section12 .content-container span>.hs_cos_wrapper:after{
position:absolute;
bottom:0;
left:0;
width:55px;
height:2px;
background:#ffffff;
content:'';
}
.case-study-single-section12 {
padding: 27px 0 40px;
}
}
/************** Case Study Single Section13 ****************/
#lightbox{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: none;
background-color: rgba(0, 0, 0, 0.95);
z-index: 11;
}
#close-btn {
position: fixed;
top: 3%;
right: 3%;
z-index: 2;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: transform .5s ease, color .5s ease;
-moz-transition: transform .5s ease, color .5s ease;
-ms-transition: transform .5s ease, color .5s ease;
-o-transition: transform .5s ease, color .5s ease;
transition: transform .5s ease, color .5s ease;
}
body.show-popup{
position: relative;
overflow-y: hidden;
}
body.show-popup:before{
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.93;
transform: scaleY(-1);
background-color: #425E76;
z-index: 99;
}  
body.show-popup{
border:none;
}
.vidyard-player-container {
position: relative;
height: 100%;
text-align: center;
}
#video-wrapper {
position: absolute;
top: 30%;
max-width: 780px;
margin: 0 auto;
float: none;
left: 0;
right: 0;
bottom: 0;
}
.case-study-single-section13 .image-container{
height:724px;
}
.case-study-single-section13 .right-col{
padding:38px 20px 43px 0px;
}
.case-study-single-section13 .description{
max-width:630px;
margin-top:32px;
margin-bottom:40px;
}
.case-study-single-section13 .cta-container{
margin-bottom:100px;
}
.case-study-single-section13 .author-cont .author-image{
height:73px;
width:73px;
border-radius:50%;
}
.case-study-single-section13 .author-cont .author-content h6{
padding-left:0;
margin-bottom:0;
}
.case-study-single-section13 .author-cont .author-content h6:before{
display:none;
}
.case-study-single-section13 .author-cont .author-content p{
font-size: 15.2px;
letter-spacing: -0.34px;
line-height: 21.6px;
margin-bottom:0;
}
.case-study-single-section13 .author-cont{
display:flex;
align-items:center;
}
.case-study-single-section13 .author-cont .author-content{
width:70%;
padding-left:20px;
}
.case-study-single-section13 .video-container{
position:relative;
}
.case-study-single-section13 .video-container .play-icon{
position: absolute;
left: 0;
right: 0;
top: 40%;
bottom: 0;
margin: 0 auto;
float: none;
text-align: center;
}
@media(max-width:1200px){
.case-study-single-section13 .cta-container {
margin-bottom: 40px;
}
.case-study-single-section13 .image-container {
height: 789px;
}
}
@media(max-width:767px){
.case-study-single-section13 .image-container {
height: 395px;
}
.case-study-single-section13 .video-container .play-icon img{
max-width:94px!important;
height:94px!important;
}
.case-study-single-section13 .right-col {
padding: 38px 23px 23px 23px;
}
.case-study-single-section13 .author-cont {
margin-top: 53px;
}
.case-study-single-section13 .description {
margin-top: 22px;
}
.case-study-single-section13 .subheading{
border-top: 1px solid #191715; 
padding-top:12px;
}
.case-study-single-section13{
margin-bottom:9px;
}
}
/***************** Case Study Single Section14 ******************/
.case-study-single-section14{
padding:50px 0 50px;
}
.case-study-single-section14 .content-wrapper>.row-fluid.add-border{
border-top: 1px solid #191715;
padding-top:24px;
}
.case-study-single-section14 .content-container{
margin-top:0;
}
.case-study-single-section14 .subheading{
margin-bottom:45px;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7){
display: block;
flex-wrap: wrap;
align-items: end;
width: 48.6%;
float: left;
margin-right: 12.9%;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
height: 422px;
width: 100%;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont,
.case-study-image-content .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont {
width: 100%;
padding-left: 0px;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(8){
width: 38.5%;
float: left;
margin-right: 0%;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
height: 332px;
width: 100%;
margin-bottom:21px;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1) .content-cont .description,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4) .content-cont .description,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) .content-cont .description {
max-width: 100%;
}
@media(max-width:1200px){
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) {
margin-right: 6.9%;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(8) {
width: 43.5%;
}
.case-study-single-section14 {
padding: 50px 0 20px;
}
}
@media(max-width:767px){
.case-study-single-section14 {
padding: 27px 0 50px;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) {
margin-right: 0;
width: 100%;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(1) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(4) .image-container,
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(7) .image-container {
height: 182px;
width: 100%;
margin-bottom: 21px;
}
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(2),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(5),
.case-study-single-section14 .content-container span>.hs_cos_wrapper:nth-child(8) {
width: 100%;
margin-right: 0;
}
}
/*====================================================================
About Page Updated 
======================================================================*/
/******************** About Banner Cm ********************/
.about-banner-cm{
padding:157px 0 0;
}
.about-banner-cm .subheading{
margin-bottom:27px;
}
.about-banner-cm .image-container{
height:518px;
}
.about-banner-cm .description-container{
margin-bottom: 57px;
max-width: 876px;
margin-top: 15px;
}
.about-banner-cm .heading-container .mobile-heading{
display:none;
}
.about-banner-cm .heading-container span{
font-size: 92px;
font-weight: 500;
letter-spacing: -1.84px;
line-height: 91px;
margin-bottom: 0;
position: absolute;
font-family: Helvetica Now Display;
}
.about-banner-cm .line40 {
height: 105px;
position: relative;
overflow: hidden;
width: 100%;
}
.about-banner-cm .heading-container .desktop-heading{
max-width: 910px;
}
@media(max-width:1024px){
.about-banner-cm{
padding: 145px 0 0;  
}
.about-banner-cm .heading-container span{
font-size: 68px;
line-height: 70px;
}
.about-banner-cm .line40{
height: 86px;
}
.about-banner-cm .image-container {
height: 448px;
}
}
@media(max-width:767px){
.about-banner-cm .heading-container span{
font-size: 45px;
line-height: 49.4px;  
}
.about-banner-cm .heading-container .desktop-heading {
max-width: 410px;
}
.about-banner-cm .heading-container .mobile-heading {
display: block;
}
.about-banner-cm .heading-container .mobile-heading h1{
position:relative;
height:auto;
}
.about-banner-cm {
padding: 115px 0 0;
}
.about-banner-cm .image-container {
height: 251px;
}
.about-banner-cm .subheading {
margin-bottom: 2px;
}
}
/****************** About Section1 Cm **********************/
.about-section1-cm .heading h2{
max-width:990px;
margin-bottom:50px;
}
.about-section1-cm .left-col .description{
max-width:536px;
}
.about-section1-cm .left-col .cta-container{
display:flex;
}
.about-section1-cm .left-col .cta-container .cta-2{
margin-left:20px;
}
.about-section1-cm .left-col .icon{
margin-top:86px;
}
.about-section1-cm .left-col{
margin-top:27px;
}
@media(max-width:1024px){
.about-section1-cm{
padding:38px 0 60px;  
}
}
@media(max-width:767px){
.about-section1-cm .heading h2{
margin-bottom:0;
}
.about-section1-cm .left-col .cta-container {
margin-top: 35px;
}
.about-section1-cm .right-col .image-container .image-1{
display:none;
}
.about-section1-cm .left-col .icon img{
max-width:58px!important;
}
.about-section1-cm .left-col .icon {
margin-top: 36px;
position: relative;
top: 21px;
}
.about-section1-cm {
padding: 38px 0 70px;
}
}
/****************** About Section3 Cm *****************/
.about-section3-cm{
padding:24px 0 92.7px;
}
.about-section3-cm *{
color:#ffffff;
}
.about-section3-cm h6:before {
background: #fff !important;
}
.about-section3-cm .subheading{
border-top: 1px solid rgb(67,67,67,68%);
padding-top:24px;
margin-bottom:40px;
}
.about-section3-cm .heading h2{
max-width:877px;
margin-bottom:91px;
}
.about-section3-cm .three-col-container span{
display:flex;
flex-wrap:wrap;
}
.about-section3-cm .three-col-container span>.hs_cos_wrapper{
width:32%;
margin-right:2%;
border-bottom: 1px solid rgb(67,67,67,68%);
margin-bottom:24px;
display:flex;
align-items:center;
padding-bottom:25px;
}
.about-section3-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.about-section3-cm .three-col-container .number{
font-size: 28px;
font-weight: bold;
letter-spacing: -0.09px;
line-height: 34px;
color: #DCDAFF;
}
.about-section3-cm .three-col-container .content h5{
margin-bottom:0;
}
.about-section3-cm .three-col-container .content{
padding-left:15px;
}
@media(max-width:1024px){
.about-section3-cm .three-col-container span>.hs_cos_wrapper{
width:48%;
}
.about-section3-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:3%;
}
.about-section3-cm .three-col-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
}
@media(max-width:767px){
.about-section3-cm .heading h2{
margin-bottom:40px;
}
.about-section3-cm .three-col-container span>.hs_cos_wrapper {
width: 100%;
margin-right: 0;
}
.about-section3-cm .subheading{
margin-bottom:20px;
}
.about-section3-cm .three-col-container .content{
width:70%;
}
.about-section3-cm {
padding: 24px 0 2.7px;
}
}
/**************** About Section4 Cm ****************/
.about-section4-cm .slide-count-wrap .current{
color:#191715; 
}
.about-section4-cm .slide-count-wrap .total{
color:#191715;
}
.about-section4-cm .slide-count-wrap .current:after{
color:#191715;
}
.about-section4-cm .left-col .explore-work{
background:transparent;
}
.about-section4-cm .left-col .explore-work img{
width:134px!important;
}
@media(max-width:767px){
.about-section4-cm .right-col .info-container {
margin-top: 50px;
}
}
/*************** Blog Latest News Cm *******************/
.blog-latest-news-cm .post-listing .post-item-cont:nth-child(1),
.blog-latest-news-cm .post-listing .post-item-cont:nth-child(2),
.blog-latest-news-cm .post-listing .post-item-cont:nth-child(3){
display: flex!important;
}
.blog-latest-news-cm .cta-container{
margin-top:35px;
}
.blog-listing-section .post-listing .post-item-cont .tag-date-cont .date-container{
text-align:right;
}
.blog-latest-news-cm .content-wrapper>.row-fluid{
border-top: 1px solid #191715;
padding-top:66px;
}
.blog-latest-news-cm{
padding: 35px 0 67px;
}
@media(max-width:767px){
.blog-listing-section .left-col h2{
margin-bottom: 13px;  
}
.blog-latest-news-cm .cta-container {
margin-top: 27px;
margin-bottom: 40px;
}
.blog-latest-news-cm {
padding: 27px 0 10px;
}
.blog-latest-news-cm .content-wrapper>.row-fluid {
padding-top: 36px;
}
}
/************ Work With Us Chats Cm ****************/
.work-with-us-chats-cm{
padding:34px 0 121px;
}
.inbound-marketing .work-with-us-chats-cm .subheading{
border-top:none;
}
.work-with-us-chats-cm .subheading{
/*border-top: 1px solid #191715;*/padding-top:24px;margin-bottom:50px;
}
.work-with-us-chats-cm .left-col h2{
margin-bottom:20px;
}
.work-with-us-chats-cm .chat-container{
display:flex;
}
.work-with-us-chats-cm .chat-container .image-cont{
width:56px;
height:56px;
border-radius:50%;
}
.work-with-us-chats-cm .chat-container .text-cont{
border-radius: 15px;
background-color: #FFFFFF; 
padding:17px 18px 17px;
box-sizing:border-box;
width:80%;
max-width:355px;
margin-left:12px;
}
.work-with-us-chats-cm .chat-container .text-cont p{
margin-bottom:0;
}
.work-with-us-chats-cm .cta-container .chat-cta{
border-radius: 12px;
background-color: #0D0E22;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
color:#ffffff;
padding:27px 55px 27px 20px;
display:inline-block;
position:relative;
transition:0.3s all ease-in;
}
.work-with-us-chats-cm .cta-container .chat-cta:hover{
background-color: #0C0D24;
transition:0.3s all ease-in;
}
.work-with-us-chats-cm .cta-container .chat-cta:after{
position: absolute;
right: 22px;
top: 27px;
content: '';
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 18px;
height: 19px;
}
.work-with-us-chats-cm .cta-container{
margin-top:19px;
float:right;
position: relative;
left: -150px;
}
@media(max-width:1024px){
.work-with-us-chats-cm .cta-container{
left:0;
}
.work-with-us-chats-cm {
padding: 34px 0 80px;
}
}
@media(max-width:767px){
.work-with-us-chats-cm .subheading{
padding-top: 24px;
margin-bottom: 12px;  
}
.work-with-us-chats-cm {
padding: 34px 0 66px;
}
.work-with-us-chats-cm .right-col{
margin-top:40px;
}
.work-with-us-chats-cm .chat-container .text-cont{
width:80%;  
}
}
/*************** Work With Us Chats Dropdown ****************/
.work-with-us-chats-dropdown .left-col{
padding:40px 55px 40px;
width: 46.4%;
}
.work-with-us-chats-dropdown .left-col *{
color:#ffffff;
}
.work-with-us-chats-dropdown .left-col .description{
max-width:489px;
}
.work-with-us-chats-dropdown .left-col .heading{
max-width:489px;
}
.work-with-us-chats-dropdown .right-col{
padding:66px 62px 105px;
width: 53.6%;
margin-left:0;
display: flex;
justify-content: center;
align-items: center;
}
.work-with-us-chats-dropdown .right-col .form-container{
max-width:657px;
margin:0 auto;
float:none;
width:100%;
}
.work-with-us-chats-dropdown>.row-fluid{
display:flex;
height:100vh;
}
.work-with-us-chats-dropdown .icon{
margin-bottom:34px;
}
.work-with-us-chats-dropdown .right-col .form-container form input[type="text"],
.work-with-us-chats-dropdown .right-col .form-container form input[type="email"],
.work-with-us-chats-dropdown .right-col .form-container form input[type="number"],
.work-with-us-chats-dropdown .right-col .form-container form input[type="tel"]{
background-color: #FFFFFF;
height:64px;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-chats-dropdown .right-col .form-container form select{
background: #ffffff url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Dropdown%20Arrow%20%284%29.svg);
height:64px;
border:none!important;
background-repeat:no-repeat;
background-size:10px;
background-position:95% 70%!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-chats-dropdown .right-col .form-container form textarea{
height:123px;
background-color: #FFFFFF;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-chats-dropdown .right-col .form-container form label{
font-size: 11px;
letter-spacing: 0.07px;
line-height: 16px;
color: #191715;
text-transform:uppercase;
position: relative;
top: 24px;
left: 10px;
}
.work-with-us-chats-dropdown .right-col .form-container form label.hs-error-msg{
top:-4px;
}
.work-with-us-chats-dropdown .right-col .form-container form .hs-button{
width:100%;
display:block;
text-transform:initial;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
}
.work-with-us-chats-dropdown .right-col .form-container form .actions{
display: block;
margin-top: 35px;
}
.work-with-us-chats-dropdown .right-col .form-container form .hs-form-booleancheckbox{
margin-top: -10px;
margin-left:-10px!important;
}
.work-with-us-chats-dropdown .right-col{
position:relative;
}
.work-with-us-chats-dropdown .right-col .image-container{
position:absolute;
right:62px;
top:45px;
}
.work-with-us-chats-dropdown .left-col .image-container{
position:absolute;
right:24px;
top:24px;
}
.work-with-us-chats-dropdown .right-col .image-container .close-icon{
background-color: #2D2D2D;
width:25px;
height:25px;
border-radius:50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
.work-with-us-chats-dropdown .left-col .image-container .close-icon{
background-color: #2D2D2D;
width:32px;
height:32px;
border-radius:50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor:pointer;
}
.popup-section{
right:-100%;
position:fixed;
z-index:999999;
transition:0.4s all ease-in;
top:0;
bottom:0;
height:100vh;
width:100%;
overflow-y:scroll;
}
.popup-section.popup-open{
right:0;
transition:0.4s all ease-in;
}
body .work-with-us-chats-dropdown form .hs-form-field{
margin-bottom:7px!important;
}
.work-with-us-chats-dropdown .left-col .image-container{
display:none;
}
body.stop-scrolling{
overflow:hidden!important;
}
@media(max-width:1200px){
.work-with-us-chats-dropdown .left-col{
padding: 40px 25px 40px;  
}
.work-with-us-chats-dropdown .right-col {
padding: 106px 32px 105px;
}
.work-with-us-chats-dropdown .right-col .image-container {
right: 28px;
}
}
@media(max-width:1024px){
.work-with-us-chats-dropdown form .form-columns-2 .hs-form-field{
width:100%!important;
margin-right:0!important;
}
}
@media(max-width:767px){
.work-with-us-chats-dropdown>.row-fluid{
display:block;
}
.work-with-us-chats-dropdown .left-col {
padding: 30px 22px 20px;
width:100%;
}
.popup-section.popup-open {
right: 0;
height: auto;
overflow-y: scroll;
}
.work-with-us-chats-dropdown .right-col {
padding: 1px 22px 65px;
width:100%;
}
.work-with-us-chats-dropdown .left-col .image-container{
display:block;
}
.work-with-us-chats-dropdown .right-col .image-container{
display:none;
}
.work-with-us-chats-dropdown .icon img{
max-width:32px!important;  
}
.work-with-us-chats-dropdown .left-col .heading h3{
margin-bottom:15px;  
}
}
/************** About Two Col Content Cm **************/
.about-two-col-content-cm .right-col {
padding-left: 0px;
}
.about-two-col-content-cm .subheading{
margin-bottom:31px;
}
@media(max-width:767px){
.about-two-col-content-cm .subheading {
margin-bottom: 17px;
}
}
/************** About Our Values Cm ************/
.about-our-values-cm{
padding: 35px 0 36px;
}
.about-our-values-cm .subheading {
/*border-top: 1px solid #191715;*/
padding-top: 24px;
margin-bottom: 40px;
}
.about-our-values-cm .two-col-container span{
display:flex;
flex-wrap:wrap;
}
.about-our-values-cm .two-col-container span>.hs_cos_wrapper{
width: 48%;
margin-right: 4%;
margin-bottom: 50px;
}
.about-our-values-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.about-our-values-cm .right-col {
padding-left: 95px;
}
@media(max-width:1200px){
.about-our-values-cm .left-col{
width: 25.928177%;   
}
.about-our-values-cm .right-col{
width: 71.309392%;
padding-left: 35px;
}
}
@media(max-width:1024px){
.about-our-values-cm .left-col {
width: 26.928177%;
}
.about-our-values-cm .right-col {
width: 70.309392%;
}
.about-our-values-cm .two-col-container span>.hs_cos_wrapper {
margin-bottom: 20px;
}
}
@media(max-width:767px){
.about-our-values-cm .left-col {
width: 100%;
}
.about-our-values-cm .right-col {
width: 100%;
padding-left:0;
margin-left:0;
}
.about-our-values-cm .subheading {
margin-bottom: 10px; 
padding-top: 14px;
}
.about-our-values-cm .two-col-container span>.hs_cos_wrapper {
margin-bottom: 20px;
width: 100%;
margin-right: 0;
}
.about-our-values-cm .left-col {
margin-bottom: 40px;
}
.about-our-values-cm {
padding: 27px 0 36px;
}
.about-our-values-cm .two-col-container span>.hs_cos_wrapper h3{
margin-bottom: 15px;   
}
}
/******************** Solution Page Updated Styling *********************/
/***************** Solution Banner Cm ******************/
.solution-banner-cm{
padding:173px 0 96px;
}
.solution-banner-cm .heading-container .mobile-heading{
display:none;
}
.solution-banner-cm .description-container{
max-width:763px;
margin-top:30px;
}
.solution-banner-cm .cta-container{
margin-top:52px;
}
.solution-banner-cm .subheading{
margin-bottom:46px;
}
.solution-banner-cm .heading-container .desktop-heading h1{
margin-bottom:0;
}
.solution-banner-cm .heading-container .desktop-heading .line40 {
height: 95px;
position: relative;
overflow: hidden;
width: 100%;
}
@media(max-width:1024px){
.solution-banner-cm .heading-container .desktop-heading .line40{
height: 81px;  
}
.solution-banner-cm .description-container {
margin-top: 10px;
}
.solution-banner-cm .subheading {
margin-bottom: 26px;
}
.solution-banner-cm {
padding: 123px 0 96px;
}
}
@media(max-width:767px){
.solution-banner-cm .heading-container .desktop-heading{
display:none;
}
.solution-banner-cm .heading-container .mobile-heading{
display:block;
}
.solution-banner-cm .heading-container .mobile-heading h1{
font-size: 45px;
font-weight: 500;
letter-spacing: -1.45px;
line-height: 49.4px; 
}
.solution-banner-cm .cta-container {
margin-top: 32px;
}
.solution-banner-cm {
padding: 103px 0 146px;
}
}
/************** Solution Section1 Cm Styling ****************/
.solution-section1-cm{
padding:53px 0 0px;
}
.solution-section1-cm .card-container *{
color:#ffffff;
}
.solution-section1-cm .card-container{
padding:37px 36px 44px;
box-sizing:border-box;
margin-top:-200px;
}
.solution-section1-cm .subheading{
margin-bottom:30px;
}
.solution-section1-cm .three-col-container{
margin-top:78px;
max-width: 1080px;
float: right;
}
.solution-section1-cm .three-col-container span{
display:flex;
flex-wrap:wrap;
}
.solution-section1-cm .three-col-container span>.hs_cos_wrapper{
width:31.65%;
margin-right:2.5%;
margin-bottom:115px;
position:relative;
padding-bottom:35px;
}
.solution-section1-cm .three-col-container span>.hs_cos_wrapper .cta-container{
position:absolute;
bottom:0;
}
.solution-section1-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.solution-section1-cm .three-col-container .image-container{
height:208px;
margin-bottom:25px;
}
.solution-section1-cm .card-container h6{
padding-left:0;
}
.solution-section1-cm .card-container h6:before{
display:none;
}
.solution-section1-cm .card-container .cta-container{
margin-top: 62px;
}
@media(max-width:1024px){
.solution-section1-cm .card-container{
padding:37px 20px 44px;
}
.solution-section1-cm .card-container .white-arrow-button a.cta_button:before{
display:none;
}
.solution-section1-cm .three-col-container {
margin-top: 48px;
max-width: 100%;
float: none;
}
.solution-section1-cm .three-col-container span>.hs_cos_wrapper{
margin-bottom:75px;
}
}
@media(max-width:767px){
.solution-section1-cm .content-wrapper>.row-fluid{
display:flex;
flex-direction:column-reverse;
}
.solution-section1-cm .card-container{
margin-bottom:40px;
margin-top:-160px;
padding: 36px 35px 34px;
position:absolute;
}
.solution-section1-cm .card-container h4{
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
line-height: 28px;
}
.solution-section1-cm .card-container .white-arrow-button a.cta_button:before{
display:block;
}
.solution-section1-cm .left-col{
margin-top:220px;
}
.solution-section1-cm .subheading {
margin-bottom: 15px;
}
.solution-section1-cm .three-col-container span>.hs_cos_wrapper {
margin-bottom: 45px;
width: 100%;
margin-right: 0;
padding-bottom:25px;
}
.solution-section1-cm .three-col-container{
margin-top:28px;
}
.solution-section1-cm .three-col-container .content-container h4{
font-size:22px;
letter-spacing: 0;
line-height: 28px;
}
.solution-section1-cm {
padding: 53px 0 40px;
}
}
/*************** Solution Section2 Cm ***************/
.solution-section2-cm{
padding:60.5px 0 65.5px;
}
.solution-section2-cm .three-col-container>span{
display:flex;
flex-wrap:wrap;
}
.solution-section2-cm .three-col-container span>.hs_cos_wrapper{
width: 31.65%;
margin-right: 2.5%;
margin-bottom:30px;
border-top: 1px solid rgb(67,67,67,68%);
padding-top:38px;
position:relative;
padding-bottom:60px;
}
.solution-section2-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.solution-section2-cm .three-col-container .cta-container{
position:absolute;
bottom:0;
}
.solution-section2-cm .three-col-container .subheading h6:before{
display:none;
}
.solution-section2-cm .three-col-container .subheading h6 span{
position:absolute;
left:0;
top:8px;
border-radius:50%;
width:10px;
height:10px;
}
@media(max-width:767px){
.solution-section2-cm {
padding: 31.5px 0 65.5px;
}
.solution-section2-cm .three-col-container .inner-cont {
display: grid;
grid-auto-flow: column;
gap: 1rem;
overflow: auto;
}
.solution-section2-cm .three-col-container .inner-cont::-webkit-scrollbar {
height: 6px;
}
.solution-section2-cm .three-col-container .inner-cont::-webkit-scrollbar-thumb {
background-color: #ffffff;
outline: 0;
height: 6px;
}
.solution-section2-cm .three-col-container .inner-cont::-webkit-scrollbar-track {
border-bottom: 1px solid #ffffff;
box-shadow: none;
}
.solution-section2-cm .three-col-container .inner-cont>.hs_cos_wrapper{
position: relative;
padding-bottom: 30px;
display: grid;
min-width: 320px; 
}
.solution-section2-cm .three-col-container .cta-container {
position: relative;
bottom: 0;
margin-top: 40px;
}
.solution-section2-cm .three-col-container .subheading{
margin-bottom:15px;
}
.solution-section2-cm .three-col-container .heading h4{
overflow:hidden;
white-space:initial;
}
}
/***************** Solution Section3 Cm ***************/
.solution-section3-cm{
padding:38px 0 64px;
}
.solution-section3-cm .subheading{/*border-top: 1px solid #191715;*/padding-top:24px;margin-bottom:47px;}
.solution-section3-cm .right-col p{
max-width:536px;
}
.solution-section3-cm .logo-container ul li{
list-style:none;
border: 1px solid #434343;
background-color: #FFFFFF;
width:22.7%;
margin-right:30px;
margin-bottom:36px;
display:flex;
justify-content:center;
align-items:center;
min-height:115px;
}

.solution-section3-cm .logo-container ul li:nth-child(4n){
margin-right:0;
}
.solution-section3-cm .logo-container ul{
padding-left:0;
display:flex;
flex-wrap:wrap;
}
.solution-section3-cm .heading-container{
margin-bottom:84px;
}
.solution-section3-cm .logo-container{
max-width:1107px;
margin:0 auto;
float:none;
}
@media(max-width:1200px){
.solution-section3-cm .logo-container ul li{
width: 22.5%;  
}
}
@media(max-width:1024px){
.solution-section3-cm .logo-container ul li {
width: 47.7%;
}
.solution-section3-cm .logo-container ul li:nth-child(2n){
margin-right:0;
}
.solution-section3-cm .heading-container {
margin-bottom: 34px;
}
.solution-section3-cm {
padding: 38px 0 34px;
}
}
@media(max-width:767px){
.solution-section3-cm {
padding: 27px 0 40px;
}
.solution-section3-cm .logo-container ul li {
width: 47.7%;
margin-right: 15px;
margin-bottom: 15px;
min-height: 70px;
}
.solution-section3-cm .logo-container ul li img{
width:auto!important;
max-width:114px!important;
height:auto!important;
}
.solution-section3-cm .subheading {
padding-top: 16px;
margin-bottom: 17px;
}
.solution-section3-cm .heading-container {
margin-bottom: 18px;
}
.solution-section3-cm .right-col p{
max-width:100%;
}
}
/************** Solution Section4 Cm *****************/
.solution-section4-cm{
padding:43px 0 87px;
position:relative;
z-index:1;
}
.solution-section4-cm .overlay{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:-1;
width:100%;
height:100%;
}
.solution-section4-cm .left-col{
padding-right:50px;
}
.solution-section4-cm .left-col .inner-image{
position:relative;
max-width:536px;
}
.solution-section4-cm .image-container{
height:422px;
width:100%;
max-width:536px;
position:relative;
z-index:1;
overflow:hidden;
}
.solution-section4-cm .image-container img{
height: 100% !important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.solution-section4-cm .left-col .inner-image:after{
position:absolute;
right:-60px;
bottom:-40px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Quote%20%281%29.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:86px;
height:86px;
z-index:1;
}
.solution-section4-cm .subheading{
margin-bottom:30px;
}
.solution-section4-cm .right-col .info-container p{
color:#ffffff;
margin-bottom:0;
}
.solution-section4-cm .right-col .info-container h6:before{
display:none;
}
.solution-section4-cm .right-col .info-container h6{
padding-left:0;
margin-bottom:3px;
}
.solution-section4-cm .right-col .info-container{
margin-top:70px;
}
.solution-section4-cm .right-col .description{
max-width:611px;
}
@media(max-width:1024px){
.solution-section4-cm .left-col{
padding-right:30px;
}
.solution-section4-cm .right-col .info-container {
margin-top: 40px;
}
.solution-section4-cm .left-col .inner-image:after{
width:66px;
height:66px;
right:-20px;
bottom:-40px;
}
}
@media(max-width:767px){
.solution-section4-cm {
padding: 35px 0 60px;
}
.solution-section4-cm .image-container{
height:156px;
max-width:198px;
}
.solution-section4-cm .left-col .inner-image{
max-width:198px;
}
.solution-section4-cm .left-col {
padding-right: 0;
margin-bottom: 30px;
}
.solution-section4-cm .right-col .description h4{
font-size:22px;
line-height:28px;
}
.solution-section4-cm .right-col .info-container {
margin-top: 25px;
}
.solution-section4-cm .left-col .inner-image:after {
width: 58px;
height: 58px;
right: -30px;
bottom: 42px;
}
}
/**************** Solution Section5 Cm *****************/
.solution-section5-cm{
padding:35px 0 76px;
}
.solution-section5-cm .card-container h6{
padding-left:0;
}
.solution-section5-cm .card-container h6:before{
display:none;
}
.solution-section5-cm .card-container .cta-container{
margin-top: 62px;
}
.solution-section5-cm .left-col .image-container{
height:auto;
width:35.5%;
}
.solution-section5-cm .card-container{
padding:37px 36px 44px;
box-sizing:border-box;
max-width:423px;
float:right;
}
.solution-section5-cm .left-col{
display:flex;
}
.solution-section5-cm .left-col .text-container{
width:60%;
margin-left:3%;
border-bottom: 1px solid rgb(32,32,32,46%);
padding-bottom:71px;
max-width:425px;
}
.solution-section5-cm .left-col .text-container h3{
max-width:422px;
}
.solution-section5-cm .left-col .text-container .description-container{
max-width:424px;
}
.solution-section5-cm .left-col .text-container .info-container .image-cont{
width:40px;
height:40px;
border-radius:50%;
}
.solution-section5-cm .left-col .text-container .info-container{
display:flex;
align-items:center;
margin-bottom:30px;
}
.solution-section5-cm .left-col .text-container .info-container p{
margin-bottom:0;
padding-left:10px;
}
.solution-section5-cm .left-col .text-container .cta-container{
margin-top:30px;
}
.solution-section5-cm .content-wrapper .main-cont{
border-top: 1px solid #191715;
padding-top:76px;
}
@media(max-width:1200px){
.solution-section5-cm .left-col .text-container{
padding-bottom:30px;
}
}
@media(max-width:1024px){
.solution-section5-cm .card-container{
padding: 37px 20px 44px;
}
.solution-section5-cm .card-container .cta-container a:before{
display:none;
}
}
@media(max-width:767px){
.solution-section5-cm .left-col {
display: block;
}
.solution-section5-cm .left-col .image-container {
width: 100%;
height: 192px;
max-width: 135px;
margin-bottom: 20px;
}
.solution-section5-cm .left-col .text-container {
padding-bottom: 30px;
margin-left: 0;
width: 100%;
max-width: 100%;
margin-bottom: 30px;
}
.solution-section5-cm .left-col .text-container .info-container{
margin-bottom:20px;
}
.solution-section5-cm .card-container .cta-container a:before{
display:block;
}
.solution-section5-cm .card-container {
padding: 23px 20px 37px;
max-width:100%;
float:none;
}
.solution-section5-cm .card-container h4{
font-size:22px;
line-height:28px;
}
.solution-section5-cm .card-container .cta-container {
margin-top: 32px;
}
.solution-section5-cm {
padding: 27px 0 29px;
}
.solution-section5-cm .left-col .text-container h3 {
max-width: 100%;
}
.solution-section5-cm .left-col .text-container .description-container {
max-width: 100%;
}
.solution-section5-cm .content-wrapper .main-cont{
padding-top:21px;
}
}
/************************ Home Page Updated Styling ****************/
/*************** Home Banner Cm 2021 Styling ******************/
.home-banner-cm-new:after{
display:none;
}
.home-banner-cm-new .heading-container strong{
font-weight:bold;
margin-bottom: 0;
position: absolute;
font-size: 92px;
letter-spacing: -1.84px;
line-height: 91px;
color: rgba(32,32,32,1.0);
}
.home-banner-cm-new .heading-container strong span{
position:relative!important;  
display: contents;
width: auto;
}
.home-banner-cm-new .description-container{
margin-top:24px;
}
.home-banner-cm-new .heading-container strong span:after{
position: absolute;
right: 0;
bottom: 0px;
content: '';
background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 218.5px;
height: 19.5px;
z-index: -1;
/*position:absolute;
right:0;
bottom:-9px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:216.5px;
height:11.5px;*/
}
.home-banner-cm-new .heading-container .line{
height: 104px;
position: relative;
overflow: hidden;
width: 100%;
top:5px;
}
.home-banner-cm-new .heading-container {
margin-bottom: 0;
}
.home-banner-cm-new .description-container .right-col .link-container{
border-radius: 36px;
background-color: #191715;
max-width: 277px;
padding: 13px 73px 13px 35px!important;
}
.home-banner-cm-new .description-container .right-col .link-container a {
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
color: #fff;
width: 169px;
padding-left: 0;
left: 0;
top: 0px;
}
.home-banner-cm-new .description-container .right-col .link-container a:before {
position: absolute;
left: auto;
top: 3px;
content: '';
background: #2D2D2D url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 19px;
background-position: center center;
width: 35px;
height: 35px;
border-radius: 50%;
right: -47px;
}
.home-banner-cm-new .description-container .right-col .link-container a:before:hover {
position: absolute;
left: auto;
top: 3px;
content: '';
background: rgb(194, 156, 229) url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 19px;
background-position: center center;
width: 35px;
height: 35px;
border-radius: 50%;
right: -47px;
}
.home-banner-cm-new{
padding: 256px 0 60px;
}
@media(max-width:1200px){
.home-banner-cm-new{
padding: 230px 0 60px;  
}
.home-banner-cm-new .heading-container h1{
font-size:86px;
line-height:70px;
}
.home-banner-cm-new .heading-container h1 span:after{
width: 188.5px;
bottom: -20px;
height:9.5px;
}
}
@media(max-width:1024px){
.home-banner-cm-new{
padding: 140px 0 60px;  
}
.home-banner-cm-new .heading-container h1{
margin-bottom: 0;
font-size: 66px;
line-height: 60px;
}
.home-banner-cm-new .heading-container .line {
height: 85px;
}
.home-banner-cm-new .heading-container h1 span:after {
width: 143.5px;
bottom: -12px;
height: 8.5px;
}
}
@media(max-width:767px){
.home-banner-cm-new .heading-container .line{
height: 55px;  
}
.home-banner-cm-new .heading-container h1.mobile-heading{
margin-bottom:14px;
position:relative;
font-weight:bold;
font-size: 45px!important;
letter-spacing: -1.45px!important;
line-height: 49.4px!important;
}
.home-banner-cm-new .heading-container h1.mobile-heading span:after {
width: 103.5px;
bottom: -7px;
height: 6.5px;
left: 0;
right: auto;
}
.home-banner-cm-new {
padding: 125px 0 40px;
}
.home-banner-cm-new .description-container .left-col {
margin-bottom: 40px;
}
.home-banner-cm-new .heading-container h1.mobile-heading span {
position: relative!important;
display: inline-block;
width: auto;
left: 0;
right: auto;
}
.home-banner-cm-new .heading-container h1.mobile-heading span:after {
width: 107.5px;
bottom: -2px;
height: 13.5px;
right: 0;
position:absolute;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg');
background-repeat:no-repeat;
background-size:cover;
z-index: -1;
/* width: 103.5px;
bottom: -7px;
height: 6.5px;
right: 0;
position:absolute;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Grow-Underline.svg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
*/
}
}
/************** Hubspot Partner Updated Cm ****************/
.about-updated .hubspot-partner-cm *{
color:rgba(32,32,32,1.0);
}
.about-updated .hubspot-partner-cm .left-col h6 {
padding-left: 0;
top: 1px;
}
.about-updated .hubspot-partner-cm h6 img {
position: relative;
top: -2px;
}
.about-updated .hubspot-partner-cm h6:before {
color:rgba(32,32,32,1.0) !important;  
}
/**************** Home Content Cm Styling *****************/
.home-content-cm{
padding:36px 0 114px;
}
.home-content-cm .subheading{
border-top: 1px solid #191715;
padding-top:24px;
margin-bottom:88px;
}
.home-content-cm .left-col .description{
max-width:876px;
margin-bottom:70px;
}
.home-content-cm .left-col .cta-container{
display:flex;
}
.home-content-cm .left-col .cta-container .cta-2{
padding-left:21px;
}
.home-content-cm .right-col{
text-align:right;
}
.home-content-cm.home3-content-cm .left-col .description *{color:#F9DFDE;}
.home-content-cm.home3-content-cm .secondary-button a.cta_button{color:#F9DFDE;border-color:#F9DFDE;}
.home-content-cm.home3-content-cm .secondary-button a.cta_button:hover{background:#F9DFDE;color:#000000;}
.home-content-cm.home3-content-cm .secondary-button a.cta_button:after{background:#F9DFDE;}
.home-content-cm.home3-content-cm .animated-text { transform: rotate(3deg);font-size: 203.4px; line-height:1.3; letter-spacing: -4.67px; color: #f9dfde; font-family: Helvetica Now Display; font-weight: 700; }
.home-content-cm.home3-content-cm .home3-content-flex{margin-top: 120px;display: flex; align-items: flex-end;}
.home-content-cm.home3-content-cm .straight-text p{margin:0;color:#F9DFDE;}
.home-content-cm.home3-content-cm .straight-text { transform: rotate(90deg);  text-align: left; }
.services-ticker-block { position: relative; display:flex; align-items:center; overflow-x: hidden; overflow-y: hidden; }
.services-ticker-blockrorate{transform:rotate(2deg); }
.services-ticker-blockhiddne{overflow-x: hidden;overflow-y: hidden;}
.stb_line_single { position: relative; white-space: nowrap; padding: 0; will-change: transform; }
.stb_line_single span { padding: 0; font-size: 203.4px; line-height:1.3; letter-spacing:0px; color: #f9dfde; font-family: Helvetica Now Display; font-weight: 900; display: inline-block; margin-right:44px; }
@media(max-width:1024px){
.home-content-cm .subheading{
margin-bottom: 38px;  
}
.home-content-cm {
padding: 36px 0 54px;
}
.home-content-cm.home3-content-cm .straight-text{position: relative; top: -76px;}  
}
@media(max-width:767px){
.home-content-cm {
padding: 29px 0 52px;
}
.home-content-cm .subheading {
margin-bottom: 48px;
padding-top: 16px;
}
.home-content-cm .left-col .description {
max-width: 100%;
margin-bottom: 46px;
}
.home-content-cm .right-col img{
max-width:75px!important;
height:55px!important;
}
.home-content-cm .right-col{
margin-top:55px;
}
.home-content-cm.home3-content-cm .home3-content-flex .right-col{display:none;}
.home-content-cm.home3-content-cm{padding-top:0;}
.stb_line_single span{font-size:75px;letter-spacing:-1.72px;margin-right:22px;}
.home-content-cm.home3-content-cm .home3-content-flex {margin-top: 80px;}
.services-ticker-blockhiddne { margin-top: 50px; }
}
/************** Movable Text Cm ****************/
.home-updated .outline-text{
position: absolute;
bottom: 30px;
right: -143%;
z-index: 3;
font-size: 120.4px;
letter-spacing: -4.76px;
line-height: 181px;
width: 220%;
font-weight: normal;
font-family: 'neue-haas-unica-normal';
}
@media(max-width:1024px){
.home-updated .outline-text{
font-size: 80.4px;
bottom: 20px;  
}
}
@media(max-width:767px){
.home-updated .outline-text{
font-size: 57.79px;
letter-spacing: -0.94px;
line-height: 87px;
right: -273%;
width: 310%;
}
.home-updated .secondary-button a.cta_button {
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 16px;
padding-left: 13px!important;
padding-right: 13px!important;
}
}
/***************** Home Solution Cm *****************/
.home-solutions-cm .four-col-cont span{
display:flex;
flex-wrap:wrap;
}
.home-solutions-cm .four-col-cont span>.hs_cos_wrapper{
width:23.5%;
margin-right:2%;
margin-bottom:30px;
position:relative;
padding-bottom:45px;
}
.home-solutions-cm .four-col-cont span>.hs_cos_wrapper:nth-child(4n){
margin-right:0;
}
.home-solutions-cm .four-col-cont .image-container{
height:183px;
margin-bottom:19px;
}
.home-solutions-cm .four-col-cont{
margin-top:80px;
}
.home-solutions-cm .four-col-cont .cta-container{
position:absolute;
bottom:0;
}
.home-solutions-cm .text-container .left-col h2 .lines5 {
height: 65px;
position: relative;
overflow: hidden;
width: 100%;
}
.home-solutions-cm .text-container .left-col h2 .lines5 span {
position: absolute;
}
.home-solutions-cm .subheading {
border-top: 1px solid #191715;
padding-top: 24px;
margin-bottom: 33px;
}
.home-solutions-cm {
padding: 35px 0 73px;
}
@media(max-width:1024px){
.home-solutions-cm .four-col-cont span>.hs_cos_wrapper{
padding-bottom: 28px;  
}
}
@media(max-width:767px){
.home-solutions-cm .subheading{
padding-top: 16px;
margin-bottom: 23px;   
}
.home-solutions-cm .four-col-cont .inner-cont {
display: grid;
grid-auto-flow: column;
gap: 1rem;
overflow: auto;
padding-bottom:30px;
}
.home-solutions-cm .four-col-cont .inner-cont>.hs_cos_wrapper {
position: relative;
padding-bottom: 30px;
display: grid;
min-width: 310px;
margin-right:13px;
}
.home-solutions-cm .four-col-cont .inner-cont::-webkit-scrollbar {
height: 6px;
}
.home-solutions-cm .four-col-cont .inner-cont::-webkit-scrollbar-thumb {
background-color: #191715;
outline: 0;
height: 6px;
}
.home-solutions-cm .four-col-cont .inner-cont::-webkit-scrollbar-track {
border-bottom: 1px solid rgb(45,45,45,0.17);
box-shadow: none;
}
}
/***************** Testimonial Cm Styling *****************/
.home-updated .testomonial-cm .testimonial-slider .left-col .info-container h5{
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
line-height: 22px;
text-transform:uppercase;
margin-bottom:5px;
}
/****************** What Drives Us Cm **************/
.home-updated .what-drives-us-cm .subheading{
padding-top: 20px;
margin-bottom: 28px;
}
.home-updated .what-drives-us-cm .heading-container {
margin-bottom: 32px;
}
.home-updated .what-drives-us-cm {
padding: 38px 0 120px;
}
@media(max-width:1024px){
.home-updated .what-drives-us-cm{
padding: 38px 0 10px;  
}
}
@media(max-width:767px){
.home-updated .what-drives-us-cm {
padding: 27px 0 70px;
}
.home-updated .what-drives-us-cm .right-col .image-container .image3 {
top: 400px;
left: 0px;
max-width: 163px !important;
height: 238px;
display: block;
width: 100%;
}
.home-updated .what-drives-us-cm .right-col .image-container .image3 img{
width:100%!important;
height:auto!important;
}
}
/***************** Latest News Cm Updated ******************/
.home-updated .blog-latest-news-cm .content-wrapper>.row-fluid{
margin-top:0;
}
/*==============================================================
Resources Page Styling 
===============================================================*/
/***************** Resources Cm Styling **************************/
.resources-cm{
padding:245px 0 85px;
position:relative;
overflow:hidden;
}
.resources-cm .two-col-container span{
display:flex;
flex-wrap:wrap;
}
.resources-cm .two-col-container span>.hs_cos_wrapper{
width: 45%;
margin-right: 6%;
margin-bottom:78px;
position:relative;
}
.resources-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.resources-cm .two-col-container .image-container{
margin-bottom:27px;
position:relative;
}
.resources-cm .two-col-container .content-container h6{
padding-left:0;
margin-bottom:14px;
}
.resources-cm .two-col-container .content-container h6:before{
display:none;
}
.resources-cm .right-col{
padding-left:0px;
float:right;
}
.resources-cm .two-col-container .cta-container{
margin-top:25px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}
.resources-cm .two-col-container .cta-container a{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
font-size:0;
opacity:0;
z-index:3;
}
.resources-cm .two-col-container .cta-text{
background: transparent;
border: 0;
padding: 0;
display: inline-block;
transform: none;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
color: #fff;
position: relative;
text-transform: initial;
border-radius: 0;
overflow: inherit;
transition: .3s all ease-in;
cursor:pointer;
}
.resources-cm .two-col-container .cta-text:hover:before{
background: #DCDAFF url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
transition: .3s all ease-in;
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
}
.resources-cm .two-col-container .cta-text:before{
position: absolute;
right: -40px;
top: -6px;
content: '';
background: #2d2d2d url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 14px;
background-position: center center;
width: 30px;
height: 30px;
background-repeat: no-repeat;
border-radius: 50%;
transition: .3s all ease-in;
display: block;
}
.resources-cm .line70{
height: 104px;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom:10px;
}
.resources-cm .line70 h1{
position: absolute;
}
.resources-cm .left-col{
position:relative;
}
.resources-cm .sidebar{
transition:0.4s all ease-in;
top:0;
}
.resources-cm .sidebar.fixed{
position:fixed;
transition:0.4s all ease-in;
}
@media(max-width:1200px){
.resources-cm .right-col{
width: 53.18232%;  
}
.resources-cm .left-col{
width: 44.055249%; 
}
.resources-cm .two-col-container .image-container img{
width:100%!important;
height:auto!important;
}
}
@media(max-width:1024px){
.resources-cm .line70{
height: 74px;  
}
.resources-cm .two-col-container span>.hs_cos_wrapper {
width: 47%;
margin-right: 6%;
margin-bottom: 48px;
}
.resources-cm .right-col{
padding-left:20px;  
}
.resources-cm {
padding: 145px 0 54px;
}
}
@media(max-width:767px){
.resources-cm .left-col {
width: 100%;
margin-bottom:70px;
}
.resources-cm .right-col {
width: 100%;
padding-left:0;
float:none;
}
.resources-cm .line70 {
height: 55px;
}
.resources-cm .two-col-container span>.hs_cos_wrapper {
width: 100%;
margin-right: 0;
margin-bottom: 75px;
}
.resources-cm .two-col-container .image-container {
margin-bottom: 17px;
}
.resources-cm {
padding: 115px 0 34px;
}
.resources-cm .sidebar.fixed{
position:relative!important;
top:0!important;
}
.resources-cm .sidebar{
position:relative!important;
top:0!important;
}
}
/*======================================================
Resources Single Page 
=======================================================*/
/************** Resources Single Cm ********************/
.resources-single-cm{
padding:180px 0 98px;
position:relative;
z-index:1;
}
.resources-single-cm:after{
position:absolute;
left:0;
right:0;
bottom:0;
content:'';
background:#ffffff;
height:526px;
z-index:-1;
}
.resources-single-cm .left-col{
text-align:center;
}
.resources-single-cm .right-col .form-container{
background-color: #191715;
padding:48px 77px 63px;
box-sizing:border-box;
max-width:649px;
float:right;
width:100%;
min-height:591px;
}
.resources-single-cm .right-col .form-container form .hs-form-required{
display:none;
}
.resources-single-cm .right-col .form-container .form-heading{
text-align:center;
}
.resources-single-cm .right-col .form-container form input[type="text"],
.resources-single-cm .right-col .form-container form input[type="email"],
.resources-single-cm .right-col .form-container form input[type="number"],
.resources-single-cm .right-col .form-container form input[type="tel"]{
background-color: #FFFFFF;
height:64px;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.resources-single-cm .right-col .form-container form select{
background: #ffffff url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Dropdown%20Arrow%20%284%29.svg);
height:64px;
border:none!important;
background-repeat:no-repeat;
background-size:10px;
background-position:95% 70%!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.resources-single-cm .right-col .form-container form textarea{
height:123px;
background-color: #FFFFFF;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.resources-single-cm .right-col .form-container form label{
font-size: 11px;
letter-spacing: 0.07px;
line-height: 16px;
color: #191715;
text-transform:uppercase;
position: relative;
top: 24px;
left: 10px;
}
.resources-single-cm .right-col .form-container form label.hs-error-msg{
top:-4px;
}
.resources-single-cm .right-col .form-container form .hs-button{
text-transform: initial;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
border-radius: 24.5px;
background: transparent;
width: auto;
text-align: center;
display: inline-block;
padding: 16px 30px;
}
.resources-single-cm .right-col .form-container form .actions{
background: transparent;
border: 2px solid #FFFFFF;
border-radius: 24.5px;
width: 100%;
text-align: center;
margin: 24px auto 0;
max-width: 233px;
float: none;
display: flex;
justify-content: center;
align-items: center;
}
/* .resources-single-cm .right-col .form-container form .actions:after{
background-color:#ffffff!important;
}
.resources-single-cm .right-col .form-container form .actions:hover:after{
background-color:#ffffff!important;
border-radius: 24.5px;
}
.resources-single-cm .right-col .form-container form .actions:hover .hs-button{
color:#191715!important;
} */
.resources-single-cm .right-col .form-container form .hs-form-booleancheckbox{
margin-top: -10px;
margin-left:-10px!important;
}
.resources-single-cm .right-col{
position:relative;
}
body .resources-single-cm form .hs-form-field{
margin-bottom:7px!important;
}
.resources-single-cm .right-col .heading{
margin-bottom:34px;
}
.resources-single-cm .right-col .description{
margin-bottom:75px;
max-width:556px;
}
.resources-single-cm .cta-container{
margin-top:111px;
}
.resources-single-cm .cta-container.arrow-button a{
font-size: 26px;
font-weight: 500;
letter-spacing: 0;
line-height: 31px;
color: #191715;
padding-left:38px;
position:relative;
font-family: Helvetica Now Display;
text-align:left;
}
.resources-single-cm .cta-container.arrow-button a:before{
left: 0;
right: auto;
top: 2px;
transform: rotate(-95deg);
}
.resources-single-cm .right-col .form-container form label.hs-error-msg{
color:red!important;
}
@media(max-width:1200px){
.resources-single-cm .right-col .form-container{
padding: 48px 37px 63px;  
}
}
@media(max-width:1024px){
.resources-single-cm form .form-columns-2 .hs-form-field{
width:100%!important;
margin-right:0!important;
}
.resources-single-cm .right-col .form-container .form-heading{
margin-bottom:9px;
}
.resources-single-cm .left-col img{
width:100%!important;
height:auto!important;
}
.resources-single-cm .left-col{
padding-right:30px; 
}
.resources-single-cm {
padding: 140px 0 78px;
}
.resources-single-cm .right-col .heading {
margin-bottom: 19px;
}
.resources-single-cm .right-col .description {
margin-bottom: 45px;
}
.resources-single-cm .right-col .form-container {
padding: 38px 30px 48px;
}
.resources-single-cm .cta-container {
margin-top: 71px;
}
}
@media(max-width:767px){
.resources-single-cm .left-col {
padding: 0 22px;
margin-bottom:35px;
}
.resources-single-cm {
padding: 110px 0 68px;
}
.resources-single-cm .left-col img {
max-width: 264px;
}
.resources-single-cm .right-col .description {
margin-bottom: 75px;
margin-top: 26px;
max-width:100%;
}
.resources-single-cm .content-wrapper{
padding:0!important;
}
.resources-single-cm .right-col .content-cont{
padding:0 22px;
}
.resources-single-cm .cta-container {
padding: 0 22px;
}
.resources-single-cm .cta-container.arrow-button a:before{
top:4px;
}
.resources-single-cm .cta-container.arrow-button a{
padding-left:43px;
}
.resources-single-cm .right-col .form-container {
padding: 38px 24px 58px;
max-width:100%;
float:none;
}
}
@media(max-width:380px){
.resources-single-cm .cta-container.arrow-button a:before{
top:16px;
}
}
/*==========================================================
Work With Us Updated Page 
===========================================================*/
/*************** Work With Us Form Cm *********************/
.work-with-us-form-cm{
padding:190px 0 116px;
}
.work-with-us-form-cm .heading-container{
max-width:762px;
margin:0 auto;
float:none;
}
.work-with-us-form-cm .heading-container,
.work-with-us-form-cm .description{
text-align:center;
}
.work-with-us-form-cm .description{
max-width:649px;
margin:0 auto 40px;
float:none;
}
.work-with-us-form-cm .form-container{
max-width:649px;
margin:0 auto;
float:none;
min-height:632px;
}
.work-with-us-form-cm .form-container form .hs-form-required{
display:none;
}
.work-with-us-form-cm .form-container .form-heading{
text-align:center;
}
.work-with-us-form-cm .form-container form input[type="text"],
.work-with-us-form-cm .form-container form input[type="email"],
.work-with-us-form-cm .form-container form input[type="number"],
.work-with-us-form-cm .form-container form input[type="tel"]{
background-color: #FFFFFF;
height:64px;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-form-cm .form-container form select{
background: #ffffff url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Dropdown%20Arrow%20%284%29.svg);
height:64px;
border:none!important;
background-repeat:no-repeat;
background-size:10px;
background-position:95% 70%!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-form-cm .form-container form textarea{
height:123px;
background-color: #FFFFFF;
border:none!important;
padding:28px 11px 11px;
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
}
.work-with-us-form-cm .form-container form label{
font-size: 11px;
letter-spacing: 0.07px;
line-height: 16px;
color: #191715;
text-transform:uppercase;
position: relative;
top: 24px;
left: 10px;
}
.work-with-us-form-cm .form-container form label.hs-error-msg{
top:-4px;
}
.work-with-us-form-cm .form-container .hs-form-booleancheckbox{
margin-top: -10px;
margin-left:-10px!important;
}
.work-with-us-form-cm .form-container form .hs-form-field{
margin-bottom:7px!important;
}
.work-with-us-form-cm .form-container form .hs-form-booleancheckbox label{
font-size: 17px;
letter-spacing: -0.29px;
line-height: 25px;
color: #191715;
text-transform:initial;
}
.work-with-us-form-cm .form-container form .hs-form-booleancheckbox{
text-align:center;
}
.work-with-us-form-cm .form-container form .actions{
text-align: center;
width: 100%;
max-width: 205px;
margin: 40px auto 0;
display: flex;
text-transform: initial;
}
.work-with-us-form-cm .form-container form .actions .hs-button{
padding: 12px 42px;
text-align: center;
text-transform: inherit;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
width: 205px;
display: flex;
justify-content: center;
align-items: center;
}
.work-with-us-form-cm .form-container form .hs-form-booleancheckbox a{
color:#191715;
}
@media(max-width:1024px){
.work-with-us-form-cm {
padding: 130px 0 86px;
}
}
@media(max-width:767px){
.work-with-us-form-cm {
padding: 120px 0 86px;
}
.work-with-us-form-cm .heading-container h1{
margin-bottom:17px;
}
.work-with-us-form-cm .heading-container{
text-align:left;
}
.work-with-us-form-cm .description{
max-width: 100%;
margin: 0 auto 21px;
float: none;
text-align:left;
}
.work-with-us-form-cm form .form-columns-2 .hs-form-field {
width: 100% !important;
margin-right: 0 !important;
}
}
/************** Work With Us Content Cm *****************/
.work-with-us-content-cm .content-wrapper>.row-fluid{
display:flex;
}
.work-with-us-content-cm .description{
max-width:650px;
margin-top:34px;
margin-bottom:31px;
}
.work-with-us-content-cm .author-container{
display:flex;
align-items:center;
}
.work-with-us-content-cm .author-container .author-image{
width:73px;
height:73px;
border-radius:50%;
}
.work-with-us-content-cm .author-container .author-info h6{
padding-left:0;
position:relative;
margin-bottom:0;
}
.work-with-us-content-cm .author-container .author-info h6:before{
display:none;
}
.work-with-us-content-cm .author-container .author-info p{
font-size: 15.2px;
letter-spacing: -0.34px;
line-height: 21.6px;
margin-bottom:0;
font-weight:normal;
margin-bottom:0;
}
.work-with-us-content-cm .author-container .author-info{
padding-left:20px;
}
.work-with-us-content-cm .right-col{
margin-left:0;
position:absolute;
right:0;
top:0;
bottom:0;
width:50%;
}
.work-with-us-content-cm .left-col{
width:50%;
padding:43px 40px 91px 0px;
}
.work-with-us-content-cm .description p{
letter-spacing:0.18px;
}
.work-with-us-content-cm{
position:relative;
z-index:1;
}
.work-with-us-content-cm .overlay-image{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 50%;
z-index:-1;
}
@media(max-width:767px){
.work-with-us-content-cm .content-wrapper>.row-fluid {
display: block;
}
.work-with-us-content-cm .right-col {
display:none;
}
.work-with-us-content-cm .left-col {
width: 100%;
padding: 44px 0px 59px 0px;
}
.work-with-us-content-cm .description {
max-width: 100%;
margin-top: 25px;
margin-bottom: 31px;
}
.work-with-us-content-cm .overlay-image{
width:100%;
}
}
/*============================================================
Error Page New Styling 
==============================================================*/
.error-cm-new{
padding:210px 0 120px;
}
.error-cm-new .left-col{
width: 69.811966%;
}
.error-cm-new .right-col{
width: 27.623932%;
padding-left:45px;
}
.error-cm-new .list-container{
margin-top:40px;
}
.error-cm-new .list-container ul li{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 30px;
margin-bottom:15px;
}
.error-cm-new .cta-container{
margin-top:40px;
}
.error-cm-new .left-col .heading .line66{
position: relative;
overflow: hidden;
width: 100%;
height: 101px;
}
.error-cm-new .left-col .line66 span{
margin-bottom:0;
font-size: 92px;
font-weight: 500;
letter-spacing: -1.84px;
line-height: 91px;
font-family: Helvetica Now Display;
position:absolute;
}
.error-cm-new .right-col .image1 {
overflow: hidden;
width: 100%;
height: 515px;
position: relative;
max-width: 450px;
float: right;
}
.error-cm-new .right-col .image1 img {
object-fit: cover;
transform-origin: left;
height: 100%;
}
.error-cm-new .right-col .image-container{
position:relative;
}
.error-cm-new .left-col .mobile-heading{
display:none;
}
@media(max-width:1430px){
.error-cm-new .left-col{
width: 68.811966%;   
}
.error-cm-new .left-col .heading .line66 h1{
font-size:68px;
}
.error-cm-new .left-col .heading .line66{
height:90px;
}
.error-cm-new .right-col {
padding-left: 5px;
}
.error-cm-new {
padding: 160px 0 100px;
}
}
@media(max-width:1024px){
.error-cm-new .left-col .heading .line66 {
height: 140px;
}
}
@media(max-width:767px){
.error-cm-new .left-col .heading .line66 h1 {
font-size: 45px;
letter-spacing: -1.45px;
line-height: 49.4px;
}
.error-cm-new .left-col .heading{
display:none;
}
.error-cm-new .left-col .mobile-heading{
display:block;
}
.error-cm-new .left-col {
width: 100%;
}
.error-cm-new .right-col{
width:100%;
}
.error-cm-new {
padding: 100px 0 30px;
}
.error-cm-new .list-container ul li {
font-size: 18px;
margin-bottom: 5px;
}
.error-cm-new .right-col .image-container {
position: relative;
max-width: 242px;
float: right;
margin-top: 62px;
}
.error-cm-new .right-col .image1{
height:242px;
}
}
/*============================================================
Home3 Hero Banner 
==============================================================*/
.home3-hero-banner { padding: 207px 0 122px;text-align: center;overflow: hidden;}
.home3-hero-bannertopleft{width:150px;height:136px;top: 91px; left: 66px;}
.home3-hero-bannertopright{width:316px;height:237px;right: -56px; top: 91px;}
.home3-hero-bannermiddleleft{width:222px;height:313px;left: -91px; top: 53%;}
.home3-hero-bannermiddleright{width:137px;height:124px;right: 38px; top: 62%;}
.home3-hero-bannerbottomleft{width:273px;height:216px;left: 15%; bottom: -68px;}
.home3-hero-bannerbottomright{width:384px;height:277px;right: 12%; bottom: -153px;}
h6.hubspot-flex { align-items: center;     padding: 0;display: flex; justify-content: center; }
h6.hubspot-flex img{margin-right:10px;}
h6.hubspot-flex:before{display:none;}
.home3-hero-banner-inner{max-width:1062px;margin:0 auto;}
.home3-hero-banner-inner p { max-width: 650px; margin: 50px auto 0px; }
.home3-heroabsolute { position: absolute;opacity:0.15!important;  }
.home3banner-dot { position: relative; text-align: center; margin-top: 70px; }
.home3banner-dot:after { position: absolute; content: ""; left: 0; top: 0; width: 8px; height:8px;  background: #191715; border-radius: 50%; right: 0; margin: 0 auto; }
@media (min-width: 1500px){
.home3-hero-banner{position: unset!important;    padding:0;}
.home3-hero-banner .content-wrapper { position: relative; padding: 207px 55px 122px; }
.home3-hero-bannertopleft {left: 66px; }
.home3-hero-bannertopright { right: 55px;}
.home3-hero-bannermiddleleft { left: 55px; }
.home3-hero-bannermiddleright { right: 55px;}
.home3-hero-bannerbottomleft { left: 24%;}
}
@media (max-width: 1150px){
.home3-hero-bannertopright { width: 276px; height: 197px; right: -96px;  }
.home3-hero-bannermiddleleft { width: 212px; height: 273px; left: -111px; }
.home3-hero-bannerbottomleft { width: 233px; height: 176px; left: 17%;}
.home3-hero-bannerbottomright { width: 304px; height: 247px; right: 6%; }
}
@media (max-width:767px){
.home3-hero-bannertopleft { width: 85px; height: 77px; top: 60px; left: -29px; }
.home3-hero-banner { padding: 98px 0 66px;}
.home3-hero-bannertopright { width:138px; height:104px; right: -96px; }
.home3-hero-bannermiddleleft{display:none;}
.home3-hero-bannermiddleright{display:none;}
.home3-hero-bannerbottomleft { width: 149px; height: 118px; left: -75px; bottom: 20px; }
.home3-hero-bannerbottomright { width: 211px; height: 152px; right: -54px; bottom: -80px; }
.home3-hero-banner-inner p { margin: 10px auto 0px; }
.home3banner-dot {  margin-top: 44px; }
}
/******************** Migrations Banner Cm ********************/ 
.migration-banner-cm{ padding:175px 0 25px; } 
.migration-banner-cm .subheading{ margin-bottom:10px; } 
.migration-banner-cm .image-container{ height:518px; } 
.migration-banner-cm .description-container{ margin-bottom: 57px; max-width: 876px; margin-top: 15px; }
.migration-banner-cm h1{font-weight:700;}
.migration-banner-cm .desktop-heading h1 span{position: relative;z-index:1;display: inline-block;}
.migration-banner-cm .desktop-heading h1 span:after { position: absolute; right: 0; bottom: 0px; content: ''; background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 21px; z-index: -1; }
@media(max-width:1024px){
.migration-banner-cm{padding: 145px 0 0;  }
}
@media(max-width:767px){
.migration-banner-cm {padding: 115px 0 0;}
.migration-banner-cm .subheading {margin-bottom: 2px;}
.migration-banner-cm .desktop-heading h1 span:after{height:12px;}
}
/******************** Migrations Video Cm ********************/ 
.migration-video-cm{z-index:1;    padding: 42px 0px;}
.migration-video-cm:after { position: absolute; content: ""; width: 59.7%; height: 100%; background: #191715; left: 0; top: 0; z-index: -1; }
.migration-video-content *{color:#fff;}
.migration-video-right { width: 45.8%; }
.migration-video-left { width: 54.2%;padding-right: 4%; }
.migration-video-cm .dis-flex{display: flex; flex-wrap: wrap;}
.migration-video-image { height: 405px; display: flex; align-items: center; justify-content: center; }
.migration-video-image button{border:0;background:0;}
.migration-video-rightinner{padding-left:110px;    padding-top: 22px}
.migration-video-left .description-container { margin: 29px 0px 35px; }
.migration-video-right .migration-video-hubspot { margin-top: 91px; }
@media (min-width:1450px){
.migration-video-rightinner {padding-left: 180px;}
}
@media (min-width:2000px){
.migration-video-rightinner {padding-left: 110px;}
.migration-video-cm:after { width: 54.7%;}
}
@media (max-width: 767px){
.migration-video-left { width:100%; padding-right: 4%; }
.migration-video-right { width:100%;margin-top: 40px; }
.migration-video-image img { max-width: 78px; }
.migration-video-image{height:186px; }
.migration-video-cm:after { width: calc(100% - 23px);    height: 73%;}
.migration-video-rightinner { padding-left: 0; padding-top:11px; }
.migration-video-right .migration-video-hubspot { margin-top: 37px; }
}
/******************** Migration Three Col Content Cm ********************/ 
.migration-three-col-content-cm{ padding:80px 0 0px; } 
.digital-design .migration-three-col-content-cm{padding: 30px 0 62px;}
.service-page-hubspot .migration-three-col-content-cm{padding: 30px 0 62px;}
.digital-design .migration-three-col-content-cm .subheading{border-top:none;}
.service-page-hubspot .migration-three-col-content-cm .subheading{border-top:none;}
.migration-three-col-content-cm .text-container .right-col .cta-container{ margin-top:33px; }
.migration-three-col-content-cm .migration-three-col-container>span{ display:flex; flex-wrap:wrap; } 
.migration-three-col-content-cm .migration-three-col-container span>.hs_cos_wrapper{ width: 31.33%; margin-right: 3%; position:relative; padding-bottom:42px; } 
.migration-three-col-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(3n){ margin-right:0; } 
.migration-three-col-content-cm .subheading{ /*border-top:1px solid #191715;*/ padding-top:19px; margin-bottom:20px; } 
.migration-three-col-content-cm .right-col .inner-container{ max-width:536px; } 
.migration-three-col-content-cm .right-col{ padding-left:100px; } 
.migration-three-col-content-cm .migration-three-col-container{ margin-top:48px; } 
.migration-three-col-content-cm .migration-three-col-container .list-container ul li{ font-size: 19px; font-weight: 500; letter-spacing: -0.42px; line-height: 27px; list-style:none; padding-bottom:10px; margin-left:0; } 
.migration-three-col-content-cm .migration-three-col-container .list-container ul{ padding-left:0; } 
.migration-three-col-content-cm .migration-three-col-container .number h6{ font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 22px; margin-bottom:6px; padding-left:0; } 
.migration-three-col-content-cm .migration-three-col-container .number h6:before{ display:none; } 
.migration-three-col-content-cm .migration-three-col-container .content-heading { margin-bottom: 20px; }
.migration-three-col-content-cm .subheading .line4 span{ position: absolute; } 
.migration-three-col-content-cm .text-container .left-col h2{ display: flex; flex-direction: column; } 
.migration-three-col-content-cm .text-container .left-col .mobile-heading{ display:none; } 
.migration-three-col-content-cm .text-container .left-col .desktop-heading{ display:block; } 
.migration-three-col-content-cm .text-container .left-col h2 .line5{ height: 65px; position: relative; overflow: hidden; width:100%; } 
.migration-three-col-content-cm .text-container .left-col h2 .line5 span{ position:absolute; } 
.migration-three-col-content-cm .text-container .right-col .line6{ height: 120px; position: relative; overflow: hidden; width:100%; } 
.migration-three-col-content-cm .text-container .right-col .line6 span{ position:absolute; } 
.migration-three-col-content-cm .migration-three-col-container .number .line7{ height: 21px; position: relative; overflow: hidden; width:100%; } 
.migration-three-col-content-cm .migration-three-col-container .number .line7 span{ position:absolute; } 
.migration-three-col-content-cm .migration-three-col-container .content-heading .line8{ height: 43px; position: relative; overflow: hidden; width:100%; } 
.migration-three-col-content-cm .migration-three-col-container .content-heading .line8 span{ position:absolute; } 
.migration-three-col-content-cm .migration-three-col-container .list-container .line9{ height: 37px; position: relative; overflow: hidden; width:100%; } 
.migration-three-col-content-cm .migration-three-col-container .list-container .line9 span{ position:absolute; }
@media(max-width:1024px){
.migration-three-col-content-cm { padding: 35px 0 70px; }
.migration-three-col-content-cm .migration-three-col-container .content-heading { margin-bottom: 40px; }
}
@media(max-width:767px){
.migration-three-col-content-cm{ padding: 27px 0 58px; } 
.migration-three-col-content-cm .subheading { margin-bottom: 15px;  } 
.migration-three-col-content-cm .migration-three-col-container .content-heading { margin-bottom:0px; }
.migration-three-col-content-cm .right-col { padding-left: 0; } 
.migration-three-col-content-cm .migration-three-col-container{ margin-top:28px; } 
.migration-three-col-content-cm .migration-three-col-container span>.hs_cos_wrapper:last-child:after{ display:none; } 
.migration-three-col-content-cm .migration-three-col-container{ border-bottom:1px solid #d2d2d2;overflow-x: scroll; overflow-y: hidden; height:380px; } 
.migration-three-col-content-cm .migration-three-col-container span{ width: 660%; height: 380px; }  
.migration-three-col-content-cm .migration-three-col-container::-webkit-scrollbar { height:6px; } 
.migration-three-col-content-cm .migration-three-col-container::-webkit-scrollbar-track { border-bottom: 1px solid rgb(45,45,45,0.17); box-shadow:none; } 
.migration-three-col-content-cm .migration-three-col-container::-webkit-scrollbar-thumb { background-color: #191715; outline: none; height: 6px; }  
.migration-three-col-content-cm .right-col .inner-container{ max-width:100%; }
.migration-three-col-content-cm.about-our-values-cm:after,.migration-three-col-content-cm.about-two-col-content-cm{display:none;}  
.migration-three-col-content-cm:after { position: absolute; content: "Scroll"; right:23px; bottom: 51px; text-align: right; width: 47px; margin: 0 0 0 auto; background-color: #F6F6F6; font-size: 15px; line-height: 20px; letter-spacing: -0.33px; color: #191715;  }
.migration-three-col-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(3n){margin-right:2%;}
.migration-three-col-content-cm .migration-three-col-container span>.hs_cos_wrapper{width: 14.33%;margin-right: 2%;}  
.service-three-col-content-cm .migration-three-col-container{border-bottom:1px solid #ffffff;}
}
/******************** Migration Two Column Content Cm ********************/
.migation-twocol-content.home-content-cm { padding: 36px 0 64px; }
.migation-twocol-content.home-content-cm .right-col img{height:auto;}
.migation-twocol-content.home-content-cm .subheading { border-top:0;margin-bottom: 15px;}
.migation-twocol-content.home-content-cm .left-col { padding-right: 32px; }
.migation-twocol-content.home-content-cm .left-col .description { max-width: 876px; margin-bottom: 0; margin-top: 23px; }
@media (max-width:1280px){
.migation-twocol-content.home-content-cm .left-col { padding-right:20px; }
}
@media (max-width:767px){
.migation-twocol-content.home-content-cm .left-col { padding-right: 0px; }
.migation-twocol-content.home-content-cm { padding: 24px 0 64px; }
.migation-twocol-content.home-content-cm .right-col img { height: auto!important; width: 100%; max-width: 332px!important; margin: 0 auto; }
.migation-twocol-content.home-content-cm .right-col { text-align: center;    margin-top: 50px; }
}
/******************** Migration Content Cm********************/
.migation-content-cm.home-content-cm { padding: 36px 0 64px; }
.migation-content-cm.home-content-cm .left-col { padding-right: 22px; }
.migation-content-cm.home-content-cm .right-col { text-align: left; }
.migation-content-cm.home-content-cm .migation-content-inner { padding: 74px 50px; }
.migation-content-cm.home-content-cm .left-col .cta-container { margin-top: 60px; }
.migation-content-cm.home-content-cm .mig-content-responisve{display:none}
.migation-content-cm.home-content-cm .description p { color: inherit; }
.migation-content-cm.home-content-cm .heading h2 span { position: relative; z-index: 1;display:inline-block }
.migation-content-cm.home-content-cm .heading h2 span:after{width: 100%; height: 21px; z-index: -1;position: absolute; right: 0; bottom:0px; content: ''; }
.migation-content-cm.home-content-cm .heading.white-underline h2 span:after{background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/white_Underline.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; } 
.migation-content-cm.home-content-cm .heading.grey-underline h2 span:after{    opacity: 0.3;background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
@media (max-width:1280px){
.migation-content-cm.home-content-cm .left-col { padding-right:20px; }
}
@media (max-width:767px){
.migation-content-cm.home-content-cm .migation-content-inner { padding:22px 26px 44px; }
.migation-content-cm.home-content-cm .left-col { padding-right: 0px; }
.migation-content-cm.home-content-cm { padding:36px 0 34px; }
.migation-content-cm.home-content-cm .right-col { margin-top: 30px; }
.migation-content-cm.home-content-cm .mig-content-responisve{display:block;    margin-top: 35px;}
.migation-content-cm.home-content-cm .mig-content-deskcta{display:none;}
.migation-content-cm.home-content-cm .heading h2 span:after { height: 15px; }
}
/******************** Migration Clients Cm ********************/
.migration-clients-cm.clients-cm h6:before { background: #191715; }
.migration-clients-cm.clients-cm .subheading {/*border-top:1px solid rgba(67, 67, 67,0.68);*/}
.migration-clients-cm.clients-cm .heading-container { max-width: 681px;}
/******************** Migration Card Content Cm ********************/
.migation-cardcontent-cm.home-content-cm { padding: 36px 0 64px; }
.migation-cardcontent-cm.home-content-cm .left-col { padding-right: 52px; }
.migation-cardcontent-cm.home-content-cm .left-col { width:51.5%; }
.migation-cardcontent-cm.home-content-cm .right-col { text-align: left; background: #fff; padding: 48px 45px;width:48.5%; }
.migation-cardcontent-cm.home-content-cm .migation-content-inner { padding: 74px 44px; }
.migation-cardcontent-cm.home-content-cm .description { margin-bottom: 54px;}
.migation-cardcontent-cm.home-content-cm h6:before{background:#fff;}
.migation-cardcontent-cm.home-content-cm .migation-content-inner .row-fluid{display: flex;    flex-wrap: wrap;}
.mig-card-image { width: 71px; height: 71px; border-radius: 50%; }
.mig-card-wrap {align-items: center; display: flex; flex-wrap: wrap; }
.mig-card-wrap h6:before{display:none;}
.mig-card-detail { width: calc(100% - 71px); }
.migation-cardcontent-cm.home-content-cm .subheading { border-top: 0; padding-top: 0; margin-bottom: 21px; }
.mig-card-wrap h6 { margin: 0; text-transform: inherit; }
.mig-card-wrap h6 span{font-weight:600;text-transform:uppercase;}
@media (max-width:1280px){
.migation-cardcontent-cm.home-content-cm .left-col { padding-right:20px; }
.migation-cardcontent-cm.home-content-cm .right-col { padding: 38px 25px;}
}
@media (max-width:767px){
.migation-cardcontent-cm.home-content-cm .migation-content-inner { padding:31px 26px 44px; }
.migation-cardcontent-cm.home-content-cm .content-wrapper { padding: 0; }
.migation-cardcontent-cm.home-content-cm .description { margin-bottom: 28px; }
.migation-cardcontent-cm.home-content-cm .left-col { padding-right: 0px; }
.migation-cardcontent-cm.home-content-cm { padding:36px 0 34px; }
.migation-cardcontent-cm.home-content-cm .left-col { width:100%; }
.migation-cardcontent-cm.home-content-cm .right-col {width: 100%;margin-top: 66px; }
.mig-card-image { width: 40px; height: 40px; }
}
@media (max-width:640px){
.mig-card-wrap { display: block; }
.mig-card-wrap h6 { padding-left: 0; margin-top: 9px; }
.mig-card-detail { width:100%; }
}
/******************** Migration Testimonial Slider Cm ********************/
.migration-testim-slider .row-fluid{display:flex;} 
.migration-testim-slider span.testimonial-slider { width: 100%; }
.migration-testim-slider.our-work-slider-cm .right-col { border-top: 0;padding:0px 0px 50px 35px;}
.migration-testim-slider { padding: 41px 0px 76px; }
.inbound-marketing .migration-testim-slider{padding: 41px 0px 120px;}
.migration-testim-slider.our-work-slider-cm button.slick-prev.slick-arrow{left:54.5%;background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20left%20%281%29.svg') no-repeat;width:35px;height:22px;background-size:cover;background-position:center center;}
.migration-testim-slider.our-work-slider-cm button.slick-next.slick-arrow{right: 32%;background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/arrow%20right%20%282%29.svg') no-repeat;width:35px;height:22px;background-size:cover;background-position:center center;}
.migration-testim-slider.our-work-slider-cm button.slick-arrow{    bottom: -45px!important;}
.migration-testim-slider .dis-flex{display:flex;flex-wrap:wrap;}
.migration-testimnial-right { width: 56.7%;    padding-left: 144px; }
.migration-testimnial-left { position: relative;;width: 43.3%; height: 422px; }
.migration-testimnial-leftarrow { position: absolute; bottom: -43px; right: -43px; }
.migration-testim-slider .slide-count-wraptop{position: relative;margin: 0px 0 0 auto; text-align: left; width: 45.5%;}
.migration-testim-slider .slide-count-wraptop .slide-count-migration-clients-cm{bottom:0;}
.migration-testim-slider .info-container h5 ,.migration-testim-slider .designation p{ font-size: 15px; font-weight:400; letter-spacing: 0; line-height: 22px;  margin-bottom: 5px; }
.migration-testim-slider .info-container h5{text-transform: uppercase;font-weight: 500;}
.migration-testim-slider .info-container { margin-top: 60px; }
.migration-testim-slider .main-heading { margin-bottom: 28px; }
@media(max-width:1280px){
.migration-testimnial-right { padding-left: 44px; }
.migration-testim-slider .slide-count-wraptop{width: 53.2%;}
.migration-testimnial-leftarrow img { max-width: 68px; }
.migration-testimnial-leftarrow { bottom: -34px; right: -34px; }
.migration-testim-slider.our-work-slider-cm button.slick-next.slick-arrow { right: 0; }
.migration-testim-slider.our-work-slider-cm .slide-count-wrap { left: auto; right: 0; }
.migration-testim-slider.our-work-slider-cm button.slick-prev.slick-arrow { left: auto; right:135px; }
}
@media(max-width:767px){
.migration-testim-slider .row-fluid { display: block; }
.migration-testim-slider.our-work-slider-cm .right-col { padding:5px 0px 90px 0px;}
.migration-testim-slider{padding:30px 0px 64px; }
.migration-testim-slider.our-work-cm .right-col:before{display:none;}
.migration-testim-slider.our-work-slider-cm .right-col .subheading { border-top:0;}
.migration-testimnial-left { position: relative; width: 100%; height: 254px; }
.migration-testimnial-right { padding-left: 0; width: 100%; padding-top: 63px; }
.migration-testimnial-leftarrow { left: 0; right: auto; }
.migration-testim-slider .info-container { margin-top: 39px; }
.migration-testim-slider .slide-count-wraptop { width: 100%; }
.migration-testim-slider.our-work-slider-cm button.slick-prev.slick-arrow { left: 0;}
.migration-testim-slider.our-work-slider-cm button.slick-next.slick-arrow { right: auto; left: 142px; }
.migration-testim-slider.our-work-slider-cm .slide-count-wrap { left: 5px;}
.inbound-marketing .migration-testim-slider{padding: 41px 0px 100px;}
}
/******************** hubmigration-four-content-cm ********************/
.hubmigration-four-content-cm .migration-three-col-container>span { display: flex; flex-wrap: wrap; }
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper {     margin-bottom: 30px;border: 3px solid #191715;width: 23.12%; margin-right: 2.5%;position: relative; padding-bottom:66px; }
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(4n) { margin-right: 0; }
.hubmigration-four-content-cm .hubmigration-four-heading { max-width:650px; margin-bottom: 41px; }
.hubmigration-four-content-cm .number p { margin: 0;line-height: 27px; }
.hubmigration-four-content-cm .number {border-bottom: 3px solid #191715; min-height: 73px; display: flex; align-items: center;padding:5px 22px; }
.hubmigration-four-content-cm .detail{padding: 11px 22px; }
.hubmigration-four-content-cm .detail .cta-container{ position: absolute; bottom: 19px; }
.hubmigration-four-content-cm{ padding: 40px 0px 36px; }
@media (max-width: 1024px){
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper { width:48.75%; }
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(4n) { margin-right: 2.5%; }
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(2n) { margin-right:0; }
}
@media (max-width:767px){
.hubmigration-four-content-cm .hubmigration-four-heading { margin-bottom:35px; }
}
@media (max-width:640px){
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper { width:100%;margin-right:0; }
.hubmigration-four-content-cm .migration-three-col-container span>.hs_cos_wrapper:nth-child(4n) { margin-right:0; }
}
/******************** Migration Dashboard Banner Cm ********************/

.migrationdashboard-banner-cm.migration-banner-cm { padding:57px 0 45px; }
.migrationdashboard-banner-cm.migration-banner-cm .subheading h6:before{background:#ffffff;}
.migrationdashboard-banner-cm.migration-banner-cm .description-container { margin-bottom: 31px;}
@media (max-width: 767px){
.migrationdashboard-banner-cm.migration-banner-cm { padding: 45px 0 35px; }
}
/******************** Migration Dashboard Progress Cm ********************/
.migrationdashboard-progress-cm{ padding:0px 0px 30px;}
.migrationdashboard-progress{ height: 26px; border-radius: 10px;    margin: 28px 0px 37px;}
.migrationdashboard-progress-highlight{height: 100%; border-radius: 13px; }
.migrationdashboard-progress-highlight.\31 0 { width: 10%; }
.migrationdashboard-progress-highlight.\32 0{ width: 30%; }
.migrationdashboard-progress-highlight.\33 0{ width: 30%; }
.migrationdashboard-progress-highlight.\34 0{ width: 40%; }
.migrationdashboard-progress-highlight.\35 0{ width: 50%; }
.migrationdashboard-progress-highlight.\36 0{ width: 60%; }
.migrationdashboard-progress-highlight.\37 0{ width: 70%; }
.migrationdashboard-progress-highlight.\38 0{ width: 80%; }
.migrationdashboard-progress-highlight.\39 0{ width: 90%; }
.migrationdashboard-progress-highlight.\31 00{ width: 100%; }
.migrationdashboard-progress-listing ul { padding: 0; margin: 0;display: flex; list-style: none; flex-wrap: wrap; }
.migrationdashboard-progress-listing ul li { padding-left:22px;padding-right:5px; font-size: 19px; letter-spacing: -0.32px; line-height: 27px; width: 16.6%; position: relative; }
.migrationdashboard-progress-listing ul li span.tick { position: absolute; background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Migration%20Dashboard/tick-1.png); background-repeat: no-repeat; background-position: center; background-size: 12px; width: 15px; height: 15px; left: 0; top: 6px; }
.migrationdashboard-progress-listing ul li span.radio{position: absolute;width: 15px; height: 15px; left: 0; top: 6px;border:1px solid  #191715;border-radius:50%;}
.migrationdashboard-progress-inner {padding: 27px 44px 40px; background: #fff; border-radius: 10px;}
.migrationdashboard-progress-listing.five ul li{width:20%;}
@media (max-width:991px){
.migrationdashboard-progress-listing ul li{  margin-bottom:6px;  width: 50%;}
.migrationdashboard-progress-listing.five ul li{width: 50%;}
.migrationdashboard-progress-inner { padding: 27px 24px 32px;}
}
@media (max-width: 767px){
.migrationdashboard-progress-cm{ padding:0px 0px 30px;}
.migrationdashboard-progress-listing ul{display:block}
.migrationdashboard-progress-listing ul li { padding-right:0px;margin-bottom: 22px;font-size: 18px; letter-spacing: -0.4px; line-height: 25px; width: 100%;  }
.migrationdashboard-progress-listing ul li:last-child{ margin-bottom:0px;}
.migrationdashboard-progress-listing.five ul li{width: 100%;}
.migrationdashboard-progress-inner { padding: 27px 24px 32px;}
.migrationdashboard-progress{height:22px;margin: -5px 0px 21px;}
}
/******************** Migration Dashboard Progress Common percentage Cm ********************/
.progress-com-perc.\30{ width: 0%; }
.progress-com-perc.\35 { width: 5%; }
.progress-com-perc.\31 0 { width: 10%; }
.progress-com-perc.\31 5 { width: 15%; }
.progress-com-perc.\32 0 { width: 20%; }
.progress-com-perc.\32 5 { width: 25%; }
.progress-com-perc.\33 0 { width: 30%; }
.progress-com-perc.\33 5 { width: 35%; }
.progress-com-perc.\34 0 { width: 40%; }
.progress-com-perc.\34 5 { width: 45%; }
.progress-com-perc.\35 0 { width: 50%; }
.progress-com-perc.\35 5 { width: 55%; }
.progress-com-perc.\36 0 { width: 60%; }
.progress-com-perc.\36 5 { width: 65%; }
.progress-com-perc.\37 0 { width: 70%; }
.progress-com-perc.\37 5 { width: 75%; }
.progress-com-perc.\38 0 { width: 80%; }
.progress-com-perc.\38 5 { width: 85%; }
.progress-com-perc.\39 0 { width: 90%; }
.progress-com-perc.\39 5 { width: 95%; }
.progress-com-perc.\31 00 { width: 100%;}
/******************** Migration Dashboard Progress Cm ********************/
.migrationdashboard-card-progress{ height: 26px; border-radius: 13px;    margin: 30px 0px 14px;}
.migrationdashboard-card-highlight{height: 100%;border-radius: 13px;}
.migrationdashboard-cardflex { display: flex; flex-wrap: wrap; }
.migrationdashboard-cardlist { width: 48.75%; margin-right: 2.5%;padding: 27px 44px; background: #fff; border-radius: 10px;margin-bottom: 30px; }
.migrationdashboard-cardlist:last-child,.migrationdashboard-cardlist:nth-of-type(2n){margin-right:0;}
.dashboard-card-progresswrap p.migration-card-progresstitle { margin-bottom: 42px; }
.dashboard-card-progresswrap:last-child p.migration-card-progresstitle{margin-bottom:20px;}
.migrationdashboard-cardctas { display: flex; }
.migrationdashboard-cardctas>div:not(:last-child) { margin-right: 22px; }
@media (max-width:1420px){
.migrationdashboard-cardctas .secondary-button a.cta_button,.migrationdashboard-cardctas .secondary-button button.cta_button { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 991px){
.migrationdashboard-cardlist{padding: 27px 24px 32px;}
.migrationdashboard-cardctas { display: block; }
.migrationdashboard-cardctas>div a,.migrationdashboard-cardctas>div button { display: block; margin: 16px 0px; }
.migrationdashboard-cardctas>div button{width:100%;}
.migrationdashboard-cardctas>div:not(:last-child) { margin-right: 0; }
}
@media (max-width: 767px){
.migrationdashboard-cardlist{width:100%; margin-right:0;padding: 27px 24px 32px;}
.migrationdashboard-card-progress { margin: 20px 0px 9px;height: 22px;}
.dashboard-card-progresswrap p.migration-card-progresstitle { margin-bottom:26px; }
.dashboard-card-progresswrap:last-child p.migration-card-progresstitle { margin-bottom:0px; }
.migrationdashboard-carddescription { margin-top: 30px; }
/* .migrationdashboard-cardctas>div a { display: block; margin: 16px 0px; }
.migrationdashboard-cardctas>div:not(:last-child) { margin-right: 0; } */
}
/* @media (max-width: 640px){
.migrationdashboard-cardctas { display: block; }
.migrationdashboard-cardctas>div:not(:last-child) { margin-right: 0; }
} */
/******************** Migration Dashboard Sidebar  Cm ********************/
.dasboard-sidebar { position: absolute; left: 0; top: 0; width: 104px; bottom: 0; z-index: 2;  height: 100vh;padding:145px 0 50px;   background: #D4D4D3; }
.dasboard-sidebar ul {     list-style: none;padding: 0; margin: 0; }
.dasboard-sidebar ul li{text-align:center;}
.dasboard-sidebar ul li a{transition:0.3s all ease-in;}
.dasboard-sidebar ul li a:hover{transition:0.3s all ease-in;}
.dasboard-sidebar ul li a .hover-icon{display:none;transition:0.3s all ease-in;}
.dasboard-sidebar ul li a:hover .hover-icon{display:block;transition:0.3s all ease-in;}
.dasboard-sidebar ul li a:hover .normal-icon{display:none;transition:0.3s all ease-in;}
.dasboard-sidebar ul li img { width:34px;height:auto;}
.dasboard-sidebar ul li p{      margin-bottom: 44px; margin-top: 4px; font-weight:600;text-transform: uppercase;color: #191715; font-size: 11px; font-weight: 500; letter-spacing: 0; line-height: 16px; text-align: center;}
.body-container--dashboard .content-wrapper { max-width: 1409px; padding-left: 140px; }
/******************** Migration Dashboard Footer  Cm ********************/
.migration-footer { position: relative; z-index: 2;border-top: 1px solid #434343; padding: 27px 0px; min-height: 100px; display: flex; flex-wrap: wrap;}
.migration-footerflex { display: flex; justify-content: space-between; align-items: center; }
.migration-footer-right img { max-width: 199px!important; }
.migration-footer-left h6 { padding:0;text-transform: inherit; margin: 0; margin-bottom: 0; }
.migration-footer-left h6:before { display:none; }
.migration-footer-rightwidth { width: calc(100% - 104px); }
.migration-footer-leftwidth { width: 104px; }
@media(max-width:767px){
.migration-footer-leftwidth { display: none; }
.migration-footer-rightwidth { width: 100%; }
.migration-footer-right img { max-width: 117px !important; }
.migration-footer {padding: 16px 0px;}
}
/******************** Migration Dashboard Header  Cm ********************/
.migration-header { border-bottom: 1px solid #434343; position: relative; z-index: 3;   padding-left: 35px; }
.migration-headerflex { display: flex;align-items: center; justify-content: space-between; }
.migration-header-left a img { max-width: 152px!important; }
.migration-header-left a h6 { display: block; margin: -7px 0 0; padding: 0; }
.migration-header-left a h6:before { display: none;  }
.migration-header-left a { display: inline-block; }
.migration-header-left{ position: relative; padding-left: 57px; }
.migration-header-left:after { position: absolute; content: ""; left: 0; top: 5px; background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg); width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.migration-header-right ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }
.migration-header-right a.text-white.header-simple-link { font-size: 19px; line-height: 27px; letter-spacing: -0.32px; color: #fff; padding-top:10px; }
.migration-header-right a.header-logo-button { display: inline-block; background: #fff; text-align: center; padding: 18px 39px; margin-left: 24px; }
.migration-header-right .header-logo-button img { max-width: 154px!important; }
.migrationdas-toggle-res{display:none}
@media(max-width:991px){
.migration-header-right a.header-logo-button {padding: 15px 29px;}
.migration-header-right .header-logo-button img { max-width: 119px !important; }
}
@media(max-width:767px){
.migrationdas-toggle-res { position: relative;display: block;background:#D4D4D3; height: 66px; width: 66px; border-radius: 0; border: 0; }
.migrationdas-toggle-res i { width:22px; height: 2px; background: #191715; position:absolute; top: 33px;content:"";margin: 0 auto; right: 0; left: 0; }
.migrationdas-toggle-res i:before { width: 22px; height: 2px; background: #191715; position:absolute;top: -5px;content:"";margin: 0 auto; right: 0; left: 0; }
.migrationdas-toggle-res i:after { width: 22px; height: 2px; background: #191715; position:absolute;top: 5px;content:""; margin: 0 auto; right: 0; left: 0; }
.migration-header-right ul{display:none;}
.migration-header-left a h6{font-size: 13px;}
.migration-header-left a img { max-width: 132px !important; }
.migration-header-left:after { top: 8px; width:34.79px; height:34.79px;  }
.migration-header-left { padding-left: 52px; }
.migration-header { padding-left: 23px; }
body.dashboard-body { position: fixed; }
.dasboard-sidebar {     overflow-y: auto;position: fixed; left: -104px; transition: left 0.4s ease; z-index: 3; height: 100%; top: 0; }
.dasboard-sidebar.show { width: 100%; left: 0;}
.dashboard-sidebar-right { width: 100%; }
.dasboard-sidebar.show button.migrationdas-toggle-res.close-hhhh { z-index: 2;position: fixed; top: 0; right: 0; }
.dasboard-sidebar.show button.migrationdas-toggle-res.close-hhhh i:before{transform: rotate(45deg);top: 0;}
.dasboard-sidebar.show button.migrationdas-toggle-res.close-hhhh i:after{transform: rotate(-45deg);top: 0;}
.dasboard-sidebar.show button.migrationdas-toggle-res.close-hhhh i{    background: transparent;}
.body-container--dashboard .content-wrapper { padding-left:23px; }
}
@media(max-width:380px){
.migration-header-left:after { top: 8px; width: 24.79px; height: 24.79px; }
.migration-header-left { padding-left: 39px; }
.migration-header-left a img { max-width: 115px !important; }
.migration-header-left a h6 { font-size: 10px; }
}
/******************** Magnific Video Common css ********************/
.video-popup video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.mfp-close-btn-in .mfp-close { color: #fff !important; top: -13px; width: auto; height: auto; line-height: 0; }
.mfp-content { max-width: 500px; margin: 0 auto; }
/******************** Website Design Hero Banner Cm ********************/
.twocolumn-herobn-wrap { padding: 200px 0 86px; }
.twocolumn-herobn-wrap .row-fluid{display: flex;}
.twocolumn-herobn-wrap .heading { margin: 20px 0px 33px; }
.twocolumn-herobn-wrap .cta-container { display: flex; margin-top: 43px; }
.twocolumn-herobn-wrap .cta-container>div { margin-right: 25px;}
.twocolumn-herobn-wrap .right-col-inner { height: 556px;overflow: hidden;position: relative; }
.twocolumn-herobn-wrap .right-col-inner img{height: 100%!important;width: 100%;object-fit: cover;transform-origin: left;}
.twocolumn-herobn-wrap .right-col { padding-left: 40px;position:relative; }
.hubs-image { text-align: center; margin-top: 10px; position: absolute;left:0;right:0; bottom: -127px; z-index: 1; }
.twocolumn-herobn-respooverlay{display:none;}
.twocolumn-herobn-wrap .cta-container>div a { padding-top: 11px; padding-bottom: 11px; text-transform: inherit; font-size: 17px; font-weight: 700;  }
.twocolumn-herobn-wrap .cta-container>div.primary-btn a.cta_button{    border: 2px solid transparent;}
@media (max-width: 1280px){
.twocolumn-herobn-wrap .right-col { padding-left: 0px; }
}
@media (max-width: 1024px){
.twocolumn-herobn-wrap { padding: 150px 0 86px; }
.twocolumn-herobn-wrap .cta-container>div { margin-right: 10px; }
}
@media (max-width: 767px){
.twocolumn-herobn-wrap { padding: 110px 0 0px;z-index: 1; background: #fff!important;}
.twocolumn-herobn-wrap .row-fluid { display: block; }
.twocolumn-herobn-wrap .heading { margin: 4px 0px 25px; }
.twocolumn-herobn-wrap .cta-container { display: block; margin-top: 36px; }
.twocolumn-herobn-wrap .cta-container>div { margin: 10px 0px; }
.hubs-image { margin-top: 17px; position: relative; bottom: 0; text-align: center; }
.twocolumn-herobn-wrap .right-col-inner { height: 352px; }
.twocolumn-herobn-wrap .right-col { padding-left:0px;    margin-top: 40px; }
.twocolumn-herobn-respooverlay { display:block;position: absolute; top: 0; left: 0; width: 100%; height: 75%; z-index: -1; }
}
@media (max-width: 640px){
.twocolumn-herobn-wrap .cta-container>div a { display: block; }
}
/******************** Website Design Content Cm ********************/
.website-design-content-cm.home-content-cm { padding:88px 0 64px; }
.website-design-content-cm.home-content-cm .website-design-inner { padding:46px 50px; }
.website-design-content-cm.home-content-cm .website-design-inner .description { margin-top: 49px; }
.website-design-content-cm .description ul {display: flex; flex-wrap: wrap; padding:0; list-style: none; margin: 0; }
.website-design-content-cm .description ul li:after { position: absolute; content: ""; background: url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Tick%20%289%29.svg')no-repeat; background-position: center; background-size: 25px; width: 25px; height: 25px; left: 0; top: 7px; }
.website-design-content-cm .description ul li:nth-of-type(2n) { padding-right: 0; }
.website-design-content-cm .description ul li { margin-bottom:28px;position: relative; padding-left:43px;      width: 50%;  padding-right: 49px; }
.website-design-content-cm .description ul li h4 { margin: 0; }
@media (max-width:1024px){
.website-design-content-cm .description ul li { padding-right: 20px; }
.website-design-content-cm.home-content-cm .website-design-inner { padding: 36px 30px; }
}
@media (max-width: 767px){
.website-design-content-cm.home-content-cm { padding:44px 0 36px; }
.website-design-content-cm.home-content-cm .website-design-inner { padding: 27px 24px 12px; }
.website-design-content-cm .description ul li { margin-bottom: 26px; padding-left: 43px; width: 100%; padding-right: 0; }
.website-design-content-cm .description ul li h4{font-size:19px;}
.website-design-content-cm.home-content-cm .website-design-inner .description{margin-top:29px;}
}
/******************** Website Design Three Column Cm ********************/
.website-design-threecolumn-cm{ padding: 40px 0px 0px;overflow:hidden; }
.websies-threecol{ display: flex; flex-wrap: wrap;margin-top: 26px; }
.websies-threecol-list { width: 31.66%; margin-right: 2.5%;    margin-bottom: 42px; }
.websies-threecol-list:last-child,.websies-threecol-list:nth-of-type(3n) { margin-right:0; }
.websies-threecol-image { height: 454px;position:relative;overflow:hidden; }
.websies-threecol-image img{ height: 100%!important;width: 100%;object-fit: cover;transform-origin: left; }
.websies-threecol-list h6 { padding: 21px 0px 0px; text-transform: initial;    margin: 0; }
.websies-threecol-list h6:before{display:none;}
@media (max-width: 767px){
.website-design-threecolumn-cm { padding: 27px 0px 0px; }
.websies-threecol-list { width:100%; margin-right:0; }
.websies-threecol-image { height:359px; }
.websies-threecol { margin-top: 20px; }
}
/******************** Website Design Full Width CTA Cm********************/
.website-design-fullwidthcta-cm { padding: 31px 0px 50px; text-align: center; }
/******************** Website Design Benefits Cm ********************/
.website-design-benefits-cm{ padding: 31px 0px 12px;}
.website-design-benefits-cm h6:before{background:#fff;}
.website-design-benefits-cm .heading{ max-width: 763px;    margin-top: 40px; }
.inbound-marketing .website-design-benefits-cm .heading{max-width:990px;}
.website-benefits-flex{ max-width: 1144px; margin:103px auto 0; display: flex; flex-wrap: wrap; }
.website-benefits-list{ width: 50%; padding-right: 30px; margin-bottom: 65px;}
.website-benefits-listinner{border-bottom:1px solid #434343;height:100%;padding-bottom:20px;}
.website-benefits-listinner h3 { margin-bottom: 31px; }
@media (max-width: 767px){
.website-design-benefits-cm { padding: 32px 0px 59px; }
.website-design-benefits-cm .heading {  margin-top: 12px;     margin-bottom: 56px;}
.website-benefits-listinner h3 { margin-bottom: 21px; }
.website-benefits-listinner {  padding-bottom: 8px; }
.website-benefits-list {width: 100%;padding-right: 0;margin-bottom: 51px;}
.website-benefits-listinner h3 {margin-bottom: 21px;height: auto!important;}
.website-benefits-flex {max-width: 100%;margin: 63px auto 0;}
.inbound-marketing .website-design-benefits-cm {padding: 32px 0px 0px;}
}
/******************** Website Design Card Cm ********************/
.website-design-card-cm{ padding:49px 0 19px; }
.websitedesign-card-list {     margin-bottom: 30px;border: 3px solid #191715; width: 49%;    padding: 44px 40px 94px; margin-right: 2%; background: #fff;position: relative;overflow:hidden; }
.websitedesign-card-list:nth-of-type(2n),.websitedesign-card-list:last-child{margin-right:0;}
.websitedesign-card-flex { display: flex; flex-wrap: wrap; }
.websitedesign-card-image { height:192px;position:relative;margin-bottom: 27px;overflow: hidden; }
.websitedesign-card-image img{height: 100%!important;width: 100%;object-fit: cover;transform-origin: left;}
.websitedesign-card-list .cta-conatiner { display: flex; position: absolute; bottom: 40px; }
.websitedesign-card-list .cta-conatiner>div:not(:last-child){margin-right:21px;}
@media (max-width:1280px){
.websitedesign-card-list { padding: 44px 40px 174px;}
.websitedesign-card-list .cta-conatiner { display: block;}
.websitedesign-card-list .cta-conatiner>div:not(:last-child) { margin-right: 0; }
.websitedesign-card-list .cta-conatiner>div {margin:10px 0px }
}
@media (max-width: 767px){
.website-design-card-cm { padding: 49px 0 6px; }
.websitedesign-card-list { width:100%; padding:25px 25px 20px;    margin-bottom: 23px; margin-right:0;}
.websitedesign-card-list h3{margin-bottom: 8px;}
.websitedesign-card-list .cta-conatiner { display:block;position: relative; bottom: 0; }
}
@media (max-width:640px){
.websitedesign-card-image { height: 113px;}
}
/******************** Website Design Why 34 Creative ********************/
.websitedesign-whycreative-wrap { padding:47px 0 80px; }
.websitedesign-whycreative-wrap .heading { margin: 20px 0px 33px; }
.websitedesign-whycreative-wrap .right-col { padding-left: 39px;     padding-top: 77px;}
.websitedesign-whycreative-wrap ul.creative-listingcommon { margin: 0; padding: 0; list-style: none; }
.websitedesign-whycreative-wrap ul.creative-listingcommon li{border-bottom: 1px solid rgba(67, 67, 67,0.68);padding-bottom: 31px; margin-bottom: 29px;}
.websitedesign-whycreative-wrap ul.creative-listingcommon li h3{margin:0;display: flex; align-items: center;}
.websitedesign-whycreative-wrap ul.creative-listingcommon li h3 span { font-size: 15px;    margin-right: 23px; }
.websitedesign-whycreative-wrap .right-col .cta-container{margin-top: 39px;}
.websitedesign-whycreative-wrap .creative-listingcommon-responisve{display:none;}
@media (max-width: 1024px){
.websitedesign-whycreative-wrap .right-col { padding-left: 37px;}
}
@media (max-width: 767px){
.websitedesign-whycreative-wrap { padding: 34px 0 55px; }
.websitedesign-whycreative-wrap .creative-listingcommon-responisve{display:block;}
.websitedesign-whycreative-wrap .right-col { padding-left: 0; padding-top: 0; }
.websitedesign-whycreative-wrap .right-col ul.creative-listingcommon { display: none; }
.websitedesign-whycreative-wrap ul.creative-listingcommon li { padding-bottom: 19px; margin-bottom: 19px; }
.websitedesign-whycreative-wrap .right-col .description { margin-top: 33px; }
}
/******************** Hubspot Specialists Banner Cm ********************/
.hubspotspacialistbanner{ padding:184px 0 89px;overflow: hidden; } 
.hubspotspacialistbanner .subheading{ margin-bottom:10px; } 
.hubspotspacialistbanner .image-container{ height:518px; } 
.hubspotspacialistbanner .description-container{ margin-bottom: 57px; max-width: 876px; margin-top: 15px; }
.hubspotspacialistbanner h1{font-weight:700;}
.hubspotspacialistbanner .desktop-heading h1 span{position: relative;z-index:1;display: inline-block;}
.hubspotspacialistbanner .desktop-heading h1 span:after { position: absolute; right: 0; bottom: 0px; content: ''; background: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Blue_Underline.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 21px; z-index: -1; }
.hubspotspacialistbanner-hubsicon img { width: 100%; }
.hubspotspacialistbanner-hubsicon {     opacity: 0.6;position: absolute; right: 0;     top: -61px; max-width: 52.85%; }
.hubspotspacialistbanner .row-fluid { max-width:876px; }
@media(max-width:1024px){
.hubspotspacialistbanner{padding: 145px 0 89px;  }
}
@media(max-width:767px){
.hubspotspacialistbanner {padding: 104px 0 49px;}
.hubspotspacialistbanner-hubsicon { right: -65px; top: -24px; max-width: 86.85%; }
.hubspotspacialistbanner .row-fluid {max-width: 100%;}
.hubspotspacialistbanner .subheading {margin-bottom: 2px;}
.hubspotspacialistbanner .desktop-heading h1 span:after{height:12px;}
}
/******************** Full Width Image Logo********************/
.fullwidth-image-icon{height:518px;border-top: 11.73px solid #191715;border-bottom: 11.73px solid #191715;}
.fullwidth-icon { position: absolute; top: -103px; right: 111px; }
.fullwidth-image-icon .content-wrapper { position: relative; }
.fullwidth-image-iconresponisve{display:none;}
@media (max-width: 1024px){
.fullwidth-icon {right:25px; }
}
@media (max-width: 767px){
.fullwidth-image-icon{height:251px;}
.fullwidth-image-iconresponisve{display:block;}
.fullwidth-image-icondesktop{display:none;}
}
@media (min-width: 2000px){
.fullwidth-image-icon{height:808px;}
}
/******************** Hubspot Specialists Card Slider Cm ********************/
.hubspot-spcialist-wrap{    padding:57px 0 72px;overflow:hidden;}
.hubspeci-col-slider{ margin-top:49px;width:130%; }
.hubspeci-col-slider .slick-track { display: flex; }
.hubspot-spcialist-wrap .subheading { margin-bottom: 21px; }
.hubspeci-col-slider .hs_cos_wrapper {     height: auto;padding: 0px 19px 35px;margin:0px 26px 0px 0px;border: 3px solid #191715; background-color: #FFFFFF; }
.hubspeci-col-inner h5 { background-color: #191715; color: #fff; padding: 10.5px; display: inline-block; letter-spacing: -0.32px; max-width: 112px; width: 100%; text-align: center; margin-bottom: 16px; }
.hubspeci-col-inner .list-container ul { padding: 0; list-style: none; margin: 0; }
.hubspeci-col-inner .list-container ul li { display: flex; align-items: flex-start; font-size: 19px; letter-spacing: -0.32px; line-height: 27px; margin-bottom: 16px; }
.hubspeci-col-inner .list-container ul li div { padding-left: 10px; }
ul.hubspeci-slider-arrows { list-style: none; display: flex; align-items: center; justify-content: center; margin:68px 0 0; padding: 0; }
ul.hubspeci-slider-arrows li { display: flex; align-items: center;cursor: pointer; }
ul.hubspeci-slider-arrows li.left {  margin-right: 23px;position:relative;top:3px; }
ul.hubspeci-slider-arrows li.right { margin-left: 23px;position:relative;top:2px; }
ul.hubspeci-slider-arrows li img {max-width: 40px;}
ul.hubspeci-slider-arrows h5{margin:0;}
@media (min-width:1850px){
.hubspeci-col-slider{ width:152%; }
}
@media (min-width:1920px){
.hubspeci-col-slider{ width:152%; }
}
@media (max-width: 767px){
.hubspot-spcialist-wrap { padding: 27px 0 42px; }
.hubspot-spcialist-wrap .subheading { margin-bottom: 0px; }
.hubspeci-col-inner h5 {padding: 7.5px; max-width: 98px;  }
ul.hubspeci-slider-arrows {  margin: 46px 0 0;}
.hubspeci-col-slider{ width:100%;margin-top: 24px; }
.hubspeci-col-slider .hs_cos_wrapper {margin: 0px;padding:0 19px 18px;}
}
@media (max-width:640px){
ul.hubspeci-slider-arrows li.left {  margin-right: 15px; }
ul.hubspeci-slider-arrows li.right { margin-left: 15px; }
}
/******************** Hubspot Specialists Testimonial Cm ********************/
.hubspot-speci-testimonial.home3-twocol-slider { padding: 41px 0px 75px; }
.hubspot-speci-testimonial.home3-twocol-slider.our-work-slider-cm .right-col{background:#fff;margin-top: 17px; padding: 48px 40px 113px;}
.hubspot-speci-testimonial.our-work-slider-cm .slide-count-wrap .current:after,.hubspot-speci-testimonial.our-work-slider-cm .slide-count-wrap .current,.hubspot-speci-testimonial.our-work-slider-cm .slide-count-wrap .total{color:#191715;}
.hubspot-speci-testimonial .left-col h6:before{background: #ffffff;}
.hubspot-speci-testimonial.home3-twocol-slider .row-fluid { align-items: flex-start; }
.hubspot-speci-testimonial .heading { margin: 41px 0px 24px; }
.hubspot-speci-testimonial .cta-container { margin: 47px 0px 59px; }
.hubspot-speci-testimonial .hub-specialist-tesimage img{margin-right:28px;}
.hubspot-speci-testimonial .mig-card-wrap { align-items: center; display: flex; flex-wrap: wrap; margin-top: 103px; }
.hubspot-speci-testimonial.home3-twocol-slider.our-work-slider-cm button.slick-arrow { bottom: -66px !important; }
.hubspot-speci-testimonial.our-work-slider-cm .slide-count-wrap {  bottom: -69px;}
@media (max-width: 767px){
.hubspot-speci-testimonial.home3-twocol-slider { padding: 26px 0 39px; }
.hubspot-speci-testimonial .heading { margin: 14px 0 24px; }
.hubspot-speci-testimonial .cta-container { margin: 47px 0 42px; }
.hubspot-speci-testimonial.home3-twocol-slider.our-work-slider-cm .right-col { margin-top: 49px; padding: 24px 23px 103px; }
.hubspot-speci-testimonial .mig-card-wrap {  margin-top: 60px; }
.hubspot-speci-testimonial.home3-twocol-slider.our-work-slider-cm button.slick-arrow { bottom: -60px!important; }
.hubspot-speci-testimonial.our-work-slider-cm .slide-count-wrap {  bottom: -63px;}
}
/******************** Hubspot specialists Accordion Cm ********************/
.acc__card {  position: relative; text-align: left;  border-top: 1px solid #434343; }
.acc__card:last-child{border-bottom: 1px solid #434343;}
.acc__title { cursor: pointer; display: flex; align-items: center; padding: 31px 0px; }
.acc__title h4{margin:0;display: flex;align-items: flex-start;}
.acc__title img{margin-right:20px;transition: all 0.5s ease;    position: relative;top: 10px;max-width:19px;}
.accord-head.acc__title.active img.accordio-arrow { transform: rotate(90deg); }
.acc__panel { display: none; margin: 0; padding:0 44px 0px; text-align: left; }
.hubspot-specialist-accordion .cta-container{margin-top: 42px;}
.cta-accordion-responisve{display:none;}
@media (max-width: 767px){
.cta-accordion-desktop{display:none;}
.cta-accordion-responisve{display:block;}
.websitedesign-whycreative-wrap.hubspot-specialist-accordion .right-col {padding-top: 4px;}
.acc__title {  padding: 23px 0; }
}
/*========================================================
Inbound Marketing Page Styling 
==========================================================*/
/************ Four Col Icon Content Cm *********************/
.four-col-icon-content-cm{
padding:55px 0 32px;
}
.four-col-icon-content-cm .description{
max-width: 526px;
float: right;
}
.four-col-icon-content-cm .heading-container{
margin-bottom:86px;
}
.four-col-icon-content-cm .heading-container .left-col{
padding-right:20px;
}
.four-col-icon-content-cm .four-col-container{
max-width:1104px;
margin:0 auto;
float:none;
}
.four-col-icon-content-cm .four-col-container>span{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper{
width:22.9%;
margin-right:2.7%;
margin-bottom:31px;
border: 1px solid #A0A0A0;
background-color: #FFFFFF;
padding:28px 30px 25px;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:nth-child(4n),
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:last-child{
margin-right:0;
}
.four-col-icon-content-cm .four-col-container .icon img{
max-width:121px!important;
}
.four-col-icon-content-cm .four-col-container .heading h4{
min-height:68px;
display: flex;
align-items: center;
margin-bottom:0;
justify-content:center;
}
.four-col-icon-content-cm .four-col-container .icon {
min-height: 128px;
margin-bottom: 6px;
}
.four-col-icon-content-cm .show-more{
margin-top:30px;
}
@media(max-width:1024px){
.four-col-icon-content-cm .heading-container {
margin-bottom: 36px;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper{
width: 31.5%;  
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:nth-child(4n){
margin-right:2.7%;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
}
@media(max-width:767px){
.four-col-icon-content-cm{
padding: 20px 0 12px;  
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper {
width: 47.1%;
margin-right:5.7%;
margin-bottom:24px;
padding: 18px 20px 19px;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:nth-child(3n){
margin-right:5.7%;
}
.four-col-icon-content-cm .four-col-container>span>.hs_cos_wrapper:nth-child(2n){
margin-right:0;
}
.four-col-icon-content-cm .four-col-container .icon img {
max-width: 77px !important;
}
.four-col-icon-content-cm .four-col-container .icon {
min-height: 78px;
margin-bottom: 6px;
}
.four-col-icon-content-cm .four-col-container .heading h4 {
min-height: 54px;
font-size: 19px;
line-height: 27px;
}
.four-col-icon-content-cm .show-more {
margin-top: 10px;
}
.four-col-icon-content-cm .description{
max-width:100%;
float:none;
}
}
/********************** Resources Content Page Styling ***************************/
.resources-content-cm{
padding:50px 0 90px;
overflow:hidden;
}
.resources-content-cm .heading-container{
max-width: 651px;
margin-bottom: 50px;
}
.resources-content-cm .heading-container h6{
margin-bottom:50px;
}
.resources-content-cm .content-container{
display:flex;
flex-wrap:wrap;
}
.resources-content-cm .content-container .col-1 .inner-cont{
background-color: #FFFFFF;
padding:37px 36px 34px;
}
.resources-content-cm .content-container h6{
padding-left:0;
margin-bottom:20px;
}
.resources-content-cm .content-container h6:before{
display:none;
}
.resources-content-cm .content-container .col-1{
width: 32%;
margin-right: 10.8%;
}
.resources-content-cm .content-container .col-2{
width:49%;
border-bottom: 1px solid rgb(32,32,32,0.46);
}
.resources-content-cm .content-container .col-2 .image-container{
height:387px;
margin-bottom:33px;
overflow: hidden;
position: relative;
}
.resources-content-cm .content-container .col-2 .image-container img{
height: 100% !important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.resources-content-cm .content-container .col-1 .content-heading{
margin-bottom:65px;
}
.resources-content-cm .content-container .col-2 .content-heading h3{
padding-right:30px;
position:relative;
transition:0.3s all ease-in;
}
.resources-content-cm .content-container .col-2 .content-heading h3:hover{
text-decoration:underline;
transition:0.3s all ease-in;
}
.resources-content-cm .content-container .col-2 .content-heading h3:after{
position: absolute;
right: 0px;
top: 0px;
content: '';
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 19px;
background-position: center center;
width: 43px;
height: 43px;
background-repeat: no-repeat;
border-radius: 50%;
transition: .3s all ease-in;
}
.resources-content-cm .content-container .col-2 .tag{
margin-top:34px;
}
@media(max-width:1024px){
.resources-content-cm .content-container .col-1{
width: 45%;
margin-right: 5.8%;  
}
.resources-content-cm .content-container .col-2 .content-heading h3{
padding-right:40px;
}
}
@media(max-width:767px){
.resources-content-cm .content-container .col-1{
width:100%;
margin-right:0;
}
.resources-content-cm .content-container .col-2 {
width: 100%;
margin-top: 31px;
}
.resources-content-cm .content-container .col-1 .content-heading {
margin-bottom: 45px;
}
.resources-content-cm .heading-container h6 {
margin-bottom: 40px;
}
.resources-content-cm {
padding: 44px 0 50px;
}
.resources-content-cm .content-container .col-2 .image-container {
height: 211px;
margin-bottom: 23px;
}
.resources-content-cm .content-container .col-2 .content-description{
display:none;
}
.resources-content-cm .content-container .col-2 .content-heading h3{
padding-right:0;
}
.resources-content-cm .content-container .col-2 .content-heading h3:after{
display:none;
}
.resources-content-cm .content-container .col-2 .tag h6{
position:relative;
padding-right:30px;
display:block;
}
.resources-content-cm .content-container .col-2 .tag h6:after {
position: absolute;
right: 0px;
top: -2px;
content: '';
background: #191715 url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 10px;
background-position: center center;
width: 23px;
height: 23px;
background-repeat: no-repeat;
border-radius: 50%;
transition: .3s all ease-in;
}
.resources-content-cm .content-container .col-1 .inner-cont {
padding: 26px 25px 29px;
}
}
/****************** Full Width CTA Cm Styling ***********************/
.full-width-cta-cm-cont .inner-container{
padding: 39px 30px 46px;
}
.full-width-cta-cm-cont .inner-container .cta-container{
margin-top:30px;
}
/********************* Design Two Col Content Cm *************************/
.design-two-col-cm{
padding:83px 0 35px;
overflow:hidden;
}
.design-two-col-cm .left-col{
margin-right:44px;
}
.design-two-col-cm .content-container{
display:flex;
align-items:center;
margin-bottom:54px;
}
.design-two-col-cm .cta-container{
margin-top:20px;
}
.design-two-col-cm .left-col .inner-image{
height: 457px;
overflow: hidden;
position: relative;
}
.design-two-col-cm .left-col .inner-image img{
height: 100% !important;
width: 100%;
object-fit: cover;
transform-origin:right;
}
@media(max-width:1200px){
.design-two-col-cm .left-col{
margin-right:14px;  
}
}
@media(max-width:767px){
.design-two-col-cm .content-container{
display:block;
}
.design-two-col-cm .left-col {
margin-bottom: 30px;
margin-right: 0;
}
.design-two-col-cm {
padding: 55px 0 15px;
}
.design-two-col-cm .left-col .inner-image {
height: 247px;
}
}
/******************* Service Single Content Cm *******************/
.service-single-content-cm{
padding:54px 0 59px;
}
.service-single-content-cm .content-wrapper>.row-fluid{
padding:40px 30px 54px;
}
.service-single-content-cm .heading{
max-width:879px;
margin:0 auto 25px;
float:none;
}
.service-single-content-cm .description{
max-width:649px;
margin:0 auto 30px;
float:none;
}
@media(max-width:767px){
.service-single-content-cm{
text-align:left;
padding: 30px 0 32px;
}
.service-single-content-cm .content-wrapper>.row-fluid {
padding: 36px 25px 49px;
}
}
/********************* Service Two Col Image Content Cm *********************/
.service-two-col-image-content-cm{
padding:78px 0 79px;
}
.service-two-col-image-content-cm .left-col{
padding-right:40px;
}
.service-two-col-image-content-cm .left-col .inner-image{
height: 564px;
overflow: hidden;
position: relative;
}
.service-two-col-image-content-cm .left-col .inner-image img{
height: 100% !important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.service-two-col-image-content-cm .right-col .heading{
margin-bottom: 30px;
}
.service-two-col-image-content-cm .right-col .image-container{
display: flex;
margin-top: 60px;
}
.service-two-col-image-content-cm .right-col .image-container .image-2{
padding-left:40px;
}
.service-two-col-image-content-cm .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
@media(max-width:1024px){
.service-two-col-image-content-cm .right-col .image-container .image-2{
padding-left:30px;
}
.service-two-col-image-content-cm .left-col {
padding-right: 10px;
}
.service-two-col-image-content-cm {
padding: 68px 0 49px;
}
}
@media(max-width:767px){
.service-two-col-image-content-cm .content-wrapper>.row-fluid{
display:block;
}
.service-two-col-image-content-cm .left-col .inner-image{
height:247px;
}
.service-two-col-image-content-cm .left-col {
padding-right: 0;
margin-bottom: 30px;
}
.service-two-col-image-content-cm .right-col .image-container {
margin-top: 50px;
}
.service-two-col-image-content-cm {
padding: 30px 0 55px;
}
}
/*************** Featured Posts Cm Styling **********************/
.featured-posts-cm{
padding:75px 0 75px;
}
.featured-posts-cm .heading-container .right-col{
text-align:right;
}
.featured-posts-cm .heading-container{
display:flex;
align-items:center;
margin-bottom:70px;
}
.featured-posts-cm .heading-container h2{
margin-bottom:0;
}
.featured-posts-cm .post-listing{
display:flex;
flex-wrap:wrap;
}
.featured-posts-cm .post-listing .post-item-container{
width:32%;
margin-right:2%;
margin-bottom:30px;
}
.featured-posts-cm .post-listing .post-item-container:nth-child(3n){
margin-right:0;
}
.featured-posts-cm .post-listing .post-item-container .hs-featured-image-wrapper{
height:240px;
margin-bottom:23px;
}
.featured-posts-cm .post-listing .post-item-container .topic-link h6{
padding-left:0;
margin-bottom:17px;
}
.featured-posts-cm .post-listing .post-item-container .topic-link h6:before{
display:none;
}
.featured-posts-cm .post-listing .post-item-container .link-container a{
width: 30px;
height: 30px;
background: #191715;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.featured-posts-cm .post-listing .post-item-container .link-container a img{
max-width: 13px!important;
}
.featured-posts-cm .post-listing .post-item-container .link-container{
margin-top: 25px;
}
@media(max-width:1024px){
.featured-posts-cm{
padding: 65px 0 55px;   
}
.featured-posts-cm .heading-container{
margin-bottom: 50px; 
}
.featured-posts-cm .post-listing .post-item-container .hs-featured-image-wrapper {
height: 220px;
}
}
@media(max-width:767px){
.featured-posts-cm .heading-container{
margin-bottom: 60px;
display: block;  
}
.featured-posts-cm .heading-container .right-col {
text-align: left;
margin-top: 29px;
}
.featured-posts-cm .post-listing .post-item-container {
width: 100%;
margin-right: 0;
margin-bottom: 45px;
}
.featured-posts-cm .post-listing .post-item-container .hs-featured-image-wrapper {
height: 187px;
margin-bottom: 19px;
}
.featured-posts-cm {
padding: 55px 0 30px;
}
}
/**************** Service Three Col Content Cm ******************/
.service-three-col-content-cm .cta-container a{
color:#ffffff!important;
}
.service-three-col-content-cm .cta-container.arrow-button a.cta_button:before{
background: #2D2D2D url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-size: 14px;
background-position: center center;
background-repeat: no-repeat;
}
.service-three-col-content-cm .subheading h6:before{
background:#ffffff;
}
@media(max-width:767px){
.service-three-col-content-cm:after{
color:#ffffff;
background: rgba(25, 23, 21,1.0);
}
.service-three-col-content-cm .migration-three-col-container::-webkit-scrollbar-thumb{
background-color:#ffffff;
}
.service-three-col-content-cm .migration-three-col-container::-webkit-scrollbar-track{
border-bottom:1px solid #ffffff;  
}
}
/*===================================================================
Contact V2 Page Styling 
====================================================================*/
.contact-form-cm{
padding:187px 0 72px;
}
.contact-form-cm .left-col{
padding-right:20px;
}
.contact-form-cm .right-col{
padding-left:50px;
}
.contact-form-cm .left-col .top-info-container{
margin-top:20px;
}
.contact-form-cm .left-col .description{
margin-top:35px;
margin-bottom:30px;
}
.contact-form-cm .left-col .info-container h6{
padding-left:0;
display:block;
margin-bottom:3px;
}
.contact-form-cm .left-col .info-container h6:before{
display:none;
}
.contact-form-cm .left-col .info-container a{
font-size: 19px;
font-weight: 500;
letter-spacing: 0.18px;
line-height: 24px;
padding-bottom:24px;
display:block;
}
.contact-form-cm .left-col .bottom-info-container{
border-top: 1px solid rgb(67,67,67,68%);
padding-top: 47px;
margin-top: 30px;
}
.contact-form-cm .left-col .bottom-info-container .cta-container a{
font-size: 19px;
font-weight: 500;
letter-spacing: .18px;
line-height: 24px;
color: #191715;
border: 3px solid #191715;
border-radius: 47.32px;
background-color: #fff;
text-transform: inherit;
padding: 19px 29px 19px 77px;
}
.contact-form-cm .left-col .bottom-info-container .cta-container a:after{
display:none;
}
.contact-form-cm .left-col .bottom-info-container .cta-container a:before{
position:absolute;
left:4px;
top:3px;
content:'';
background:url('https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/e3ff410c9a676b0fb9c6a78ad6453863-100%20%281%29.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
width:56px;
height:56px;
border-radius:50%;
}
.contact-form-cm .left-col .bottom-info-container .cta-container{
margin-top:40px;
}
.contact-form-cm .left-col .bottom-info-container p{
max-width: 558px;
}
.contact-form-cm form .hs-form-booleancheckbox{
text-align:center;
}
.contact-form-cm form .hs-form-booleancheckbox label{
font-size: 17px!important;
letter-spacing: -0.29px!important;
line-height: 25px!important;
text-transform: inherit;
top:0;
}
body .contact-form-cm form .actions{
width: 100%;
max-width: 217px;
text-align: center;
margin: 10px auto 0;
float: none;
display: block;
}
.contact-form-cm .left-col .form-container{
display:none;
}
@media(max-width:1200px){
.contact-form-cm .right-col {
padding-left: 20px;
}
}
@media(max-width:1024px){
.contact-form-cm {
padding: 137px 0 72px;
}
}
@media(max-width:767px){
.contact-form-cm .left-col .form-container{
display:block;
}
.contact-form-cm .right-col{
display:none;
}
.contact-form-cm .left-col .description {
margin-top: 15px;
}
.contact-form-cm .left-col {
padding-right: 0;
}
.contact-form-cm .left-col .info-container{
border-top: 1px solid rgb(67,67,67,68%);
padding-top:35px;
margin-top:50px;
}
.contact-form-cm .left-col .bottom-info-container {
padding-top: 32px;
margin-top: 15px;
}
.contact-form-cm {
padding: 127px 0 65px;
}
.contact-form-cm .left-col .top-info-container {
margin-top: 10px;
}
}
/******************* Contact Image Cm ***********************/
.contact-image-cm{
padding:47px 0 70px;
}
.contact-image-cm .image-container{
display:flex;
flex-wrap:wrap;
align-items:center;
max-width: 1245px;
margin: 20px auto 0;
float: none;
}
.contact-image-cm .image-container .inner-image{
width:32%;
margin-right:2%;
overflow: hidden;
position: relative;
height:301px;
}
.contact-image-cm .image-container .inner-image img{
height: 100% !important;
width: 100%;
object-fit: cover;
transform-origin: left;
}
.contact-image-cm .image-container .inner-image:nth-child(3n){
margin-right:0;
}
.contact-image-cm .image-container .inner-image:nth-child(2){
height:395px;
}
@media(max-width:767px){
.contact-image-cm .image-container .inner-image:nth-child(3n),
.contact-image-cm .image-container .inner-image:last-child{
display:none;  
}
.contact-image-cm .image-container {
display: block;
max-width: 100%;
margin: 40px auto 0;
}
.contact-image-cm .image-container .inner-image {
width: 100%;
margin-right: 0;
height: 187px;
max-width: 244px;
margin-bottom: 19px;
}
.contact-image-cm .image-container .inner-image:nth-child(2) {
height: 241px;
float: right;
max-width: 241px;
}
.contact-image-cm {
padding: 47px 0 50px;
}
}
/* common Post starts */
.common-blog-cm {
padding:101px 0 40px;
background: #f6f6f6;
}
.common-blog-cm .cta-container a{
  background: #191715;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-blog-cm .cta-container a img{
   max-width:13px!important;
}
.common-blog-cm .heading-cont {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 31px;
}
.common-blog-cm .heading-cont h2{
margin:0;
padding-right:10px;
}
.common-blog-cm .post-item.newresources-flex {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(32,32,32,.46);
padding: 35px 0;
}
.common-blog-cm .newresources-flex-left {
width: 423px;
}
.common-blog-cm .newresources-flex-left .hs-featured-image-wrapper {
height: 271px;
}
.common-blog-cm .newresources-flex-right {
width: calc(100% - 423px);
padding-left: 30px;
position: relative;
padding-right: 94px;
position:relative;
}
.newresources-postbody, .newresources-postbody a, .newresources-postbody div, .newresources-postbody em, .newresources-postbody h1, .newresources-postbody h2, .newresources-postbody h3, .newresources-postbody h4, .newresources-postbody h5, .newresources-postbody h6, .newresources-postbody i, .newresources-postbody li, .newresources-postbody ol, .newresources-postbody p, .newresources-postbody span, .newresources-postbody strong {
margin: 0;
padding: 0;
float: none;
color: #191715;
font-size: 19px;
letter-spacing: -.32px;
line-height: 27px;
font-style: normal;
display: inline;
list-style: none;
}
.common-blog-cm .newresources-flex-right .header-container a:hover{
text-decoration:underline;
}
.common-blog-cm .newresources-flex-right .topic-container {
margin-top: 79px;
}
.common-blog-cm .newresources-flex-right .cta-container {
position: absolute;
right: 0;
top: 0;
}
.common-blog-cm .newresources-flex-right .topic-container h6 {
padding: 0;
margin: 0;
position:absolute;
bottom:0;
}
.common-blog-cm .newresources-flex-right .topic-container h6:before {
display:none;
}
.common-blog-cm .post-item.newresources-flex:last-child {
border-bottom: 0;
}
@media (max-width: 1024px){
.common-blog-cm .newresources-flex-left {
width: 270px;
}
.common-blog-cm .newresources-flex-right {
width: calc(100% - 270px);
padding-right: 45px;
}
.common-blog-cm {
padding: 70px 0 20px;
}
}
@media (max-width: 767px){
.common-blog-cm .newresources-flex-left {
width: 100%;
margin-bottom: 19px;
}
.common-blog-cm {
padding: 60px 0 10px;
}
.common-blog-cm .newresources-flex-right {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.common-blog-cm .newresources-flex-right .header-container h3 {
font-size: 22px;
line-height: 28px;
}
.common-blog-cm .newresources-flex-right .newresources-postbody {
display: none;
}
.common-blog-cm .post-item.newresources-flex {
padding: 35px 0 21px;
}
.common-blog-cm .heading-cont {
margin-bottom: 8px;
}
.common-blog-cm .newresources-flex-left .hs-featured-image-wrapper {
height: 205px;
}
.common-blog-cm .newresources-flex-right .topic-container {
margin-top: 26px;
display: flex;
align-items: center;
justify-content: space-between;
}
.common-blog-cm .newresources-flex-right .cta-containerdesktop {
display: none;
}
.common-blog-cm .newresources-flex-right .cta-containerresponisve {
display: block;
}
.common-blog-cm .newresources-flex-right .cta-container {
position: relative;
}
.common-blog-cm .newresources-flex-right .cta-containerdesktop {
display: none;
}
.common-blog-cm .newresources-flex-right .cta-containerresponisve img {
width: 27px;
}
.common-blog-cm .newresources-flex-right .topic-container h6{
position:relative;
}
}
@media (max-width:600px){
.common-blog-cm .heading-cont {
display: block;
}
.common-blog-cm .heading-cont h2 {
margin: 0 0 15px;
padding-right:0px;
}
}
/* common Post ends */
/* Black Header Cm starts */
.gescout-sticky {
position: fixed !important;
transition: transform .5s ease-in-out;
transform:translateY(-96px);
width: 100%;
z-index: 999;
opacity: 0;
transition: 0.4s all-ease-in;
background:#F6F6F6;
border-bottom: 1px solid #191715!important;
padding:12px 0 11px;
}
.gescout-sticky .col-2 ul{
margin-top:6px;
}
.gescout-show {
transform:translateY(0px);
opacity: 1;
transition: transform .5s ease-in-out;
top:0;
}
@media(max-width:1024px){
.gescout-sticky{
position:absolute!important;
background:transparent;
top:0;
opacity:1;
padding: 27px 0 23px;
}
}
/* Black Header Cm ends */
/* card-section starts */
.cards {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.cards__card {
align-items: center;
align-self: flex-start;
display: flex;
flex-wrap: wrap;
margin-bottom: 1.4rem;
max-width: 100%;
width: 250px;
}
.card__image {
height: auto;
margin: 0 auto;
max-width: 100%;
padding: 0.7rem 10px;
}
.card__text {
padding: 0 10px;
text-align: center;
width: 100%;
}
/* card-section ends */
/* Loader Cm starts */
.main-cont-inner{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 11;
background: #ffffff;
}
.u-loading {
width:200px;
height: 200px;
display: block;
margin: 0 auto;
text-align:center;
}
.u-loading__symbol{
background-color:#F5A1A7;
padding: 8px;
animation: loading 3s infinite;
border-radius: 5px;
}
.u-loading__symbol img {
display: block;
max-width: 100%;
animation: loading-icon 3s infinite;
}
@keyframes loading {
0% {
transform: perspective(250px) rotateX(0deg) rotateY(0deg);
}
15% {
background-color: #F5A1A7;
}
16% {
background-color: #202020;
}
50% {
transform: perspective(250px) rotateX(180deg) rotateY(0deg);
background-color: #F5A1A7;
}
65% {
background-color: #202020;
}
66% {
background-color: #F5A1A7;
}
100% {
transform: perspective(250px) rotateX(180deg) rotateY(-180deg);
}
}
@keyframes loading-icon {
0% {
transform: perspective(250px) rotateX(0deg) rotateY(0deg);
}
15% {
transform: perspective(250px) rotateX(0deg) rotateY(0deg);
}
16% {
transform: perspective(250px) rotateX(180deg) rotateY(0deg);
}
50% {
transform: perspective(250px) rotateX(180deg) rotateY(0deg);
}
65% {
transform: perspective(250px) rotateX(180deg) rotateY(0deg);
}
66% {
transform: perspective(250px) rotateX(180deg) rotateY(180deg);
}
100% {
transform: perspective(250px) rotateX(180deg) rotateY(180deg);
}
}
/* Loader Cm ends */
/* Membershio Login Cm starts */
.membership-login-cm>.row-fluid{
height:calc(100vh - 106px);
display:flex;
}
.membership-login-cm .left-col{
background-color: #F9DFDE;
padding:216px 55px 369px;
max-width:394px;
position:relative;
}
.membership-login-cm .left-col .line-image {
position: absolute;
left: 0;
right: 0;
bottom: 70px;
}
.membership-login-cm .left-col .cta-container{
margin-top:30px;
}
.membership-login-cm .right-col .form-container{
max-width:538px;
margin:0 auto;
float:none;
}
.membership-login-cm .right-col{
padding:214px 47px 40px;
position:relative;
margin-left:0;
width: 68.745856%;
}
.membership-login-cm .right-col .form-container form #hs-login-widget-email{
display:none;
}
.membership-login-cm .right-col .form-container form .hs-login-widget-email-label{
display:none;
}
.membership-login-cm .right-col .form-container form .hs-login-widget-show-password{
display:none;
}
.membership-login-cm .right-col .form-container form .hs-login-widget-remember{
display:none;
}
.membership-login-cm .right-col .form-container form #hs-login-widget-remember{
display:none;
}
.membership-login-cm .right-col .form-container form label{
display:none;
}
.membership-login-cm .right-col .form-container form .hs-button{
width:100%;
margin-top:20px;
}
.membership-login-cm .right-col .form-container form #hs_login_reset{
display:none;
}
.membership-login-cm .right-col .form-container form .hs-login-widget-password-label{
display:block;
}
.membership-login-cm .right-col .form-container form #hs-login-widget-password:placeholder{
opacity:0;
}
.membership-login-cm .right-col h3{
margin-bottom:10px;
}
.membership-login-cm .bottom-text p{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
color: #0F0F0F;
}
.membership-login-cm .bottom-text p a{
text-decoration:underline;
}
.membership-login-cm .bottom-text{
position: absolute;
bottom: 20px;
left: 47px;
}
@media(max-width:1400px){
.membership-login-cm>.row-fluid{
height:auto;
}
}
@media(max-width:1024px){
.membership-login-cm .left-col{
padding: 216px 30px 369px;
}
.membership-login-cm>.row-fluid {
height: calc(100vh - 86px);
}
}
@media(max-width:767px){
.membership-login-cm>.row-fluid{
flex-direction:column-reverse;
height:auto;
}
.membership-login-cm .right-col {
padding: 49px 22px 37px;
width: 100%;
}
.membership-login-cm .left-col {
padding: 54px 22px 183px;
max-width:100%;
overflow:hidden;
}
.membership-login-cm .left-col .line-image{
bottom: -10px;
max-width: 290px;  
}
.membership-login-cm .bottom-text {
position: relative;
bottom: 0;
left: 0;
margin-top: 94px;
}
.membership-login-cm .bottom-text p{
margin-bottom:0;
}
.membership-login-cm .right-col h3{
font-size: 35px;
letter-spacing: -0.62px;
line-height: 40px;  
margin-bottom:20px;
}
}
/* Membershio Login Cm ends */
/* Membershio Login Header starts */
.membership-login-header{
padding:32px 0 32px;  
}
.membership-login-header .left-col a{
display:block;
line-height:0;
}
.membership-login-header .right-col{
text-align:right;
}
.membership-login-header .right-col .dot{
height: 11px;
width: 11px;
background:#ffffff;
border-radius:50%;
float:right;
}
.membership-login-header .content-wrapper>.row-fluid{
display:flex;
align-items:center;
}
@media(max-width:767px){
.membership-login-header .right-col{
display:none;
}
.membership-login-header {
padding: 22px 0 22px;
}
}
/* Membershio Login Header ends */
/* Migration Dashboard Documents Cm starts */
@media screen and (min-width: 4096px), 
screen and (min-height: 1200px) {
body .dashboard-document-cm {
height: calc(100vh - 187.78px);
}
}
.dashboard-document-cm{
padding:57px 0 30px; 
height:auto;
}
.dashboard-document-cm .heading-container h6:before{
background:#ffffff;  
}
.dashboard-document-cm .heading-container p{
max-width:810px;  
}
.dashboard-document-cm .heading-container{
margin-bottom:55px;
}
.dashboard-document-cm .three-col-container>span{
display:flex;
flex-wrap:wrap;
}
.dashboard-document-cm .three-col-container>span>.hs_cos_wrapper{
border-radius: 10px;
background-color: #FFFFFF;
padding:27px 38px 58px;
width:31.6%;
margin-right:2.5%;
margin-bottom:38px; 
position:relative;
}
.dashboard-document-cm .three-col-container>span>.hs_cos_wrapper:nth-child(3n){
margin-right:0;
}
.dashboard-document-cm .three-col-container .cta-cont{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
}
.dashboard-document-cm .three-col-container .cta-cont a{
opacity:0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.dashboard-document-cm .three-col-container .cta-text h4{
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
position:relative;
margin-bottom:0;
display:inline-block;
font-family:"Helvetica Now Text W01";
}
.dashboard-document-cm .three-col-container .cta-text h4:after{
position: absolute;
right: -43px;
top: -7px;
content: "";
background: #2d2d2d url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);
background-repeat: no-repeat;
background-size: 12px;
background-position: 50%;
width: 30px;
height: 30px;
left: auto;
border-radius: 50%;
transition: all .3s ease-in;
transform: none;
}
.dashboard-document-cm .three-col-container .content-heading{
margin-bottom:22px;
}
.dashboard-document-cm .three-col-container .cta-text{
position: absolute;
bottom: 26px;
}
@media(max-width:1024px){
.dashboard-document-cm .three-col-container>span>.hs_cos_wrapper{
padding: 22px 20px 58px;  
}
}
@media(max-width:767px){
.dashboard-document-cm .three-col-container>span>.hs_cos_wrapper{
padding: 25px 25px 58px;
width: 100%;
margin-right:0;
margin-bottom:19px;
}
.dashboard-document-cm .three-col-container .content-heading {
margin-bottom: 26px;
}
}
/* Migration Dashboard Documents Cm ends */
/* Migration Dashboard Videos Cm starts */
@media screen and (min-width: 4096px), 
screen and (min-height: 1600px) {
body .migrationdashboard-video-cm{
height: calc(100vh - 556.17px);
}
}
.migrationdashboard-video-cm{
padding-bottom: 28px;
height:auto;
}
.migrationdashboard-videoflex { 
display: flex;
flex-wrap: wrap;
}
.migrationdashboard-videolist { 
width: 31.66%;
margin-right: 2.5%;
margin-bottom: 40px;
border-bottom: 1px solid #434343;
padding-bottom: 12px;
}
.migrationdashboard-videolist:last-child,
.migrationdashboard-videolist:nth-of-type(3n){
margin-right:0;
}
button.migrationdashboard-videoimage {
height: 219px;
width: 100%;
border: 0;
position: relative;
z-index: 1;
}
button.migrationdashboard-videoimage:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(32,32,32,0.6);
z-index: -1;
content: "";
}
.migrationdashboard-videoheading {
margin: 27px 0px 20px;
}
.video-popup-openvideo {
padding: 121px 0;
}
.videocontent-popup-flex {
display: flex;
flex-wrap: wrap;
}
.videocontent-popup-left {
width:61%;
}
.videocontent-popup-right {
width: 39%;
padding-left: 28px;
padding-right: 139px;
}
.videocontent-popup-left video{
width:100%;
}
@media (max-width:1024px){
button.migrationdashboard-videoimage {
height: 186px;
}
button.migrationdashboard-videoimage img {
width: 65px;
}
.videocontent-popup-right {
padding-right: 30px;
}
}
@media (max-width: 767px){
.migrationdashboard-video-cm {
padding-bottom: 7px;
}
.videocontent-popup-right{
display:none;
}
.videocontent-popup-left {
width: 100%;
}
.migrationdashboard-videolist{
width:100%;
margin-right:0;
}
.migrationdashboard-carddescription { 
margin-top: 30px;
}
}
/* Migration Dashboard Videos Cm ends */
/* Migration Hubspot Vs 34 Cm starts */
.migration-hubsootvs34-cm{ padding: 81px 0px; }
.migration-hubsootvs34-heading { margin-bottom: 34px; }
.hubsootvs34-desktop-head { display: flex;background:#ffffff;border-bottom: 2px solid #191715; }
.hubsootvs34-desktop-head:last-child{border-bottom:0;}
.migration-hubsootvs34-cm .content-wrapper { max-width: 986px; margin: 0 auto; }
.hubsootvs34-desktophead-one { width: 58.6%;border-right: 2px solid #191715;padding: 17px; min-height: 95px;height: 100%; display: flex; align-items: center;}
.hubsootvs34-desktophead-two { width: 41.4%; display: flex; flex-wrap: wrap; }
.hubsootvs34-desktophead-hubs,.hubsootvs34-desktophead-34 {     padding: 17px;width: 50%;  display: flex; align-items: center; justify-content: center;  text-align: center; }
.hubsootvs34-desktophead-hubs img,.hubsootvs34-desktophead-34 img{width:37px;}
.hubsootvs34-desktophead-hubs p, .hubsootvs34-desktophead-34 p {margin: 0;font-size: 15px;letter-spacing: -0.33px;line-height: 21px;}
.hubsootvs34-desktophead-one p { margin: 0;font-size:15px;letter-spacing: -0.33px;line-height: 21px; }
.hubsootvs34-desktophead-hubs { border-right: 2px solid #191715; }
.hubsootvs34-desktop{border: 2px solid #191715;}
.hubsootvs34-desktop-tophead{background:#191715;}
.hubsootvs34-desktop-tophead *{color:#fff;}
.hubsootvs34-desktop-tophead .hubsootvs34-desktophead-one { min-height: 82px; }
.hubsootvs34-desktop-tophead .hubsootvs34-desktophead-hubs { position: relative; }
.hubsootvs34-desktop-tophead .hubsootvs34-desktophead-hubs:after { position: absolute; content: "vs"; color: #fff; right: -13px; font-size: 18px; letter-spacing: -0.4px; }
.hubsootvs34-desktop-bottomtext p{font-size:15px;letter-spacing:-0.33px;line-height:21px;margin:0;}
.hubsootvs34-desktop-bottomtext { margin-top: 33px; }
.hubsootvs34-responisve{display:none;}
.hubsootvs34-desktop-cta{text-align:center;margin-top: 30px;}
@media (max-width:1024px){
.hubsootvs34-desktophead-hubs, .hubsootvs34-desktophead-34 {padding: 10px;}
}
@media (max-width:767px){
.hubsootvs34-responisve{   display:block; border: 2px solid #191715;}
.answercont { max-height: 0; overflow: hidden; transition: 0.3s;    margin-top: 10px; }
.question-inner p { margin: 0;font-size:15px;line-height:20px;letter-spacing:-0.33px; }
.question-inner { display: flex; align-items:center; }
.migration-container { border-bottom: 2px solid #191715;background: #fff;    padding: 20px 20px 13px;  cursor: pointer; }
.migration-container:last-child{border-bottom:0;}
.question-inner img { margin-right: 15px;transition: all 0.5s ease; }
.question.active .question-inner img { transform: rotate(90deg); }
.answer { display: flex; justify-content: space-between; }
.answer>div { padding: 10px 13px;background-color: #F6F6F6; width: 49%;display: flex; justify-content: space-between; align-items: center;}
.answer img { width: 24px; }
.answer>div>div { display: flex; align-items: center; }
.answer p{margin:0;font-size: 13px; letter-spacing: -0.29px; line-height: 13px;}
.hubsootvs34-desktop-tophead .hubsootvs34-desktophead-one { min-height: 66px; }
.hubsootvs34-desktophead-hubs img, .hubsootvs34-desktophead-34 img { width: 26px; }
.hubsootvs34-desktop{display:none;}
.migration-hubsootvs34-cm { padding: 53px 0px; }
.migration-hubsootvs34-heading { margin-bottom: 27px; }
.hubsootvs34-desktop-bottomtext { margin-top: 26px; }
.answer-left-right,.answer-right-right{padding-left:10px;}
}
@media (max-width:400px){
.answer>div { padding: 10px 5px;}
}
/* Migration Hubspot Vs 34 Cm ends */
/* Migration Support Cm starts */
@media screen and (min-width: 4096px), 
screen and (min-height: 1200px) {
body .migration-support-cm {
height: calc(100vh - 187.78px);
}
}
.migration-support-cm .form-container{
border-radius: 10px;
background-color: #F6F6F6;
padding:15px 45px 45px;
max-width:705px;
margin:0 auto;
float:none;
min-height:533px;
}
.migration-support-cm{
padding:57px 0 58px; 
}
.migration-support-cm .form-container form .hs-button{
width:100%;
}
.migration-support-cm .form-container form .actions{
display: block;
margin-top: 20px;
}
@media(max-width:1024px){
.migration-support-cm .form-container{
padding: 15px 30px 45px;  
}
}
@media(max-width:767px){
.migration-support-cm .form-container {
padding: 5px 25px 25px;
max-width: 100%;
min-height: 523px;
}
}
/* Migration Support Cm ends */
/* Migration Tabber Cm starts */
.migration-tabs .migration-tab-link { position:relative;width: 40.34%; background: transparent; color: #fff; display: block;     padding: 26.29px 50px 26.29px 15px;cursor: pointer; background: transparent; font-size: 26px; letter-spacing: -0.08px; font-weight: 500; border-bottom: 1px solid #434343; }
.migration-tabs .migration-tab-link.current{background: #ffffff;color:#202020 }
.migration-tabs .migration-tab-link.current:after{background-color:#191715;}
.migration-tab-content.current{ display: inherit; }
.migration-tabs-left *{color:#fff;}
.migration-tab-content {      overflow-y: auto;   height: 100%;display: none; background: #ffffff; padding:33px 50px; position: absolute; right: 0; top: 0; width: 50%; }
.migration-tabs{    min-height: 957px;    position: relative;}
.migration-tabber-cm{ padding: 51px 0px; }
.migration-tabs-left { width: 40.34%; }
.migration-tabs-left h6:before{    background: #ffffff;}
.migration-tabs .migration-tab-link:after { position: absolute; right: 15px; background-image: url(https://20315204.fs1.hubspotusercontent-na1.net/hubfs/20315204/ThirtyFour%20Creative/Images/Arrow%20White%20CTA%20Top-right.svg);    border-radius: 50%; width: 30px; height: 30px ; content: ""; background-position: center; background-repeat: no-repeat; background-size: 16px; }
.migration-tab-content h6:before{display:none;}
.migration-tab-content h6{padding-left:0;    margin-top: 25px;}
.migration-tab-content ul{padding:0;list-style:none;}
.migration-tab-content ul li { position: relative; padding-left: 26px; margin-bottom: 20px; font-size: 19px; line-height: 27px; letter-spacing: -0.32px; }
.migration-tab-content ul li:after { position: absolute; content: ""; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 50%; background: #202020; }
@media (max-width:991px){
.migration-tab-content {height:auto;    padding:25px; position: relative;  width: 100%; }
.migration-tabs { min-height: auto; }
.migration-tabs .migration-tab-link{width:100%;font-size:22px;    padding:22.29px 62px 23.29px 25px;}
.migration-tabs-left { width: 100%; margin-bottom: 34px;padding:0px 25px; }
.migration-tabs .migration-tab-link.current{border-bottom:0;}
.migration-tabber-cm .content-wrapper{padding:0;}
.migration-tabs .migration-tab-link:after { right: 25px;width: 23px; background-size: 10px;height: 23px;}
.migration-tab-content ul li{font-size:18px;    margin-bottom: 8px;}
}
/* Migration Tabber Cm ends */
/* Pricing card starts */
.card--pricing {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
padding: 2rem;
text-align: center;
}
.card__header {
text-align: center;
}
.card__subtitle,
.card__body li {
font-size: 0.9rem;
line-height: 1.2em;
}
.card__body ul,
.card__body li {
padding: 0;
}
.card__body li {
list-style: none;
margin: 0;
padding: 0.25rem 0;
text-align: left;
}
.card__body svg {
display: inline-block;
fill: #494A52;
margin-right: 10px;
max-width: 20px;
}
@media screen and (max-width: 1200px) {
.card--pricing {
padding: 2rem 1rem;
}
}
@media screen and (max-width: 787px) {
.card--pricing {
margin-bottom: 1rem;
}
}
/* Pricing card ends */
/* Slide In Card Cm Starts */
.slide-card-cm{
position: fixed;
bottom: 20px;
z-index: 99;
width: auto !important;
opacity: 0;
max-width:680px;
left:-680px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
padding:20px 24px 16px;
border: 3px solid #191715;
}
.slide-card-cm .close-icon{
position: absolute;
top: -7px;
z-index: 2;
right: 0;
cursor:pointer;
}
.slide-card-cm.show-cards{
opacity: 1;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
left:31px;
}
.slide-card-cm.hide-cards{
opacity: 0;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
left:-252px;
}
.slide-card-cm .card-section{
width: 100%;
box-sizing: border-box;
position: relative;
margin-top: 0px;
}
.slide-card-cm .card-section .content-container h5{
font-size: 11.66px;
font-weight: 500;
letter-spacing: .11px;
line-height: 19px;
color: #fff;
border-radius: 22.34px;
background-color: #202020;
text-transform: uppercase;
display: inline-block;
padding: 1px 8px;
margin-bottom:9px;
}
.slide-card-cm .card-section .content-container h4{
font-size: 24.76px;
letter-spacing: -0.49px;
line-height: 27.01px;
font-weight:bold;
}
.slide-card-cm .card-section .content-container p{
font-size: 15px;
letter-spacing: -0.45px;
line-height: 18px;
margin-bottom:0;
}
.slide-card-cm .card-section .inner-row{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.slide-card-cm .card-section .inner-row .image-container{
width: 16.5%;
}
.slide-card-cm .card-section .inner-row .content-container{
width: 48%;
margin-left: 3%;
}
.slide-card-cm .card-section .inner-row .cta-container{
width: 30.5%;
margin-left: 2%;
text-align:right;
}
.slide-card-cm .card-section .inner-row .cta-container a{
font-size: 13.6px;
font-weight: bold;
letter-spacing: 0;
line-height: 14.4px;
text-transform:initial;
}
@media(max-width:767px){
.slide-card-cm.show-cards{
left: 0;
}
.slide-card-cm .card-section .inner-row .image-container{
display:none;
}
.slide-card-cm .card-section .inner-row{
display:block;
}
.slide-card-cm .card-section .inner-row .content-container{
width:100%;
margin-left:0;
margin-bottom:22px;
}
.slide-card-cm .card-section .inner-row .cta-container{
width:100%;
margin-left:0;
text-align:left;
}
.slide-card-cm .card-section .content-container h4{
font-size: 26px;
letter-spacing: -0.08px;
line-height: 31px;  
}
.slide-card-cm .card-section .content-container p{
font-size: 19px;
letter-spacing: -0.32px;
line-height: 27px;  
}
.slide-card-cm{
padding: 22px 23px 24px;  
max-width:100%;
left:-100%;
bottom:0;
}
}
/* Slide In Card Cm ends */
/* Work Listing Card Cm starts */
.worklisting-card-cm {
padding: 185px 0px 45px;
}
.worklisting-heading {
margin-bottom: 107px;
}
.worklisting-card-flex {
display: flex;
flex-wrap: wrap;
}
.worklisting-card-list {
width: 48.75%;
margin-right: 2.5%;
margin-bottom: 61px;
}
.worklisting-card-list:nth-of-type(2n),.worklisting-card-list:last-child{
margin-right:0;
}
.worklisting-card-image{
height:365px;
}
.worklisting-card-contentmiddle p{
font-size: 15px;
letter-spacing: -0.33px;
line-height: 21px;
}
.worklisting-card-content {
display: flex;
flex-wrap: wrap;
margin-top: 19px;
}
.worklisting-card-contentleft {
width: 42.9%;
padding-right: 10px;
}
.worklisting-card-contentmiddle {
width: 51.1%;
padding-right: 10px;
}
.worklisting-card-contentright {
width: 6%;
text-align: right;
}
.worklisting-card-contentright a{
width: 32px;
height: 32px;
border-radius: 50%;
background: #191715;
display: flex;
justify-content: center;
align-items: center;
}
.worklisting-card-contentright a img{
max-width: 14px!important;
}
@media (max-width:1024px){
.worklisting-card-cm {
padding: 135px 0 53px;
}
.worklisting-card-list {
margin-bottom: 61px;
}
.worklisting-card-image {
height:230px;
}
.worklisting-card-content {
display: block;
position: relative;
margin-top: 10px;
}
.worklisting-card-contentleft {
width: 100%;
padding-right: 30px;
}
.worklisting-card-contentmiddle {
width:100%;
padding-right: 0px;
}
.worklisting-card-contentright {
width: 25px;
position: absolute;
right: 0;
top: 0;
}
.worklisting-card-contentright img{
width:25px;
}
.worklisting-heading {
margin-bottom: 70px;
}
}
@media (max-width: 767px){
.worklisting-card-cm {
padding: 108px 0 53px;
}
.worklisting-heading {
margin-bottom: 46px;
}
.worklisting-card-list {
width: 100%;
margin-right:0;
margin-bottom:11px;
}
.worklisting-card-image {
height:184px;
}
}


/************ Career Single Section1 *****************/
.career-single-section1{
padding:218px 0 149px;
position:relative;
overflow:hidden;
}
.career-single-section1 .image-container1{
position: absolute;
right: -100px;
top: 12%;
transform: rotate(15deg);
opacity: .1;
}
.career-single-section1 .image-container2{
position: absolute;
left: -50px;
top: 50%;
transform: rotate(-15deg);
opacity: .1;
}
.career-single-section1 .heading,
.career-single-section1 .subheading,
.career-single-section1 .cta-container,
.career-single-section1 .main-desc{
max-width:876px;
margin:0 auto;
}
.career-single-section1 .description{
max-width:763px;
margin:0 auto;
}
.career-single-section1 .cta-container{
margin-bottom:76px;
margin-top:30px;
}
.career-single-section1 .heading{
margin-bottom:30px;
}
.career-single-section1 .main-desc{
margin-bottom:46px;
}
.career-single-section1 .description ul li,
.career-single-section1 .description ol li{
font-size: 19px;
letter-spacing: -0.42px;
line-height: 30px;
margin-bottom:20px;
}
.career-single-section1 .description ul,
.career-single-section1 .description ol{
margin-bottom:60px;
}

@media(max-width:1024px){
.career-single-section1 .image-container1{
right: -190px;  
}
.career-single-section1 .image-container2{
right:-110px;  
}
.career-single-section1 {
padding: 148px 0 99px;
}
}
@media(max-width:767px){
.career-single-section1 {
padding: 138px 0 65px;
}
.career-single-section1 .image-container1 {
right: -40px;
top: 10%;
width: 40%;
}
.career-single-section1 .image-container1 img{
width:100%!important;
height:auto!important;
}
.career-single-section1 .cta-container {
margin-bottom: 36px;
}
.career-single-section1 .image-container2{
display:none;
}
}
/***************** Career Single Section2 *******************/

.career-single-section2{
padding:76px 0 71px;
}
.career-single-section2 form .actions{
margin-top:30px;
display: block;
text-align: center;
max-width: 286px;
margin: 30px auto 0;
}
.career-single-section2 form .actions .hs-button{
text-transform: initial;
font-size: 17px;
font-weight: bold;
letter-spacing: 0;
line-height: 18px;
}
.file-upload-button-label {
  position: absolute;
  left: 0;
  bottom: 0px;
  padding: 0px 10px;
  width: 21%;
  height: 40px;
  display: flex;
  cursor: pointer;
  max-width: 100%;
  margin-bottom: 0px;
  font-size: 17px;
  letter-spacing: -0.29px;
  line-height: 25px;
  text-align: center;
  border-radius: 20px;
  background-color: #FFFFFF;
  color: #202020;
  border: 1px solid #D4D4D3;
  text-transform: initial;
  justify-content: center;
  align-items: center;
}
form .file-upload-file-name {
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  position: relative;
  right: -142px;
  width: 65%;
  top: 0px;
  border-radius: 3px;
  padding: 0 10px;
  cursor: pointer;
  max-width: 100%;
  margin-bottom: 27px;
  font-size: 17px;
  letter-spacing: -0.29px;
  line-height: 25px;
  color: #202020;
  text-transform: initial;
  margin-top: 9px;
}
form input[type="file"] {
    display: none !important;
}

@media(max-width:1200px){
.file-upload-button-label{
width: 37%;  
}
}
@media(max-width:767px){
.career-single-section2 {
padding: 56px 0 71px;
}

}