@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*font-family: 'Lato', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
/*font-family: 'Finger Paint', cursive;*/ 




@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%
  }
}








/* 1a. Containers */





/* 1b. Colors */






/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1140px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 0px0rem;
}

.dnd-section >  {
  max-width: 1140px;
}

.container-slim {
  max-width: 880px !important;
}








body {
  font-family: 'Lato', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #002d72;
  font-size: 18px;
}

/* Paragraphs */


/* Anchors */



a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #3574E3;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #0d4cbb;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #5d9cff;
}


/* Headings */

/* Blockquote */

blockquote {
  border-left-color: #3574E3; 
}









button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #002d72;
  padding-top: 15px;
  padding-right: 53px;
  padding-bottom: 15px;
  padding-left: 53px;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(0, 45, 114, 1.0);
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
  cursor: pointer;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(26, 51, 78, 1.0);
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(40, 85, 154, 1.0);
  border-color: #28559a;
}







form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #d1cecf;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
/*   background-color: rgba(209, 206, 207, 1.0) ; */
  background-color: transparent;
  padding: 0px;
}

/* Form title */



.form-title {
  border: 1px none #d1cecf;
  padding: 0px;
  font-family: 'Playfair Display'; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 38px;
  color: #002d72;
  background-color: rgba(209, 206, 207, 1.0);
}


/* Labels */

form label {
  color:  #002d72;
}

/* Help text */

form legend {
  color: #002d72;
}

/* Inputs */



form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
/*   border: 1px solid #FDFDFE; */
  border: 1px solid #002d72;
  
  background-color: transparent;
  
  color: #002D72;
  border-radius: 57px;
}

form textarea {
   
   border-radius: 19px;
  
   
}

/* Form placeholder text */

::-webkit-input-placeholder {
  
   color: #002D72;
}

::-moz-placeholder {
  
   color: #002D72;
}

:-ms-input-placeholder {
  
  color: #002D72;
}

::placeholder {
  
  color: #002D72;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  
  color: #002D72;
}

.fn-date-picker td.is-selected .pika-button {
  
   background: #002d72;
}

.fn-date-picker td .pika-button:hover {
  
  background-color: #002d72 !important;
}

.fn-date-picker td.is-today .pika-button {
  
  color: #002d72;
}

/* Submit button */


form input[type=submit],
form .hs-button {
  border: 0px none ;
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background-color: rgba(0, 45, 114, 1.0);
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
 
  background-color: rgba(0, 45, 114, 1.0);
  color: #ffffff;
  border: 0px none #1a334e;
}





/* Table */

table {
  
  border: 1px solid #002d72;
  background-color: rgba(255, 255, 255, 1.0); 
}

/* Table cells */

td,
th {
  
  border: 1px solid #002d72;
  padding: 18px;
  color: #002d72;
}

/* Table header */

thead th {
  background-color: rgba(0, 45, 114, 1.0); 
  color: #FFFFFF; 
}

/* Table footer */

tfoot td {
  background-color: rgba(255, 255, 255, 1.0); 
    color: #002d72; 
}





.header {
  background-color: rgba(53, 116, 227, 1.0);
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #002d72;
  font-family: 'Lato', sans-serif;
}

.menu__child-toggle-icon {
  border-top-color: #002d72; 
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #00054a;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #00054a;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #28559a;
}

.menu__child-toggle-icon:active {
  border-top-color: #28559a;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #002d72;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    border: 2px solid #002d72;
    background-color: rgba(255, 255, 255, 1.0);
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    border: 2px solid #002d72;
    background-color: rgba(255, 255, 255, 1.0); 
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #002d72; 
  background-color: rgba(255, 255, 255, 1.0); 
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #002d72; 
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: rgba(53, 116, 227, 1.0); 
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: rgba(53, 116, 227, 1.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'Lato', sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: #002d72;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(53, 116, 227, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #002d72;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: ;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  
  padding: 0px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #002d72;
}

.blog-post__tag-link {
  color: #002d72;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #00054a;
}

.blog-post__tag-link:active {
  color: #28559a;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #002d72;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #00054a;
}

.blog-related-posts__title-link:active {
  color: #28559a;
}

/* Blog comments */

.blog-comments {
  
  margin-bottom: 0px;
}

#comments-listing .comment-reply-to {
  color: #3574E3;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0d4cbb;
}

#comments-listing .comment-reply-to:active {
  color: #5d9cff;
}





.hs-search-results__title {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #002d72;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #00054a;|
}

.hs-blog-post-listing__post-title-link:active {
  color: #28559a;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #002d72;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #002d72;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #00054a;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #28559a;
}

.hs-pagination__link-icon svg {
  fill: #002d72;
}

/* Pricing card */

.card__price {
  
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
}

.card__body svg {
  fill: #002d72;
}

/* Social follow */

.social-links__icon {
  background-color: #002d72;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #00054a;
}

.social-links__icon:active {
  
  background-color: #28559a;
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
}



/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 80.9px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 80.9px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 26px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 24px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 16px;
  text-transform: none;
}




.secBg:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }

.btnstyle.primarybtn a{ background-color: #84bd00; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); color: #fff; font-size: 13px; font-style: normal; font-weight: 800; letter-spacing: 1px; padding: 20px 25px; text-transform: uppercase; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; vertical-align: middle; will-change: transform; }
.btnstyle.primarybtn a:hover { background-color: #84bd00; color: #fff; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

html { scroll-behavior: smooth; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0; padding: 0; line-height: 1.5; }
body.arabic-page { font-family: 'Cairo', sans-serif; }

h1 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }
h2 { margin: 0 0 9px; line-height: 1; font-weight: 700; } 
h3 { margin: 0 0 9px; line-height: 1.2; font-weight: 400; } 
h4 { margin: 0 0 9px; line-height: 1.4; font-weight: 700; }
h5 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }
h6 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }

body.arabic-page h1, body.arabic-page h2, body.arabic-page h3, body.arabic-page h4, body.arabic-page h5, body.arabic-page h6 { font-family: 'Cairo', sans-serif; }

img { max-width: 100%; height: auto; border: none; vertical-align: top; }
a { outline: none; text-decoration: none !important; cursor: pointer; vertical-align: middle; max-width: 100% !important; white-space: normal !important; display: inline-block; }
a:hover { text-decoration: none;}
p { margin:0 0 16px; width: 100%; display: block; }

.fullwidth { float: left; width: 100%; }

.content-wrapper { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; padding-right: 15px !important; padding-left: 15px !important; }
.wrapper-xl { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1330px; }

.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center; }
.text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { font-weight: 300; }
.text-bold, .text-bold a, .text-bold h1, .text-bold h2, .text-bold h3, .text-bold h4, .text-bold h5, .text-bold h6 { font-weight: 600; }
.text-bolder, .text-bolder a, .text-bolder h1, .text-bolder h2, .text-bolder h3, .text-bolder h4, .text-bolder h5, .text-bolder h6 { font-weight: 800; }
.text-black, .text-black a, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 { color: #000; }
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }
.text-uppercase, .text-uppercase a, .text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6 { text-transform: uppercase; }

body .row-fluid [class*="span"] { min-height: 0px; }
body .row-fluid [class*="span"].widget-type-space { min-height: 1px; }

strong { font-weight: 700; }

textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select { width: 100%; display: inline-block; font-size: 16px; outline: none; min-height: 44px; margin: 8px 0; padding: 10px 20px; -webkit-appearance: none; }
input[type="submit"] { text-transform: uppercase; cursor:pointer; text-align: center; outline: none; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; -webkit-appearance: none; }
input[type="submit"]:hover {  -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} 
form label, form legend { font-size: 14px; }

.hs-form-required { display: none; }
.hs-error-msgs { list-style: none; margin: 0 0 10px; padding: 0; font-size: 12px;}
fieldset { max-width: 100% !important; }
.input { margin-right: 0 !important; }
.form-columns-2 .hs-form-field { width: 49% !important; float: left; margin-right: 2%; }
.form-columns-2  div.hs-form-field + div.hs-form-field { margin-right: 0; }
.hs-form-field { margin-bottom: 26px; }
textarea { height: 160.4px; }

.flexwrap { display: flex; flex-flow: row wrap; justify-content: left; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: left; }
.justCenter { justify-content: center; -webkit-justify-content: center; }
.alignCenter { align-items: center; -webkit-align-items: center; }

.secBg:before , .secbgvideo:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fontlarge { font-size: 26px; line-height: 1.4; }
.smalltext { font-size: 16px; line-height: 1.1; }
.font15 { font-size: 15px; }

.btnstyle.secondarybtn a { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-size: 14px; font-weight: 700; min-width: 280px; position: relative; color: #002D72; background-color: #fff; text-align: center; border-radius: 30px; padding: 20px 60px 20px 20px; }
.btnstyle.secondarybtn a:before { content: ''; position: absolute; width: 50px; height: 50px; border-radius: 50%; background-color: #FFC043; top: 50%; right: 7px; transform: translateY(-50%); }
.btnstyle.secondarybtn a:after { border-top: 0; content: ''; position: absolute; width: 15px; height: 15px; border-right: 2px solid #FF4500; border-bottom: 2px solid #FF4500; right: 27px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.btnstyle.secondarybtn a:hover { background-color: #fff; color: #002D72; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.secbgvideo { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.secbgvideo video { object-fit: cover; width: 100%; height: 100%; transform: none; }
.heroHeader { width: 50%; }

.alltogetherSec { overflow: hidden; }
.alltogetherLeft { width: 31%; position: relative; z-index: 2; margin-right: -7%; float: left; }
.alltogetherCenter { margin-top: 60px; width: 36%; float: left; position: relative; }
.alltogetherRight{ display: flex; flex-wrap: wrap; align-items: center; width: 40%; float: left; position: relative; z-index: 2; }
.largetext p span { font-size: 28.5px; line-height: 1.1; }
.alltogethervideo { position: relative; width: 80%; padding-top: 100%; }
.alltogethervideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.play-button-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; pointer-events: none; }
.play-button-wrapper #circle-play-b { cursor: pointer; pointer-events: auto; }
.play-button-wrapper svg { width: 80px; height: 80px; fill: #fff; stroke: #fff; cursor: pointer; background-color: rgba(#000000, 0.2); border-radius: 50%; opacity: 0.9; }
.alltogetherImgvide:after	{ content: ''; width: 124px; height: 140px; position: absolute; top: 10px; right: -98px; }
.alltogetherImgvide:before { z-index: 1; bottom: -83px; content: ""; height: 260px; position: absolute; right: -185px; width: 260px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.alltogetherImgvide.all-img { padding-top: 100%; position: relative; width: 80%; background-size: cover; background-position: center center; background-repeat: no-repeat; }


.resourceHeader h2 { margin-bottom: 9px; }
.resourceHeader { margin-bottom: 37px; }
.resourceRow { display: flex; flex-wrap: wrap; width: 100%; }
.resourceCol{ box-sizing: content-box; width: 33.33%; float: left; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; }
/* .resourceCol:nth-child(3n) { margin-right: 0; } */
.resourceColImg { position: relative; margin-left: auto; margin-right: auto; padding-top: 56.25%;  }
.resourceColImg a{ position: absolute; top: 0; left: 0;width: 100%; height: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.resourceColContent { margin-top: 20px; }
.resourceColTitle h4 a { color: #000000; font-size: 25px; }
.resourceColTitle { margin-bottom: 10px; }
.resourceColText { font-size: 19px; color: #000; }
.resourceRow .slick-dots { margin-top: 47px; width: 100%; text-align: center; list-style: none; margin: 0; padding: 0; }
.resourceRow .slick-dots li { width: 30px; height: 5px; display: inline-block; margin: 0 5px; }
.resourceRow .slick-dots li button { background-color: #fff; width: 100%; height: 100%; border-radius: 0; padding: 0; font-size: 0; border: 0;  }
.resourceRow .slick-dots li.slick-active button { background-color: #002d72; }
.resourcebtn { margin-top: 96px; }
.resourceSection { position: relative; z-index: 2; overflow: hidden; }
.resourceshapeTop { background-size: cover; background-position: left top; background-repeat: no-repeat; width: 400px; height: 400px; right: -120px; top: -140px; position: absolute; z-index: -1; }
.resourceshapeBottomLeft { background-size: cover; background-position: right top; background-repeat: no-repeat; width: 400px; height: 400px; bottom: -120px; left: 0; position: absolute; z-index: -1; }
.resourceshapeBottomRight { background-size: cover; background-position: left top; background-repeat: no-repeat; width: 400px; height: 300px; bottom: -210px; right: -55px; position: absolute; z-index: -1; }

.threecolRow { display: flex; flex-wrap: wrap; width: 100%; }
.threecolItem{ position: relative; width: 32%; float: left; margin-right: 2%; border: 4px solid; margin-bottom: 80px; padding: 30px 40px 60px; }
.threecolItem:nth-child(3n) { margin-right: 0; }
.threecolNumber { font-size: 85px; font-weight: 700; line-height: 1; letter-spacing: -5px; }
.threecolText { font-size: 18px; }
.threecolText p { margin-bottom: 0; }
.threecolImg { position: absolute; bottom: -70px; right: 0; width: 140px; height: 140px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.threecolImg img { max-width: 120px !important; }

.clientreviewHeader h2 { margin-bottom: 9px; }
.clientviewrating ul { list-style: none; margin: 0; padding: 0; }
.clientviewrating ul li { display: inline-block; margin: 0; }
.clientviewrating ul li svg{ fill: #f1a604; width: 14px; }
.clientviewCol { margin-top: 50px; width: 32%; float: left; padding: 25px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); margin-right: 2%; text-align: center; }
.clientviewCol:nth-child(3n) { margin-right: 0; }
.clientviewImg { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100px; height: 100px; border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.clientviewQoute { margin-bottom: 25px; }
.clientviewname { font-weight: 400; font-size: 21px; line-height: 1.1rem; margin-bottom: 9px; }
.clientviewPosition { margin-bottom: 9px; font-weight: 700; }

.formLeft { width: 35%; float: left; padding: 30px; }
.formRight { width: 65%; float: left; padding-left: 5%; }
.formRightInner { padding: 25px; } 
.formLeft h5 { margin-bottom: 20px; }
.formSection { position: relative; z-index: 1; overflow-y: visible; }
.formShape { background-size: contain; background-position: center center; background-repeat: no-repeat; width: 400px; height: 400px; position: absolute; z-index: -1; left: -200px; top: 120px; }
.formSquare { background-size: contain; background-position: center center; background-repeat: no-repeat; width: 485px; height: 485px; position: absolute; z-index: -1; right: 0; bottom: 0; }
.formRightInner form input[type=text],
.formRightInner form input[type=search],
.formRightInner form input[type=email],
.formRightInner form input[type=password],
.formRightInner form input[type=tel],
.formRightInner form input[type=number],
.formRightInner form input[type=file],
.formRightInner form select,
.formRightInner form textarea { border: 1px solid #FDFDFE; }

.solutionSection { position: relative; }
.solutionRow { margin-top: 56px; }
.solutionCol { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; width: 15%; float: left; margin-right: 2%; margin-bottom: 30px; border: 3px solid; border-radius: 36px; padding: 20px 10px; text-align: center; }
.solutionCol:nth-child(6n) { margin-right: 0; }
.solutionlink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 36px; }
.solutionlink a { display: block; width: 100%; height: 100%; }
.solutioImage img{ max-width: 110px !important; }
.solutioImage { width: 100%; margin-bottom: 20px; }
.solutioText { width: 100%; }
.solutionBottomCol { height: 30px; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 20px; }
/* .solutionBottomText { display: flex;  animation: scrollText 33s infinite linear; } */
.solutionBottomInner { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; white-space: nowrap; transition: all 1s ease; }
.rotatetext { color: #d1cecf; font-size: 14px; line-height: 1.4; }
.marquee { top: 0; left: 100%; width: 100%; position: absolute; white-space: nowrap; animation: marquee 30s linear infinite; }
.marquee2 { animation-delay: 15s; }
span.rotatearrow { margin: 0 8px; }
.solutionText { font-size: 20px; max-width: 650px; }

.twoColLeft { width: 35%; }
.twoColLeft h2 { margin-right: -6%; width: calc(100% + 6%); font-family: Lato,sans-serif; font-weight: 400; font-size: 40px; line-height: 1.2; }
.twoColRight { width: 67%; margin-left: -2%; }
.twoColLeftText { margin-top: 20px; max-width: 350px; line-height: 1.4; }

.lifecycleSection { position: relative; z-index: 1; overflow: hidden; } 
.lifecycleCol { position: relative; text-align: center; width: 22.75%; margin-right: 3%; float: left; margin-bottom: 20px; }
.lifecycleCol:nth-child(4n) { margin-right: 0; }
.lifecycleText { max-width: 460px; }
.lifecycleColText { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 326px; text-align: center; border-radius: 10px; padding: 40px; }
.lifecycleColNum { position: relative; border: 3px solid; border-radius: 50%; width: 35px; height: 35px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: 'Finger Paint', cursive; margin-left: auto; margin-right: auto; margin-bottom: 35px; }
.lifecycleColTitle { position: relative; font-weight: 700; line-height: 1.4; padding: 4px; margin-bottom: 35px; }
.lifecycleColNum:before { position: absolute; content: ''; height: 40px; width: 2px; background-color: rgba(255, 69, 0,100%); top: 100%; left: 50%; transform: translateX(-50%); }
.lifecycleColTitle:before { position: absolute; content: ''; height: 35px; width: 2px; background-color: rgba(255, 69, 0,100%); top: 100%; left: 50%; transform: translateX(-50%); }
.lifecycleColText p a{ vertical-align: top; }
.lifecycleCol:nth-child(4n + 3) { margin-top: 60px; }
.lifecycleCol:nth-child(4n + 2) { margin-top: 120px; }
.lifecycleCol:nth-child(4n + 1) { margin-top: 180px; }
.lifecycleCol:before { position: absolute; content: ''; width: calc(100% + 2%); height: 2px; border-top: 2px dotted rgba(255, 69, 0,100%); transform: rotate(-12deg); left: calc(50% + 15px); top: -10px; }
.lifecycleCol:nth-child(4n):before , .lifecycleCol:last-child:before { display: none; }
.lifeColinnertext p a { color: currentColor; }
.lifecycleRow { margin-top: 40px; }
.lifecycleShape { z-index: -1; width: 400px; height: 400px; border-radius: 50%; position: absolute; left: -250px; top: 50%; transform: translateY(-50%); border: 4px dotted; }
.lifecycleRightShape { z-index: -1; width: 103px; height: 103px; border-radius: 50%; position: absolute; right: 35%; top: 160px; border: 4px dotted; }
.lifecycleTopShape { z-index: -1; width: 200px; height: 200px; border-radius: 50%; position: absolute; right: 22px; top: 30px; border: 4px dotted; }

.empoweringInner { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ }
.empoweringHeader { float: left; width: 55%; }
.empoweringRight { display: flex; flex-wrap: wrap; align-items: flex-end; width: 35%; float: left; margin-bottom: -100px; }
.empoweringHeaderText { font-size: 18px; padding: 15px; }
.empoweringHeader h2 { line-height: 1.2em; position: relative; }
.empoweringHeader h2 span { padding-bottom: 5px; box-shadow: inset 0px -20px 0px #ffd700; }

.featureSection .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
.featureRow { display: flex; flex-wrap: wrap; }
.featureCol { width: 33.33%; float: left; min-height: 300px; position: relative; overflow: hidden; }
.featureColFront , .featureColBack { display: flex; flex-wrap: wrap; align-items: flex-end; position: absolute; top: 0; left: 0; -webkit-transition: all ease--out .4s; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 30px 45px; width: 100%; height: 100%; }
.featureColBack { background-color: #33475bcc; opacity: 0; visibility: hidden; }
.featureCol:hover .featureColFront{ opacity: 0; visibility: hidden; }
.featureCol:hover .featureColBack{ opacity: 1; visibility: visible; }
.featureColSubtitle { font-size: 16px; font-weight: 700; margin-bottom: 9px; }
.featureColtitle { font-size: 37px; line-height: 1.1em; text-transform: none; margin-bottom: 9px; }
.featureColBacktext p { margin-bottom: 18px; line-height: 1.3em; }


.footermenucol h6 { font-family: Lato,sans-serif; }

.stickylinkInner ul li { position: relative; display: inline-block; }
.stickylinkInner ul li.main-nav__item--active > a { filter:invert(1); }
.stickylinkSec { position: fixed; top: 50%; left: 40px; z-index: 99; -ms-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: left top 0; }
.body-container--talent-mgmt .stickylinkSec { margin-top:-60px; }
.stickylinkInner { } 
.stickylinkInner ul { list-style: none; padding: 0; margin: 0; } 
.stickylinkInner ul li a span.stickydot { vertical-align: middle; height: 20px; width: 7px; display: inline-block; }
.stickylinkInner ul li a { margin-right: 5px; transition: all 1s ease-in-out;  }
.stickylinkInner ul li.main-nav__item--active a .stickylinkspn{ display: inline-block; height: 100%; }
.stickylinkInner ul li a .stickylinkspn { display: none; vertical-align: middle; transition: all .5s ease-in-out; height: 0; text-transform: uppercase; letter-spacing: 3.34px; filter:invert(1); }
.stickylinkInner ul li.main-nav__item--active a span.stickydot { display: none; }



.hero-talent .content-wrapper { position:relative; }
.hero-talent h1 { max-width: 600px; position: relative; z-index: 1; font-size: 94.7px; }
.hero-talent .ht-inner { margin:40px 0 0; }
.hero-talent .ht-video { position:absolute; right:0; top:0; width:100%; max-width:670px; }
.hero-talent .ht-video:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.hero-talent .ht-image { float:left; width:40%; }
.ht-text { font-size: 22px; float: right; width: 60%; z-index: 1; position: relative; padding: 70px 120px 0 30px; }

.scroll-menu ul { list-style: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.scroll-menu ul > li { float:left; width:20%; }
.scroll-menu ul > li > a { display:block; padding: 15px 20px; text-align: center; font-weight: 700; min-height: 80px; display: flex; justify-content: center; align-items: center; height:100%; }

.people-analytics h2 { font-size: 94.7px; line-height: 0.88; margin: 0 0 30px; }
.people-analytics h4 { font-weight: 400; font-size: 45px; line-height: 1.4; }
.pa-text { max-width: 500px; font-size: 22px; margin: 30px 0 20px 0px; }
.pa-atext { margin: 30px 0 0; max-width: 700px; font-size: 22px; }
.pa-ana { margin-left:150px; max-width: 750px; }
.pa-ana > ul { list-style: none; padding: 0; float: left; width: 100%; }
.pa-ana > ul > li { padding:0 20px 0 40px; float:left; width:50%; font-size: 15.8px; margin: 5px 0; }
.pab-inner { float: left; width: 720px; font-size: 17.8px; margin: 30px 0 0 190px; }

.unemp-section { overflow: hidden; }
.unemp-section .content-wrapper { position:relative; }
.unemp-section .sec-top { max-width: 900px; }
.unemp-section .sec-top h2 { font-size:94.7px; position: relative; z-index: 1; }
.unemp-section .sec-top h4 { font-size: 45px; font-weight: 400; padding: 10px 0; position: relative; z-index: 1; }
.unemp-section .sec-top h4:before { position: absolute; content: ''; left: 87%; top: 0; bottom: 0px; width: 500%; background: #9DD2F878; margin-left: -20px; }
.us-text { max-width: 550px; font-size: 22px; margin-left: 125px; position: relative; z-index: 1; }
.us-text:before { position: absolute; content: ''; left: -500%; top: 0; bottom: -100px; width: 500%; background: #9DD2F878; margin-left: -20px; }
.us-image { position: absolute; right: 190px; top: 220px; max-width: 500px; }
.us-atext { text-align: center; position: relative; z-index: 1; font-size:26px; margin: 70px 0 10px; }
.btns { position: relative; z-index: 1; }
.btns a { font-size: 14px; background: #FFF; color: #000; padding: 15px 80px 15px 40px; border-radius: 30px; margin: 15px 0 0; position:relative; transition:ease all 0.4s; }
.btns a:before { position:absolute; content:''; right:8px; top:8px; width:37px; height:37px; background:#ffc043; border-radius:30px; }
.btns a:after { position:absolute; content:''; right:24px; top:22px; width:10px; height:10px; border-top:#FF4500 solid 1px; border-right:#FF4500 solid 1px; transform: rotate(45deg); }
.btns a:hover { background:#FF4500; }

.demand-section { overflow:hidden; }
.demand-section .content-wrapper { position:relative; }
.demand-section .sec-top { max-width:550px; position:relative; z-index:1; }
.demand-section h2 { font-size: 94.7px; }
.demand-section h4 { font-size: 45px; font-weight: 400; margin: 25px 0; }
.ds-text { max-width: 580px; font-size: 22px; margin: 40px 0 50px 130px; position:relative; }
.ds-text:before, .ds-text:after { position: absolute; content: ''; top: -25px; right: 100%; width: 500%; height: 100%; background: #FF4500; margin-right: 40px; }
.ds-mimage:before, .ds-mimage:after { position: absolute; content: ''; margin: -70px 180px 0 0; top: 50%; transform: translateY(-50%); right: 100%; width: 500%; height: 45px; background: #406449; }
.ds-mimage:after { height: 130px; background: #84BD00; margin: 160px 100px 0 0; }
.ds-text:after { right: auto; left: 100%; margin: 100px 0 0 250px; }
.ds-atext { text-align: center; font-size: 30px; color: #406449; }
.ds-image { position: absolute; right: 0; top: 0; max-width: 450px; }
.dsat-tinner { max-width: 700px; float: none; display: inline-block; }
.ds-button > a { background:#FAEAD0; }
.ds-mimage { margin:20px 0; position:relative; } 
.ds-bottomtext { margin: 20px 0; font-size: 26px; }
.dsb-inner { max-width: 500px; float: none; display: inline-block; }

.expense-section { overflow:hidden; }
.expense-section .content-wrapper { position:relative; }
.expense-section .sec-top { max-width: 600px; }
.expense-section .sec-top h2 { font-size:94.7px; }
.expense-section .sec-top h4 { font-size: 45px; font-weight: 400; line-height: 1; margin: 25px 0; background:url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Talent%20Management/title-bg.png) no-repeat center bottom/190px auto; }
.es-atext { font-size:26px; }
.es-text { font-size: 22px; max-width: 720px; margin: 20px 0 20px 150px; position:relative; }
.es-video { position: absolute; right: 0; top: 0; max-width: 520px; }
.es-video:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.es-text:before, .es-text:after { position: absolute; content: ''; right: 100%; bottom: -70px; width: 100%; height: 150px; background: #FFC043; margin: 0 60px 0 0; }
.es-text:after { right:auto; left:100%; height:165px; bottom:auto; top:-57px; margin:0 0 0 220px; }
.es-platform { display: flex; flex-flow: row wrap; justify-content: center; }
.esp-inner { max-width: 700px; }
.esp-inner h5 { color: #406449; text-align: center; font-size: 36px; font-weight: 400; }
.esp-rows { margin:40px 0; }
.esp-row { background: #5B0C92; color: #FFF; padding: 15px 25px; font-size: 16.6px; margin:16px 0; position:relative; }
.esp-row:nth-child(5n+1) { max-width: 75%; }
.esp-row:nth-child(5n+2) { max-width: 92%; padding-right: 100px; }
.esp-row:nth-child(5n+4) { max-width: 73%; padding-right: 50px; }
.esp-row:nth-child(5n) { max-width: 77%; }
.esp-row:before { position:absolute; width:80px; height:80px; content:''; left:0; top:0; transform:translate(-90%,-80%); }
.esp-row:nth-child(5n+2):before { left: auto; right: 0; transform: translate(30%,-40%); }
.esp-row:nth-child(5n+3):before { transform: translate(-100%,0%); top: auto; bottom: 0; }
.esp-row:nth-child(5n+4):before { left: auto; right: 0; transform: translate(50%,40%); }
.esp-row:nth-child(5n):before { transform: translate(-100%,50%); top: auto; bottom: 0; } 

.volunteering-section { overflow:hidden; }
.volunteering-section .sec-top { max-width:600px; }
.volunteering-section .sec-top h2 { font-size: 87.2px; }
.volunteering-section .sec-top h4 { font-size: 45px; font-weight:400; }
.volunteering-section .content-wrapper { position:relative; }
.volunteering-section .content-wrapper:before, .volunteering-section .content-wrapper:after { position: absolute; content: ''; right: 70px; top: -50px; width: 300px; height: 300px; background: #A49E9E; } 
.volunteering-section .content-wrapper:after { top:130px; right:-250px; }
.vs-text { max-width: 570px; font-size: 22px; }
.vs-platform { display: flex; flex-flow: row wrap; justify-content: center; margin: 40px 0 0; }
.vsp-inner { max-width:1000px; display: flex; flex-flow: row wrap; justify-content: center; position:relative; }
.vsp-inner:after { position: absolute; content: ''; right: 0; top: 0; width: 400px; height: 400px; background: #FFC043; border-radius: 50%; transform: translateX(100%); }
.vsp-inner h5 { font-size: 30px; font-weight: 400; max-width: 600px; text-align: center; }
.vsp-rows { counter-reset: my-sec-counter; }
.vsp-row { max-width: 400px; font-size: 16.6px; padding: 30px; background: #FFF; border: #84BD00 solid 6px; margin:50px 50px 0 0; position:relative; }
.vsp-row:before { counter-increment: my-sec-counter; content: counter(my-sec-counter); position: absolute; left: -20px; top: 20px; min-width: 40px; min-height: 40px; text-align: center; line-height: 40px; color: #FFF; background: #84BD00; border-radius: 50%; }   
.vsp-row:nth-child(6n+2) { margin: 185px 0 0 70px; max-width: 300px; }
.vsp-row:nth-child(6n+3) { margin: 0 50px 0 100px; max-width:300px; } 
.vsp-row:nth-child(6n+4) { margin: 110px 0 0 120px; max-width: 430px; }
.vsp-row:nth-child(6n+5) { margin: 0 0 30px; max-width: 500px; }
.vsp-row:nth-child(6n) { margin: 100px 0 0 100px; }
.vsp-row:nth-child(6n+1) { clear:left; }
.vs-atext { display:flex; flex-flow:row wrap; justify-content:center; margin: 40px 0 0; } 
.vsat-tinner { max-width: 500px; font-size: 26px; }
.vs-image { position: absolute; right: 0; top: 0; max-width: 300px; z-index:1; }


.h1-large h1, .h2-large h2 { font-size:94.7px; line-height:0.88; }
.h2-large h2 { font-weight:400; }
.h2-large h4 { font-size:45px; font-weight:400; margin: 20px 0; }
img.hide { display:none; }

.applicant-section .secHeader { max-width: 640px; font-size:22px; padding: 100px 0 0; z-index: 1; position: relative; }
.applicant-section .secHeader h4 { font-size: 45px; font-weight: 400; margin: 20px 0 0; }
.applicant-section .secInner { position:relative; }
.asa-text { color: #406449; font-size: 17.1px; margin: 30px 0 0; }
.applicant-section .secText { margin: 50px 0 0px; font-size: 22px; }
/* .applicant-section h2 { font-weight: 400; font-size: 94.7px; } */
.add-image { position: absolute; right: 190px; top: 0; max-width: 530px; }
.as-main { padding: 50px 0; margin: 50px 0; position:relative; } 
.asm-left { float: left; width: 50%; position:relative; z-index:1; }
.asm-right { position: absolute; right: -11.5%; top: 0; width: 70%; height: 100%; }
.asm-left .asml-row { padding:15px 25px; background:#5B0C92; font-size:16.6px; color:#FFFFFF; margin:10px 0; }
.asm-left .asml-row:nth-child(5n+1) { max-width: 97%; }
.asm-left .asml-row:nth-child(5n+3) { max-width: 85%; }
.asm-left .asml-row:nth-child(5n+4) { max-width: 80%; }
.asm-left .asml-row:nth-child(5n) { max-width: 90%; }
.applicant-section .btns { margin:20px 0 0; }
.applicant-section .btns a { min-width:250px; text-align:center; }

.onoff-section .secHeader { max-width: 600px; }
.onoff-section .secHeader h2 { font-weight:400; }
.onoff-section .secHeader .secText { font-size: 22px; max-width: 88%; position: relative; left: 65%; }
.os-col { float: left; width: 32%; border: #84BD00 solid 4px; margin: 40px 2% 85px 0; padding: 30px; position: relative; min-height: 240px; }
.os-col:nth-child(3n) { margin:40px 0 0; } 
.osc-colimg { text-align: center; position: absolute; bottom: -85px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.osc-colimg img { max-width: 179px !important; margin-left: auto; margin-right: auto; width: 100%; }
.osc-text { color: #000; }

.screening-sec { position: relative; overflow: hidden; z-index: 2; }
.screening-circle { border: 6px solid; border-radius: 50%; height: 220px; width: 220px; position: absolute; right: -70px; top: 69px; z-index: -1; }
.screening-Line { width: 400px; height: 30px; position: absolute; top: 0; right: 0; z-index: -1; }
.screening-square { width: 80px; height: 100px; position: absolute; bottom: 0; left: 0; z-index: -1; }
.screening-orangeleft { height: 250px; left: 0; position: absolute; top: 29%; width: 50px; z-index: -1; }
.screening-orangebottom { width: 76px; height: 76px; position: absolute; bottom: 0; right: 100px; z-index: -1; }
.screening-sec .secHeader { max-width: 650px; }
.screening-sec .secText { margin-top: 50px; font-size: 22px; left: 25%; max-width: 100%; position: relative; }
.screening-row { max-width: 50%; border: 4px solid; padding: 50px; position: relative; left: 15%; margin-top: 90px; }
.screening-Col { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.screening-Colicon { margin-top: 5px; margin-right: 30px; }
.screening-Colicon img { max-width: 25px !important; }
.screening-Coltext { width: calc(100% - 55px); }
.screening-personimg { position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: -1; }
.screening-personimg img{ max-width: 350px!important; }


.hero-talentsec { position: relative; }
.hero-talentLeft { width: 45%; float: left; position:relative; padding-top: 150px; z-index: 1; }
.hero-talentLeftitle { margin-right: -13%; width: calc(100% + 13%); }
.hero-talentText { font-size: 22px; padding-right: 40px; margin-top: 90px; }
.hero-talentRight { /* position: relative; margin-left: -5%; */ float: left; width: 58%; margin-left: -3%; position: relative; }
.hero-talentRight:before { position: absolute; content: ''; left: -190px; bottom: 145px; width: 270px; height: 270px; border: #D34230 solid 5px; z-index: 0; }
.hero-talentRightbgimg { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 100%; margin-top: -90px; }
.hero-talentRightbgimg:before { }
.hero-talent .content-wrapper { position: static; }
.mobileshow { display: none; }
/* .hero-talentRightimg { position: absolute; bottom: 0; right: 15px; width: 57%; } */

.four-colscmenu.scroll-menu ul > li { width: 25%; }
.three-colscmenu.scroll-menu ul > li { width: 33.33%; }

.hero-humanRow { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.hero-humanRight { width: 50%; float: left; order: 1; display: flex; flex-wrap: wrap; }
.hero-humanLeft { position: relative; z-index: 1; width: 50%; float: left; }
.hero-humanLeftImg img { transform: rotate(90deg); margin-left: -150px; max-width: 555px !important; }
.hero-humanLeftImg { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.hero-humanRightInner { max-width: 500px; margin-left: auto; padding-left: 30px; }
.secText.hero-humanText { font-size: 22px; }
.hero-humanRightInner .secText { margin-top: 25px; }
.hero-humanLeft:after { position: absolute; top: -160px; right: -40px; width: 320px; height: 400px; content: ''; border: 5px solid #fff; z-index: -1; }

.fractional-title h1 , .fractional-title h2 { font-weight: 700; }
.fractional-Left { max-width: 600px; }
.fractional-text { margin-top: 30px; max-width: 640px; font-size: 22px; }
.fractional-section .content-wrapper { position: relative; z-index: 1; }
.fractional-image { max-width: 450px; position: absolute; z-index: -1; right: 0; top: 0; }
.fractional-platform { margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; }
.fractional-inner h5 { color: #5B0C92; font-size: 30px; font-weight: 400; text-align: center; }
.fractional-inner { max-width: 700px; }
.fractional-row { background: #5b0c92; color: #fff; font-size: 16.6px; margin: 16px 0; padding: 15px 25px; position: relative; }
.fractional-rows { margin: 40px 0; }
.fractional-row:nth-child(5n + 1) { max-width: 82%; }
.fractional-row:nth-child(5n + 2) { max-width: 98%; }
.fractional-row:nth-child(5n + 3) { max-width: 62%; }
.fractional-row:nth-child(5n + 4) { max-width: 68%; }
.fractional-row:nth-child(5n) { max-width: 100%; }
.fractional-row:before { content: ""; height: 80px; left: 0; position: absolute; top: 0; transform: translate(-90%,-80%); width: 80px; }
.fractional-row:nth-child(5n+2):before { left: auto; right: 0; transform: translate(-30%,70%); }
.fractional-row:nth-child(5n+3):before { transform: translate(-100%,-31%); }
.fractional-row:nth-child(5n+4):before { left: auto; right: 0; transform: translate(50%,50%); }
.fractional-row:nth-child(5n):before { transform: translate(-100%,50%); }
.fractional-tinner h5{ color: #5b0c92; font-size: 30px; font-weight: 400; text-align: center; }
.fractional-Listrow { width: 100%; display: flex; flex-wrap: wrap; }
.fractional-list { width: 50%; float: left; }
.fractional-list ul { list-style: none; margin: 0; padding: 0; }
.fractional-list ul li { position: relative; padding-left: 40px; margin-bottom: 20px; }
.fractional-list ul li:before { position: absolute; top: 0; left: 0; content: ''; background-repeat: no-repeat; width: 24px; height: 26px; background-size: contain; background-position: center center; background-image: url('https://5288175.fs1.hubspotusercontent-na1.net/hub/5288175/hubfs/Website/Talent%20Acquisition/Check.png'); }
.fractional-atext { display: flex; flex-wrap: wrap; padding-top: 60px; max-width: 900px; margin-left: auto; margin-right: auto; width: 100%; }
.fractional-tinner { width: 100%; margin-bottom: 30px; }

.services-section { position: relative; z-index: 1; overflow: hidden; }
.services-row { float: none; width: 100%; background: #5b0c92; color: #fff; font-size: 16.6px; margin: 32px 0; padding: 15px 25px; position: relative;  }
.services-rows { margin: 40px 0; }
.services-row:nth-child(5n + 1) { max-width: 75%; }
.services-row:nth-child(5n + 2) { max-width: 92%; z-index: 4; }
.services-row:nth-child(5n + 3) { max-width: 35%; }
.services-row:nth-child(5n + 4) { max-width: 72%; } 
.services-row:nth-child(5n) { max-width: 67%; z-index: 3; }
.services-row:after { content: ""; height: 80px; left: 0; position: absolute; top: 0; transform: translate(-70%,-60%); width: 80px; }
.services-row:nth-child(5n+1):after { z-index: -1; } 
.services-row:nth-child(5n+2):after { left: auto; right: 0; transform: translate(65%,-50%); }
.services-row:nth-child(5n+3):after { transform: translate(90%,-75%); left: auto; right: 0; z-index: -1; }
.services-row:nth-child(5n+4):after { transform: translate(-80%,-80%); z-index: -1; }
.services-row:nth-child(5n):after { left: auto; right: 0; transform: translate(100%,-60%); }
.services-text { margin-top: 40px; max-width: 550px; font-size: 22px; }
.services-section .content-wrapper { position: relative; z-index: 1; }
.services-Left { max-width: 600px; }
.services-title h1 , .services-title h2 { font-weight: 700; }
.services-image { max-width: 500px; position: absolute; z-index: -1; right: 0; top: -50px; }
.services-platform { margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; }
.services-inner { max-width: 650px; }
.services-inner h5 { color: #000000; font-size: 30px; font-weight: 400; text-align: center; }
.services-tinner h5 { font-size: 26px; font-weight: 400; }
.services-whitecircle { width: 250px; height: 250px; position: absolute; border-radius: 50%; border: 8px solid #ffffff; top: 15%; right: -120px; }
.services-redcircle { border: 4px solid rgb(255 69 0 / 42%); border-radius: 50%; width: 400px; height: 400px; position: absolute; left: -250px; top: 35%; }
.services-orangecircle { border: 2px solid rgb(255 69 0 / 11%); border-radius: 50%; width: 400px; height: 400px; position: absolute; right: -150px; bottom: 5%; }
.services-binoculars { position: absolute; top: -50px; left: -30px; max-width: 200px; }
.services-atext { position: relative; max-width: 700px; padding-left: 150px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; }

.ctaInner { position: relative; }
.ctaInner .ctaquote { position: absolute; top: -10px; left: -50px; width: 37px; }

.Performance-section { position: relative; z-index: 1; overflow: hidden; }
.Performance-section .content-wrapper { position: relative; z-index: 1; }
.Performance-Left { max-width: 600px; }
.Performance-text { margin-top: 40px; max-width: 700px; font-size: 22px; }
.Performance-image { position: absolute; z-index: -1; top: -50px; right: 0; max-width: 450px; }
.Performance-row { display: flex; flex-wrap: wrap; max-width: 1000px; margin-left: auto; margin-right: auto; width: 100%; }
.Performance-col { position: relative; background-color: #ffffff; width: 49%; float: left; margin-right: 2%; margin-top: 40px; border: 4px solid #84BD00; padding: 20px 25px 60px; }
.Performance-col:nth-child(2n) { margin-right: 0; }
.Performance-col h3 { font-size: 30px; font-weight: 700; color: #406449; margin-bottom: 5px; }
.Performance-col h4 { font-size: 22px; color: #202020; font-weight: 400; }
.Performance-coltext ul { padding-left: 17px; }
.Performance-colbtn { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 25px; }
.Performance-colbtn a { font-size: 18px; font-weight: 700; display: inline-block; position: relative; z-index: 1; color: #202020; }
.Performance-colbtn a:before { position: absolute; content: ''; top: calc(100% - 10px); left: 0; width: 100%; height: 8px; background-color: #84BD00; z-index: -1; }
.Performance-whitecircle { position: absolute; z-index: -1; top: 5%; left: -125px; border: 8px solid #FDFDFE; border-radius: 50%; width: 250px; height: 250px; }
.Performance-line { position: absolute; z-index: -1; top: 30%; right: 10%; background-color: #FF4500; width: 8px; height: 350px; }
.Performance-title h2 { font-weight: 700; }

.management-section { position: relative; z-index: 1; overflow: hidden; }
.management-section .content-wrapper { position: relative; z-index: 1; }
.management-Left { max-width: 600px; }
.management-text { margin-top: 10px; max-width: 660px; font-size: 22px; }
.management-row { display: flex; flex-wrap: wrap; max-width: 900px; margin-left: auto; margin-right: auto; width: 100%; }
.management-col { position: relative; background-color: #ffffff; width: 49%; float: left; margin-right: 2%; margin-top: 33px; border: 4px solid #84BD00; padding: 20px 20px 20px; }
.management-col:nth-child(2n) { margin-right: 0; }
.management-ctatitle h4 { font-weight: 400; }
.management-image { position: absolute; z-index: -1; top: -20px; right: 0; max-width: 430px; }
.management-subtitle h4 span { position: relative; z-index: 1; display: inline-block; }
.management-subtitle h4 span:before { content: ''; position: absolute; z-index: -1; top: calc(100% - 19px); background-color: #9DD2F8; left: 0; width: 100%; height: 8px; }
.management-title h2 { font-weight: 700; }
.management-subtitle h4 strong { font-weight: inherit; position: relative; z-index: 1; display: inline-block; }
.management-subtitle h4 strong:before { height: 100%;  background-color: #84BD00; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; }
.management-col h5 { font-size: 16px; font-weight: 700; color: #202020; }
.management-ctatitle h4 { font-size: 26px; color: #406449; }
.management-ctarow { margin-top: 50px; margin-left: auto; margin-right: auto; max-width: 700px; }
.management-coltext { font-size: 16px; }

/* .stickylinkInner { transform: rotateY(180deg); } */

.hero-paytimesec { position: relative; z-index: 1; }
.hero-paytime-video:after { content: ''; width: 500px; position: absolute; background-color: #FF4500; top: 27px; right: -30px; bottom: 27px; z-index: -1; }
.hero-paytimetitle { position: relative; margin-bottom: -35px; z-index: 11; margin-left: -30px; }
.hero-paytime-video { height: 440px; position: absolute; width: 92%; left: 0; }
.paytimeText { position: relative; font-size: 22px; max-width: 730px; line-height: 1.4; padding-top: 388px; z-index: 11; padding-left: 50px; }
.hero-paytime-video video { height: 100%; object-fit: cover; width: 100%; }
.hero-paytime-video:before { left: 0; position: absolute; top: 0; height: 100%; width: 100%; content: ''; bottom: 0; z-index: 11; }
.hero-paytimetInner:before, .hero-paytimetInner:after { content: ''; position: absolute; width: 6px; height: 457px; background-color: rgb(255 248 214 / 52%); right: 158px; bottom: 0; }
.hero-paytimetInner:before { top: 0; bottom: auto; right: 208px; z-index: 1; }


.rockpayll-Header h4 { margin-top: 0; }
.rockpayllTxt { max-width: 580px; font-size: 22px; line-height: 1.4; padding-top: 15px; }
.rockpayll-col { width: 47.3%; background-color: #fff; border: 4px solid #84BD00; margin-right: 5.3%; padding: 32px 33px; margin-top: 46px; font-size: 16px; line-height: 1.4; }
.rockpayll-col span { font-weight: 700; }
.rockpayll-col:nth-child(2n) { margin-right: 0; }
.rockpayll-col p:last-child { margin-bottom: 0; }
.rockpayll-content { position: relative; z-index: 1; }
.rockpayll-image { max-width: 480px; position: absolute; right: -20px; z-index: -1; bottom: 77%; }

.retirement-section { position: relative; overflow: hidden; }
.retirement-Header { position: relative; }
.retirementTxt { max-width: 540px; font-size: 22px; line-height: 1.4; }
.retirement-col { width: 31.3%; padding: 38px 32px; background-color: #fff; border: 4px solid #84bd00; color: #000; font-size: 16.6px; margin-right: 3%; margin-top: 40px; }
.retirement-col span { font-weight: 700; }
.retirement-col:nth-child(3n) { margin-right: 0; }
.retirement-col p:last-child { margin-bottom: 0; }
.retirement-image { max-width: 430px; position: absolute; right: 0; top: -60px; }
.retirement-section:after { content: ''; position: absolute; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Payroll%20and%20Time/golden%20circles.svg); width: 400px; height: 400px; background-size: cover; bottom: -120px; right: -242px; background-position: top center; background-repeat: no-repeat; }
.benefit-left { width: 30%; margin-left: -30px; }
.benefit-right { width: 70%; padding-top: 40px; }
.benefit-right .retirementTxt { max-width: 600px; }
.beneservi-txt { font-size: 26px; color: #FF4500; }
.retirement-section .btns a { min-width: 250px; text-align: center; margin-top: 20px; }
.beneservi-info { display: inline-block; margin-left: -65px; margin-top: 40px; }
.retirement-benefit .secHeader h4 { margin-bottom: 10px; }
.retirement-benefit { margin-top: 70px; }

.timeattend-section { position: relative; z-index: 1; overflow: hidden; }
.timeattend-headleft { width: 53%; position: relative; z-index: 11; }
.timeattend-headright { width: 47%; position: relative; z-index: 1; }
.timeattendTxt { font-size: 22px; line-height: 1.4; margin-top: 25px; }
.timeattend-video { z-index: -1; width: 230px; height: 230px; position: absolute; top: -10px; left: -20px; }
.timeattend-video video { width: 100%; height: 100%; object-fit: cover; }
.timeattend-image { max-width: 370px; margin: 0 auto; padding-top: 60px; }
.timeattend-col { width: 48.5%; background-color: #fff; padding: 19px 23px 25px; border: 4px solid #84BD00; font-size: 16.6px; margin-right: 3%; color: #000; margin-top: 45px; position: relative; }
.timeattend-col span { font-weight: 700; }
.timeattend-col:nth-child(2n) { margin-right: 0; }
.timeattend-icon { position: absolute; right: 20px; bottom: -40px; }
.timeattend-icon  img { max-width: 130px !important; }
.time-managinfo { max-width: 650px; margin: 60px auto 0; padding-bottom: 30px; }
.time-managrow { padding: 20px 35px; background-color: #E0EFFA; margin-bottom: 26px; position: relative; font-size: 16px; color: #000; line-height: 1.4; }
.time-managrow:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; transform: translate(-100%,-20%); }
.time-managrow:nth-child(5n+1) { width: 95%; }
.time-managrow:nth-child(5n+3) { width: 84% }
.time-managrow:nth-child(5n+4) { width: 98%; }
.time-managrow:nth-child(5n) { width: 30%; }
.time-managrow:nth-child(5n+2):before { right: 0; left: auto; transform: translate(65%, 38%); top: auto; bottom: 0; }
.time-managrow:nth-child(5n+3):before { transform: translate(-62%,70%); }
.time-managrow:nth-child(5n+4):before { right: 0; left: auto; transform: translate(70%, 75%); }
.time-managrow:nth-child(5n+4):before { right: 0; left: auto; top: auto; bottom: 0; transform: translate(-135px,75%); }
.time-managrow:nth-child(5n):before { transform: translate(0, 80%); top: auto; bottom: 0; }
.timeattend-row { padding: 30px 0 50px; }
.timeattend-section:after { content: ''; position: absolute; width: 330px; height: 330px; left: -150px; top: 50%; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Payroll%20and%20Time/white%20circles.svg); background-size: contain; background-repeat: no-repeat; background-position: top center; transform: translateY(-50%); }
.timeattend-headleft span { width: 100px; height: 26px; background-color: #9DD2F8; display: inline-block; position: relative; margin-bottom: -30px; }
.timeattend-headleft span:before { content: ''; position: absolute; background-color: inherit; width: 3000px; right: 100%; top: 0; height: 100%; }
.time-managinfo:before { content: ''; position: absolute; width: 28px; height: 300px; background-color: #3F78EF; right: 0; top: 44%; transform: translateY(-50%); }
.time-managinfo:after { content: ''; width: 250px; height: 250px; border: 5px solid #fff; position: absolute; right: -100px; top: 50%; transform: translateY(-50%); border-radius: 50%; margin-top: 90px; z-index: -1; }

.taxpyrll-section { position: relative; }
.taxpyrll-info { align-items: center; -webkit-align-items: center; margin-top: 31px; }
.taxpyrllText {  width: 70%; padding-left: 50px; font-size: 22px; line-height: 1.4; }
.taxpyrll-image { width: 30%; }
.taxpyrll-Header { width: 50%; }
.taxpyrll-video video { width: 100%; height: 100%; object-fit: cover; }
.taxpyrll-video { width: 450px; height: 250px; position: absolute; top: 0; right: 0; margin-top: 30px; }
.taxpyrll-video:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #FFC043; top: -30px; left: -30px; z-index: -1; }
.taxfileTitle h3 { font-size: 36px; line-height: 1.4; }
.taxfile-col { font-size: 16px; line-height: 1.4; padding: 20px 13px; width: 15%; background-color: #FFC043; color: #000; margin-right: 2%; margin-top: 20px; }
.taxfile-col:nth-child(6n) { margin-right: 0; }

.fractional-atext.fractional-topspce-atext { justify-content: center; max-width: 100%; padding-top: 0; }
.fractional-topspce-atext .fractional-tinner h5 { font-size: 36px; }
.fractional-topspce-atext .fractional-tinner { max-width: 650px; }
.fractional-topspce-atext .fractional-list { padding: 10px 10px 0; }

.management-row.management-full { max-width: 100%; }
.management-Left-largetitle .management-title { width: calc(100% + 70px); margin-right: -70px; }
.management-Left.management-fullwidth { max-width: 100%; }

.herobenefitRow { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-end; -webkit-align-items: flex-end; }
.herobenefitleft { width: 50%; float: left; margin-bottom: 20px; }
.herobenefitright { width: 50%; float: left; }
.herobenefitext { max-width: 59%; margin-top: 30px; width: 100%; float: left; font-size: 22px; position: relative; }
.herobenefitSec { position: relative; z-index: 1; overflow: hidden; }
.herobenefitbordersquare { z-index: -1; border: 8px solid; height: 329.4px; left: -3%; position: absolute; top: -20%; width: 333.6px; }
.hbackgroundsquare { z-index: -1; height: 213.9px; right: -3%; position: absolute; top: -3%; width: 516.9px; }
.hbcircle { z-index: -1; height: 387.1px; right: -9%; position: absolute; bottom: 2%; width: 387.1px; border-radius: 50%; border: 20px solid; }
.hbborderline { z-index: -1; border: 8px solid; height: 213.9px; left: 0; position: absolute; top: 50%; }

.benefitsrecSec { position: relative; z-index: 1; overflow: hidden; }
.benefitsrecSec .content-wrapper { position: relative; z-index: 1; }
.benefitsrecHeader { max-width: 750px; }
.benefitsrec-text { max-width: 650px; font-size: 22px; }
.benefitsrec-rightimg { position: absolute; top: -50px; right: 130px; max-width: 310px; z-index: -1; }
.benefitsrec-subtitle h4 { margin-top: 0; }
.benefitsrec-cols { padding: 20px 35px; background-color: #E0EFFA; margin-bottom: 26px; position: relative; font-size: 16px; color: #000; line-height: 1.4; }
.benefitsrec-cols:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; transform: translate(-70%,-60%); }
.benefitsrec-cols:nth-child(6n+1) { width: 95%; }
.benefitsrec-cols:nth-child(6n+2) { width: 83% }
.benefitsrec-cols:nth-child(6n+3) { width: 87% }
.benefitsrec-cols:nth-child(6n+4) { width: 80%; }
.benefitsrec-cols:nth-child(6n+5) { width: 84%; }
.benefitsrec-cols:nth-child(6n) { width: 55%; }
.benefitsrec-cols:nth-child(6n+2):before { right: 0; left: auto; transform: translate(80%, -45%); }
.benefitsrec-cols:nth-child(6n+3):before { transform: translate(-100%,0%); top: auto; bottom: 0; }
.benefitsrec-cols:nth-child(6n+4):before { right: 0; left: auto; transform: translate(65%,0%); top: auto; bottom: 0; }
.benefitsrec-cols:nth-child(6n+5):before { transform: translate(-50%,-50%); }
.benefitsrec-cols:nth-child(6n):before { right: 0; left: auto; transform: translate(80%, 30%); top: auto; bottom: 0; }
.benefitsrec-items { margin-top: 66px; }
.benefitsrec-row { max-width: 650px; margin-left: auto; margin-right: auto; } 
.benefitsrec-lftimg { position: absolute; bottom: 40px; left:-226px; width: 400px; height: 400px; z-index: -1; }
.benefitsrec-lftimg:before { position: absolute; content: ''; top: -186px; left: 226px; width: 7px; height: 300px; background-color: #3F78EF; }
.benefitsrec-rghtimg { position: absolute; top: 50%; transform: translateY(-50%); right: -226px; width: 400px; height: 400px; z-index: -1; }
.benefitsrec-rghtimg:before { position: absolute; content: ''; bottom: -186px; right: 226px; width: 7px; height: 300px; background-color: #3F78EF; }


.aca-repSec { position: relative; z-index: 1; overflow: hidden; }
.aca-repSec .content-wrapper { position: relative; z-index: 1; }
.aca-repimg { object-fit: cover; max-width: 560px; position: absolute; right: 0; top: 70px; width: 100%; }
.acarep-subtitle { position: relative; z-index: 1; max-width: 380px; }
.acarep-subtitle h4 { margin-top: 0; }
.aca-repText { position: relative; z-index: 1; max-width: 560px; font-size: 22px; margin-top: 40px; }
.acarep-title { position: relative; z-index: 1; }
.aca-reprow { margin-top: 54px; display: flex; flex-wrap: wrap; }
.aca-repleftext { width: 40%; }
.aca-repright { width: 45%; margin-left: 3%; }
.aca-repcol { display: flex; font-size: 16px; margin-bottom: 12px; margin-right: 15px; padding: 10px; width: auto; flex-wrap: wrap; align-items: center; justify-content: center; float: left; }
.aca-repleftext h3 { font-size: 30px; color: #000; }
.aca-repleftext { font-size: 22px; }
.aca-rep-topcircle { position: absolute; z-index: -1; top: 30px; right: -100px; content: ''; width: 240px; height: 240px; border: 6px solid; border-radius: 50%; }
.aca-rep-bottomcircle { position: absolute; z-index: 2; top: 300px; right: -80px; content: ''; width: 150px; height: 150px; border: 4px solid; border-radius: 50%; }

.ccText { margin-top: 30px; font-size: 22px; max-width: 700px; }
.cc-subtitle { max-width: 920px; }
.ccRow { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 100px; margin-top: 64px; }
.ccols { margin-right: 2%; position: relative; z-index: 2; padding: 100px 0; }
.ccols:nth-child(3n) { position: absolute; z-index: 1; top: 0; right: 0; width: 85%; height: 100%; margin-right: 0; padding: 0; }
.ccols:nth-child(3n + 1) { width: 33.33%; }
.ccols:nth-child(3n + 2) { width: 33.33%; }
.ccoltop { width: 100%; padding: 10px 60px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 18px; text-align: center; }
.ccolbottom { width: 100%; padding: 10px 105px 10px 0; position: absolute; top: 100%; left: 0; font-weight: 700; font-size: 18px; text-align: center; }
.ccolsinnr { border-radius: 20px; padding-top: 56.25%; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.colnum { display: none; }
.ccols:nth-child(3n) .ccolsinnr { background-position: center right; border-radius: 0; padding: 0; }
.ccols:nth-child(3n) .ccoltop { padding: 10px 20px; width: 43%; right: 0; top: 100%; left: auto; transform: none; }
.ccols:nth-child(3n) .ccolbottom { padding: 10px 20px; width: 43%; right: 0; top: 20px; left: auto; transform: none; }
.ccols:nth-child(3n + 2) .ccolsinnr:before { content: ''; position: absolute; bottom: -100px; left: -30px; width: 2px; height: 86%; transform: rotate(66deg); }
.ccols:nth-child(3n + 2) .ccolsinnr:after { content: ''; position: absolute; bottom: 0px; right: 180px; width: 2px; height: 30%; transform: rotate(35deg); z-index: -1; }


.heroaboutSec { position: relative; z-index: 1; overflow: hidden; }
.heroaboutLeft { width: 54%; float: left; }
.heroaboutRight { width: 46%; float: left; }
.heroaboutImg { position: relative; z-index: 1; padding-top: 73px; }
.heroaboutImg:before { position: absolute; z-index: -1; top: 0; right: -57px; width: calc(100% - 57px); height: calc(100% - 73px); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.heroaboutText { margin-top: 50px; font-size: 28.5px; line-height: 1.3; padding-right: 50px; }
.heroaboutLeft h1 { line-height: 1.1; }
.heroaboutLeft h1 span { position: relative; display: inline-block; }
.heroaboutLeft h1 span:before { position: absolute; bottom: 5px; left: -10px; content: ''; background-size: contain; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/Line.png); background-repeat: no-repeat; background-position: center bottom; width: calc(100% + 20px); height: 40px; z-index: -1; }
.heroaboutline { position: absolute; width: 427px; height: 427px; top: 60px; left: 0; z-index: -1; }
.heroaboutcounter { margin-top: 18px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.heroaboutop { font-size: 85px; font-weight: 700; line-height: 1.2; }
.heroaboutext { font-size: 18px; }
.heroaboutcols { width: 33.33%; text-align: center; padding: 20px 0; }

.testimonialaboutTitle h5 { font-weight: 500; font-size: 23px; line-height: 1.4; }
.testabout-img { width: 30%; }
.testimonialaboutTitle { width: 70%; margin-left: -70px; }
.testaboutHeader { margin-bottom: 24px; }
.testabutpro-info { padding: 50px 0px; border-top: 1px solid #FF5C00; border-bottom: 1px solid #FF5C00; }
.testabutpro-numtxt { font-size: 13px; color: #fff; text-align: center; line-height: 1.4; }
.testabutpro-percent { display: inline-block; font-size: 135px; width: 135px; height: 135px; position: relative; border-radius: 50%; overflow: hidden; }
.testabutpro-inner { width: 135px; height: 135px; position: absolute; top: 0; left: 0; clip: rect(0 1em 1em 0.5em); }
.testabutpro-inner .round-per { position: absolute; width: 135px; height: 135px; top: 0; left: 0; background-color: #9dd2f8; clip: rect(0 1em 1em 0.5em); transform: rotate(180deg); transition: 1.05s; border-radius: 50%; }
.circle-inbox { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #002d72; border-radius: 50%; border: 6px solid #ff4500; }
.percent-txt { position: absolute; font-size: 23px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; font-weight: 600; }
.percent-more::before { content: ''; position: absolute; bottom: 0; right: 0; background-color: #9dd2f8; left: 50%; top: 0; }
.percent-numtxt { color: #fff; font-size: 26px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.percent-more .testabutpro-inner { clip: rect(0 0.5em 1em 0em); }
.testabutproText { font-size: 23px; line-height: 1.4; margin-top: 60px; max-width: 620px; font-style: italic;  margin: 60px auto 0; position: relative; }
.testabutproText span { display:block; }
.testabutproText:before { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/quote.png) no-repeat 0 0/contain; width: 38px; height: 30px; top: -15px; left: -45px; }
.testabutpro-content { padding: 0px 15px; }
.testabutpro-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); justify-content: space-between; -webkit-justify-content: space-between; }

.abplace-sec { position: relative; z-index: 1; overflow: hidden; }
.abplace-inner { padding-top: 17px; }
.abplace-txt { width: 45%; font-size: 23px; line-height: 1.1; }
.abplace-rghtimg { width: 55%; padding-left: 30px; width: calc(55% + 57px); margin-right: -57px; }
/* .abevent-img { width: 38.34%; margin-right: 2.33%; margin-bottom: 26px; } */
.abevent-img { padding-bottom: 25%; background-size: cover; background-repeat: no-repeat; background-position: top center; background-repeat: no-repeat; margin-bottom: 26px; margin-right: 2.33%; width: 38.34%; }
.abevent-img:nth-child(3n){ margin-right: 0; }
.abplace-event { margin-top: 27px; position: relative; }
.abevent-img:nth-child(3) { width: calc(20% + 57px ); margin-right: -57px; }
.abevent-img:nth-child(1) { width: calc(37% + 57px); margin-left: -57px; margin-top: -170px;  margin-bottom: 170px; }
.abevent-img:nth-child(4) { margin-left: 80px; width: calc(37% - 80px); padding-bottom: 20%; margin-top: -145px; }
.abplace-event:before { content: ''; position: absolute; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/stripes.png); max-width: 402px; height: 56px; background-position: top center; background-size: contain; bottom: 26px; right: -56px; width: 100%; background-repeat: no-repeat; }
.abplace-sec:after { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Benefits/blue%20graph.svg) no-repeat 0 0/contain; width: 427px; height: 427px; left: 0; bottom: 0; z-index: -1; margin-left: -80px; }
.abplace-Header { max-width: 1000px; }

.abpartner-left { width: 60%; } 
.abpartner-rghtimg { width: 40%; }
.abpartner-txt { font-size: 23px; line-height: 1.1; max-width: 550px; padding-top: 8px; }
.abpartner-txt span { z-index: 1; position: relative; display: inline-block; }
.abpartner-txt span:before { content: ''; position: absolute; width: 103%; border-bottom: 7px solid #84bd00; bottom: 0; z-index: -1; left: 50%; transform: translateX(-50%); }
.abpartner-image {  width: calc(100% + 2%); margin: 50px -2% 0; }
.abpartner-img { width: 12.28%; margin: 0 1%; text-align: center; }
.abpartner-logotxt { margin-top: 17px; font-size: 12px; line-height: 1.4; color: #000; font-weight: 700; }


.pesrvng-txt { padding-top: 11px; font-size: 21.9px; line-height: 1.1; max-width: 950px; }
.pesrvng-col { position: relative; width: 33.33%; padding: 350px 15px 18px; background-size: cover; background-position: top center; background-repeat:no-repeat; filter: grayscale(1); }
.people-info h4 { color: #F7FCFF; font-size: 22px; line-height: 1.4; margin-bottom: 0; }
.postion-txt { color: #F7FCFF; font-size: 15px; }
/* .pesrvng-content { padding-top: 65px; margin: 0 -130px; width: calc(100% + 260px);} */
.pesrvng-col:first-child, .pesrvng-col:nth-child(2) { width: 50%; padding-top: 375px; background-position: top 25% center; }
.pesrvng-col:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to top, rgb(0 0 0 / 55%), transparent); top: 0; left: 0; z-index: -1; }

.comHeader { align-items: flex-end; -webkit-align-items: flex-end; }
.comTag { font-size: 28.5px; line-height: 1.1; margin-bottom: 10px; }
.comleft { width: 45%; padding-right: 50px; position: relative; z-index: 1; }
.comTxt { width: 55%; padding-left: 50px; line-height: 1.1; font-size: 23px; }
.comTxt p:last-child { margin-bottom: 0; }
.comleft:before { content: ''; position: absolute; width: 95%; border-bottom: 4px solid #a49e9e; bottom: 92px; z-index: -1; left: 0; }
.comleft:after { content: ''; position: absolute; width: 4px; border-right: 4px solid #a49e9e; z-index: -1; height: 188px; bottom: 0; right: 5%; }
.comImages { padding-top: 70px; display: grid; gap: 23px; grid-template-columns: repeat(6,1fr); grid-template-rows: 150px; }
/* .comimg-col { width: 31.33%; margin: 0 1% 23px; } */
/* .comimg-col:first-child, .comimg-col:nth-child(2) { width: 48%; } */
/* .comImages { padding-top: 70px; margin-left:-1%; margin-right: -1%;  width: calc(100% + 2%); } */
.comimg-col:nth-child(8n+1), .comimg-col:nth-child(8n+2) { grid-column: span 3; }
.comimg-col { grid-column: span 2; grid-row: span 2; }
.comimg-col:nth-child(8n+3) { grid-row: span 3; }
.comimg-col:nth-child(8n+4) { margin-bottom: 80px; }
.comimg-col:nth-child(8n+6) { margin-top: -80px; }
.comimg-col:nth-child(8n) { grid-row: span 1; }
.comimg-col img { width: 100%; height: 100% !important; object-fit: cover; }
.comimg { padding-top: 70px;}
.comimg img { width: 100%; height: 100% !important; object-fit: cover; }


.ablocontent { padding-top: 21px; }
.abloc-Col { background-color: #fff; border: 4px solid #84bd00; padding: 36px 20px; margin-right: 4.6%; width: 47.66%; margin-bottom: 50px;     position: relative; }
.abloc-Col:nth-child(2n) { margin-right: 0; }
.abloc-Col h3 { font-size: 28px; font-weight: 700; color: #1d376c; margin-bottom: 35px; }
.abloc-Txt p:not(:last-child) { margin-bottom: 10px; }
.abloc-Txt p:last-child { margin-bottom: 0; }
.abloc-Txt { font-size: 23px; line-height: 1.1; color: #1d376c; }
.abloc-Txt a { color: #1d376c; }
.map-image { position: absolute; max-width: 136px; right: 20px; top: -27px; }



@keyframes percentage {
  @for $i from 1 through 100 {
    $percentage: $i + "%";
    #{$percentage} { content: $percentage; }
  }
}

.stickylinkspn { mix-blend-mode: difference; animation: percentage 10s linear infinite; }
.stickydot { mix-blend-mode: difference; animation: percentage 10s linear infinite; }


.slick-arrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); left: -35px; font-size: 0; padding: 0; margin: 0; width: 40px; height: 40px; border-radius: 50%; }
.slick-next.slick-arrow { left: auto; right: -35px; }
.slick-arrow:before { margin-left: 1px; position: absolute; content: ''; top: 50%; left: 50%; display: block;width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: translate(-50% , -50%) rotate(-45deg); }
.slick-next.slick-arrow:before { transform: translate(-50% , -50%) rotate(135deg); margin-left: -1px; }
.slick-arrow:hover { border-radius: 50%; }

.btns.btnstyle.primarybtn a { padding: 20px 90px 20px 25px; }
.btns.btnstyle.primarybtn a:before { top: 50%; transform: translateY(-50%); }
.btns.btnstyle.primarybtn a:after { top: 50%; transform: translateY(-50%) rotate(45deg); }
.onboarding-btn{ margin-top: 50px; }

.abloc-Col a.abloc-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.frm-body .hhs-form-con .form-columns-2 .hs-form-field { padding-right: 0; }


@media(max-width: 1400px){
  
 .asm-right { right: -5%; }
 
}
@media(max-width: 1250px){
  .slick-arrow { left: -14px; width: 25px; height: 25px; }
  .slick-next.slick-arrow { right: -14px; }
  .slick-arrow:before { width: 6px; height: 6px; }
  
}
  
@media(max-width: 1200px){
  
  .content-wrapper { padding-right: 30px !important; padding-left: 30px !important; }
 
  .h1, .h2, h1, h2 { font-size: 64px; }
  .h3, h3 { font-size: 34px; }
  
  .largetext p span { font-size: 26px; }
  .featureColtitle { font-size: 32px; }
  .alltogetherImgvide:before {bottom: -100px; height: 220px; right: -150px; width: 220px; }
  
  .resourceColTitle h4 a { font-size: 22px; }
  .resourceColText { font-size: 18px; }
  
  .twoColLeft h2 { font-size: 34px; }
  .threecolNumber { font-size: 66px }
  
  .fontlarge { font-size: 22px; }
  .clientviewname { font-size: 19px; }
  .clientviewCol { padding: 25px 20px; }
  
  .solutionText { font-size: 18px; }
  .solutionCol { width: 23.5%; }
  .solutionCol:nth-child(6n) { margin-right: 2%; }
  .solutionCol:nth-child(4n) { margin-right: 0; }
  
  .lifecycleColText { padding: 40px 25px; }
  
  .stickylinkSec { left: 32px; }
  
  
  .ds-text:after { margin-left:150px; }
  .vsp-row:nth-child(6n+4) { margin-left:50px; }
  .vsp-row:nth-child(6n+5) { margin-top:30px; }
  
  .asm-right { right: 0; }
  .screening-row { margin-top: 50px; padding: 40px 30px; }
  .screening-Colicon { margin-right: 15px; }
  .screening-Coltext { width: calc(100% - 40px); }
  
  .os-col { padding: 20px 15px; min-height: 220px; }
  .osc-colimg { bottom: -60px; }
  .osc-colimg img { max-width: 135px !important; }
  
  .hero-talentLeftitle { margin-right: -20%; width: 120%; }
  .hero-talentRight:before { bottom: 75px; }
  
  .hero-humanLeft:after { position: absolute; top: -120px; right: -15px; width: 270px; height: 260px; }
  
  .fractional-image { max-width: 360px; }
  
  .Performance-image { max-width: 380px; }
  .Performance-line { top: 25%; height: 270px; }
  .management-image { max-width: 380px; }
  
  .hero-paytimetitle { margin-left: -20px; }
  .hero-paytimetInner:before { right: 185px; }
  .hero-paytimetInner:after { right: 130px; }
  
  .retirement-image { right: -15px; }
  
  .herobenefitbordersquare { border: 6px solid; height: 280px; top: -15%; width: 300px; }
  .hbackgroundsquare { height: 180px; right: -2%; width: 470px; }
  .hbcircle { border: 15px solid; height: 320px; width: 320px; }
  .hbborderline { border: 5px solid; }
  .ccolbottom { padding: 10px 60px 10px 0; }
  .ccoltop { padding: 10px 40px; }
  .ccolsinnr { border-radius: 15px; }
  .ccRow { margin-top: 40px; }
  
  .aca-repimg { max-width: 430px; }
  .aca-repright { width: 50%; }
  .aca-repleftext h3 { font-size: 26px; }
  
  .benefitsrec-rightimg { right: 0px; }
  
  .heroaboutop { font-size: 70px; }
  
  .abevent-img:nth-child(4) { margin-top: -110px; }
  .abevent-img:first-child { margin-top: -125px; margin-bottom: 130px; }
  
  .comleft:before { bottom: 66px; }
  .comleft:after { height: 136px; }
}


@media(max-width: 991px){
  
  .hideonmobile { display:none; visiblity: hidden; }
  
  .h2, h2 { font-size: 50px; }
  .h4, h4 { font-size: 24px; }
  .largetext p span { font-size: 22px; } 
  
  .alltogetherLeft { width: 100%; margin-right: 0; padding-left: 50px; }
  .alltogetherCenter { margin-top: -20px; width: 100%; }
  .alltogetherRight { width: 50%; margin-left: auto; margin-top: -40px; }
  .alltogethervideo { width: 70%; padding-top: 70%; }
  .alltogetherImgvide:before { bottom: auto; height: 160px; right: -200px; width: 160px; top: 0; }
  
  .featureCol { width: 50%; }
  
  .lifecycleTopShape { height: 200px; right: -100px; top: 50%; width: 200px; transform: translateY(-50%); }
  .lifecycleRightShape { right: -50px; }
  .lifecycleShape { height: 300px; left: -200px; width: 300px; }
  .lifecycleCol { width: 48.5%; }
  .lifecycleCol:nth-child(2n) { margin-right: 0; }
  .lifecycleCol:nth-child(4n+1) , .lifecycleCol:nth-child(4n+2) , .lifecycleCol:nth-child(4n+3) { margin-top: 0; }
  .lifecycleColNum:before, .lifecycleColTitle:before , .lifecycleCol:before{ display: none; }
  .lifecycleColNum, .lifecycleColTitle { margin-bottom: 0; }
   /* .lifecycleColTitle { padding-left: 45px; min-height: 45px; } */
  .lifecycleColNum { position: absolute; top: 0; left: 0; }
  .lifecycleColTitle { padding-left: 45px; min-height: 35px; display: flex; flex-wrap: wrap; /* align-items: center; */ align-items: center; margin-bottom: 10px; font-size: 22px; }
  .lifecycleColText { min-height: 250px; }
  
  .resourceshapeTop { height: 300px; width: 300px; }
  .resourceshapeBottomLeft { bottom: -100px; height: 250px; width: 200px; }
  .resourceshapeBottomRight { bottom: -100px; height: 250px; right: -55px; width: 290px; }
  .resourcebtn { margin-top: 50px; }
  
  .twoColLeft { width: 100%; margin-bottom: 14px; }
  .twoColLeft h2 { margin-right: 0; width: 100%; }
  .twoColLeftText { margin-left: 30px; }
  .twoColRight { margin-left: 0; width: 100%; }
  
  .threecolItem { width: 49%; }
  .threecolItem:nth-child(3n) { margin-right: 2%; }
  .threecolItem:nth-child(2n) { margin-right: 0; }
  
  .empoweringHeader { width: 100%; margin-bottom: 30px; }
  .empoweringRight { width: 65%; margin-left: auto; }
  
  .formLeft { width: 100%; margin-bottom: 30px; }
  .formRight { padding-left: 0; width: 100%; }
  
  .solutionSection { z-index: 2; }
  .solutionCol { width: 32%; }
  .solutionCol:nth-child(4n) { margin-right: 2%; }
  .solutionCol:nth-child(3n) { margin-right: 0; }
  
  .clientviewCol { width: 100%; margin-right: 0; }
  .clientviewRow { width: 100%; padding: 0 50px; }
  .clientviewRow .slick-arrow { border-left: 2px solid #fff; border-top: 2px solid #fff; font-size: 0; left: 5px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); padding: 0; border-radius: 0; width: 14px; height: 14px; z-index: 1; }
  .clientviewRow .slick-next.slick-arrow { left: auto; right: 5px; transform: translateY(-50%) rotate(135deg); }
  .clientviewCol { box-sizing: content-box; }
      
  .hero-talent .ht-video { position:static; margin:40px 0 0; }
  .hero-talent .ht-image { display:none; }
  .ht-text { width: 100%; padding: 40px 0 0; } 
  .scroll-menu ul > li { width:100%; } 
  .people-analytics h2 { line-height:1; }
  .pa-text { max-width:100%; margin:20px 0; }
  .pa-ana { margin-left: 0; max-width: 100%; }
  .pab-inner { margin-left:0; }
  .ds-image { max-width:250px; }
  .ds-mimage::after { height: 80px; background: #84BD00; margin: 0; top: 0; transform: translateY(-150%); }
  .ds-text { max-width: 100%; margin: 40px 0 30px 0; }
  .ds-text:before { margin-right:5px; top:0; max-height: 120px; }
  .ds-text:after { margin-left: -70px; max-height: 120px; top: 235px; z-index: 1; }
  .expense-section { position:relative; }
  .expense-section .sec-top { z-index: 1; position: relative; } 
  .es-video { max-width:300px; }
  .es-text { margin-left:0; position:static; }
  .es-text:before { bottom: auto; top: 0px; margin: 0 -25px 0 0; }
  .es-text:after { top: 180px; margin: 0 0 0 -60px; }
  .expense-section .sec-top h4 { background-position: left bottom; }
  .esp-row { max-width:100% !important; }
  .esp-row:before { display:none; }
  .volunteering-section .sec-top { position:relative; z-index:2; }
  .volunteering-section .content-wrapper:before { width:225px; height:225px; right:0; }
  .vs-image { right: 70px; top: 110px; z-index: 1; width: 200px; height: 250px; }
  .vs-image img { height: 250px !important; width: 200px; object-fit: cover; }
  .vs-text { margin: 80px 0 0; max-width: 100%; }
  .volunteering-section .content-wrapper:after { top: 200px; right: 100%; margin-right: -25px; max-height: 200px; }
  .vsp-inner { background-image:none !important; }
  .vsp-rows::before { content: ''; padding: 56.25% 0 0; float: left; width: 100%; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Talent%20Management/volunteering-bg.png) no-repeat center center/contain; }
  .vsp-row { max-width:100% !important; margin:12px 0 !important; }
  
  .hero-talentLeft { padding-top: 0; width: 100%; margin-bottom: -100px; }
  .hero-talentRight {  margin-left: 0; width: 100%; }
  .hero-talentRightimg { width: 60%; margin-left: auto; }
  .hero-talentRight:before { bottom: 30px; left: 20%; }
  .desktophow { display: none; }
  .mobileshow { display: block; }
  .hero-talentText.mobileshow { margin-top: 30px; width: 100%; float: left; }
  .hero-talentLeftitle { margin-right: 0; width: 100%; max-width: 550px; }
  .hero-talentText { padding-right: 0; }
  
  .applicant-section .secHeader { max-width: 100%; padding: 0; }
  .add-image { position: static; float: right; width: 100%; margin-top: -70px; max-width: 80%; }
  .applicant-section .secText.mobileshow { float: left; width: 100%; }
  .asa-text { margin: 10px 0 0; }  
  .asm-right img.hide { display: block !important; }
  .asm-right { position: static; background: none !important; width: 100%; max-width: 70%; margin-left: auto; order: 0; display: flex; flex-wrap: wrap; margin-right: -30px; }
  .asm-left { width: 100%; order: 1; margin-top: -120px; }
  .as-main { margin: 50px 0 0; padding: 0; display: flex; flex-wrap: wrap; }
  .onoff-section .secHeader .secText { left: 0; max-width: 100%; }
  .onoff-section .secHeader { max-width: 100%; }
  
  .os-col { margin-right: 0; width: calc(100% - 60px); min-height: 100px; margin-bottom: 50px; margin-right: 0; }
  .osc-colimg { left: auto; transform: none; -webkit-transform: none; right: -60px; }
  
  .screening-Line , .screening-circle { display: none; }
  .screening-orangeleft { top: 15%; height: 150px; left: 0; width: 20px; }
  .screening-sec .secText { left: 0; }
  .screening-personimg img { max-width: 250px !important; }
  .screening-personimg { top: 10%; transform: none; }
  .screening-row { margin-top: 60px; left: 0; max-width: 90%; }
  .screening-square { bottom: 40%; right: 0; left: auto; }
  .screening-orangebottom { height: 60px; right: 0; width: 50px; }
  
  .four-colscmenu.scroll-menu ul>li { width: 100%; }
  .three-colscmenu.scroll-menu ul > li { width: 100%; }
   
  .hero-humanRight { order: 0; width: 100%; position: relative; z-index: 2; margin-bottom: 40px; }
  .hero-humanLeft { width: 100%; }
  .hero-humanRightInner { margin-left: 0; padding-left: 0; }
  .hero-humanLeftVideo { width: 85%; margin-left: auto; margin-right: auto; }
  .hero-humanText { margin-top: 80px; width: 100%; float: left; }
  .hero-humanLeftImg { top: 50%; transform: translateY(-50%); }
  .hero-humanLeft:after { left: 160px; top: -80px; right: auto; }
  .hero-humanLeftImg img { max-width: 490px !important; }
  .fractional-image { max-width: 260px; top: 100px; right: 0; }
  /* .fractional-row { max-width: 100% !important; } */
  .fractional-row:before { display: none; }
  .fractional-rows { margin: 20px 0 0; }
  .fractional-atext { padding-top: 40px; }
  .fractional-inner h5 { text-align: left; }
  .fractional-tinner h5 { text-align: left; }
  .fractional-list { width: 100%; }
  .fractional-tinner { margin-bottom: 15px; }
  .services-image { max-width: 350px; }
  .services-text { margin-top: 30px; max-width: 100%; }
  .services-whitecircle , .services-redcircle , .services-orangecircle { display: none; }
  .services-inner h5 { text-align: left; }
  .services-row:after { display: none; }
  .services-binoculars { top: 0; left: 0; max-width: 180px; }
  .services-atext { padding-left: 50px; }
  .Performance-whitecircle{ display: none; }
  .Performance-text { margin-top: 10px; }
  .Performance-line { height: 250px; top: 18%; right: 20px; } 
  .Performance-col { margin-right: 0; width: 100%; }
  .management-col { margin-right: 0; width: 100%; }
  .ctaInner .ctaquote { top: -25px; left: -10px; width: 25px; }
  .management-image { max-width: 300px; }
  .management-Left { max-width: calc(100% - 270px); }
  .management-title h2 { font-size: 62px; }
  .management-subtitle h4 { font-size: 32px; }
  .management-text { font-size: 20px; max-width: calc(100% - 200px); }    
  .management-subtitle h4 span:before { top: calc(100% - 15px); }
  
  
  .hero-paytimetitle { margin-bottom: -20px; margin-left: 0; }
  .hero-paytime-video { height: 340px; width: calc(100% - 50px); }
  .paytimeText { padding-top: 308px; padding-left: 20px; }
  .hero-paytimetInner:before { right: 115px; }
  .hero-paytimetInner:after { right: 75px; }
  .hero-paytime { padding-right: 100px; }
  
  .rockpayllTxt { max-width: 100%; width: 100%; float: left; }
  .rockpayll-col { width: 100%; margin-right: 0; margin-top: 30px; }
  .rockpayll-headleft { width: 50%; float: left; padding-top: 50px; }
  .rockpayll-right { width: 50%; float: left; }
  .rockpayll-image { position: static; max-width: 330px; margin: -45px auto 0; }
  .rockpayll-Header h4 { margin-top: 20px; }
  
  
  .retirementTxt { max-width: 100%; text-align: left; }
  .retirement-image { position: static; margin: 0 auto; max-width: 600px; }
  .retirement-col { width: 100%; margin-right: 0; }
  .benefit-left { width: 100%; margin-left: 0; padding-top: 20px; }
  .benefit-right { width: 100%; padding-left: 0; }
  .beneservi-info { margin: 0; }
  .benefit-content { text-align: center; }
  .benefit-left img { max-width: 500px !important; width: 100%; }
  .retirement-section:after { display: none; }
  
  .timeattend-headleft { width: 100%; }
  .timeattend-headright { width: 100%; }
  .timeattend-video { display: none; }
  .timeattend-image { max-width: 500px; padding-top: 0; }
  .timeattend-headleft span { margin-bottom: 0; height: 16px; width: 170px; }
  .timeattend-section:after, .time-managinfo:after { display: none; }
  .time-managinfo:before { top: 0; transform: translateY(100%); margin-top: 40px; }
  .time-managrow:nth-child(5n+1) { width: 100%; }
  .time-managrow:nth-child(5n+2) { width: 90%; }
  .time-managrow:nth-child(5n+3) { width: 85%; } 
  .time-managrow:nth-child(5n+4) { width: 75%; }
  .time-managrow:before { transform: translate(0,-100%); width: 40px; height: 40px; }
  .time-managrow:nth-child(5n+2):before { transform: translate(40%, 50%); }
  .time-managrow:nth-child(5n+3):before { transform: translate(-100%, 0%); }
  .time-managrow:nth-child(5n+4):before { transform: translate(100%, 5%); }
  .time-managrow:nth-child(5n):before { transform: translate(0, 100%); }
  .timeattend-row { padding-top: 0; }
  .timeattend-col { width: 100%; margin-right: 0; }
  .timeattend-col:nth-child(odd) .timeattend-icon { display: none; }
  .timeattend-icon img { max-width: 70px !important; }
  
  .taxpyrll-image { width: 100%; order: 2; text-align: center; }
  .taxpyrllText { width: 100%; padding-left: 0; }
  .taxpyrll-image img { max-width: 500px !important; width: 100%; }
  .taxfile-col { width: 48.66%; margin-right: 2.6%; }
  .taxfile-col:nth-child(2n) { margin-right: 0; }
  .taxfileInner { margin-top: 35px; }
  .taxpyrll-video { width: 330px; height: 200px; margin-top: 0; top: 65px; }
  .taxpyrll-video:before { top: auto; bottom: -25px; left: -25px; }
  
  
  .herobenefitbordersquare { height: 220px; width: 220px; top: 11%; left: -11%; }
  .hbackgroundsquare { height: 360px; width: 150px; }
  .hbcircle { z-index: 1; border: 10px solid; height: 250px; width: 250px; right: -15%; }
  .hbborderline { display: none; border: 3px solid; }
  
  .herobenefitleft { width: 100%; }
  .herobenefitext { max-width: 100%; position: relative; z-index: 2; }
  .herobenefitright { text-align: right; margin-right: -30px; width: calc(100% + 30px); }
  
  .ccoltop { top: 60px; padding: 0; left: 0; transform: none; text-align: left; } 
  .ccoltop .colnumtxt { display: none; }  
  .ccolbottom { padding: 0; }  
  .ccolbottom .colnumtxt { display: none; }
  .ccols:nth-child(3n) .ccoltop { top: 0; padding: 0; text-align: right; }
  .ccols:nth-child(3n) .ccolbottom  { padding: 0; width: 100%; top: 100%; left: auto; right: 0; text-align: right; }
  .ccols { padding: 60px 0; }
  .ccolsinnr { border-radius: 10px; }
  .colnum { text-align: center; display: inline-block; border: 3px solid; border-radius: 50%; padding: 10px; width: 48px; height: 48px; line-height: 20px; }
  .ccols:nth-child(3n + 2) .ccolsinnr:before { bottom: -50px; height: 80%; left: -20px; transform: rotate(55deg); }
  .ccols:nth-child(3n+2) .ccolsinnr:after { bottom: 0; height: 44%; right: auto; left: 90px; transform: rotate(-20deg); z-index: 1; }
  .ccolsmobile { font-size: 20px; font-weight: 400; color: #000; }
  .ccoltopmobile , .ccolbottommobile { margin-bottom: 10px; }
  .colnummobile { position: relative; margin-right: 15px; position: relative; }
  .colnummobile:before { position: absolute; content: ''; width: 3px; height: 3px; background: #000; border-radius: 50%; right: -5px; bottom: 4px; }
  .ccRow { margin-top: 20px; }
  .ccText { margin-top: 20px; font-size: 20px; }
  
  .aca-repText { margin-top: 100px; max-width: 100%; }
  .aca-repleftext { width: 100%; }
  .aca-repright { width: 100%; margin-left: 0; margin-top: 20px; }
  
  .h2-large.ccHeader h2  , .h2-large.benefitsrecHeader h2 , .h2-large.aca-repHeader h2 { font-size: 62px; }
  .h2-large .cc-subtitle h4 , .h2-large .benefitsrec-subtitle h4 , .h2-large .acarep-subtitle h4 { font-size: 32px; }
  .benefitsrec-text { font-size: 20px; }
  .benefitsrec-rghtimg { top: auto; transform: none; bottom: 0; right: -200px; width: 350px; height: 350px; }
  .benefitsrec-lftimg { bottom: auto; top: 170px; left: -170px; width: 300px; height: 300px; }
  .benefitsrec-lftimg:before , .benefitsrec-rghtimg:before { display: none; }
  .benefitsrec-rightimg { max-width: 270px; }
  .benefitsrecHeader { max-width: 430px; }
  
  .aca-repimg { top: 0; }
  .aca-rep-bottomcircle { display: none; }
  .aca-rep-topcircle { top: 130px; }
  
  .hbcircle { right: -25%; bottom: 15%; }
  
  .heroaboutLeft { width: 100%; }
  .heroaboutLeft h1 { max-width: 550px; font-size: 80px; }
  .heroaboutRight { width: 100%; }
  .heroaboutcols { width: 100%; text-align: left; padding: 10px 0px; }
  .heroaboutImg:before { height: 100%; }
  .heroaboutImg { margin-top: -40px; z-index: -1; margin-right: -30px; padding-left: 50px; }
  .heroaboutLeft h1 span { z-index: 1; }
  .heroaboutSec:after { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Benefits/white%20graph.svg) no-repeat 0 0/ cover; width: 430px; height: 430px; bottom: 30px; right: -90px; background-size: contain; z-index: -1; }
  .heroaboutline { top: -20px; left: -20px;}
  
  .testabout-img { width: calc(100% + 30px); margin-left: -30px; }
  .testabout-img img { max-width: 300px !important; }
  .testimonialaboutTitle { width: 100%; margin-left: 0; margin-top: -20px; }
  .testabutpro-content { width: 50%; margin-bottom: 30px; padding: 0px 10px; }
  .testabutproText { text-align: left; max-width: 100%; margin-top: 75px; }
  .testabutproText:before { left: 0; top: -45px; }
  .testabutpro-row { width: 100%; margin: 0; } 
  .testabutpro-info { padding-bottom: 20px; }
  
  .abplace-txt { width: 100%; order: 2; padding-top: 40px; }
  .abplace-rghtimg { width: 100%; padding-left: 0; margin-right: 0;}
  .abplace-event:before { right: -30px; max-width: 300px; bottom: -15px; }
  .abplace-sec:after { display: none; }
  .abevent-img:first-child { margin-top: 0; margin-left: 0; margin-bottom: 26px; } 
  .abevent-img:nth-child(4) { margin-top: 0; margin-left: 0; }
  .abevent-img:nth-child(2n) { margin-right: 0; }
  .abevent-img:nth-child(3) { margin-right: 0; margin-left: 3%; order: 1; max-width: 250px; } 
  .abevent-img { width: 48.5% !important; padding-bottom: 32%; margin-right: 3%; }
  
  .abpartner-left { width: 100%; margin-bottom: 20px; }
  .abpartner-rghtimg { width: 100%; text-align: center; }  
  .abpartner-rghtimg img { max-width: 400px !important; width: 100%; }
  .abpartner-txt { max-width: 100%; margin-top: 20px; text-align: left; }
  .abpartner-img { width: 48%; margin-bottom: 30px; padding: 0px 10px; }
  .abpartner-img img { max-width: 200px !important; width: 100%; }
  .abpartner-image { margin: 0; width: 100%; max-width: 500px; margin: 15px auto 0; }
  .abpartner-logotxt { margin-top: 10px; }
  
  .pesrvng-content { padding-top: 30px; }
  .pesrvng-col { width: 50%; background-position: top center;}
  
  .comleft { width: 100%; padding-right: 0; max-width: 500px; }
  .comleft:before, .comleft:after { display: none; }
  .comTxt { width: 100%; padding-left: 0; padding-top: 25px; }
/*   .comImages { padding-top: 30px; display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%;  width: calc(100% + 2%); gap: 0; } */
  .comImages { padding-top: 30px; }
  .comimg-col:nth-child(8n+1), .comimg-col:nth-child(8n+2) { grid-column: span 6; }
  .comimg-col { grid-column: span 3; grid-row: span 2 !important; }
/*   .comimg-col { width: 48%; margin: 0 1% 23px; } */
  .comTag { font-size: 20px; }
  .comimg-col:nth-child(8n+4) { margin-bottom: 0; }
  .comimg-col:nth-child(8n+6) { margin-top: 0; order: 1; }
  .comimg-col:nth-child(8n+7) { order: 1; }
  
  .abloc-Col { width: 100%; margin-right: 0; padding-right: 115px; margin-bottom: 20px; }
  .abloc-Txt { font-size: 18px; }
  .abloc-Txt br { display: none; }
  .abloc-Col h3 { font-size: 24px; margin-bottom: 5px; }
  .map-image { max-width: 100px; right: 10px; top: 25px; }
  
  .heroaboutcounter { margin-top: 0; }
}


@media(max-width: 767px){
  
  .h3, h3 { font-size: 28px; }
  
  .h1-large h1, .h2-large h2 { font-size: 60px; }
    
  body { font-size: 16px; }
  
 .ctaHeader.text-center * { text-align: left !important; }
 
 .threecolItem { width: 100%; margin-right: 0 !important; }
 
 .solutionRow { margin-top: 30px; } 
 .solutionCol { width: 49%; border-radius: 25px; }
 .solutionCol:nth-child(3n) { margin-right: 2%; }
 .solutionCol:nth-child(2n) { margin-right: 0; } 
 
 .play-button-wrapper svg { height: 50px; width: 50px; }
  
 .twoColLeft h2 { font-size: 24px; } 
 
 .heroHeader { width: 100%; }
 .btnstyle.primarybtn a { font-size: 12px; padding: 15px 15px; } 
 .featureColFront, .featureColBack { padding: 20px; } 
 .featureColtitle { font-size: 28px; } 
 .featureColSubtitle { font-size: 14px; margin-bottom: 3px; } 
 
 .formShape { top: -60px; } 
 .formSquare { height: 300px; width: 300px; }
 .formLeft h5 { margin-bottom: 15px; }
 
 .resourceColImg { width: 50%; float: left; } 
 .resourceColContent { margin-top: 0; width: 50%; float: left; padding-left: 20px; }
 .resourceRow { padding: 0 20px; }
 .resourceRow .slick-arrow { background: transparent; border: 0; border-left: 2px solid #fff; border-top: 2px solid #fff; font-size: 0; left: -3px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); padding: 0; border-radius: 0; width: 14px; height: 14px; z-index: 1; }
 .resourceRow .slick-next.slick-arrow { left: auto; right: -8px; transform: translateY(-50%) rotate(135deg); } 
  
  .hero-talent h1 { font-size: 64px; }
  .ht-text { padding: 0; max-width: 500px; float: left; font-size: 20px; }
  .hero-talent .ht-video { padding-left:50px; }
  .hero-talent .ht-inner { margin: -40px 0 0; }
  .scroll-menu ul > li > a { justify-content:flex-start; font-size: 22px; font-weight: 400; text-align:left; }
  .people-analytics h2, .unemp-section .sec-top h2, .demand-section h2, .expense-section .sec-top h2, .volunteering-section .sec-top h2 { font-size:50px; }
  .people-analytics h4, .unemp-section .sec-top h4, .demand-section h4, .expense-section .sec-top h4, .volunteering-section .sec-top h4 { font-size:32px; }
  .demand-section h2 br { display:none; }
  .people-analytics { color:#002D72 !important; }
  .pa-text, .pa-atext, .pa-ana > ul > li, .ds-text, .es-text, .vs-text { font-size:20px; width:100%; } 
  .pa-image { width: auto; margin: 0 -30px; }
  .pab-inner { width:100%; }
  .us-text { max-width: 100%; font-size: 20px; margin-left: 0; margin:35px 0 0; }
  .us-text:before { background: #9DD2F8; margin-left: 19px; z-index: -1; max-height: 130px; }
  .unemp-section .sec-top h4 { padding: 30px 0 15px; }
  .unemp-section .sec-top h4:before { background: #9DD2F8; min-height: 150px; left: 100%; margin-left: 0; }
  .us-image { display:none; }
  .ds-text { margin:0; }
  .ds-atext, .ds-bottomtext, .esp-inner h5, .es-atext { font-size:24px; }
  .esp-row:nth-child(5n+4), .esp-row:nth-child(5n+2) { padding-right:25px; }
  .es-video { top:-50px; max-width: 200px; } 
  .es-text:after { top:130px; }
  .volunteering-section .content-wrapper:after { top:120px; }
  .vs-image { right: 30px; top: 0; width: 120px; height: 150px; }
  .vs-image img { height: 150px !important; width: 120px; }
  .vs-text { margin: 40px 0 0; }
  .ds-image { max-width: 150px; }
  .solutionSection h2 { margin: 0 0 20px; }
  .body-container--talent-mgmt .stickylinkSec { min-width:100vh; min-width: 100vh; top: auto; bottom: 0; transform-origin: left bottom; transform: rotate(90deg) translateX(-100%); text-align: right; left: 0; }
  
  .hero-talentRight:before { left: 8%; height: 180px; width: 180px; }
  .applicant-section .secHeader h4 { font-size: 35px; margin: 15px 0 0; }
  .add-image { margin-top: -50px; }
  .applicant-section .secText { margin: 30px 0 0px; }
  .asm-right { max-width: 83%; }
  .asm-left { margin-top: -100px; }
  .osc-colimg img { max-width: 100px !important; }
  .osc-colimg { right: -50px; } 
  .os-col { width: calc(100% - 40px); }
  
  .screening-personimg img { max-width: 160px!important; }
  .screening-personimg { top: 50px; }
  
  .h2-large h4 { font-size: 35px; }
  
  .screening-orangeleft { top: 100px; height: 120px; width: 15px; }
  .screening-sec .secText { margin-top: 40px; }
  .screening-row { max-width: 95%; border: 2px solid; margin-top: 40px; padding: 35px 20px 10px; }
  .screening-square { width: 60px; height: 90px; bottom: auto; top: 36%; }
  .screening-Colicon img { max-width: 20px !important; }
  .screening-Colicon { margin-right: 10px; }
  .screening-Coltext { width: calc(100% - 30px); }
  
  .scroll-menu ul > li > a { padding: 15px 35px; }
  
  .hero-humanLeftImg img { max-width: 380px !important; }
  .hero-humanText { margin-top: 100px; }
  .hero-humanLeft:after { height: 240px; left: 120px; width: 190px; top: -100px; }
  .hero-humanLeftVideo { width: 100%; }
  .fractional-image { max-width: 200px; top: 80px; }
  .services-inner h5 , .fractional-tinner h5 , .fractional-inner h5 { font-size: 24px; }
  .fractional-rows { margin: 10px 0 0; }
  .fractional-atext { padding-top: 30px; }
  .h2-large .fractional-subtitle h4 { font-size: 32px; }
  
  .services-image { max-width: 230px; }
  .services-text { margin-top: 10px; }
  .services-rows { margin: 0; }
  .services-binoculars { top: 30px; left: -40px; max-width: 150px; z-index: 1; }
  .services-atext { padding-left: 0; }
  
  .Performance-image { max-width: 250px; }
  .Performance-Left { max-width: calc(100% - 60px); }
  
  .management-Left { max-width: calc(100% - 100px); }
  .management-image { max-width: 200px; }
  .management-text { max-width: 100%; }
  .management-subtitle h4 span:before { top: calc(100% - 12px); }
  
  .h2-large .management-title h2 { font-size: 50px; }
  .h2-large .management-subtitle h4 { font-size: 30px; }
  
  .fractional-row:nth-child(5n+1) { max-width: 90%; }
  .fractional-row:nth-child(5n+2) { max-width: 90%; }
  .fractional-row:nth-child(5n+3) { max-width: 73%; }
  .fractional-row:nth-child(5n+4) { max-width: 85%; }
  
  .services-row:nth-child(5n+1) { max-width: 95%; }
  .services-row:nth-child(5n+2) { max-width: 85%; }
  .services-row:nth-child(5n+3) { max-width: 50%; }
  .services-row:nth-child(5n+4) { max-width: 90%; }
  .services-row:nth-child(5n) { max-width: 100%; }
  .services-tinner h5 { font-size: 24px; }
  
  .management-ctatitle h4 { font-size: 22px; }
  
  .ctaquote-center .ctaquote { text-align: center !important; left: 50%; transform: translateX(-50%); }
  .ctaquote-center .ctaHeader.text-center * { text-align: center !important; }
  .ctaHeaderText { padding-top: 15px; }
  .formShape { top: 0; left: -240px; }
  

  .hero-paytime { padding-right: 80px; }
  .paytimeText { padding-top: 220px; padding-left: 10px; font-size: 20px; }
  .hero-paytime-video:after { bottom: 20px; top: 20px; right: -20px;}
  .hero-paytime-video { height: 250px; }
  .hero-paytimetInner:after { width: 4px; height: 360px; right: 70px; }
  .hero-paytimetInner:before { width: 4px; right: 100px; height: 340px }

  .rockpayll-col { padding: 18px; margin-top: 0; }
  .rockpayll-col:not(:last-child){ margin-bottom: 25px; }
  .rockpayllTxt { font-size: 20px; }
  .rockpayll-row { padding-top: 15px; }
  
  .retirementTxt { font-size: 20px; }
  .retirement-col { padding: 20px; margin-top: 25px; }
  .retirement-benefit { margin-top: 50px; }
  .retirement-image { max-width: 350px; }
  .beneservi-txt { font-size: 22px; }
  
  .timeattendTxt { font-size: 20px; }
  .time-managrow { padding: 15px; }
  .time-managrow:nth-child(5n) { width: 45%; }
  .timeattend-col { margin-top: 35px; padding: 20px; }
  .timeattend-icon { bottom: -34px; }
  .time-managinfo:before { width: 18px; margin-top: -70px; }
  .timeattend-image { max-width: 340px; }
  .timeattend-headleft span { width: 100px; }
  
  .taxpyrll-video { height: 170px; top: 50px; width: 270px; }
  .taxpyrll-video:before { bottom: -20px; left: -20px; }
  .taxpyrll-info { margin-top: 45px; }
  .taxpyrllText { font-size: 20px; }
  .taxpyrll-image img { max-width: 300px !important; }
  
  .herobenefitbordersquare { height: 160px; left: -13%; top: 15%; width: 200px; }
  
  .h2-large.aca-repHeader h2, .h2-large.benefitsrecHeader h2, .h2-large.ccHeader h2 { font-size: 50px; }
  .h2-large .acarep-subtitle h4, .h2-large .benefitsrec-subtitle h4, .h2-large .cc-subtitle h4 { font-size: 30px; }
  
  
  .ccolsinnr { padding-top: 66.66%; }
  .ccols { padding: 40px 0; }
  .colnum { height: 44px; line-height: 27px; padding: 5px; width: 44px; font-size: 16px; }
  .ccoltop { top: 40px; }
  .ccols:nth-child(3n+2) .ccolsinnr:before { bottom: -15px; height: 70%; left: -30px; transform: rotate(35deg); }
  .ccols:nth-child(3n+2) .ccolsinnr:after { height: 56%; left: 50px; transform: rotate(-17deg); }
 
  .benefitsrec-lftimg { top: 20%; }
  .benefitsrec-cols { padding: 10px 20px; }
  .benefitsrec-cols:nth-child(6n+5):before { transform: translate(-100%,0%); } 
  .aca-repimg { top: 20px; max-width: 300px; }
  .aca-repcol { font-size: 14px; }
  .aca-reprow { margin-top: 30px; }
  
  
  .heroaboutSec:after { right: -180px; }
  .heroaboutText { font-size: 20px; margin-top: 35px; }
  .heroaboutline { top: -50px; }
  .heroaboutop { font-size: 55px; }
  
  .testimonialaboutTitle h5, .testabutproText { font-size: 20px; }
  
  
  .abevent-img { margin-bottom: 20px !important; }
  .abevent-img:nth-child(3) { max-width: 200px; }
  .abplace-event:before { width: 250px; bottom: -25px;}
  .abplace-txt { font-size: 20px; }
  .abplace-event { margin-top: 5px; }
  
  .pesrvng-col { padding-top: 200px !important; }
  .people-info h4 { font-size: 20px; }
  .pesrvng-content { padding-top: 10px; }
  
  .abloc-Col { padding: 25px 70px 25px 15px; }
  .map-image { max-width: 60px; }
  
/*   .comImages { margin-left: -2%; margin-right: -2%;  width: calc(100% + 4%); padding-top: 15px; }
  .comimg-col { margin: 0 2% 23px; width: 46%; } */
  .comImages  { gap: 18px; }
  .comTxt { font-size: 20px; }
 
  
  .contentlargeheader .hhs-rich-text h2{ font-size: 30.72px; }


  
}

@media(max-width: 600px){
  
  .hero-paytimetInner:before { height: 45%; }
  .hero-paytimetInner:after { height: 60%; }  
  
  .rockpayll-headleft { padding-top: 30px; }

  .taxpyrll-video { height: 150px; width: 240px; top: 40px; }
  .taxpyrll-video:before { bottom: -17px; left: -17px;  }

  .heroaboutLeft h1 { font-size: 45px; }
  .heroaboutImg { padding-left: 25px; padding-top: 50px; }
  .heroaboutImg:before { right: -20px; }
  
  .pesrvng-col { padding: 150px 10px 12px !important; }
  
  .abplace-event:before { width: 200px; }
}

@media(max-width: 480px){
  .h1, .h2, h1, h2 { font-size: 44px; }
  .h4, h4 { font-size: 20px; }
  
  .h1-large h1, .h2-large h2 { font-size: 44px; }
  
  .applicant-section .secHeader h4 , .h2-large h4 { font-size: 24px; }
  
  .largetext p span { font-size: 18px; }
  .fontlarge { font-size: 18px; }
  
  .heroHeader { width: 100%; }
  
  .solutionCol{ width: 100%; margin-right: 0 !important; }
  .featureCol { width: 100%; }
  
  .lifecycleCol { width: 100%; margin-right: 0 !important; }
  
  .alltogetherRight { width: 100%; margin-top: 20px; }
  .alltogetherLeft { padding-left: 0; }
  
  .clientviewRow { padding: 0; }
  .clientviewRow .slick-arrow { left: -18px; }
  .clientviewRow .slick-next.slick-arrow { right: -18px; }
  
  .alltogetherImgvide:after { height: 90px; right: -65px; width: 90px; }
  .alltogetherImgvide:before { bottom: auto; height: 90px; right: -90px; width: 90px; }
  
  .twoColLeftText { margin-top: 10px; margin-left: 0; }
  
  .empoweringRight { width: 100%; }
  
  .clientviewRow .slick-next.slick-arrow { right: -12px; }
  .clientviewRow .slick-arrow { left: -12px; }
  .clientviewname { font-size: 18px; }
  
  .resourceColImg { width: 100%; float: left; } 
  .resourceColContent { margin-top: 20px; width: 100%; float: left; padding-left: 0; }
  .resourceRow { padding: 0; }    
  
  .volunteering-section .content-wrapper::before { height: 125px; width: 125px; }
  .ds-text::after { margin-left:0; }
  
  .applicant-section .secText , .onoff-section .secHeader .secText , .screening-sec .secText { font-size: 18px; }
  
  .screening-personimg { display: none; }
  .screening-sec .secText { margin-top: 30px; }
  .screening-square { width: 40px; }
  .screening-row { padding: 25px 15px 10px; }
  .screening-Coltext { font-size: 14px; }
  
  .os-col { margin-top: 30px; border: #84BD00 solid 2px;  width: calc(100% - 30px); }
  .osc-text { margin-bottom: 30px; }
  .hero-talentRight:before { height: 100px; left: 20px; width: 100px; bottom: 0; }
  
  .hero-humanLeftImg img { max-width: 280px!important; }
  .hero-humanLeft:after { left: 60px; top: -50px; }
  
  .fractional-image { top: 50px; }
  .fractional-text { margin-top: 20px; }
  .fractional-platform { margin-top: 20px; }
  
  .services-row , .fractional-row { max-width: 100% !important; }
  .services-rows { margin: 0; }
  .services-platform { margin-top: 20px; }
  
  .fractional-inner h5, .fractional-tinner h5, .services-inner h5 { font-size: 22px; }
  
  .services-binoculars { max-width: 100px; top: 45px; }
  
  .Performance-Left { max-width: 100%; }
  .Performance-image { max-width: 200px; }
  .Performance-text { margin-top: 0; }
  .Performance-col { padding-left: 20px; padding-right: 20px; }
  .Performance-colbtn a { font-size: 16px; }
  .Performance-colbtn a:before { height: 5px; top: calc(100% - 8px); }
  .Performance-col h3 { font-size: 24px; }
  .Performance-col h4 { font-size: 18px; }
  .h2-large .Performance-title h2 { font-size: 42px; }
  .management-Left { max-width: 100%; }
  .h2-large .management-title h2 { font-size: 42px; }
  .h2-large .management-subtitle h4 { font-size: 24px; }
  .management-ctatitle h4 { font-size: 20px; }
  .services-tinner h5 { font-size: 22px; }
  .management-image { max-width: 180px; }
  
  .hero-paytimetitle { margin-bottom: -17px; }
  .hero-paytime-video { width: calc(100% - 30px); }
  .hero-paytime-video:after { bottom: 15px; top: 15px; right: -15px; }
  .hero-paytime { padding-right: 50px; }
  .hero-paytimetInner:before { right: 75px; }
  .hero-paytimetInner:after { right: 45px; }
  .hero-paytime-video { height: 200px; }
  .paytimeText { padding-left: 0; padding-top: 170px; }  
  .hero-paytimetitle { max-width: 300px; }
  
  
  .rockpayll-image { margin-top: -25px; }
  .rockpayllTxt { padding-top: 10px; } 
  .rockpayll-headleft h2 { font-size: 38px; }
  
  
  .timeattend-headleft span { width: 50px; }
  
  .taxpyrll-Header { width: 100%; }
  .taxpyrll-video { position: relative; top: auto; margin-left: 20px; }
  
  .h2-large.aca-repHeader h2, .h2-large.benefitsrecHeader h2, .h2-large.ccHeader h2 { font-size: 42px; }
  .h2-large .acarep-subtitle h4, .h2-large .benefitsrec-subtitle h4, .h2-large .cc-subtitle h4 { font-size: 24px; }
  
  .aca-repimg { top: 100px; max-width: 230px; }
  
  .colnum { height: 30px; line-height: 14px; padding: 5px; width: 30px; font-size: 14px; border: 2px solid; }
  
  .ccols:nth-child(3n+2) .ccolsinnr:before { bottom: -7px; height: 62%; left: -15px; }
  .ccols:nth-child(3n+2) .ccolsinnr:after { height: 46%; left: 28px; bottom: 6px; }
  .ccRow { margin-bottom: 70px; }
  .benefitsrec-rightimg { max-width: 150px; }
  .aca-repimg { top: -50px; }
  .aca-repText { margin-top: 30px; }
  .aca-repleftext h3 { font-size: 22px; }
  
  .testabutpro-percent { font-size: 110px; }
  .testabutpro-percent, .testabutpro-inner, .testabutpro-inner .round-per { width: 110px; height: 110px; }
  .circle-inbox { top: 15px; left: 15px; right: 15px; bottom: 15px; }
  
  .people-info h4 { font-size: 18px; }
  
/*   .pesrvng-col { padding-top: 100px !important; } */
  
  .abplace-event:before { width: 150px; height: 20px; bottom: 5px; }
  .abevent-img:nth-child(3) { max-width: 150px; }
  
  .frm-body .hhs-form-con .form-columns-2 .hs-form-field { width: 100% !important; }
}

@media(max-width: 375px){

  .hero-paytimetInner:before { height: 39%; }
  .hero-paytimetInner:after { height: 65%; }
  
  .rockpayll-headleft { padding-top: 0; }

}