@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asul:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* --  Btn Animation -- */

.btn { width:100%; }
.btn .btn1, .btn1{ display:inline-flex; color:#000;}
.btn .btn1:hover, .btn1:hover{ background:#f0d878; }
.btn .btn1 span, a.btn1 span{transition: all 0.4s; }
.btn .btn1:hover span, a.btn1:hover span { padding-left: 40px; }
.btn .btn1 img, .btn1 img { max-width: 19px; width:19px; }

form .actions input[type=submit]:hover {  padding-right: 100px;}
.contact-form-section form .actions:before { background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png") !important; background-size: 22px !important;}
form .actions:before { background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png") !important; background-size: 17px !important; top: 52% !important;}
form .actions input[type=submit] { color: #000;}
form .actions input[type=submit]:hover{background:#f0d878; }
.consultationForm .actions input[type=submit] {padding-right: 65px !important; color: #000;}
.consultationForm .actions input[type=submit]:hover{ padding-right: 85px !important; background:#f0d878; }
.consultationForm .actions { position: relative; display: inline-block; align-items: center; width: auto; vertical-align: middle;}
.right-form-part form .actions:after{background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png") !important; background-size: 17px !important;}
.enumenu_ul .hs-menu-wrapper>ul>li:last-child a {color:#000;}
.contact-hero-section .hrBannerInner { max-width: 600px;}
.subscribeFormWp.contact-form-section {padding: 20px  0;}
.subscribeFormSeciton img {margin-bottom: 20px;}
.three-col-section { text-align: center; padding: 20px 0 20px;}
.three-col-section .wrap { display: flex; flex-wrap: wrap; margin: 0 -15px;}
.three-col-section .box { width: calc(100% / 3 - 30px); margin: 0 15px 30px; padding: 35px 20px; box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 10%); border-radius: 15px;}
.three-col-section .box .icon { max-width: 70px; margin: auto; width: 100%; height: 75px;  display: flex; align-items: center; justify-content: center;}
.three-col-section .box h3 { color: #06040a; font-size: 22px; padding: 15px 0 0; margin: 0;}
.three-col-section .outer-wrap { max-width: 1300px; width: 100%; margin: auto;}
.subscribeFormWp  form.hs-form input[type="email"]{min-height: auto; padding: 14px 15px; height: 62px; background-color: #fff; box-shadow: 0px 7px 22px 0px rgb(104 104 104 / 42%); max-width: 580px;}
.subScribeFormSection {max-width: 800px;margin: 0 auto;width: 100%;}
.subscribeFormSeciton {text-align: center;}
.subscribeFormWp.contact-form-section form.hs-form .actions {position: absolute !important;top: 0;margin-top: 25px;float: right;left: 76%;}
.subscribeFormWp.contact-form-section form.hs-form {position: relative;}
.blogPostBodyContent .hbspt-form .hs-form-field>label { margin-bottom: 8px; }

.contact-form-section { padding: 90px 0 80px;}
.contact-form-section .cover { display: flex;}
.contact-form-section .left-part { width: 40%; padding: 0 40px 0 0;}
.contact-form-section .rigth-part { width: 60%;}
.contact-form-section .rigth-part .form-cover { max-width: 800px; width: 100%; margin: auto;  background: #00a6da; border-radius: 15px; padding: 30px 30px;}
.contact-form-section .rigth-part .form-cover h3 { color: #fff;}
.contact-form-section .rigth-part .form-cover .hs-form-field {  line-height: 0;}
.contact-form-section .rigth-part .form-cover .hs-form-field input { font-size: 15px;}
.contact-form-section .left-part .sticky-box { position: sticky; top: 110px;}
.contact-form-section form .actions { position: relative; display: inline-block; align-items: center; width: auto; vertical-align: middle; margin-top:20px;}
.contact-form-section form .actions:before { background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/arrow-right.png);  content: "";  position: absolute; right: 20px; width: 23px; height: 13px;  background-size: cover;  background-position: center center;  background-repeat: no-repeat; top: 50%; transform: translateY(-50%);}
.contact-form-section form .actions input.hs-button { padding-right: 55px;}
.contact-form-section form .actions input.hs-button:hover { padding-right: 75px;}

.free-consult-section { width: 100%; display: inline-block; vertical-align: top; padding: 0px 0 70px; position: relative; z-index: 1;}
.free-consult-section .cover { display: flex; flex-wrap: wrap;}
.free-consult-section .left-part { width: 50%; padding: 0 70px 0 0;}
.free-consult-section .right-part { width: 50%;}
.free-consult-section .hs-form-field input, .free-consult-section .hs-form-field select { background-color: rgb(235 235 235);  font-size: 15px;  height: 51px;}
.free-consult-section .hs-form-field { line-height: 0;}
.free-consult-section .form-cover { max-width: 700px; margin: auto;}
.free-consult-section .hs-form-field.hs_recaptcha .input { width: auto;}
.free-consult-section .right-part .hs-button { padding-right: 51px;}
.free-consult-section .right-part form .actions { position: relative; display: inline-block; align-items: center;  width: auto; vertical-align: middle; margin: 10px 0 0;}
.free-consult-section .right-part form .actions:before {  content: ' '; background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png") !important; position: absolute; right: 20px; width: 23px; height: 13px; background-size: cover; background-position: center center; background-repeat: no-repeat;  top: 50%;  transform: translateY(-50%);}
.free-consult-section .right-part .hs-button:hover { padding-right: 80px;}
.free-consult-section .right-part form .legal-consent-container .hs-form-booleancheckbox-display p{ text-align: left; font-size: 15px;}

.flipParent .firsrHrIMg.flipper.flipcard.hrImg1 .flip-text{ background-color: #fff;  box-shadow: 0px 0px 50px 5px rgb(0 0 0 / 25%); }
.flipParent .flip-text.back.hrcont1 .flipBackInner{ border: 14px solid #f0d878; display: block; height: 100%; width: 100%; border-radius: 50%; text-align: center; display: flex; align-items: center; font-size: 13px; padding: 10px; color: #010101;}
.flipParent .firsrHrIMg.flipper.flipcard.hrImg3 .flip-text{ background-color: #fff;  box-shadow: 0px 0px 50px 5px rgb(0 0 0 / 25%); }
.flipParent .flip-text.back.hrcont3 .flipBackInner{ border: 14px solid #f0d878; display: block; height: 100%; width: 100%; border-radius: 50%; text-align: center; display: flex; align-items: center; font-size: 13px; padding: 10px; color: #010101;}

.inner-flex-box .side-nav-right.sb-menu .side-nav-righ-hover span img { max-width: 25px; width: 100%;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub { width: 100%; display: inline-block; height: 100%; vertical-align: top;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box { max-width: 1655px; width: 100%; margin: auto; position: relative; padding-left: 15px; padding-right: 15px; height: 100%;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .side-nav-right.sb-menu { margin: 0; right: 15px;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box a.menubelow { padding-left: 15px;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .subMenuRightCol { width: 251px;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .side-nav-right.sb-menu{ max-width: calc(100% - 532px);}
.enumenu_ul.desk .hs-menu-wrapper>ul ul .main-sub .sub-menu-box li a{font-size: 18px;}
.enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .subMenuTwoColumn .leftSubMenuContentTwo p { font-size: 15px; font-weight: 400; line-height: 30px;}
.enumenu_ul .hs-menu-wrapper>ul>li:last-child a:hover{ box-shadow: 0px 3px 0px 1px #cb9f53;}

.threeImages.flip-container.flipParent.box1 .firsrHrIMg.flipper.flipcard.hrImg1 { transform: scale(1.12) rotateY(0);}
.threeImages.flip-container.flipParent.box3 .firsrHrIMg.flipper.flipcard.hrImg3 { transform: scale(1.12) rotateY(0);}

.threeImages.flip-container.flipParent.box1 .firsrHrIMg.flipper.flipcard.hrImg1:hover {  transform: scale(1.12) rotateY(180deg);z-index: -1;-webkit-transform: scale(1.12) rotateY(180deg); }
.threeImages.flip-container.flipParent.box3 .firsrHrIMg.flipper.flipcard.hrImg3:hover {  transform: scale(1.12) rotateY(180deg);z-index: -1;-webkit-transform: scale(1.12) rotateY(180deg);}

.managementSection .tabMainSection .tabMainTwoCol {margin: 101px 0;}
.tabMainSection ul.tabsNew li:hover{background-color: rgb(144 212 235);}
.tabMainSection ul.tabsNew li.active:hover { background: #fff;}

.tabStickySection .tabBoxes .tabTitle p { font-size: 17px;}

.merlin-section .productivityRightSec.rightContentSec { padding-right: 0;}

.tabMainSection ul.tabs { background-color: #21acdc !important;}
.tabMainSection ul.tabs li, .tabMainSection ul.tabs li.active{background:transparent; }
.tabMainSection ul.tabs li span { color:#fff; }
.tabMainSection ul.tabs li.active span {color: #21acdc;}
.tabMainSection ul.tabs li:hover { background-color: rgb(144 212 235);}
.tabMainSection ul.tabs li:hover span{color: #21acdc;}
.tabMainSection ul.tabs li.active:hover {background: #fff;}
.tabMainSection ul.tabs li.active:hover span {color: #21acdc;}

.footer .copyright { width: 100%; text-align: center; padding: 40px 0 0;}
.footer .copyright p { font-size: 17px; margin-bottom:0;}
.footer .copyright p strong { font-weight: 400;}

.footer-v2 .footer-box-right .col-2:nth-child(2) ul li:last-child a { pointer-events: none;}

/* .footer-v2 .footer-box-right .col-2:nth-child(1) h5 a, */
.footer-v2 .footer-box-right .col-2:nth-child(2) h5 a { pointer-events: none;}

.tabMainSection .tabingInner .tabMainLeft .tabMainLeftInner { padding-left: 0; padding-top: 60px;}


/* -- New SubHeader -- */
.head-top.header-v3 .hs-menu-wrapper > ul > li { position: relative;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper { overflow: visible; padding: 0; border-radius: 25px; height: auto;  border: 0;  top: 90%; width: 590px; left: -60px; pointer-events:none;}
.head-top.header-v3 .hs-menu-wrapper > ul > li:hover > ul.hs-menu-children-wrapper {  opacity: 1; visibility: visible; pointer-events: inherit;}
.head-top.header-v3 .hs-menu-wrapper > ul > li:hover > ul.hs-menu-children-wrapper:before { content: ' '; width: 0;  height: 0; border-left: 12px solid transparent;  border-right: 12px solid transparent; border-bottom: 13px solid white; position: absolute; left: 125px; top: -11px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box { max-width: 100%; padding: 40px 35px 40px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box { width: 100%; display: flex; align-items: center; margin-bottom: 30px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a { width: 100%;  display: flex;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon { width: 30px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content { width: calc(100% - 30px); padding: 0 0 0 20px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon svg { height: 34px; width: 34px; fill: #06a8db; transition: all 0.4s;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box  h4 { margin: 0 0 5px; font-weight: 800; font-size: 18px; transition: all 0.4s; position: relative; display: inline-block;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box h4:after { content: ' '; top: 5px; left: auto; position: absolute; background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/1-11.svg"); width: 18px; height: 11px; right: -30px; background-repeat: no-repeat; background-size: contain; transition: all 0.4s; opacity: 0; visibility: hidden;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover h4:after { right: -40px; opacity: 1; visibility: visible;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content p { margin: 0; color: #7d7d7d;  font-size: 17px; transition: all 0.4s;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .content p { color: #000;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg { fill: #000;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box:last-child { margin-bottom: 0;}

.hs-content-id-66392502886 .tabTwoCol.dis-flex.videoTwoCol { margin-bottom: 111px;}
.hs-content-id-66392502886 .tabTwoCol.dis-flex.videoTwoCol:last-child{margin-bottom: 0px}

.benefitsEnrollmentTab .tabMainSection .tabingInner .tabMainLeftContent.blueCheckList ul li {margin-bottom: 70px;}



/* --- Contact us --- */

.contact-hero-section .hero-form-wrap { width: 100%; display: flex; align-items: center; max-width: 1260px; margin: auto;}
#hs_cos_wrapper_dnd_area-module-1 .hero-banner-sec.contact-hero-section { padding-top: 90px; padding-bottom: 0; height: 730px; margin-bottom: 100px !important;}
.contact-hero-section .hero-form-wrap .left-side { width: 20%;}
.contact-hero-section .hero-form-wrap .center-part { width: 60%; padding: 0 30px;}
.contact-hero-section .hero-form-wrap .right-part { width: 20%;}
.contact-hero-section .hero-form-wrap .left-side img { width: 280px;}
.contact-hero-section .hero-form-wrap .right-part img { width: 280px;}
.contact-hero-section .center-part form { background: #fff; padding: 40px 40px 30px; border-radius: 10px; box-shadow: 0px 43px 61px 0px rgb(0 0 0 / 13%); max-width: 530px; width: 100%; margin: auto;}
.contact-hero-section .center-part form .hs-form-field >label { display: none;}
.contact-hero-section .center-part form .hs-form-field { margin-bottom: 28px;}
.contact-hero-section .center-part form .hs-form-field input, .contact-hero-section .center-part form .hs-form-field select { background: #f2f2f2; height: 50px; font-size: 17px;}
.contact-hero-section .center-part form .legal-consent-container { text-align: left;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox { text-align: left; padding-left: 5px;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox span a { display: inline-block; padding: 3px 0 0; color: #00a6da; text-decoration: underline; font-weight: 500;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox p { font-weight: 500; font-size: 17px;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox span a:hover { color: #f0d878;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox input+span:before { left: -30px; border: 2px solid #c1c1c1; top: 2px; border-radius: 2px;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before { border-color: #111d33;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { top: 5px; left: -27px;}
.contact-hero-section .center-part form .hs-submit { text-align: center; padding: 10px 0 0;}
.contact-hero-section .center-part form .hs-submit .hs-button { margin: auto; width: 100%; text-align: left; padding: 14px 25px; box-shadow:  0px 2px 12px 1.12px rgb(63 63 63 / 26%);}
.contact-hero-section .center-part form .hs-submit .actions:before { content: ' '; top: 53% !important; left: auto; position: absolute; width: 19px; height: 11px; display: inline-block; background-repeat: no-repeat; transform: translateY(-50%); right: 20px;}
.contact-hero-section .center-part form .hs-submit .actions { position: relative; width: 100%; max-width: 145px; margin: auto; transition: all 0.3s;}
.contact-hero-section .center-part form .hs-submit .actions:hover { max-width: 175px;}
.contact-hero-section.hrSolutionBanner:before { background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/contact-hero-round-1.png"); top: 110px;}
.contact-hero-section.hrSolutionBanner:after { top: 63px;}
.contact-hero-section form .hs-form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9f9fa3 !important; font-size:20px !important;
}
.contact-hero-section form .hs-form-field input::-moz-placeholder { /* Firefox 19+ */
  color: #9f9fa3 !important; font-size:20px !important;
}
.contact-hero-section form .hs-form-field input:-ms-input-placeholder { /* IE 10+ */
  color: #9f9fa3 !important; font-size:20px !important;
}
.contact-hero-section form .hs-form-field input:-moz-placeholder { /* Firefox 18- */
  color: #9f9fa3 !important; font-size:20px !important;
}



#hs_cos_wrapper_dnd_area-module-2 .merlin-section.client-trust-section { padding: 150px 0 111px; margin-bottom: 0;}
.client-trust-section .left-part { width: 50%; padding: 0 50px 0 0;}
.client-trust-section .right-part { width: 50%; padding: 0 0 0 50px;}
.client-trust-section .outer-wrap { width: 100%; display: flex; align-items: center; max-width: 1260px; margin: auto;}
.client-trust-section .left-part h2 { font-size: 33px; color: #262626; font-weight: 800; max-width: 360px; width: 100%; margin-bottom: 20px;}
.client-trust-section .left-part .counter-box h3 { font-size: 111px; margin-bottom: 0; line-height: 1;}
.client-trust-section .left-part .counter-box  h5 { color: #00a6da; font-size: 25px; font-weight: 700;}
.client-trust-section .right-part .client-trust-slider { position: relative; max-width: 435px; float: right; z-index: 1;}
.client-trust-section .right-part .client-trust-slider:before { content: ' '; background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/shspe-gray.png"); position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; transform: scale(1.35); left: 31px;}
.client-trust-section .right-part .client-trust-slider .inner-content { position: relative; max-width: 433px; width: 100%; padding: 80px 0 0 60px;}
.client-trust-section .right-part .client-trust-slider .inner-content p { font-size: 18px; font-weight: 500; font-style: italic; line-height: 29px;}
.client-trust-section .right-part .client-trust-slider .inner-content h5 { padding: 0; font-weight: 700; letter-spacing: 0; font-size: 18px; line-height: 25px;}
.client-trust-section .right-part .client-trust-slider .inner-content:before { content: ' '; top: 0; left: 0; position: absolute; background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/quote-yellow.png"); width: 80px; height: 80px; background-repeat: no-repeat;  background-size: contain;}
.client-trust-section .right-part .client-trust-slider:after { content: ' '; top: auto;  left: auto; right: -63px; position: absolute;  background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/shape2.png); width: 90px;  height: 90px;  background-repeat: no-repeat; background-size: contain; bottom: -10px; z-index: -1;}

#hs_cos_wrapper_dnd_area-module-3 .merlin-section.proud-partner-section { padding-top: 60px; padding-bottom: 130px; margin-bottom: 0;}
.proud-partner-section .section-title { text-align: center; padding: 0 0 30px;}
.proud-partner-section .outer-wrap { display: flex; flex-wrap: wrap;}
.proud-partner-section .left-part { width: 50%; padding: 0px 40px 0 0; text-align: center;}
.proud-partner-section .right-part { width: 50%; padding: 0 0 0 50px; text-align: center;}
.proud-partner-section .left-part img { width: 511px;}
.proud-partner-section .right-part .box-img { max-width: 360px; width: 100%;  margin: auto;}
.proud-partner-section .right-part  .details { padding: 35px 0 0;}
.proud-partner-section .right-part .details h4 { text-transform: uppercase; letter-spacing: 0;  font-size: 20px;  font-weight: 700;}
.proud-partner-section .right-part .details h3 { font-weight: 800; color: #262626; letter-spacing: 0; line-height: 1.2;}

.hs-content-id-69415425037 .productivitySection .productivityLeftSec .productivityGraph { max-width: 500px; margin: auto; width: 100%;}
.hs-content-id-69415425037 .productivitySection .productivityRightSec.rightContentSec .productivityRightCon h3 img {  max-width: 170px; margin-left: 15px;}
.hs-content-id-69415425037 .productivitySection .centerCircle { left: auto; right: 0; top: auto; bottom: 0;}
.hs-content-id-69415425037 .productivitySection .productivityLeftSec .productivityGraph:before { content: ' '; width: 80px; height: 80px; background: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/white-dot-box.png); position: absolute; left: auto; right: 10px; top: auto; bottom: 20px; background-repeat: no-repeat; background-size: contain;}



/*blog post  */

.BlogContentContainer { max-width: 100%; width: 100%; padding: 0 20px; }
.blogSocialIcon{width:20% !important;}
.blogContentInner{width:60%!important;}
/*   .blogRightContentInner{width:20% !important;} */
/*   #mainNav { max-width: 280px; } */
.blogPostBodyContent h2{color:#000;}
#mainNav ul li{margin-bottom:5px;}
#mainNav ul{list-style-type:none;padding-left:30px;}
#mainNav ul li{position:relative;padding-left: 10px;line-height:1.7}
#mainNav a{color:#000;transition: all ease 0.7s;font-size:17px; font-weight:500;}
#mainNav .dash{content: ""; display: block; position: absolute; top: 15px; left: -60px; width: 50px; height: 2px;background:#9d9d9d;}
#mainNav a.active{color:#00a6da;transform: translateX(8px);}
#mainNav a.active .dash{background:#9d9d9d;}

#mainNav ul.is-visible li { opacity: 1; transform: translate3d(0px, 0px, 0px); }
#mainNav ul li { position: relative; transform: translate3d(-100%, 0px, 0px); opacity: 0; transition: all 0.3s ease-in-out 0s; }
#mainNav ul li:nth-child(1) { transition-delay: 0.05s; }
#mainNav ul li:nth-child(2) { transition-delay: 0.1s; }
#mainNav ul li:nth-child(3) { transition-delay: 0.15s; }
#mainNav ul li:nth-child(4) { transition-delay: 0.2s; }
#mainNav ul li:nth-child(5) { transition-delay: 0.25s; }
#mainNav ul li:nth-child(6) { transition-delay: 0.3s; }
#mainNav ul li:nth-child(7) { transition-delay: 0.35s; }
#mainNav ul li:nth-child(8) { transition-delay: 0.4s; }
#mainNav ul li:nth-child(9) { transition-delay: 0.45s; }
#mainNav ul li:nth-child(10) { transition-delay: 0.5s; }
.blogContentBannerBg{position: relative;min-height: 695px;}
.head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg, .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg * {
  fill: #000 !important;}
/* .blogContentBannerBg:after{content: ''; background: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/banner%20bottom%20shape.svg); background-position: center !important; background-repeat: no-repeat !important; position: absolute; bottom: 0px; height: 100%; width: 100%; z-index: 1; background-size:cover;} */
/* .blogContentInner h1{font-size:60px;} */
.blogContentInner .tags a{border: 2px solid #00a6da; padding: 5px 15px; border-radius: 30px; color: #000; font-weight: 500;font-size:18px;margin-right:15px;display: inline-block; margin-bottom: 15px;}
.blogDeatilsOverview .line{padding:0 15px;}
a.authorLink{color:#000;font-weight:800;}
.blogPublishdate img{margin-right:10px;}
.subscribeBlogForm{margin:0 !important}
.blogSocialIcon h3{color:#000;} 
.blogSocialIcon.list-social-icons .blog-share i.fa{background-color:#00a6da;font-size:30px;}
.subscribeBlogForm form{display: flex; flex-wrap: wrap;}
.subscribeBlogForm form .hs_email {width:55%;margin-right:2%;}
.subscribeBlogForm form .hs_submit.hs-submit {padding-top:25px; }
.subscribeBlogForm form input[type=submit], .subscribeBlogForm form .hs-button{width:100%;padding: 20px 30px; padding-right: 50px;}
.subscribeBlogForm form .hs-submit .actions{position:relative;}
.subscribeBlogForm form .hs-submit .actions:before { content: ' '; top: 53% !important; left: auto; position: absolute; width: 19px; height: 11px; display: inline-block; background-repeat: no-repeat; transform: translateY(-50%); right: 25px; z-index:1;}
.subscribeBlogForm form .actions:before { background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png) !important; background-size: 17px !important; top: 52% !important; }
.subscribeBlogForm form input[type=email]{padding: 32px 20px; border: none !important; background: #f3f3f3;}
.subscribeBlogForm ul.hs-error-msgs li, .blogPostTwoRightForm ul.hs-error-msgs li{text-align:left;}
.blogPostBodyContent a { color: #00a6da; }
.blogPostBodyContent ul li, .blogPostBodyContent ol li{list-style-type: inherit;}
/* Recent Blog post module */
.recentPostInner{background:#fff;box-shadow: 0px 7px 22px 0px rgba(104, 104, 104, 0.2); transition:all 0.3s ease; border-radius: 20px;}
.recentPostInner:hover{transform: scale(1.05);}
.recentPostBlogPostSection{margin:-20px;}
.recentBlogRepeat{padding:20px;}
.blogRecentPostFeatured img{border-radius:20px 20px 0 0;}
.recentBlogContent{padding:30px 20px 25px;}
.blogDescription p{margin:0;font-weight: 700;font-size: 19px;}
.recentblogPublishdate { color: #00a6da; font-weight: 700; font-size: 19px;}
.readMoreCta a{color: #00a6da; font-weight: 700;text-decoration: underline; font-size: 19px;}
.blogPostBodyContent img{margin-top:50px;margin-bottom:40px;}

/* About Us page css */
.ourBlogPostmain  .slick-dots li button:before {font-size: 15px;color: #00a6da !important;opacity: 1 !important;}
.ourBlogPostmain  .slick-dots li button{box-shadow: none !important;}
.ourBlogPostmain  .slick-dots li.slick-active button:before{color:#f0d878 !important}
.ourBlogPostmain  .slick-dots li button:hover:before,.ourBlogPostmain  .slick-dots li button:focus:before{color:#f0d878 !important}
.loadMorePost { text-align: center; padding-top: 40px; }
.blogRecentPostTitle.aboutPostTitle {padding-left: 65px;}
.ourBlogPostmain .slick-prev, .ourBlogPostmain .slick-next{height: 50px; width: 50px;border-radius: 50%;box-shadow: none;border: 1px solid #000; background-color:#fff;}
.ourBlogPostmain .slick-prev:before{font-size: 23px;}
.ourBlogPostmain .slick-next:before{font-size: 23px;}
.ourBlogPostmain  .slick-arrow:hover{background-color:#f0d878; border: 1px solid #f0d878;}

.benefitsEnrollmentTab .tabMainSection ul.tabs li { display: flex; align-items: center; justify-content: center;}
.firstPost h3.blog-index__post-title.blog-index__post-title--list a { font-size: 24px; }
.blog-index__post-post-summary.blog-index__post-post-summary--list h2 { font-size: 21px; }


/* ========== Industries Page ========== */

/* -- Hero Section -- */
.new-subhero-section {width: 100%;display: inline-block;vertical-align: top;padding: 110px 0px;}
.new-subhero-section .custom-width-point {padding: 0;max-width: 1411px;width: 100%;display: flex;flex-wrap: wrap;  position:relative; float: right;}
.new-subhero-section .container{position:realtive;}
.new-subhero-section .container:before{ content:' '; position: absolute; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png); width: 72px; height: 72px; top: 50px; left: 146px; z-index: -1; }
.new-subhero-section .left-part {width: 45%;padding-right: 50px;}
.new-subhero-section .right-part {width: 55%;padding-left: 0; min-height: 600px;}
.new-subhero-section .left-part .section-heading {max-width: 640px;width: 100%;float: right;}
.new-subhero-section .left-part .section-heading .content p {font-size: 17px;}
.new-subhero-section .left-part h1 {line-height: 1.2;padding-bottom: 10px;}
.new-subhero-section .left-part .content {max-width: 565px;width: 100%;}
.new-subhero-section .left-part .section-heading h6 {font-size: 26px;color: #020202;margin-bottom: 15px;}
.new-subhero-section .right-part .img1 {max-width: 247px;width: 100%;position: absolute;left: 9%;}
.new-subhero-section .right-part .img2 {max-width: 300px;width: 100%;position: absolute;top: 285px;left: 0px;}
.new-subhero-section .right-part .img3 {max-width: 430px;width: 100%;position: absolute;left: auto;right: 0;top: 44px;}
.new-subhero-section .right-part .img-wrap {width: 100%;position: relative;max-width: 775px;float: right;top: -35px;height:100%;right: -50px;}
.new-subhero-section .right-part .circle-img {max-width: 111px;width: 100%;bottom: -18px;position: absolute;left: 43%;}
.new-subhero-section .right-part .circle-img:before {content: ' ';top: 50%;bottom: 0;left: auto;right: -130px;position: absolute;width: 40px;height: 40px;background: #00a6da;border-radius: 50%;transform: translateY(-50%);}

/* -- Industries Section -- */
.industries-help-section {width: 100%;display: inline-block;vertical-align: top;text-align: center;padding: 30px 0 50px;overflow: hidden;}
.industries-help-section .wrap {display: flex;flex-wrap: wrap;justify-content: center;padding: 35px 0 0;margin: 0 -40px;}
.industries-help-section .box { transition:all 0.3s ease;width: calc(100% / 2 - 90px);margin: 0 45px 70px;border-radius: 35px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.19);overflow: hidden;position: relative;padding-bottom: 60px;}
.industries-help-section .box:hover{transform: scale(1.04);}
.industries-help-section .custom-width-point {max-width: 1220px;width: 100%;margin: auto;padding: 0;}
.industries-help-section .box .box-img {width: 100%;display: inline-block;vertical-align: top;height: 311px;}
.industries-help-section .box .box-img img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
.industries-help-section .box .bottom-part {width: 100%;display: inline-block;vertical-align: top;padding: 40px 20px;}
.industries-help-section .box .bottom-part h3 {color: #000000;}
.industries-help-section .box .bottom-part .content p {font-size:17px;line-height: 28px;letter-spacing: 0;}
.industries-help-section .box .bottom-part .content {max-width: 480px;width: 100%;margin: auto;}
.industries-help-section .box .simple-link {position: absolute;width: 100%;top: auto;bottom: 40px;left: 0;}
.industries-help-section .box .simple-link a {color: #00a6da;font-size: 20px;font-weight: 700;display: flex; position: relative; justify-content: center;}
.industries-help-section .box .simple-link a:hover {color: #f0d878;}
/* .industries-help-section .box .simple-link a:before {content: ' ';top: auto;bottom: 3px;left: 0;right: 0;margin: auto;width: 100%;height: 1px;background: #00a6da;position: absolute;transition: all .5s ease;}
.industries-help-section .box .simple-link a:hover:before {background: #f0d878;} */
.merlin-section.bottom-blue-section {padding-top: 50px !important; padding-bottom: 50px !important;}
.simple-link a svg {height: 34px;width: 52px;}
.industries-help-section .box .simple-link a span {height: 27px;transition: all 0.3s ease;}
.merlin-section.bottom-blue-section.productivitySection .centerCircle {top: -70px;}
.industries-help-section .box .simple-link a:hover span {transform: translateX(12px);}
.industries-help-section .box .simple-link a:hover span svg path{fill:#f0d878}
.bottom-blue-section {position: relative;}
.bottom-blue-section:before {content: ' ';top: 28%;left: 0;position: absolute;width: 40px;height: 76px;background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/bottom-blue-leftdot.png");background-repeat: no-repeat;background-size: contain;}
.bottom-blue-section:after {content: ' ';top: auto; left: 40%; position: absolute; width: 90px; height: 90px; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/bottom-blue-fulldot.png); background-repeat: no-repeat; background-size: contain;bottom: 13px;}


/* ========== Manufacturing Page ========== */

/* -- Hero Section -- */
.industry-inner-hero {width: 100%;display: inline-block;vertical-align: top;text-align: center;padding: 50px 0 70px;}
.industry-inner-hero .section-img {max-width: 304px;width: 100%;margin: auto;}
.industry-inner-hero h1 {padding: 25px 0 0;}
.industry-inner-hero .content p {font-size: 17px;}
.industry-inner-hero .content {max-width: 1100px;width: 100%;margin: auto;}
.industry-inner-hero .custom-width-point {max-width: 1410px;width: 100%;margin: auto;position: relative;padding-bottom: 0;}
.industry-inner-hero .custom-width-point:before {content: ' ';background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/circleImage.png");position: absolute;width: 111px;height: 111px;background-repeat: no-repeat;background-size: contain;left: 9%;top: 51px;z-index: -1;}
.industry-inner-hero .custom-width-point:after {content: ' ';position: absolute; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png);  width: 72px; height: 72px; top: 60px; left: auto; z-index: -1;right: 30px;}
.industry-inner-hero .section-heading {position: relative;}
.industry-inner-hero .section-heading:before {content: ' ';top: -145px;left: auto;right: 140px;width: 40px;height: 40px;background: #00a6da;position: absolute;border-radius: 50%;}

/* -- Industry Benefit Section -- */
.industry-benefit-section {width: 100%;display: inline-block;vertical-align: top;padding: 6.5% 0 6.5%;position: relative;z-index: 1;}
.industry-benefit-section .section-shape {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.industry-benefit-section .bottom-shape {position: absolute;top: auto;bottom: 0;width: 100%;transform: rotate(180deg);}
.industry-benefit-section .top-shape {position: absolute;top: 0;left: 0;width: 100%;}
.industry-benefit-section svg {width: 100%;height: 100%;}
.industry-benefit-section .outer-cover {background: whitesmoke;width: 100%;padding: 20px 0 0px;}
.industry-benefit-section .custom-width-point {padding: 0;max-width: 1410px; width: 100%; margin: auto; }
.industry-benefit-section .section-img {width: 100%;height: 373px;max-width: 748px;margin: auto;border-radius: 12px;overflow: hidden;}
.industry-benefit-section .section-img img {width: 100%;height: 100%;object-fit: cover;}
.industry-benefit-section .section-heading {width: 100%;max-width: 1024px;margin: auto;}
.industry-benefit-section .section-heading h3 {text-align: center;color: #000000;padding: 40px 0 30px;margin: 0;}
.industry-benefit-section .section-heading ul {padding: 0;display: flex;flex-wrap: wrap;}
.industry-benefit-section .section-heading ul li {position: relative;padding: 0 30px 0 41px;font-size: 18px;width: 50%;line-height: 31px;}
.industry-benefit-section .section-heading ul li:before {content: ' ';background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); height: 22px; width: 22px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; background-color: #fff; left: 0; top: 6px;}
.industry-benefit-section .section-heading ul li:nth-child(even) {padding-right: 0;}
.industry-benefit-section .section-heading ul li:nth-last-child(1), .industry-benefit-section .section-heading ul li:nth-last-child(2) {margin-bottom: 0;}

/* -- Industry Feature Section -- */
.industry-feature-section {width: 100%;display: inline-block;vertical-align: top;padding: 210px 0 70px;}
.industry-feature-section .custom-width-point {margin: 0 auto;max-width: 1516px;display: flex;flex-wrap: wrap;}
.industry-feature-section .left-part {width: 40%; padding-right: 50px;}
.industry-feature-section .right-part {width: 60%;position: relative;}
.industry-feature-section .right-part .section-img {position: relative;max-width: 796px;width: 100%;height: 504px;float: right;z-index: 1;}
.industry-feature-section .right-part .section-img img {width: 100%;height: 100% !important;box-shadow: 0px 10px 27.55px 1.45px rgb(0 0 0 / 33%); border-radius: 12px; object-fit: cover;}
.industry-feature-section .right-part .section-img:before {content: ' ';top: -120px;left: -50px;background-image: url("https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/shspe-blue.png");position: absolute;width: 720px;height: 720px;background-repeat: no-repeat;background-size: contain;z-index: -1;}
.industry-feature-section .right-part .section-img:after {content: ' ';position: absolute; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png); width: 72px; height: 72px; top: 120px; left: auto; z-index: -1; right: -86px;}
/* .industry-feature-section .right-part:before {content: ' ';background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/shape2.png);position: absolute; height: 90px; width: 90px; background-size: cover; left: 40px; top: auto; background-position: center; background-repeat: no-repeat;bottom: 24px;z-index: 1;} */
.industry-feature-section .left-part .section-heading {max-width: 520px;width: 100%;float: right;}
.industry-feature-section .left-part .section-heading h3 {color: #000000; margin: 0; padding: 60px 0 30px; }
.industry-feature-section .left-part .section-heading ul {padding: 0;}
.industry-feature-section .left-part .section-heading ul li {position: relative; font-size: 18px; line-height: 31px;padding-left: 40px;}
.industry-feature-section .left-part .section-heading ul li:before {content: ' ';background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); height: 22px; width: 22px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; background-color: #fff; left: 0; top: 6px;}
.industry-feature-section .right-part .inner-cover { max-width: 796px; width: 100%; float: right; position: relative;}
.industry-feature-section .right-part .inner-cover:before { content: ' '; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/shape2.png); position: absolute; height: 90px; width: 90px; background-size: cover; left: -88px; top: auto; background-position: center; background-repeat: no-repeat; bottom: 8px; z-index: 1;}


button:hover, button:focus, .button:hover, .button:focus, .btn1:hover, .btn1:focus, .custom_style:hover, .custom_style:focus{ color: #000;  background-color: rgb(240 216 120);}
.hs-blog-listing .custom-menu ul li a:hover { background-color: rgb(144 212 235); color: #21acdc;}
.related-post .blogRecentPostFeatured img { height: 200px; object-fit: cover; width: 100%;}
.relatedPostTitle h3 a {color: #000 !important;font-size: 20px;}
.relatedPostTitle h3:hover a{color:#f0d878 !important}
.relatedPostTitle {padding-top: 10px;}

.hs-search-field--open .hs-search-field__suggestions { position: absolute; background: #fff; padding: 10px 15px; border-radius: 10px;}
.hs-search-field--open .hs-search-field__suggestions li a { padding: 10px; font-size: 15px; color: #000; line-height: 24px;}
.hs-search-field--open .hs-search-field__suggestions li#results-for { font-size: 17px;}


.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions:before { content: ' '; top: 53% !important; left: auto; position: absolute; width: 19px; height: 11px; display: inline-block; background-repeat: no-repeat; transform: translateY(-50%); right: 20px; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/right-arrow-btn.png) !important; background-size: 17px !important; z-index: 1;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions input.hs-button.primary.large { padding: 0; position: absolute;  left: 0;  top: 0;  width: 100%; height: 100%; text-align: left; padding: 0 0 0 28px;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions { background: #f0d878; padding: 29px 10px; border-radius: 10px; height: 62px; width: 170px; transition: all 0.4s; left: 75%;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions:hover { width: 190px;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions input.hs-button.primary.large:hover { padding-right: 20px;}

.hs-blog-listing .custom-menu ul li a {font-weight: 800;}
/* .systems-page--search-results h1 {font-size: 50px;} */
.systems-page--search-results .hs-search-results__listing li {border-bottom: 1px solid #0003;padding: 30px 0 20px;}
.systems-page--search-results .hs-search-results__pagination {padding: 30px 0 0;}
.systems-page--search-results .hs-search-results__pagination a {font-weight: 700; line-height: normal;}
.systems-page--search-results ul li .hs-search-results__title {  line-height: normal;}

/* section.blog-index__post-content.blog-index__post-content--list {width: 100%;display: inline-block;vertical-align: top;position: relative;padding-bottom: 60px;}
section.blog-index__post-content.blog-index__post-content--list a.blog-index__post-button.blog-index__post-button--list {position: absolute;top: auto;bottom: 25px;}
.firstPost section.blog-index__post-content.blog-index__post-content--list a.blog-index__post-button.blog-index__post-button--list {bottom: 10px;}
*/

section.blog-index__post-content.blog-index__post-content--list {flex-wrap: nowrap !important;}

.privacy-policy-section {width: 100%;display: inline-block;vertical-align: top;}
.privacy-policy-section ul {padding: 0 0 0 30px;}
.privacy-policy-section ul li {position: relative; padding: 0 0px 0 36px; font-size: 18px; width: 50%; line-height: 31px;max-width: 100%;width: 100%;}
.privacy-policy-section ul li:before {content: ' ';background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); height: 22px; width: 22px; border-radius: 50%; background-repeat: no-repeat;  background-size: cover; background-position: center; position: absolute; background-color: #fff; left: 0; top: 4px;}
.privacy-policy-section h3 {padding: 40px 0 0;}
.privacy-policy-section .left-part {max-width: 1200px;width: 100%;margin: auto;}
.privacy-page .hrSolutionBanner:before {top: 12%;}
.privacy-policy-section .left-part h2 {font-size: 40px;}
.privacy-policy-section .left-part h4 {letter-spacing: 0;}

.contact-hero-section .center-part form .legal-consent-container ul.no-list.hs-error-msgs {bottom: -12px; top: auto;}
.contact-hero-section .center-part form .hs-form-field ul.hs-error-msgs {position: absolute; top:auto; right: 6px; bottom: -20px;}
.contact-hero-section .center-part form .legal-consent-container .hs-error-msgs label{ color: #da0000;}
.btn1 span img , .btn .btn1 span img{width: 19px;}


.payrollLeftImg.leftVideoPart {width: 50%;padding-right: 50px;} 
.payrollRightContent.rightContentPart {width: 50%;padding-left: 50px;}
.rightPayrollListing ul li a {font-weight: 600;}
span.mobileView {display: none;}
.bottomShapBanner.blogInnerPageShape {bottom: -15px;}
.mobileIMage {display: none;}
.sectionTitle.tabTitleNew {margin-bottom: 50px;}

.hero-banner-solution-section .action-btn-wrap .btn:first-child{ width: 190px }

.hero-banner-solution-section .action-btn-wrap a#cta_button_4526592_3a9f2500-f164-437b-bc3f-3c0cda39fa6a, .hero-banner-solution-section .action-btn-wrap a#cta_button_4526592_c76f4633-03e8-4ea0-9ef4-59e2fa9690b3 {
    border-radius: 10px !important;
}
a#cta_button_4526592_c76f4633-03e8-4ea0-9ef4-59e2fa9690b3{
  border: 2px solid #49a6da !important;
  padding: 16.75px 20px !important;
}

@media (min-width:3000px){
  .bottomShapBanner.blogInnerPageShape{bottom: -67px;}

}
@media (min-width:2600px){
  .bottomShapBanner.blogInnerPageShape {bottom: -35px;}

}
@media (max-width:1900px){
     .bottom-blue-section:after{left: 44%;}
}

@media (max-width:1720px){
  .new-subhero-section .right-part .img-wrap{ right: 0;}
  .new-subhero-section .custom-width-point:before {content: ' ';position: absolute; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png);  width: 72px;  height: 72px;  top: -60px;  left: -121px; z-index: -1;}
  .new-subhero-section .container:before {display: none;}
  .industry-feature-section .right-part .section-img:after {right: -40px;}
  .industry-feature-section .right-part:before {left: -50px;}
  .industry-feature-section .right-part {padding-right: 20px;}
  .privacy-policy-section .left-part h2 { font-size: 30px;}



}

@media (max-width:1600px){
  .contact-hero-section .center-part form { max-width: 510px;}
  #hs_cos_wrapper_dnd_area-module-1 .hero-banner-sec.contact-hero-section { height: 670px;}
  .client-trust-section .right-part{ padding: 0 90px 0 0px; }
  #mainNav { max-width: 280px; }
  .blogSocialIcon{width:18% !important;}
  .blogContentInner{width:62%!important;}
  #hs_cos_wrapper_dnd_area-module-2 .merlin-section.client-trust-section{ padding: 200px 0 111px;}
}





@media (max-width:1440px){
  span.desktopView {display: none;}
  span.mobileView{display:block}
  .enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .subMenuTwoColumn .leftSubMenuContentTwo p { font-size: 14px;}
  .enumenu_ul.desk .hs-menu-wrapper>ul ul .main-sub .sub-menu-box li a { font-size: 15px;}
  .hero-banner-wrap .hrBannerInner p { max-width: 680px; width: 100%; margin: auto;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box {margin-bottom:17px;}
  .head-top.header-v3 .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper .sub-menu-box{padding: 30px 35px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box h4 { font-size: 15px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content p { font-size: 14px;}
/*   .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .main-sub {height: 423px;overflow: auto;} */
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box:last-child {padding-bottom:0;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper.bm-add-m2 .main-sub {  overflow: auto;}

  .new-subhero-section .right-part .img3 {max-width: 330px;top: 90px;}
  .new-subhero-section .right-part .img1 {max-width: 215px;}
  .new-subhero-section .right-part .img2 {max-width: 265px; top: 256px;}
  .new-subhero-section .custom-width-point:before {width: 62px; height: 62px;background-size: contain;background-repeat: no-repeat;left: -90px;}
  .new-subhero-section .right-part .img-wrap {float: right;max-width: 615px;}
  .new-subhero-section .right-part .circle-img{ bottom: 10px;}

  .bottomShapBanner.blogInnerPageShape{bottom: -42px;}
  .blogContentBannerBg{padding: 0;}
  .blogBanner{padding: 125px 0;}
 

}

/* @media (max-width:1840px) and (min-width:1320px){
  .head-top.header-v3 .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.bm-add-m3.hs-item-has-children:hover > ul.hs-menu-children-wrapper {

    height: 200px;
    min-height: 200px !important;
  }
} */
@media (max-width:1440px) and (min-width:1320px){
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeftInner, .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeftInner {padding: 90px 15px 0;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeftInner p, .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeftInner p{ font-size: 17px;  line-height: 27px;}
  .hrAlternameSection.blueSection .hrRightContent h4{ font-size: 20px;}
  .hrAlternateTwoCol .hrRightMain{padding-right: 20px;}
  .employee-two-col-wrap.sectionAlignment .left-employee-cont h3 { font-size: 22px;}
  .productList {padding: 70px 30px;}
  .productList .listInner { font-size: 15px; padding-left: 32px;}
  .productList .listInner:before { top: 1px;}
  .hrAlternateTwoCol .hrRightMain .hrRightContent.hrContentRight p { font-size: 17px;}

}
@media (max-width:1380px){
  .blogContentInner { width: 70%!important;}
  /*   .new-subhero-section .left-part h1 { font-size: 56px;} */
  .industry-feature-section .right-part .section-img:after { right: -18px;}
}

@media (max-width:1305px){

  .enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .subMenuRightCol { width: 181px;}
  .enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .side-nav-right.sb-menu { max-width: calc(100% - 431px);}

}
@media (max-width:1280px){
  .blogBanner{padding: 78px 0;}
  .blogContentBannerBg{padding:0}


}
@media (max-width:1230px){
  .blogContentBannerBg{padding:0;}
}

@media (max-width:1200px){
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec { padding-bottom: 200px !important; }
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec.onboardingBanner{ padding-bottom: 300px !important; }
  .enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .subMenuRightCol { width: 180px;}
  .enumenu_ul .hs-menu-wrapper>ul ul .main-sub .sub-menu-box .side-nav-right.sb-menu { max-width: calc(100% - 430px);}
  .managementSection .tabMainSection .tabMainTwoCol {margin: 40px 0;}
  .hero-banner-wrap .hrBannerInner p { max-width: 680px;}
  .benefitsEnrollmentTab .tabMainSection .tabingInner .tabMainLeftContent.blueCheckList ul li { margin-bottom: 30px;}
  #hs_cos_wrapper_dnd_area-module-3 .merlin-section.proud-partner-section{ padding-bottom: 30px;}
  .recentBlogRepeat.w-33{width:50%;}

  /*   .new-subhero-section .left-part h1 {font-size: 51px;} */
  .new-subhero-section .left-part .section-heading h6 {font-size: 24px;}
  .new-subhero-section .right-part .img3 {max-width: 250px;top: 70px;}
  .new-subhero-section .right-part .img2 {max-width: 205px;top: 200px;}
  .new-subhero-section .right-part .img1 {max-width: 165px;}
  .new-subhero-section .right-part .img-wrap {max-width: 480px;}
  .new-subhero-section .right-part {min-height: 420px;}
  .new-subhero-section .right-part .circle-img:before {width: 35px;height: 35px;right: -85px;}
  .new-subhero-section .right-part .circle-img {max-width: 91px;bottom: -31px;}
  .new-subhero-section .left-part {width: 50%;}
  .new-subhero-section .right-part {width: 50%;}
  .new-subhero-section .left-part .content {max-width: 560px;}
  .industries-help-section .box .bottom-part .content p {font-size: 17px;}
  .industry-feature-section .right-part .section-img:before {width: 500px; height: 560px;top: -90px;}
  .industry-feature-section .right-part .section-img {height: 406px;}
  .industry-feature-section .right-part {padding-left: 70px;}
  .industry-feature-section .right-part:before {left: -10px; bottom: 60px;}
  .industry-feature-section .custom-width-point {padding: 0px 0 30px;}
  .industry-feature-section {padding: 170px 0 70px;}
  .industry-feature-section .left-part {padding-right: 40px;}
  .industry-feature-section .left-part .section-heading h3 {padding: 0px 0 30px;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner,.flipParent .flip-text.back.hrcont2 .flipBackInner,.flipParent .flip-text.back.hrcont3 .flipBackInner{font-size: 8px;}




}

@media (max-width:1080px){
  .blogSocialIcon{width:20% !important;}
  .blogContentInner{width:75%!important;}
  .blogBanner{padding: 32px 0;}
  .blogBanner, .blogContentBannerBg{padding: 0;}

}

@media (max-width:1024px){
  .hs-content-id-66392502886 #hs_cos_wrapper_widget_1645005685999 .merlin-section{ padding-top: 220px;  padding-bottom: 120px;}
  .hs-content-id-64219621279 #hs_cos_wrapper_widget_1642585442034 .merlin-section{ padding-top: 140px;}
  .hs-content-id-66407002803 #hs_cos_wrapper_widget_1645018296041 .merlin-section{padding-top: 190px;} 
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec.onboardingBanner{ padding-bottom: 230px !important; }

}



@media (min-width:992px){
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper {display: block !important; }
}

@media (max-width:991px){
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec {padding-bottom: 200px !important;}
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec.onboardingBanner{padding-bottom: 200px !important;}
  .three-col-section .box h3{ font-size: 17px;}
  .free-consult-section{ padding: 30px 0 70px;}
  .payrollLeftImg.leftVideoPart {width:100%;padding-right: 0;} 
  .payrollRightContent.rightContentPart {width: 100%;padding-left: 0; padding-top:50px;}

  .flipParent .firsrHrIMg.flipper.flipcard.hrImg1 .flip-text, .flipParent .firsrHrIMg.flipper.flipcard.hrImg3 .flip-text{ padding: 12px;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner, .flipParent .flip-text.back.hrcont3 .flipBackInner{ font-size: 9px; padding: 6px;}

  /* -- Header Submenu -- */
  .head-top.header-v3 .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg, .head-top.header-v3 .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper .sub-menu-box .box a .icon svg * {fill: #fff;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper {width: auto; box-shadow: none; left: 0; top: 0; position: relative;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li:hover > ul.hs-menu-children-wrapper:before { display: none;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box { padding: 10px 24px 20px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content { width: 100%; padding: 10px 0 0;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a { flex-wrap: wrap;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a { padding: 0;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box h4 { color: #fff; font-weight: 700; font-size: 17px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content p { color: #fff; font-size: 14px; line-height: 22px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon svg { fill: #fff;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box { border-bottom: 1px solid #ffffff61; margin: 0;  padding: 25px 10px; width: calc(100% / 2); align-items: baseline;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon { height: 30px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box { display: flex; flex-wrap: wrap;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .main-sub { height: auto;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper.bm-add-m2 .main-sub { height: auto;}

  .hs-content-id-64219621279 #hs_cos_wrapper_widget_1642585442034 .merlin-section { padding-top: 180px;}
  .hs-content-id-66407002803 #hs_cos_wrapper_widget_1645018296041 .merlin-section{padding-top: 230px;}
  #hs_cos_wrapper_dnd_area-module-1 .hero-banner-sec.contact-hero-section { height: auto; padding-bottom: 0 !important; padding-top: 60px;}
  .contact-hero-section .center-part form { padding: 40px 25px 30px;}
  .contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox { margin-left: 0; margin-right: 0;}
  .contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox p { font-size: 14px;}

  .client-trust-section .outer-wrap { flex-wrap: wrap;}
  .client-trust-section .left-part { width: 100%; padding: 0; text-align: center; padding: 0 0 70px;}
  .client-trust-section .right-part { width: 100%; padding: 0;}
  .client-trust-section .right-part .client-trust-slider { float: none; margin: auto; max-width: 501px;}
  .client-trust-section .right-part .client-trust-slider:before { transform: scale(1.2);}
  .client-trust-section .right-part .client-trust-slider .inner-content { max-width: 434px;}
  .client-trust-section .right-part .client-trust-slider:after { right: -1px;}
  .client-trust-section .left-part h2 { margin: auto; font-size: 25px;}
  .client-trust-section .left-part .counter-box { padding: 20px 0;}
  #hs_cos_wrapper_dnd_area-module-2 .client-trust-section { padding: 40px 0 90px !important;}
  .client-trust-section .left-part .counter-box h5 { font-size: 22px;}

  .proud-partner-section .right-part .details h3 { font-size: 22px;}
  .proud-partner-section .right-part .details h4 { font-size: 18px; margin-bottom: 10px;}

  .blogSocialIcon{width:25% !important;}
  .blogContentInner{width:70%!important;}
  .blogSocialIcon{width:100% !important;}
  .blogContentInner{width:100%!important;}
  #mainNav ul.mobile-visible li{opacity:1;transform:none;}
  #mainNav { max-width: 100%; }

  .new-subhero-section {padding: 60px 0px;}
  .new-subhero-section .left-part {width: 100%;padding: 0 0 20px;}
  .new-subhero-section .left-part .section-heading {max-width: 100%;text-align: center;}
  .new-subhero-section .left-part .content {margin: auto; max-width: 760px;}
  .new-subhero-section .right-part {width: 100%;}
  .new-subhero-section .right-part .img-wrap {float: none;margin: auto; margin-top:50px;}
  .industries-help-section .box {width: calc(100% / 2 - 30px);margin: 0 15px 30px;}
  .industries-help-section .wrap {margin: 0 -15px;padding: 5px 0 0;}
  .industries-help-section {padding: 30px 0 80px;}
  .industries-help-section .box .bottom-part {padding: 30px 20px;}
  .industries-help-section .box .simple-link a {font-size: 20px;}
  /*   .industries-help-section .box .bottom-part .content p{line-height: 29px;} */
  .bottom-blue-section:before, .bottom-blue-section:after { display:none; }

  .industry-feature-section .left-part {width: 100%;padding: 0;}
  .industry-feature-section .right-part {width: 100%;padding: 90px 10px 0 80px;}
  .industry-feature-section .right-part:before {bottom: 10px;}
  .industry-feature-section .left-part .section-heading {max-width: 100%;}
  .industry-benefit-section .outer-cover {padding: 60px 0 20px;}
  .industry-benefit-section .section-heading ul li {width: 100%;padding: 0 0 12px 38px;margin: 0;}
  .industry-benefit-section .section-heading h3 {text-align: left;}
  .industry-feature-section {padding: 70px 0 80px;}
  .industry-inner-hero .section-heading:before {right: 100px;}
  .industry-inner-hero .custom-width-point:before {left: 4%;}
  .industry-inner-hero {padding: 50px 0 30px;}

  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions{height: 50px; padding: 25px 10px;}
  #mainNav ul{padding-bottom: 20px;}
  .subscribeFormWp form.hs-form input[type=email]{height:52px;}
  .subscribeFormWp form.hs-form input[type=email]{max-width: 100%;}
  .subscribeFormWp.contact-form-section form.hs-form .actions {position: relative!important;top: inherit;margin-top: 25px;left: inherit; float:none;}
  .blogBanner, .blogContentBannerBg{padding: 0; min-height: 500px;}

}

@media (max-width:767px){
  .three-col-section .box { width: calc(100% / 1 - 30px);}
  .three-col-section .outer-wrap { max-width: 500px;}
  .contact-form-section .left-part { width: 100%; padding: 0;}
  .contact-form-section .cover { flex-wrap: wrap;}
  .contact-form-section .rigth-part { width: 100%;}
  .contact-form-section { padding: 44px 0 60px;}
  .three-col-section .box:last-child { margin-bottom: 0;}
  .contact-form-section .rigth-part .form-cover { padding: 30px 20px;}
  .free-consult-section .left-part { width: 100%; padding: 0;}
  .free-consult-section .right-part { width: 100%;}
  .free-consult-section { padding: 40px 0 70px;}
  .managementSection .tabMainSection .tabMainTwoCol {margin: 0;}
  .tabMainSection .tabingInner .tabMainLeft .tabMainLeftInner { padding-top: 0;}
  .hs-content-id-64219621279 #hs_cos_wrapper_widget_1642585442034 .merlin-section { padding-top: 250px;}
  .hs-content-id-66407002803 #hs_cos_wrapper_widget_1645018296041 .merlin-section{padding-top: 290px;}
  

  .contact-hero-section .hero-form-wrap { max-width: 400px; flex-wrap: wrap;}
  .contact-hero-section .hero-form-wrap .left-side { width: 50%; padding: 0 15px 0 0;}
  .contact-hero-section .hero-form-wrap .center-part { width: 100%; padding: 40px 0 0; order: 3;}
  .contact-hero-section .hero-form-wrap .right-part { width: 50%; padding: 0 0 0 15px;}
  .contact-hero-section .hero-form-wrap{padding: 12px 0 0;}
  #hs_cos_wrapper_dnd_area-module-1 .hero-banner-sec.contact-hero-section { padding-bottom: 100px !important; padding-top: 50px !important;}
  .contact-hero-section .center-part form { padding: 35px 20px 30px;}
  .contact-hero-section .submitted-message { font-size: 17px;}

  #hs_cos_wrapper_dnd_area-module-1 .hero-banner-sec.contact-hero-section { margin-bottom: 10px !important;}
  .client-trust-section .right-part .client-trust-slider:before { display: none;}
  .client-trust-section .right-part .client-trust-slider .inner-content { max-width: 100%; padding: 65px 0 0; text-align: center !important;}
  .client-trust-section .right-part .client-trust-slider { max-width: 100%;}
  .client-trust-section .right-part .client-trust-slider .inner-content:before { width: 60px; height: 60px; left: 0; right: 0; margin: auto;}
  .client-trust-section .left-part { padding: 0 0 20px;}
  .client-trust-section .right-part .client-trust-slider:after {display: none;}
  #hs_cos_wrapper_dnd_area-module-2 .client-trust-section {margin: 0 !important; padding: 40px 0 50px !important;}

  #hs_cos_wrapper_dnd_area-module-3 .merlin-section.proud-partner-section {padding-top: 0px; padding-bottom: 00px;}
  .proud-partner-section .left-part { width: 100%; padding: 0;}
  .proud-partner-section .right-part { width: 100%; padding: 60px 0 0;}
  .proud-partner-section .left-part img { width: 381px;}
  .proud-partner-section .section-title { padding: 0 0 10px; max-width: 800px; width: 100%; margin: auto;}
  .proud-partner-section .right-part .box-img { max-width: 270px;}
  .proud-partner-section .section-title h3 br { display: none;}
  .proud-partner-section .right-part .details h3 { font-size: 20px;}

  .recentBlogRepeat.w-33{width:100%;}
  .new-subhero-section .left-part .section-heading .content p {line-height: 28px;}
  .new-subhero-section .left-part h1 { padding-bottom: 0;}
  .new-subhero-section .left-part .section-heading h6 {font-size: 20px;}
  .new-subhero-section {padding: 40px 0px 60px;}
  .new-subhero-section .right-part .img3 {max-width: 230px;top: 73px;}
  .new-subhero-section .right-part .circle-img {left: 48%;}
  .new-subhero-section .right-part .img-wrap { max-width: 460px;}

  .industries-help-section .box {width: calc(100% / 1 - 30px);padding-bottom: 45px;}
  .industries-help-section .custom-width-point {max-width: 510px;}
  .industries-help-section .box .simple-link a:before {bottom: -1px;}
  .industries-help-section .box .bottom-part .content p {font-size: 17px;line-height: 28px;}
  .industries-help-section .box .bottom-part .content {max-width: 100%;}
  .industries-help-section .box .simple-link a {font-size: 20px;}
  .industries-help-section {padding: 30px 0 60px;}

  .industry-inner-hero .content p{ line-height: 26px;}
  .industry-inner-hero .custom-width-point:before {display: none;}
  .industry-inner-hero .section-heading:before {display: none;}
  .industry-inner-hero .custom-width-point:after {display: none;}
  .industry-feature-section .right-part:before {display: none;}
  .industry-feature-section .right-part .section-img:before {display: none;}
  .industry-feature-section .right-part .section-img:after {display: none;}
  .industry-feature-section .right-part {padding: 0;}
  .industry-feature-section .right-part .section-img {height: auto;}
  .industry-feature-section {padding: 50px 0 30px;}
  .industry-benefit-section .section-img {height: auto;}
  .industry-inner-hero .custom-width-point {padding: 0;}
  .industry-feature-section .right-part .inner-cover:before{display: none;}
  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe form .actions { left: 0; right: 0; margin: auto;}
  .systems-page.systems-page--search-results {padding: 0;}
  .systems-page--search-results h1 {padding: 20px 0 0px;}
  .systems-page--search-results .hs-search-results__listing li:first-child {padding-top: 0;}
  .privacy-policy-section ul { padding: 0;}
  .privacy-policy-section .custom-width-point { padding: 30px 0 20px;}
  .privacy-policy-section .left-part p {line-height: 27px;}
  .tabStickySection.benefitsEnrollmentTab.pos-rel.merlin-section {padding-top: 130px !important;}
  .payrollTwoColumn.alignItem.videoSection {padding-top: 20px;}
    .blogBanner, .blogContentBannerBg{padding:0;}
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec.onboardingBanner{padding-bottom: 152px!important;}

}



@media (max-width:640px){

  .flipParent .flip-text.back.hrcont1 .flipBackInner, .flipParent .flip-text.back.hrcont3 .flipBackInner { border: 5px solid #f0d878; font-size: 9px; padding: 8px;}
  .flipParent .firsrHrIMg.flipper.flipcard.hrImg1 .flip-text, .flipParent .firsrHrIMg.flipper.flipcard.hrImg3 .flip-text { padding: 4px;}
  .footer .copyright p span { width: 100%; display: inline-block; padding-top: 7px;}
  .footer .copyright p { display: flex; flex-direction: column-reverse; font-size: 15px;}
  .footer .copyright p strong { display:none; }
  .blogPostBodyContent img{margin-top:30px;margin-bottom:0px;}

}


@media (max-width:480px){
  
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec{padding-bottom: 60px !important;}
  #hs_cos_wrapper_dnd_area-module-1 .merlin-section.hero-banner-sec.onboardingBanner{padding-bottom: 60px !important;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box { padding: 10px 10px 10px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box h4 { font-size: 17px; line-height: 19px; margin: 0;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content p { display: none;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box { width: 100%;padding: 8px 0px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .content { width: calc(100% - 30px); padding: 0 0 0 18px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon svg {height: 25px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box .icon { width: 25px; height: 25px;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a { align-items: center;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover { background: transparent;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover svg { fill: #fff !important;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a h4:after { display: none;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box:last-child {border: 0;}


  .hs-content-id-66392502886 #hs_cos_wrapper_widget_1645005685999 .merlin-section { padding-top: 70px; padding-bottom: 40px;}
  .tabTwoCol.videoTwoCol .tabLeftCol { min-height:auto; padding-top:20px;}
  .client-trust-section .left-part .counter-box h3 { font-size: 91px;}
  .client-trust-section .left-part .counter-box h5 { font-size: 18px;}
  .client-trust-section .right-part .client-trust-slider .inner-content p { font-size: 17px; line-height: 26px;}
  .client-trust-section .right-part .client-trust-slider .inner-content h5 { font-size: 17px;}
  .new-subhero-section .right-part .circle-img {display: none;}
  .new-subhero-section .right-part .img1, .new-subhero-section .right-part .img2, .new-subhero-section .right-part .img3 {position: relative;top: 0;left: 0;right: 0;margin: auto;margin-bottom: 30px;}
  .new-subhero-section .right-part {min-height: auto;}
  .new-subhero-section {padding: 40px 0px 30px;}
  .new-subhero-section .right-part .img3 {margin-bottom: 0;}
  .industries-help-section {padding: 0px 0 20px;}
  .industries-help-section .box .bottom-part {padding: 30px 15px;}
  .industries-help-section .box .box-img {height: 240px;}
  .new-subhero-section .right-part .img1, .new-subhero-section .right-part .img2, .new-subhero-section .right-part .img3 {max-width: 230px;}
  .industry-benefit-section .section-heading ul li {font-size: 17px;line-height: 30px;}
  .industry-feature-section .left-part .section-heading ul li {font-size: 17px;line-height: 26px;}
  .tabStickySection.benefitsEnrollmentTab.pos-rel.merlin-section {padding-top: 60px !important;}
  .blogBanner, .blogContentBannerBg{padding:0;}
  .right-part .mobileIMage {padding-top: 20px;}
  
}


/*************************** 20/05/2022 Css start here ******************************/
.new-tab ul.tabs li span{color:#fff !important; }
.new-tab ul.tabs li.active span{color:#00a6da !important;}
.new-tab ul.tabs li:hover span{color:#00a6da !important;}
.new-tab ul.tabs .selector{background-color:transparent !important;}
.new-tab ul.tabs li.active{display:flex !important;}
.fourColumnImg img{ max-width: 149px !important; /* margin: 0 auto; */ width:100% !important; }
.testimonialImg img {max-width: 257px !important;  width:100% !important;}
.testimonialQuat{max-width:71px;}
.blogLoadMore a{color:#000 !important;}


@media(max-width:767px){

}







*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}



/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

.dnd-section > .row-fluid {
  margin-left: auto;
  margin-right: auto;
}

.dnd-section .dnd-column {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding-left: 0;
    padding-right: 0;
  }
}




body {
  line-height: 1.5;
  word-break: break-word;
}

html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.5rem;
}

strong {
  font-weight: 800;
}

/* Links */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  margin: 0 0 1.5rem;
}

h1 {
  font-size: 62px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 20px;
  letter-spacing: 1.18px;
}

h5 {
  font-size: 20px;
  letter-spacing: 1.18px;
}

h6 {
  font-size: 18px;
  letter-spacing: 1.06px;
}

/* Lists */

ul li,
ol li {
  font-size: 1rem;
  line-height: 2;
}

ul ul,
ol ul,
ul ol,
ol ol {
  padding-left: 2.8rem;
}

ul.no-list {
  list-style: none;
}

/* Code Blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  padding: 1.5rem 2.8rem;
}

/* Horizontal Rules */

hr {
  border: 0 none;
  border-bottom: 2px solid;
}

/* Subscripts and Superscripts */

sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus State */

:focus {
  outline: auto;
}

.disable-focus-styles :focus {
  outline: none;
}
/* Primary Button */

button,
.button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  letter-spacing: 0;
  margin: 0 0 1.5rem;
  text-align: center;
  transition: all 0.15s linear;
}

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
  border: 1px solid #d0d0d0;
  pointer-events: none;
}

.button.button--secondary:disabled {
  background-color: inherit;
}

.button.button--simple:disabled {
  background-color: inherit;
  border: inherit;
}

/* Simple Button */

.button.button--simple {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0 !important;
  position: relative;
}

.button.button--simple:after {
  content: none;
  left: 0;
  position: absolute;
  width: 100%;
}

.button.button--simple:hover,
.button.button--simple:focus {
  background-color: transparent;
  border: none;
}

.button.button--simple:active {
  background-color: transparent;
  border: none;
}

/* Button Icons */

.button .button__icon svg {
  display: block;
  fill: inherit;
  height: 1.25rem;
  margin-right: 1rem;
}

.button.button--icon-right .button__icon {
  order: 1;
}

.button.button--icon-right .button__icon svg {
  margin-left: 1rem;
  margin-right: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button .button__icon svg {
    width: 1.25rem;
  }
}
/* Base */

.hs-form-field {
  position: relative;
}

/* Form Title */

.form-title {
  margin: 0;
  text-align: center;
}

.form-title ~ div > form {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Labels */

.hs-form-field > label {
  display: block;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Inputs */

.input {
  position: relative;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 100% !important;
}

select::-ms-expand {
  display: none;
}

fieldset {
  max-width: 100% !important;
}

/* Inputs - Checkbox/Radio */

form .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0 0.7rem 0.7rem;
  padding: 0;
  width: 100%;
}

input[type='checkbox'],
input[type='radio'] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

/* Inputs - Select */

.hs-fieldtype-select .input:after {
  content: '\25BE';
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* Inputs - Datepicker */

.hs-fieldtype-date .input .hs-dateinput:before {
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  border-radius: 0 !important;
}

/* Headings and Text */

form .hs-richtext img {
  max-width: 100% !important;
}

form .header {
  background-color: transparent;
  border: none;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  line-height: 1.25;
}

/* Validation */

.hs-error-msg,
.hs-error-msgs {
  margin-top: 0.35rem;
}

/* Submit */

form input[type='submit'],
form .hs-button {
  cursor: pointer;
  display: block;
  letter-spacing: 0;
  margin: 0 0 1.5rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  width: 100%;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

/* Inline Thank You Message */

.submitted-message {
  color: #fff;
}
/* Tables */

table {
  border-spacing: 0;
  margin-bottom: 1rem;
}

th,
td {
  vertical-align: top;
}

tr:nth-child(odd) {
  background-color: #eff7ff;
}

thead th,
thead td {
  border: none;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
}



.video-box * { max-width: 670px; width: 100%; border-radius: 11px; box-shadow: 0px 6px 15px rgb(0 0 0 / 20%); }
@media only screen and (min-width: 1250px) and (max-width: 1650px)  {
  .managementSection .tabMainSection .tabMainTwoCol { margin: 50px 0; }
    .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight ,.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight{    transform: scale(0.75);    padding: 0;}   
  }
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: 400;
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNovaRegular.eot'); /* IE9+ Compat Modes */
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNovaRegular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNova-Regular.woff2') format('woff2'), /* Super modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNovaRegular.woff') format('woff'), /* Modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNovaRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Regular/ProximaNova-Regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: 500;
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.eot'); /* IE9+ Compat Modes */
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.woff2') format('woff2'), /* Super modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.woff') format('woff'), /* Modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Medium/ProximaNova-Medium.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: 700;
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.eot'); /* IE9+ Compat Modes */
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.woff2') format('woff2'), /* Super modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.woff') format('woff'), /* Modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Bold/ProximaNova-Bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'ProximaNova';
  font-weight: 900;
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.eot'); /* IE9+ Compat Modes */
  src: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.woff2') format('woff2'), /* Super modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.woff') format('woff'), /* Modern browsers */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/Fonts/ProximaNova/Extra%20Bold/ProximaNova-Black.svg') format('svg'); /* Legacy iOS */
}


body{opacity:0;visibility:hidden; transition:all 0.5s ease;}
.bodyLoad{opacity:1;visibility:visible;}






/* 1a. Containers */




/* 1b. Colors */








/* 1c. Typography */





























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1663px;
}





/* html {  scroll-behavior: smooth;} */

html {  
  font-size: 17px;
}

body {
  font-family:Manrope, 'sans-serif';
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #06040a;
  font-size: 17px;
}

/* Paragraphs */

p {
  font-family:Manrope, 'sans-serif';
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 17px;
  line-height:28px;
  color:#06040a;
  font-weight:500;
  margin-bottom:20px;
}

/* Anchors */

a {
  font-family:Manrope, 'sans-serif'
    font-weight: normal; text-decoration: none; font-family: Manrope, sans-serif; font-style: normal;
  color: #cb9f53;
}

a:hover,
a:focus {

  color: #a3772b;
}

a:active {

  color: #f3c77b;
}

/* Headings */

h1 {
  font-family: Manrope, 'sans-serif' !important;
  font-weight: 900;
  text-decoration: none;
  font-family: Manrope, serif;
  font-style: normal;
  line-height:
  normal;
  color: #00a6da;
  font-size: 40px;
  text-transform: none;
}

h2 {
  font-family:Manrope, 'sans-serif';
  font-weight: 900; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  line-height:normal;
  color: #00a6da;
  font-size: 27px;
  text-transform: none;
}

h3 {
  font-family:Manrope, 'sans-serif';
  font-weight: 800; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  line-height:normal;
  color: #00a6da;
  font-size: 22px;
  text-transform: none;
}

h4 {
  font-family:Manrope, 'sans-serif';
  font-weight: 700; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  line-height:38px;
  color: #00a6da;
  font-size: 22px;
  text-transform: none;
}

h5 {
  font-family:Manrope, 'sans-serif';
  font-weight: normal; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  color: #06040a;
  font-size: 16px;
  text-transform: none;
}

h6 {
  font-family:Manrope, 'sans-serif';
  font-weight: normal; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  color: #00a6da;
  font-size: 14px;
  text-transform: none;
}

@media (max-width:1600px) {
  h1 {font-size: 40px;}
  h2 { font-size: 27px;}
  /*    h2 { font-size: 35px;} */
  h3 { font-size: 22px;} 
}
@media (max-width:1400px) {
  h1 {font-size: 40px;}
  h2 { font-size: 27px;}
  /*    h2 { font-size: 35px;} */
  h3 { font-size: 22px;} 
}

@media (max-width:1200px) {
  h1 {font-size: 40px;}
  h2 { font-size: 27px;}
  /*    h2 { font-size: 35px;} */
  h3 { font-size: 22px;} 
}
@media (max-width:767px) {
  h1 {font-size: 40px;}
  h2 { font-size: 27px;}
  /*    h2 { font-size: 35px;} */
  h3 { font-size: 22px;} 

}
/* Blockquote */

blockquote {
  border-left-color: #00a6da;
}

.fontWhite h1,.fontWhite h2,.fontWhite h3,.fontWhite h4,.fontWhite h5,.fontWhite h6,.fontWhite p,.fontWhite span{color:#FFFFFF !important}





button:not(.private-button),
.button, .btn1, .custom_style {

  padding: 20px;

  font-family:Manrope, 'sans-serif';
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight:700;
  line-height:normal;
  background-color: 

  
  
    
  


  rgba(240, 216, 120, 1.0)

;
  border-radius: 10px;
  color: #FFFFFF;
  text-transform: none;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  -webkit-box-shadow: 0px 2px 8px 0px rgb(63 63 63 / 26%);
  -moz-box-shadow: 0px 2px 8px 0px rgba(63, 63, 63, 0.26);
  box-shadow: 0px 2px 8px 0px rgb(63 63 63 / 26%);
}
.btn {
  display: inline-block;
  width: auto;
}

.btn1 span, .custom_style span {
  display: inherit;
  line-height: normal;
  top:2px;
  padding-left: 10px;
  position: relative;
  right: 0;
}
button:hover,
button:focus,
.button:hover,
.button:focus, .btn1:hover, .btn1:focus, .custom_style:hover, .custom_style:focus  {
  
  background-color: rgba(200, 176, 80, 1.0);

}

button:active,
.button:active, .btn1:active, .btn1:active, .custom_style:active {
  color:#FFFFFF;
  background-color: rgba(255, 255, 160, 1.0);

}





form,
.submitted-message {
  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;

}
.submitted-message { color:#06040a; font-weight:700;}
/* Form title */

.form-title {
  color: #06040a;
}

/* Labels */

form label {
  color: #06040a;
}

/* Help text */

form legend {
  color: #06040a;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(250, 250, 250, 1.0)

;
  color: #06040a;
  border-radius: 10px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #06040a;
}

::-moz-placeholder {
  color: #06040a;
}

:-ms-input-placeholder {
  color: #06040a;
}

::placeholder {
  color: #06040a;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #06040a;
}

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 0px solid #f0d878;

  padding: 20px;

  font-family: Manrope, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(240, 216, 120, 1.0)

;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: none;
  margin-bottom:0;
  font-weight:700;
  width: auto;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(200, 176, 80, 1.0);
  border-color: #c8b050;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 160, 1.0);
  border-color: ;
}





/* Table */

table {
  
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Table cells */

td,
th {
  
  
  border-color: ;
  color: ;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #06040a;
  font-family: Manrope;
}

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

.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: #000000;
}

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

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

.menu__child-toggle-icon:active {
  border-top-color: #2e2c32;
}

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

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: ;
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

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

.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(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Manrope;
}

.header__language-switcher-label-current:after {
  border-top-color: #06040a;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #06040a;
  }
}

.hero-banner-solution-section {
  min-height: 634px;
}

.hero-banner-solution-section .solutionBannerWrap {
  display: flex;
  align-items: center;
  max-width: 1450px;
  margin: 0 auto;
  width: 100%;
  justify-content: space-between;
  padding: 70px 0;
}
.hero-banner-solution-section .solutionBannerLeftSide {
  max-width: 560px;
  margin: 0;
}
.hero-banner-solution-section .dotedPatternLeft {
  position: absolute;
  left: auto;
  right: 226px;
  top: -60px;
}
.hero-banner-solution-section .dotedPatternRight {
  position: absolute;
  bottom: -100px;
  top: auto;
  right: 90px;
  z-index: -1;
}

.hero-banner-solution-section .action-btn-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  align-items: center;
  margin: 20px 0;
}
.hero-banner-solution-section .request-a-consultation-blue {
    border: 1px solid #00A6DA !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}
.hr-headaches-title {
  font-size: 50px;
}
.tech-platform-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px
}
.technology-platform-section {
  background: url(https://resources.combinedhcm.com/hubfs/Group%2034683.svg) no-repeat;
  background-size: cover;
  padding: 40px 0 0 60px !important;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.tech-platform-row .phoneImg {
    margin-top: -40px;
}

.tech-platform-row .right-side-content {
    max-width: 621px;
}

.technology-platform-section .technologyPlatformInner {
  position: absolute;
  bottom: 0;
  z-index: 10;
  padding: 0px !important;
  right: 10px;
  justify-content: flex-end !important;
  gap: 14px;
}

.technology-platform-section .PlatformFourColInner {
    border-radius: 19px 19px 0px 0px !important;
    padding: 0 10px !important;
    height: 100% !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: #fff !important;
    transition: transform 1.5s;
}
.technology-platform-section .PlatformFourColInner:hover {
  box-shadow: 1px 1px 13px 4px rgb(255 255 255 / 50%);
  transform: translateY(-30px);
}

.technology-platform-section .PlatformFourCol {
  padding: 0 !important;
  width: 152px;
  height: 178px;
  margin-bottom: -30px;
}

.technology-platform-section .boxLink {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.technology-platform-section .boxLink > .PlatformTitle > h4 {font-family: Manrope, sans-serif !important;font-style: normal !important;font-weight: 700 !important;font-size: 14px !important;line-height: 1.5 !important;text-align: center !important;color: #00A6DA !important;}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* 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: #06040a;
}





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

/* Blog post */

.blog-post__meta a {
  color: #06040a;
}

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

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

.blog-post__tag-link:active {
  color: #2e2c32;
}

/* 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: 900; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #00a6da;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #007eb2;
}

.blog-related-posts__title-link:active {
  color: #28ceff;
}

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-weight: 900; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  color: #00a6da;
}





/* Blog listing */
.itemCenter{align-items: center;}
.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 900; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  text-transform: none;
}

.blog-index__post-title-link {
  color: #00a6da;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #007eb2;
}

.blog-index__post-title-link:active {
  color: #28ceff;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #06040a;
}

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #06040a;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #2e2c32;
}

.pagination__link-icon svg {
  fill: #06040a;
}

/* Pricing card */

.card__price {
  font-weight: 800; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  color: #00a6da;
  font-size: 22px;
}

.card__body svg {
  fill: #06040a;
}

/* Social follow */

.social-links__icon {
  background-color: #06040a;
}

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

.social-links__icon:active {
  background-color: #2e2c32;
  font-weight: 800; text-decoration: none; font-family: Manrope, serif; font-style: normal;
  color: #00a6da;
  font-size: 22px;
}

.alignItem{align-items: center;}



/*---------------------------------*/


/* Common  Css Here */
:focus{outline:unset;}
.container{padding:0px 20px; float:none !important; max-width:1663px ; margin:0 auto !important;}
.dis-flex{display:flex; flex-wrap:wrap;}
.justifyCenter{justify-content: center}
.js-center{justify-content:center;}
.js-end{justify-content:flex-end;}
.al-center{align-items:center;}
.al-end{align-items:flex-end;}
.txt-left { text-align: left; }
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.text-left { text-align: left; }
.text-center{text-align:center;}
.text-right{text-align:right;}
h1, h2, h3, h4, h5, h6{margin-bottom:20px;}
.bg-normal{background-size:cover; background-position:center center; background-repeat:no-repeat;}
.btn2:hover { opacity: 0.8; }
.btn1,.btn2,.btn3{transition:0.5s all ease;}
ul,ol { padding-left: 20px ; margin:0; }
.blogPostBodyContent ul li >ul {padding-left: 0 !important;}
.blogPostBodyContent ul ul li {list-style-type: circle;}
.ptop5 {padding-top:5px}
.ptop15 {padding-top:15px}
.ptop25 {padding-top:25px}
.ptop35 {padding-top:35px}
.ptop45 {padding-top:45px}
.ptop55 {padding-top:55px}
.ptop65 {padding-top:65px}
.ptop75 {padding-top:75px}
.ptop85 {padding-top:85px}
.ptop95 {padding-top:95px}
.ptop10{padding-top:10px;}
.ptop20{padding-top:20px;}
.ptop30{padding-top:30px;}
.ptop40{padding-top:40px;}
.ptop50{padding-top:50px;}
.ptop60{padding-top:60px;}
.ptop70{padding-top:70px;}
.ptop80{padding-top:80px;}
.ptop90{padding-top:90px;}
.ptop100{padding-top:100px;}

.pbtm5 {padding-bottom:5px}
.pbtm15 {padding-bottom:15px}
.pbtm25 {padding-bottom:25px}
.pbtm35 {padding-bottom:35px}
.pbtm45 {padding-bottom:45px}
.pbtm55 {padding-bottom:55px}
.pbtm65 {padding-bottom:65px}
.pbtm75 {padding-bottom:75px}
.pbtm85 {padding-bottom:85px}
.pbtm95 {padding-bottom:95px}

.pbtm10{padding-bottom:10px;}
.pbtm20{padding-bottom:20px;}
.pbtm30{padding-bottom:30px;}
.pbtm40{padding-bottom:40px;}
.pbtm50{padding-bottom:50px;}
.pbtm60{padding-bottom:60px;}
.pbtm70{padding-bottom:70px;}
.pbtm80{padding-bottom:80px;}
.pbtm90{padding-bottom:90px;}
.pbtm100{padding-bottom:100px;}

.ps0-5{padding:0px 5px;}
.ps0-10{padding:0px 10px;}
.ps0-15{padding:0px 15px;}
.ps0-20{padding:0px 20px;}
.ps0-25{padding:0px 25px;}
.ps0-30{padding:0px 30px;}
.ps0-35{padding:0px 35px;}
.ps0-40{padding:0px 40px;}
.ps0-45{padding:0px 45px;}
.ps0-50{padding:0px 50px;}
.ps0-55{padding:0px 55px;}
.ps0-60{padding:0px 60px;}

.mbtm5 {margin-bottom:5px}
.mbtm15 {margin-bottom:15px}
.mbtm25 {margin-bottom:25px}
.mbtm35 {margin-bottom:35px}
.mbtm45 {margin-bottom:45px}
.mbtm55 {margin-bottom:55px}
.mbtm65 {margin-bottom:65px}
.mbtm75 {margin-bottom:75px}
.mbtm85 {margin-bottom:85px}
.mbtm95 {margin-bottom:95px}

.mtop10{margin-top:10px;}
.mtop20{margin-top:20px;}
.mtop30{margin-top:30px;}
.mtop40{margin-top:40px;}
.mtop50{margin-top:50px;}
.mtop60{margin-top:60px;}
.mtop70{margin-top:70px;}
.mtop80{margin-top:80px;}
.mtop90{margin-top:90px;}
.mtop100{margin-top:100px;}


.mtop5 {margin-top:5px}
.mtop15 {margin-top:15px}
.mtop25 {margin-top:25px}
.mtop35 {margin-top:35px}
.mtop45 {margin-top:45px}
.mtop55 {margin-top:55px}
.mtop65 {margin-top:65px}
.mtop75 {margin-top:75px}
.mtop85 {margin-top:85px}
.mtop95 {margin-top:95px}
.mbtm10{margin-bottom:10px;}
.mbtm20{margin-bottom:20px;}
.mbtm30{margin-bottom:30px;}
.mbtm40{margin-bottom:40px;}
.mbtm50{margin-bottom:50px;}
.mbtm60{margin-bottom:60px;}
.mbtm70{margin-bottom:70px;}
.mbtm80{margin-bottom:80px;}
.mbtm90{margin-bottom:90px;}
.mbtm100{margin-bottom:100px;}

.fw-100{font-weight:100;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-900{font-weight:900;}

.w-20{width:20%;}
.w-25{width:25%;}
.w-30{width:30%}
.w-33{width:33.33%;}
.w-40{width:40%}
.w-45{width:45%;}
.w-48{width:48%;}
.w-50{width:50%;}
.w-52{width:52%;}
.w-55{width:55%;}
.w-58{width:58%;}
.w-60{width:60%}
.w-65{width:65%}
.w-70{width:70%}
.w-75{width:75%}
.w-80{width:80%}
.w-85{width:85%}
.w-90{width:90%}
.w-55 { width: 55%; } 
.w-45 { width: 45%; }

/* Font size class Here */
.font60{font-size:60px;}
.font52{font-size:52px;}
.font40{font-size:40px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font34{font-size:34px;}
.font20{font-size:20px;}
.font19{font-size:19px;}
.font18{font-size:18px;}
.font17{font-size:17px;}
.font15{font-size:15px;}
.font14{font-size:14px;}


/* Width */
.max1200{max-width: 1200px;margin: 0 auto;width: 100%;}



/************ resrt css ****************/
ul { padding-left: 25px;   }
/* ul li:before {  position: absolute; content: "\f00c"; font-family: FontAwesome;   left: -25px; top: 3px;     color: #37474F; } */
li { padding-left: 0px; font-size: 17px; line-height: 1.778; margin-bottom: 20px;  list-style-type: none; position: relative; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
.bg {background-size: cover;background-repeat: no-repeat;background-position: center;}
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none;  transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
/* End hide from IE Mac */ 
*:before, *:after {box-sizing: border-box;}
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #06040a !important;} /* WebKit browsers */
input:-moz-placeholder { color: #06040a !important; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #06040a !important;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #06040a !important;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #06040a !important; } /* WebKit browsers */
textarea:-moz-placeholder { color: #06040a !important; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #06040a !important; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #06040a !important; } /* Internet Explorer 10+ */

select::-webkit-input-placeholder { color: #06040a !important; } /* WebKit browsers */
select:-moz-placeholder { color: #06040a !important; } /* Mozilla Firefox 4 to 18 */
select::-moz-placeholder { color: #06040a !important; } /* Mozilla Firefox 19+ */
select:-ms-input-placeholder { color: #06040a !important; } /* Internet Explorer 10+ */


/******body  ******/
body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
/* IE */
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/* remove auto fill yellow color */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fff inset;
  -moz-box-shadow: 0 0 0 100px #fff inset;
  box-shadow: 0 0 0 100px #fff inset;
  color:#333 ;
}




/* -------- Forms --------- */

.hs-form textarea, 
.hs-form input[type="text"], 
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"],  
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"], 
.hs-form select {



  border: 1px solid #fafafa;
;
  background-color: 

  
  
    
  


  rgba(250, 250, 250, 1.0)

;
  color: #06040a;
  border-radius: 10px;

  width:100%;

  height:42px;
  font-size:18px;
  line-height:normal;
  padding:5px 15px;
}

.hs-form textarea:focus, 
.hs-form input[type="text"]:focus, 
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus,  
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus, 
.hs-form select {
  outline-color: #06040a; 
}

.center-part form .input textarea::placeholder {color: #ababae !important; font-size:20px;}
.center-part form .input textarea {background: #f2f2f2;}


.hs-form input:focus{
  outline: 0;
}
.hs-form select {
  -webkit-appearance: none;

}
.hs-form-field > label { font-size: 17px; font-weight: 700; color: #06040a; margin-bottom:0px;display:inline-block;}

.hs-recaptcha { 
  margin-bottom: 30px;
}
.hs-form-field {
  position:relative;
}

.blogPostTwoColSection .hs-form.stacked.hs-custom-form.hs-form-private .hs_submit.hs-submit {
  margin-top: 16px !important;
}
.hs-form input[type="checkbox"]{
  margin-right:25px;
}
.hs-form textarea { height: 130px !important; resize: none !important; resize: none; width: 100% !important; }
input[type="submit"]{
  -webkit-appearance: none;
  padding: 15px 24px;  
  text-decoration: none;
  line-height:normal;
  font-size: 15px;
  font-weight: 600;

}


.hs-form-field .input { display: table; width: 100%; margin: 0 !important; }
/* .invalid.error{
border-bottom: 1px solid #DA0000;
} */
.hs-error-msgs { position: relative; }
.hs-error-msgs li label{
  font-size: 14px;
  line-height: 14px;
  color: #DA0000;
}
.hs-error-msgs li{ list-style-type:none; margin: 0;}
.hs-form-checkbox{width:100%;float:left;list-style-type:none;}
.hs-form-radio{width:33.3%;float:left;list-style-type:none;}
.hs-form-checkbox input, .hs-form-radio input{margin-right: 27px;}
form .hs-richtext{  text-align:center;}
form{max-width:100%;width:100%;float: none !important;}
form legend{color:#8B8B8B;font-size:18px;margin-bottom: 0;}
.submitted-message {text-align: center;font-size: 18px;overflow: hidden !important;line-height: normal; }
.blueCheckList li{position:relative;padding-left:46px;line-height:1.5; font-weight:500;}
.blueCheckList li:before{content:'';background-image:url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png');height:29px;width:29px;border-radius:50%;background-repeat:no-repeat;background-size: cover;background-position: center;position: absolute;background-color: #fff;left: 0;top: 0px;}



/* Form Two Col Section */

.form-columns-2 , .form-columns-1{max-width:100% !important;}
.form-columns-2 > div { width: 48% !important; }
.form-columns-2 > div:first-child{float:left !important;}
.form-columns-2 > div:last-child{float:right !important;}

/* Radio Button Style */

.hs-form-radio label.hs-form-radio-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-radio-display .hs-input { display: none; }
.hs-form-radio label.hs-form-radio-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-radio label.hs-form-radio-display input+span:before { width: 20px; height: 20px; content: ''; border: 1px solid #e4e4e4; background-color: transparent; display: inline-block; border-radius: 100%; margin-right: 13px; transition: .5s ease all; }
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background-color:#111d33;}
.hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 6px; width: 8px; height: 8px; background-color: #fff; top: 6px; border-radius: 100%; transition: .5s ease all; }

/* Checkbox Style */

/* .hs-form-checkbox:not(:last-child){margin-bottom:29px;} */
.hs-form-checkbox label.hs-form-checkbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 20px; height: 20px; content: ''; border: 1px solid #e4e4e4; background-color: transparent; display: inline-block; margin-right: 13px; transition: .5s ease all; }
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#111d33;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 4px; width: auto; height: auto; background-color: transparent; top: 4px; border-radius: 100%; transition: .5s ease all; color: #fff; font-size: 12px; }

li.hs-form-booleancheckbox:not(:last-child){margin-bottom:29px;}
li.hs-form-booleancheckbox label.hs-form-checkbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; }
.hs-form-booleancheckbox-display .hs-input { display: none; }
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative; margin-left: 35px !important; }
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 18px; height: 18px; content: ''; border: 1px solid #e4e4e4; background-color: transparent; display: inline-block; margin-right: 13px; transition: .5s ease all; position: absolute; left: -35px; top: 1px; }
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{background-color:#111d33;}
li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left: -31px; width: auto; height: auto; background-color: transparent; top: 4px; border-radius: 100%; transition: .5s ease all; color: #fff; font-size: 11px; }

/*-----------------Header-Css-2021---------------------------*/
/* .head-top{padding:20px 0;} */
.head-top .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
/* .site-logo{width:260px;display:inline-block;} */
.site-logo { width: 260px; display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.site-logo a{display:block;width:100%;}
.site-logo a img{width:100%;}
.right-menu{width:calc(100% - 262px);display:flex;flex-wrap:wrap;justify-content:flex-end;}
.menu-icon{display:none;cursor:pointer;color:#fff;text-transform:uppercase;text-align:center;font-weight:bold;line-height:33px;font-size:22px;padding:10px 0;}
.menu-icon .menu-box{width:50px;height:38px;margin-right:20px;padding:5px;position:absolute;right:0;}
.menu-icon.active .menu-box{position:absolute;right:284px;transition:all 0.5s ease 0s;}
.menu-icon .menu-box span{width:100%;height:4px;margin-bottom:6px;background:#fff;display:block;border-radius:2px;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s;}
.menu-icon.active span:nth-child(1){transform:rotate(45deg) translateY(8px) translateX(6px);-webkit-transform:rotate(45deg) translateY(8px) translateX(6px);}
.menu-icon.active span:nth-child(2){opacity:0;}
.menu-icon.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px) translateX(6px);-webkit-transform:rotate(-45deg) translateY(-7px) translateX(6px);}
.enumenu_ul .hs-menu-wrapper ul{padding:0px;list-style:none;margin:0;font-size:0; display: flex; align-items: center;}
.enumenu_ul .hs-menu-wrapper > ul > li{display:inline-block;vertical-align:top;margin-left:10px;margin-bottom:0;position:relative}
.enumenu_ul .hs-menu-wrapper > ul > li > a{font-size:18px;color:#06040a;padding:12px 20px;display:inline-block; font-weight:700;}
a.menubelow{position:relative;}

.enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow:after{position:relative;content:"\f107";font-family:fontawesome;padding-left:6px;display:inline-block;vertical-align:middle;line-height:normal;top: 0px;/*       -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease; */}
.enumenu_ul .hs-menu-wrapper>ul>li:hover>a.menubelow:after{-ms-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}
.enumenu_ul  .hs-menu-wrapper > ul > li > a:hover,.enumenu_ul  .hs-menu-wrapper > ul > li.active > a{color:#00a6da;}
/* .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a{background:#f9f9fa;border-radius:10px;} */
.enumenu_ul .hs-menu-wrapper>ul>li:last-child{margin-left:20px;position:relative}
.enumenu_ul .hs-menu-wrapper>ul>li:last-child a{position:relative;}
.enumenu_ul .hs-menu-wrapper>ul>li:last-child a:before{ position: absolute; content: ''; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/conversation.png); height: 20px; width: 20px; background-size: contain;background-position: left; left:19px; top: 52%; transform: translateY(-50%); } 
.enumenu_ul .hs-menu-wrapper>ul>li:last-child a{background:#f0d878;color:#FFFFFF;padding: 12px 20px 12px 50px;border-radius:10px;position:relative;}
.enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) > a{background-color: #c2c2c2 !important;position: relative;padding: 12px 20px 12px 50px;border-radius:10px;}
.enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a:before{ position: absolute; content: ''; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/user.png); height: 20px; width: 20px; background-size: contain;background-position: left; left:20px; top: 52%; transform: translateY(-50%); background-repeat: no-repeat; }
.enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) { padding-left: 20px; }
.enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a:hover{color:#06040a !important;border-bottom: 0;box-shadow: 0px 3px 0px 1px #9d9d9d;}
.enumenu_ul  .hs-menu-wrapper > ul ul li{width:100%;margin:0;list-style:none;position:relative;}
.bm-menu-mixed  .hs-menu-wrapper > ul ul li{width:100%;margin:0;list-style:none;position: inherit;overflow: hidden;}

.enumenu_ul .hs-menu-wrapper > ul ul{box-shadow: 0px 0px 33px 5px rgb(0 0 0 / 10%);top:100%;z-index:999;padding: 0 10px 15px;overflow:hidden;list-style:none;left:0px;background:#fefeff;position:absolute;min-width:100%;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;-webkit-transition:all .1s ease;border-left:2px solid#f0d878;border-top:1px solid#FFFFFF;}
/* .enumenu_ul.desk .hs-menu-wrapper > ul ul li a.menubelow:before {content: "\f105";font-family: 'FontAwesome';position: absolute;right: 20px;} */
/*Sub menu styles*/
.enumenu_ul.desk .hs-menu-wrapper > ul  li:hover > ul{opacity:1;visibility:visible;transform:translateY(0px);}
.enumenu_ul.desk .hs-menu-wrapper > ul li ul ul{left:100%;top:0;opacity:0;visibility:hidden;transform:translateY(20px); border-left:2px solid#f0d878;}
.enumenu_ul.desk .hs-menu-wrapper > ul li ul li:hover > ul{opacity:1;visibility:visible;transform:translateY(0px);}
.enumenu_ul.desk  .hs-menu-wrapper > ul ul li a{padding: 5px 25px 5px 25px;display:block;font-size:16px;text-align:left; color:#06040a;white-space: nowrap;font-weight:700;}
.enumenu_ul.desk  .hs-menu-wrapper > ul ul li:hover > a{background-color:#f0d878;}
.enumenu_ul.desk .hs-menu-wrapper>ul li.hs-menu-item.hs-menu-depth-2.hover:hover > a{background-color:#f0d878;border-radius:5px}
.enumenu_ul .arrow{position:absolute;right:10px;top:5px;width:30px;height:30px;background:url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/plus.png) no-repeat center center;cursor:pointer;z-index:999}
.enumenu_ul .arrow.up{background:url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/minus.png) no-repeat center center}
body {position: relative;}   
.menu-icon.active:before {content: "";  position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: 1;background-color: rgba(0,0,0,.2);}
/* .side-nav-righ-hover {background-color: #fff;border-radius: 20px;box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 5%);padding: 20px;} */
.sub-menu-box{padding-top: 50px;}
/*--------------Hero-Banner-Module-2021------------------*/

.hero-banner-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.hero-left-part{width:46%;position:relative;display:flex;flex-wrap:wrap;margin-top:105px;}
.our-part-sec{margin:94px 0 0;width:80%;display:flex;flex-wrap:wrap;align-items:flex-end;}
.our-part-wrap{display:flex;flex-wrap:wrap;width:100%;align-items:center;}
.hero-left-part:before{content:"";display: none;position:absolute;background-image:url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png);width:72px;height:72px;top: -85px;left: -101px;z-index:-1;}
.our-part-list{width:31.1%;margin-right:3.33%;}
.our-part-list:nth-child(3n){margin-right:0;}
.hero-right-part{min-height:712px;background-repeat:no-repeat;background-position:right center;background-size:inherit;width:47%;}
body .side-nav-righ-hover > h4 { color: #00a6da !important; padding-left: 15px !important; }
/*----------Business-Form-Module-2021--------------*/

.form-sec-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;}
.left-form-img{width:57%;}
.right-form-part{width:43%;padding-left:75px;}
.right-form-part form{background-color:#FFFFFF;padding:26px 54px 26px 26px;-webkit-box-shadow:0px 33px 48px 0px rgb(62 53 120 / 14%);-moz-box-shadow:0px 33px 48px 0px rgb(62 53 120 / 14%);box-shadow:0px 33px 48px 0px rgb(62 53 120 / 14%);border-radius:20px;}
.right-form-part form .hs-form-field{display:flex;flex-wrap:wrap;width:100%;align-items:center;}
.right-form-part form .hs-form-field>label{width:30%;}
.right-form-part form .hs-form-field .input{width:calc(100% - 30%);display:block;}
.right-form-part form .hs_submit{margin-bottom:-130px;padding-top:70px;margin-left:-15px;}
.right-form-part form .actions input[type=submit]{padding-right:70px;}
.right-form-part form .actions{position:relative;display:inline-block;align-items:center;width:auto;vertical-align:middle;}
.right-form-part form .actions:after{background-image:url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/arrow-right.png');content:"";position:absolute;right:33px;width:23px;height:13px;background-size:cover;background-position:center center;background-repeat:no-repeat;top:50%;transform:translateY(-50%);}
.hs_error_rollup{display:none;}
.hs-error-msgs li{line-height:normal;}
form .inputs-list{width:100%;text-align:right;}
.bannerSliderInner{background-position: bottom center;}

/*------------------Footer-Css-2021-----------------------------*/
.footer-box-right h5 {text-transform: uppercase;}
.footer-box-top{display:flex;flex-wrap:wrap;width:100%;}
.footer-logo{width:260px;display:inline-block;margin:0 0 30px;}
.footer-logo a{display:inline-block;width:100%;}
.footer-logo a img{width:100%;}
.social-icon{display:flex;flex-wrap:wrap;width:100%;}
.footer-box-left{width:26.5%;}
.footer-box-left p{font-size:16px;line-height:24px;font-weight:400;}
.social-icon div{display:flex;flex-wrap:wrap;width:auto;height:auto;text-align:center;margin-right:10px;}
.social-icon div a{display:flex;width:50px;height:50px;justify-content:center;align-items:center;background-color:transparent;border-radius:10px;}
.social-icon div a span{display:flex;flex-wrap:wrap;align-items:center;}
.social-icon div a span svg{width:16px;height:16px;fill:#544e5d;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;}
.social-icon div:last-child{margin-right:0;}
.social-icon div a:hover{box-shadow:0 0px 14px 2px rgb(63 63 63 / 26%);background-color:#f0d878;}
.social-icon div a:hover svg{fill:#FFFFFF;}
.col-2 h5{font-size:18px;font-weight:700;color:#00a6da;letter-spacing:0; margin-bottom:25px;}
.footer-box-right{width:calc(100% - 26.5%);display:flex;flex-wrap:wrap;padding-left:150px;}
.col-70{width:70%;display:flex;flex-wrap:wrap;}
.col-30{width:30%;}   
.col-2{width:24.93%;margin-right:8%;}
.col-2:nth-child(3n){margin-right:0;}
.col-2 ul{margin:0;font-size:0;padding:0;}
.col-2 ul li{margin: 0 0 10px;line-height:normal;width:100%;}
.col-2 ul li a{font-size:16px;display:inline-block;width:100%;color:#000000; font-weight: 500; line-height: 1.4;}
.col-2 ul li a:hover{color:#f0d878;}
.col-30 h6{font-size:18px;font-weight:700;color:#00a6da;letter-spacing:0;text-transform: uppercase; margin-bottom:30px;}
.col-30 ul{margin:0;padding:0;font-size:0;}
.col-30 ul li{margin:0 0 30px;line-height:0;display:flex;flex-wrap:wrap;align-items:flex-start;}
.col-30 ul li img{width: 22px;margin-right: 10px;}
.col-30 ul li p{width:calc(100% - 20px);padding-left:18px;margin:0;font-size:16px;color:#544e5d;line-height:1.4;text-align:left;}
.col-30 ul li a{color:#000; font-weight:500;}
.col-30 ul li a:hover{color:#f0d878;}
.dnd-section .dnd-column{padding-left:0 !important; padding-right:0 !important}

/* popup css */
.left-form-img span{top: 48%;position:absolute;left: 51%;transform: translate(-50%, -50%);}
.rightImagePart span{top: 48%;position:absolute;left: 51%;transform: translate(-50%, -50%);}
.left-form-img{position:relative;}
.mfp-iframe-holder .mfp-close {top: -44px !important;right: 0 !important;background-color:#cb9f53 !important;text-align: center !important;padding: 0 !important;border-radius: 5px 5px 0 0 !important;width: 56px !important;}

/* Home Page  */
/* Three Column Blog Module */
.blogRecentPostTitle p { color: #8d8d8d; } 
.blogRecentPostTitle { max-width: 700px; margin: 0; width: 100%; }
.recentPostmain { display: flex; flex-wrap: wrap; margin-left:0; margin-right:0; padding:0 40px;}
.ourBlogPostParent {box-shadow: 0px 7px 22px 0px rgb(104 104 104 / 20%); border-radius: 15px; position: relative; overflow: hidden; width: calc(33.33% - 40px ); margin: 0 20px 35px; height:auto; } 
.ourPostSlide {padding: 38px 30px 30px;}
.ourBlogPostTitle p a {font-weight: 700;color:#06040a;font-size: 18px;}
.ourBlogPostContent h2 {display: none;}
.ourBlogPostTitle p a:hover{color: #f0d878;}
.ourBlogPostContent p span,.ourBlogPostContent p,.ourBlogPostContent div  { font-size:17px !important;color:#06040a!important; font-weight: 500; line-height: 1.5; display: block; }
.ourBlogReadMore a {font-weight: 700;text-transform: uppercase;text-decoration: underline; color:#f0d878}
/* .ourBlogReadMore a:hover{color:#c8b050!important} */
.ourPostPublishDate span {color:#f0d878;font-size: 18px;padding-bottom: 10px;display: block;}
.recentpostImage.bg { height: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; margin-bottom: 35px; }
.employeInnerParent{display:flex;flex-wrap: wrap;padding: 0 50px;justify-content: space-between;position: relative;z-index: 100;}
.employeInnerLeftMain{width: 40%;position:relative;padding-bottom: 100px;}
/* .employeInnerLeft {position: sticky;top:50px;} */
.employeInnerLeft {position: sticky;top: 90px;}
.employeInnerLeft:before{position: absolute; content: ''; height: 168px; width: 110px; background-repeat: no-repeat; background-size: cover; left: -57px; background-position: center; bottom: -72%;}
.employeInnerRight {width: 48%;position:relative;}
.employeInnerRight:before{position:absolute;content:'';height: 85px;width: 85px;background-repeat: no-repeat;background-size: cover;right: -30px;background-position: center;top: 31.6%;}
.employeejourneySection{position:relative;}
.employeRightBox {  /*   min-height: 200px; */
  display: flex;flex-wrap: wrap;padding: 30px;z-index:3; position:relative;transition: all .5s ease;/*   margin-bottom:40px; */}
.rightBoxIcon {width: 78px;} 
.rightBoxIconInner {position:relative;background-color:#fff;object-fit: unset; box-shadow: 0px 2px 12.879999999999999px 1.12px rgb(63 63 63 / 9%); height: 78px; width: 78px ; text-align: center; padding: 17px ; border-radius: 20px ;}
.rightBoxContent {  width: calc(100% - 78px);padding-left: 30px; }
.rightBoxLink a {font-weight: 700;line-height: 1.2;display: block;text-decoration: underline;}
.rightBoxTitle p {opacity: 0;visibility: hidden;display: none;}
.rightBoxLink {display: none;}
.employeRightBox.selected .rightBoxTitle p{opacity: 1;visibility: visible;display: block;}
.employeRightBox.selected .rightBoxLink {display: block;}
.employeRightBox.selected .rightBoxTitle h4 {color: #00a6da;}
.employeRightBox.selected{scroll-behavior: smooth;}
.mainAccordion {display: none;}
.rightBoxTitle h4 {color:#FFFFFF; cursor: pointer;}
.rightBoxIconInner img {height: 44px;}
.rightBoxIconInner span { position: absolute;line-height:30px; left: -13px; top: -9px; height: 30px; width: 30px; background-color:#f0d878; border-radius: 50%; font-weight: 700; color:#FFFFFF; }
.employeejourneySection.pbtm50.ptop50.pos-rel.merlin-section {margin: 150px 0;}
.topShap {position: absolute;bottom:100%;z-index: 5;width: 100%;line-height: 0;}
.bottomShap { position: absolute; width: 100%; top:calc(100% - 1px); line-height:0; transform: rotate(180deg); }
.topShap svg {width: 100%;height: 100%;}
.ourBlogReadMore.pt10 {position: absolute;bottom: 34px;width: 100%;left: 0;left: 30px;z-index: 555; }
.ourBlogPostmain  .slick-track { display: flex !important; flex-wrap: wrap !important; } 
.recentPostmain.ptop45.ourBlogPostmain.slick-initialized.slick-slider { display: flex; } 
.ourPostSlide.aboutSlider {display: flex;flex-wrap: wrap;flex-direction: column; } 
.fourColLink { margin: auto; } 
.ourBlogpost { display: flex; width: 100%; flex-wrap: wrap; height: 100%; transition:all 0.3s ease;}
.ourBlogpost:hover {transform: scale(1.04);}
.ourBlogReadMore.blogLearnMore.pt10{position: inherit !important;margin-top: auto; padding-bottom:20px;} 


/* productivity Graph Section */
.productivitySection{margin: 150px 0;}
.productivitySection {position: relative;}
.productivityGraph:before{position: absolute; content: ''; height: 832px ; width: 757px ; background-position: center; background-repeat: no-repeat; background-size: cover; left: -106px;top: -90px;}
.productivityGraph {position: relative;z-index: 2;}
.productivityGraph img { position: relative; z-index: 5; }
.productivityTwoColumn { display: flex; flex-wrap: wrap; justify-content: space-between; }
.productivityLeftSec { width: 46%; } 
.productivityRightSec { width: 49%; padding-right:20px; }
.graphCta{padding-top:20px;}
.rightBoxTitle h4:before {position: absolute;content: '';height: 78px;left: 30px;width: 78px;top: 31px;}
/* .ourBlogpost{display:none;} */
.blogTitleParent { display: flex; flex-wrap: wrap; align-items: center; } 
.leftBlogTitle { width: 60%; } 
.rightLoadCta { width: 40%; text-align: right; }
.loadMore {display: inline-block;}
.rightBoxAccordion h4 {font-size: 22px;line-height: 1.2;}
.right-form-part {padding-top: 86px;}
.right-form-part .section-title h3 {font-size: 22px;}

/* Home Page Banner Module */
.heroLeftSlider h2{color:#FFFFFF}
.hero-banner-sec{position:relative;}
.bannerSliderInner {padding: 97px 0 360px; position:relative;}
.bannerSliderInner:before{position:absolute; content:''; height:100%; width:100%; top:0; right:0; bottom:0; left:0;}
.bannerSliderMain .slick-dots li button {box-shadow: none;width: 16px;height: 16px;border: 2px solid #fff;text-align: center;position: relative;display: block;overflow: hidden;background-color:#00a6da;}
.bannerSliderMain .slick-dots li button:hover,.bannerSliderMain .slick-dots li button:focus,.bannerSliderMain .slick-dots li.slick-active button{background-color:transparent;}
.bannerSliderMain .slick-dots{bottom: 190px;}
.bannerSliderMain .slick-dots li button:before{font-size:0}
.inner-content {position: relative;z-index:5;}
.bottomShapBanner {position: absolute;bottom: 0;width: 100%;z-index: 1;bottom: -10px;}
.bannerSlider .hero-left-part:before{top: -30px;left: -90px;}
.bannerSliderInner:after {position: absolute;content: '';background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/banner-pattern-Image.png);height: 200px;width: 200px;display: none;right: 0;top: 50%;background-repeat: no-repeat;right: -63px;transform: translateY(-50%);}
.employeRightBox:last-child {margin-bottom: 170px;}

/* Hr Solution Page */
/* Banner section */
.hrBannerInner {max-width: 860px;margin:  auto;width: 100%;}
.hrSolutionBanner:before{position:absolute;content:'';height:90px;width:90px;background-size: cover;left: 50px;top: 25%;background-position: center;background-repeat: no-repeat;}
.hrSolutionBanner:after{position: absolute; content: ''; height: 20px; width: 20px; background-size: cover; right: 100px; top: 25%; background-color: #f0d878; border-radius: 50%;}
.threeImages { display: flex; flex-wrap: wrap; align-items: center; max-width: 870px; margin: 0 auto; width: 100%; }
.firsrHrIMg.hrImg1 { position: relative; z-index: 55; width: 200px; margin-bottom: -463px; } 
.firsrHrIMg.hrImg2 {margin-bottom: -564px; width: calc(100% - 400px); position: relative; z-index: 55; text-align: center; }
.firsrHrIMg.hrImg3 { position: relative; z-index: 55; width: 200px; margin-bottom: -463px; }

.flipParent .firsrHrIMg.hrImg1 { position: relative; z-index: 55; width: 200px; margin-bottom: -260px;} 
.flipParent .firsrHrIMg.hrImg2 {margin-bottom: -340px; width: calc(100% - 400px); position: relative; z-index:5; text-align: center; }
.flipParent .firsrHrIMg.hrImg3 { position: relative; z-index: 55; width: 200px; margin-bottom: -260px; }
.flipParent .firsrHrIMg.hrImg2 .flipcardimg{max-width: 280px; margin-bottom:0;}
.flipParent .flip-text.back.hrcont2{width: 280px;height: 280px;}
.flipBackInner {color: #fff;}
.flipParent .firsrHrIMg.flipper.flipcard.hrImg2 .flip-text { background-color: #fff; box-shadow: 0px 0px 50px 5px rgb(0 0 0 / 25%); } 
.flipParent .flip-text.back.hrcont2 .flipBackInner {  border: 20px solid #f0d878; display: block; height:100%; width: 100%; border-radius: 50%; text-align: center; display: flex; align-items: center; font-size: 16px; padding: 10px; }
.flipParent .flip-text.back.hrcont2 .flipBackInner { color: #010101; }


.hrRightContent.alternateSecTitle h4 {color: #00a6da;}
.hrRightContent.hrContentRight h4 {color: #00a6da;}
.hrRightContent{transition:all 0a.3s;cursor: pointer;}
.hrRightContent h4 {transition: all 0.3s ease;}  
.hrRightContent.alternateSecTitle span:before{border:2px solid #00a6da;background-color:#00a6da;}
.hrRightContent.alternateSecTitle span{border: 2px solid #00a6da;}
.hrRightContent.hrContentRight span{border: 2px solid #00a6da;}
.hrRightContent.hrContentRight span:before{border:2px solid #00a6da;background-color:#00a6da;}

/* Hr Solution Two Column Alternate */
.hrAlternateTwoCol{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.altenateImg {padding-left: 30px;text-align:right;}
.hrRightMain { padding-right:145px; position: relative;padding-left: 40px;}
.hrRightContent h4 {color: #484848;font-weight: 800;}
/* .hrRightContent h4 {color: #484848;font-weight: 800; font-size:24px;} */
.hrRightContent span {display: block; border-radius: 50%; position: absolute; left: 10px; border: 2px solid #444; height: 40px; width: 40px; border: 2px solid #444; display: block; border-radius: 50%; text-align: center; } 
.hrRightContent span:before { content: ''; height: 20px; width: 20px; border: 2px solid #444; display: block; border-radius: 50%; background-color: #444; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; /* top: 12%; */ }
.hrAlternateTwoCol.swapSection .productivityLeftSec {order: 2;}
.hrRightContent{position: relative;padding-left:90px; }
.hrAlternateTwoCol.swapSection .hrRightMain{ padding-left:145px; padding-right:40px }
.hrAlternateTwoCol.swapSection .altenateImg {padding-left: 0;padding-right: 30px; text-align:left;}
.centerCircle {position: absolute;left:42%;}

/*  Image With List Section */

.leftSideTitleCol { width: 40%; } 
.rightSideListing { width: 60%; padding-left: 50px; position:relative;}
.productListMain { position:relative;} 
.productList { display: flex; flex-wrap: wrap; background-color: #ffff; position: relative; z-index: 2; box-shadow: 0px 2px 8px 0px rgb(63 63 63 / 26%);position:relative; border-radius: 20px;padding: 110px 60px; max-width: 850px; margin: 0; width: 100%; } 
.productList .listInner { font-weight:500; width: 50%; display: block; position: relative; padding-left: 43px; padding-bottom: 25px; padding-right:20px; } 
.productList .listInner:before { position: absolute; content: ''; height: 25px; width: 25px; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); background-repeat: no-repeat; left: 0;top: 4px; }
.rightListingBg{position:relative;}
.rightListingBg:before{   position: absolute; content: ''; height: 832px; width: 757px; background-position: center; background-repeat: no-repeat;  left: -106px; top: -90px;}
.twocolListTitle {padding-bottom: 130px;}
.productListMain:before {position: absolute;content: '';height: 80px;width: 80px;background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/list-pattern.png);background-repeat: no-repeat;right:10px;top: 82px;}
.productList .listInner {visibility: hidden;}
.twocolListTitle h3 { margin-bottom: 10px; } 
.twocolListTitle p { font-size: 18px; }
.productivityRightSec.rightContentSec .productivityRightCon p {max-width: 519px;width: 100%;}

/* Benefits Enrollment page css */

.rightChoiceList ul { margin: 0; padding: 0; line-height: normal; } 
.rightChoiceList ul li { color: #fff; position: relative; padding-left: 40px;margin-bottom: 3px; } 
.rightChoiceList ul li:before { position: absolute; content: ''; height: 25px; width: 25px; background-image: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/checkbox-icon.png'); left: 0; background-repeat: no-repeat; top: 10px; }
.rightChoiceList p {padding-top: 10px;}
.centerCircle.centerCircleV2 {top: -13px;left:42%;}
.tabStickySection .sectionTitle{margin-bottom:80px;}
.tabStickySection .sectionTitle h3{color:#3a3b3c}
/* .tabStickySection .sectionTitle h3{font-size:25px;color:#3a3b3c} */
.tabStickySection .sectionTitl p{font-size:30px;color:#3a3b3c}
.tabMainTwoCol {padding-top: 110px;}
.tabMainSection ul.tabs { border-radius: 50px; position: relative;background-color: #dbeff4; margin: 0;padding: 0;list-style: none;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.tabMainSection ul.tabs li{width: 23%; margin-bottom: 0; padding: 20px 40px; border-radius: 50px; transition: all 0.3s ease; cursor: pointer;}
.tabMainSection ul.tabs li span {line-height: 1.2;font-family: Manrope,'sans-serif'; font-style: normal; line-height: normal; color: #00a6da; font-size: 18px; display: inline-block; font-weight: 800; width: calc(100% - 38px); margin-right: -4px; vertical-align: middle; padding-left: 20px;}
.tabMainSection ul.tabs li img { display: inline-block; margin-right: -4px; width: 38px; vertical-align: middle; }
.tabMainSection ul.tabs li:hover {  background-color: #fff;box-shadow: rgb(0 0 0 / 5%) 0px 6px 42px 0px, rgb(0 0 0 / 8%) 0px 0px 24px 1px;}

.tabMainSection ul.tabsNew { border-radius: 50px; position: relative;background-color: #21acdc;margin: 0;padding: 0;list-style: none;width: 100%;display: flex;flex-wrap: wrap; color:#fff;}
.tabMainSection ul.tabsNew li{width:50%; margin-bottom: 0; text-align:center;padding: 20px 40px; border-radius: 50px; transition: all 0.3s ease; cursor: pointer;}
.tabMainSection ul.tabsNew li span {line-height: 1.2;font-family: Manrope,'sans-serif'; font-style: normal; line-height: normal; color: #fff; font-size: 18px; display:block; font-weight: 800; width:100%; margin-right: -4px; vertical-align: middle; padding-left:0;}
.tabMainSection ul.tabsNew li img { display: inline-block; margin-right: -4px; width: 38px; vertical-align: middle; }
.tabMainSection ul.tabsNew li:hover {  background-color: #fff;box-shadow: rgb(0 0 0 / 5%) 0px 6px 42px 0px, rgb(0 0 0 / 8%) 0px 0px 24px 1px;}
.tabMainSection ul.tabsNew li.active span {color:#21acdc;}
.tabForMain { max-width: 430px; margin: 0 auto; width: 100%; }
.tabMainSection ul.tabsNew li:hover span{color:#21acdc;}

.tabMainRightInner { position: relative; z-index: 2; } 
.tabMainRightInner span.backShape { position: absolute; z-index: -1; top: -16%; } 
.tabMainLeft { padding-right: 39px; } .tabMainRight {padding-left: 50px;}
.tabMainSection ul.tabs li.active {  background-color: #fff; box-shadow: rgb(0 0 0 / 5%) 0px 6px 42px 0px, rgb(0 0 0 / 8%) 0px 0px 24px 1px; color: #333;display: block;}
.tabMainSection ul.tabsNew li.active {  background-color: #fff; box-shadow: rgb(0 0 0 / 5%) 0px 6px 42px 0px, rgb(0 0 0 / 8%) 0px 0px 24px 1px; color: #333;display: block;}

.tabMainLeftInner{padding-left: 50px;}
.tab_container {  border-top: none;  width: 100%;  background: #fff;}
.tabMainLeftContent ul {margin: 0;padding: 0;}
.tab_content {padding: 20px;display: none;}
.tab_drawer_heading { display: none; }
.bottomShap svg {width: 100%;height: 100%;}
.productivitySection  .container {position: relative;z-index: 22;}
.flip-text:hover{color:#fff}


/*  Tab Js Section */

.tabStickySection .sectionTitle {
  margin-bottom: 180px;
  margin-top: 20px;
}
/* .tabStickySection .sectionTitle h3{font-size:26px;color:#3a3b3c} */
.tabStickySection .sectionTitle p{font-size:24px;color:#3a3b3c}
.tabStickySection .tabContent .tabImage ,
.tabStickySection .tabBoxes .tabContent{display:none;}
.tabStickySection .tabBoxes:first-child .tabContent{display:block;}
.tabStickySection .tabRightCol {padding-left: 60px;}
.tabStickySection .tabTitle h4{color:#484848;letter-spacing:-0.03em;}
.tabStickySection .tabDetail p,
.tabStickySection .tabDetail ul li {  padding-bottom:15px;}
.tabStickySection .tabDetail ul li:last-child { margin: 0;}
.tabStickySection .tabBoxes + .tabBoxes { margin-top: 50px;}
.tabStickySection .tabDetail ul{margin:0;padding:0;}
.tabStickySection .imageBox {position: relative;z-index: 2;}
.tabStickySection .imageBox span.backShape {position: absolute;z-index: -1; top: -20%;left: 0;}
.tabStickySection .tabBoxes { opacity: 0.5;min-height: 150px;cursor: pointer; transition:all 0.3s ease;}
.tabStickySection .tabBoxes.tabActive {  opacity: 1;}
.tabStickySection .tabBoxes.tabActive  .tabTitle h4{color:#00a6da;}
/* .tabStickySection .tabBoxes:hover .tabTitle h4{color:#00a6da} */
.tabStickySection .tabBoxes.tabActive span{border: 2px solid #00a6da;}
.tabStickySection .tabBoxes.tabActive span:before{ background-color:#00a6da;border: 2px solid #00a6da;}
.tabStickySection .leftInner.fixed{ position: fixed; top: 0;}
.tabRightCol{padding-bottom: 250px;}
.tabStickySection .tabTwoCol{position:relative;}
.leftInner {position: sticky;top: 160px;}
.tabBoxes:hover {opacity: 1;}
/* .tabBoxes.hrRightContent.tabGroup:hover .tabTitle h4{color:#00a6da;}
.tabBoxes.hrRightContent.tabGroup:hover span{border: 2px solid #00a6da !important;}
.tabBoxes.hrRightContent.tabGroup:hover span:before{ background-color:#00a6da;border: 2px solid #00a6da;}
.tabStickySection.tabStickyMainSection.borderSec .imageBox img.activeTabImage {border: 22px solid #f0d878;}

*/

/* Solution page css */
/*  Banner Module*/
.solutionBannerInner { position: relative; }
.solutionBannerInner a { top: 44%; position: absolute; left: 52.2%; transform: translate(-50% , -50%); height: 100px; width: 100px; display: block; }
/* .solutionBannerInner a {
top: 62%;
position: absolute;
left: 76%;
transform: scale(0.48) translate(-50%,-50%);
} */
.solutionTabSection .sectionTitle { max-width: 1200px; margin: 0 auto; width: 100%; }
.backgroundCircleImg { position: absolute; left: -40px; }
.solutionBannerLeft{margin-top:0;}
.solutionBannerInner a svg path{transition:all 0.3s ease;fill: #00a6da;}
.solutionBannerInner a svg {display:none;}
.solutionBannerInner a:hover svg path {fill: #f0d878;transition:all 0.3s ease;}

/* SoluTion Tab And Accordin Module */

.tabStickyMainSection{margin-bottom:150}
.solutionTabSection .solutionTab .tabImage {display: none;}
.solutionLeftInner span.backShape { position: absolute; z-index: 1; top: -20%; left: 0; } .solutionLeftInner { position: relative; }
.solutionLeftInner .imageBox { position: relative; width: 100%; margin: 0 ; } 
.solutionLeftInner .imageBox img.activeTabImage { position: relative; z-index: 2; width: 100%;}
.solutionLeftInner .imageBox img.activeTabImage2{height: 350px; width: 350px; border-radius: 50%; position: absolute; bottom: -130px;left: inherit; right:-6%; z-index: 5; object-fit: contain;}
.tabImage2 {display: none;}
.solutionTabContent {display: none;}
.solutionTabRight { width: 680px;;padding-bottom:250px; }
.solutionTabLeft { width: calc(100% - 680px); padding-left: 70px; }
.imageBox.text-right:before { position: absolute; content: ''; height: 90px; width: 90px; background-image: url(https://resources.combinedhcm.com/hubfs/Combine%202021/images/blue-dots.png); right: inherit; display: block; border-radius: 0; top: inherit; left: -36px; bottom: -34px; background-size: contain; background-repeat: no-repeat;}
.solutionTab { display: flex; flex-wrap: wrap; padding-left: 0;}
.tabIcon { width: 38px; } 
.solutionTab  .tabTitle { width: calc(100% - 38px); padding-left: 50px; } 
.accordionTitle{ width: calc(100% - 38px); padding-left: 20px; } 
.accordionTitle >p { position: absolute; right: 18px; font-size: 30px;transition: all 0.4s ease;height: 40px; width: 40px; text-align: center; background-color: #f0d878; border-radius: 50%; color: #fff; line-height: 43px; }
.solutionTab.hrRightContent.activeSolution .accordionTitle >p  { transform: rotate(180deg); }
.tabSolutionNew.hrRightContent.activeSolutionshow .accordionTitle >p  { transform: rotate(180deg); }
.solutionTab.hrRightContent {margin-bottom: 40px; padding: 30px 15px;border-bottom: 2px solid #e3e2e2; position:relative;border-left: 10px solid #fff;}
.tabSolutionNew.hrRightContent {margin-bottom:40px; padding: 30px 15px;border-bottom: 2px solid #e3e2e2;transition: all .4s ease;border-right: 10px solid #fff;}
.solutionTab.hrRightContent.activeSolution { box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%); border-radius: 14px;border-left: 10px solid #f0d878;}
.tabSolutionNew.hrRightContent.activeSolution { box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%); border-radius:14px; border-right: 10px solid #f0d878;}
.solutionTab.hrRightContent{transition:all 0.4s ease;}
.solutionTab.hrRightContent:hover { box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%); border-radius:14px; }
.tabSolutionNew.hrRightContent:hover { box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%); border-radius:14px; }
.solutionTabContent { width: 100%; padding-left: 90px; transition:all 0.4s ease; }
/* .solutionTab:first-child .solutionTabContent {display: block;} */
.solutionTab {min-height:250px;}
.tabSolutionNew {min-height:250px;}
.tabSolutionNew { display: flex; flex-wrap: wrap; padding-left: 0;align-items: top; }
/* .solutionTab.tabNewSolution.activeSolution .solutionTabContent {display: block;} */
.tabSolutionNew .tabImage {display: none;}
.tabSolutionNew.activeSolution .solutionTabContent {display: block !important;}
.tabSolutionNew.hrRightContent.activeSolutionshow {box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%);border-radius: 30px;}
.solutionTab .tabTitle >p { position: absolute; right: 18px; font-size: 30px;transition: all 0.4s ease;height: 40px; width: 40px; text-align: center; background-color: #f0d878; border-radius: 50%; color: #fff; line-height: 43px; }
.solutionTab.hrRightContent.activeSolutionshow .tabTitle >p { transform: rotate(180deg); }

.solutionTab.hrRightContent.activeSolution .tabTitle h4{color:#00a6da; margin-bottom:0;}
.solutionTab.hrRightContent .tabTitle h4{margin-bottom:0;line-height:1.5;}
.solutionTab.hrRightContent.activeSolution .tabIcon svg path{fill:#00a6da;}
.solutionTab.hrRightContent:hover .accordionTitle h4{color:#00a6da;}
.solutionTab.hrRightContent.activeSolution .accordionTitle h4{color:#00a6da;}
/* .solutionTab.hrRightContent:hover .tabTitle h4{color:#00a6da;} */
/* .tabSolutionNew.hrRightContent.activeSolutionshow .solutionTabContent {display: block !important;} */
.solutionTab.tabNewSolution.hrRightContent.activeSolutionshow .solutionTabContent {display: block;}
.tabSolutionNew.hrRightContent.activeSolutionshow .solutionTabContent {display: block;}


.tabSolutionNew.tabNewSolution.activeSolution .solutionTabContent {display: block;}
.tabSolutionNew .tabTitle >p { position: absolute; right: 18px; font-size: 30px;transition: all 0.4s ease;height: 40px; width: 40px; text-align: center; background-color: #f0d878; border-radius: 50%; color: #fff; line-height: 43px; }
.tabSolutionNew.hrRightContent.activeSolutionshow .tabTitle >p { transform: rotate(180deg); }
.tabSolutionNew.hrRightContent.activeSolution .tabTitle h4{color:#00a6da;}
/* .tabSolutionNew.hrRightContent:hover .accordionTitle h4{color:#00a6da;} */
.tabSolutionNew.hrRightContent.activeSolution .accordionTitle h4{color:#00a6da;}
.tabSolutionNew.hrRightContent.activeSolution .tabIcon svg path{fill:#00a6da;}

/* .tabSolutionNew.hrRightContent:hover .tabTitle h4{color:#00a6da;} */
.solutionTab.tabNewSolution.hrRightContent.activeSolutionshow{box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%);border-radius: 30px;}
.tabSolutionNew.hrRightContent.activeSolutionshow{box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%);border-radius: 30px;}


img.activeTabImage2 { height: 400px; width: 400px; border-radius: 50%; }
.accordionTitle h4{transition:all 0.3s esae;}
.imageBox.text-right.imageBoxFade {margin: 0 auto 0 0;}
.imageBox.imageBoxFade img.accordionImg2 {left: inherit;right: -6%;}
.imageBox.imageBoxFade::before { left: -50px; top: inherit; bottom: 35px; }
.solutionTabLeft.solutionTabLeftMain { padding-right:70px; padding-left: inherit; }
.imageBox.imageBoxFade img.accordionImg2{object-fit: contain; position: absolute; z-index: 2; bottom: -130px; height: 350px; width: 350px;}
img.accordionImg {position: relative;z-index: 1;}
/*Solution Left Image Right Form Module */
.consultationForm .hs-form textarea, .consultationForm .hs-form input[type="text"], .consultationForm .hs-form input[type="password"],.consultationForm  .hs-form input[type="datetime"],.consultationForm  .hs-form input[type="datetime-local"],.consultationForm  .hs-form input[type="date"],.consultationForm  .hs-form input[type="month"],.consultationForm  .hs-form input[type="time"],.consultationForm  .hs-form input[type="week"],.consultationForm  .hs-form input[type="number"],.consultationForm  .hs-form input[type="email"],.consultationForm  .hs-form input[type="url"],.consultationForm  .hs-form input[type="search"],.consultationForm  .hs-form input[type="tel"],.consultationForm  .hs-form input[type="color"],.consultationForm  .hs-form select{font-size: 20px; padding: 19px 15px; height: auto; display: block;}
.consultationForm .hs-form-field{margin-bottom:0;}
.consultationForm .actions { margin-top: 50px !important;max-width: 100%; width: 282px; margin: 0; position: relative; } 
.consultationForm .actions input[type=submit] { position: relative; padding-right: 50px !important; } 
.consultationForm   .actions:before { position: absolute; content: ''; background-image: url('https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/arrow-right.png');height: 20px; width: 71px; display: block; background-position: center; background-repeat: no-repeat; z-index: 555; right: 0;  top: 50%; transform: translateY(-50%); right: 10px; } 
.consultationForm {max-width: 535px;margin: 0;width: 100%;}
.consultationForm .hs-form select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 395.353 296.771' enable-background='new 0 0 395.353 296.771' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23AAA8A8' d='M395.353,22.524c0,2.574,0,5.148,0,7.723 c-1.953,9.85-6.181,18.679-11.831,26.924c-49.273,71.92-98.507,143.868-147.807,215.772c-2.535,3.697-5.324,7.285-8.415,10.525 c-12.293,12.883-29.605,16.738-44.769,10.117c-9.904-4.324-16.906-11.885-22.887-20.631 C111.667,202.796,63.677,132.647,15.623,62.541C8.768,52.538,2.238,42.449,0,30.247c0-2.574,0-5.148,0-7.723 C2.461,11.521,9.482,4.674,20.123,2.015C25.909,0.57,32.068,0.088,38.06,0.082C144.467-0.028,250.875,0,357.283,0.01 c2.572,0,5.146,0.073,7.717,0.181C380.993,0.861,390.211,7.653,395.353,22.524z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center right 15px;background-size: 17px 20px;appearance: none !important;}
.consultationForm .hs-fieldtype-select .input:after{display:none;}
.productivityGraph.productivityGraphForm { position: relative; } 
.productivityGraph.productivityGraphForm:after { position: absolute; height: 73px; content: ''; width: 73px; border: 2px solid #ffff; border-radius: 50%; bottom: -80px; left: 52%; }
.solutionTab.hrRightContent:last-child {border-bottom: 0;}
.tabSolutionNew.hrRightContent:last-child {border-bottom: 0;}
.consultationForm .hs-form .hs-error-msgs li label{font-size: 16px; line-height: 1.2; color: #da0000; text-align: left; width: 100%; display: b; display: block; padding-left: 14px;}
/* HCM technology platform Module */

.PlatformTitle h4{color: #484848;font-weight:700;margin-bottom: 0;}
.PlatformFourCol { width: 25%; padding: 15px; } 
/* .PlatformFourColInner {position:relative; padding: 40px 20px; height:100%; box-shadow: 0px 10px 33.25px 1.75px rgba(49, 51, 50, 0.08); border-radius: 40px;background-color: #f2fafd; position:relative; z-index:22;} */
.PlatformFourColInner {position:relative; padding: 40px 20px; height:100%; border-radius: 58px;background-color: #f2fafd; position:relative; z-index:22;}

.technology-platform-section .PlatformIcon{max-width: 47px;width: 100%;position: relative;}
.circleImg { position: absolute; right: -34px; top: 25px; }
.boxLink a { position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.technologyPlatformInner {padding-top: 62px;justify-content: center;}
/* .technologyPlatformInner:before { content: ""; position: absolute; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/doted_baner_top.png); width: 72px; height: 72px; z-index: 1; right: -28px; bottom: 11px; } */
.technologyPlatformSection {position: relative;overflow: hidden;}
.blob {margin: 0 auto;background: black; border-radius: 50%;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);height: 90px;width: 90px;transform: scale(1.8);animation: pulse-black 2s infinite;line-height:90px; text-align:center;}
/* .blob.purple {background: rgba(0, 165, 217,0.16);box-shadow: 0 0 0 0 rgba(0, 166, 218, 0.7);animation: pulse-purple 2s; animation-iteration-count: 2; transform: scale(1);} */
.animate-circle .blob {  transform: scale(1); background: rgba(0,165,217,0.16); }
body.anim-go .blob.purple {background: rgba(0, 165, 217,0.16);box-shadow: 0 0 0 0 rgba(0, 166, 218, 0.7);animation: pulse-purple 3s;  animation-iteration-count:3; transform: scale(1);}
.appIcon img {width: 40px; max-width:100%;}
@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 165, 217, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}

.appLeftIcon {width: 120px;}
.appRightContect {width: calc(100% - 120px);padding-left:20px; padding-top:21px;}
.appRightContect h4 { color: #3a3b3c; letter-spacing: -0.03em; font-weight: 700; line-height: 1.2; }
.appTwoColumnInner { padding: 0 50px 100px; }
.appTwoColumnInner:last-child {padding-bottom: 0 !important;}
.appTwoColumnInner:nth-last-child(2){padding-bottom: 0 !important;}
.productivityLeftSec .backShape {position:absolute;z-index:1;top:-9%;left:0;display:block;width:100%;}
.productivityLeftSec{position:relative;}
.altenateImg {position: relative;z-index: 2;}
.productivityLeftSec span.backShape img {width:650px;}
.solutionTab.activeSolution .solutionTabContent {display: block !important;}
/* .solutionTab.tabNewSolution.hrRightContent.activeSolutionshow .solutionTabContent {display: block !important;} */
.hero-left-part.heroLeftSlider h2 {color: #00a6da;font-size:27px; }
/* .tabStickySection .sectionTitle h3{font-size: 25px;} */


/*  lp header Footer Hide */
.merlin-section.footer.footer--site-page.m-com.footerStop {display: none;}
.head-top.headerStop {display: none;}
/* Landing Page Banner  */
.lpBannerImage:before{position:absolute; content:''; height:100%; width:100%; top:0; right:0; bottom:0; left:0;}
.merlin-section.hero-banner-sec.m-com {margin-bottom: 0 !important;}
.lpBannerImage{position:relative;min-height: 100vh;}
.lpBannerImage .container {position: relative;z-index: 2;}
.lpLogoImgMain {padding: 30px 0 70px;}
.lpBannerLeft{width:450px}
.lpBannerRight{width:calc(100% - 450px);padding-left: 40px;}
.lpFormTitle h3 { font-weight: 700; font-size:22px;color: #fff; }
.lpBannerImage { padding-bottom: 40px; }
.lpBannerLeftInner .hs-form-field>label { color: #fff; }
.lpBannerLeftInner { padding: 30px; border: 2px solid #fff; border-radius: 30px; }
.twoColumnSection { max-width: 1200px; width: 100%; margin: 0 auto; }
.lpBannerLeftInner form  input[type=submit]{padding-bottom: 12px;padding-top: 12px;}
.lpBannerLeftInner form .actions {padding-top:20px;}
.lpBannerLeftInner form .hs-error-msgs li label{text-align: left;display: block;}
.lpRightInner ul { margin: 0; padding: 0; list-style: none; } 
.lpRightInner ul li {line-height: 1.2;display: block; padding-left:30px; position: relative; color: #fff;margin-bottom: 15px; }
.lpRightInner ul li:before {content: ''; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); height: 20px; width: 20px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; background-color: #fff; left: 0;top:-1px;}
.lpRightInner ul li{font-size: 17px;}
.lpRightInner p { font-size: 17px; line-height: 1.5;margin-bottom: 12px; }

/* Onboarding  Page Css */
/*  Onboarding  tab section */

.tabStickyParent .tabRightCol {padding-left: 0;padding-right:12px;}
.tabStickyParent .tabLeftCol { padding-left: 50px;}
.leftInner.leftInnerMain {top: 190px;}
.flip-text.back.hrcont2 {width: 348px; height:348px;}


/* Hcm Time & Attendance Page Css */

.tabStickySection .imageBox span.imgBackShape{position: absolute;width: 100%; z-index: -1; top: -8%; left: 50; left: 50%; transform: translateX(-50%);}
.imageBox.imageBoxVideo { text-align: center; }
.frameVideo { max-width: 263px; margin: 0 auto; width: 100%; position: relative; } 
.frameVideo video { position: absolute; left: -6px; height: 100%; width: 100%; padding: 31px;}
.tabTwoCol.dis-flex.videoTwoCol { align-items: center;padding-bottom: 30px; }
.tabTwoCol.videoTwoCol .tabBoxes.videoTab {  padding-right:20px; }
.forLeptop .frameVideo {max-width: 500px;}
.tabStickySection .forLeptop .imageBox span.imgBackShape{top: -15%;}
.flipcardimg.front { position: relative; } 
.imageTitle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } 
.imageTitle p { text-shadow: 0 7.36px 14.896px #000000, 0 -2px 1px #101110; font-family: Manrope,'sans-serif'; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 16px;margin-bottom: 0;line-height: 1;padding: 0 10px;}
.tabTwoCol.videoTwoCol .tabRightCol {padding-bottom: 0;}
.flipcardimg.front:before { position: absolute; content: ''; height: 100%; width: 100%; background-color: rgba(0 ,0,0,0.3); border-radius: 50%; }
.tabStickySection .imageBox span.backShape img {width: 470px;}
.flip-text{font-size: 15px;line-height: 1.2; font-weight:700;}
/* .imageBox >img { border: 22px solid #f0d878; } */
.imageBox.imageBoxSoution  >img { border:0; }
button.fancybox-close-small { background-color: #00a6da; color: #fff !important; right: 0 !important; border-radius: 5px 5px 0 0; height: 40px; top: -40px !important; }
.fancybox-close-small svg{opacity:1!imoportant}
.tabMainTwoCol:nth-child(even) .tabMainLeft{ display:flex;order:2;}
.tabMainRightInner.tabMainRightInnerNew span.backShape { z-index: -1; top: 5%; width: 100%; left:60px; max-width: 500px; }
.tabMainRightInner.tabMainRightInnerNew { text-align: center; }
ul.tabs.tabsNew {background-color: #21acdc;justify-content: inherit;}
ul.tabs.tabsNew li span {color: #fff; padding-left:0;}
ul.tabs.tabsNew li.active span{color:#00a6da;}
ul.tabs.tabsNew li:hover span{color:#00a6da;}
.tabMainSection ul.tabs.tabsNew li{width: 18%; text-align:center;padding: 15px 22px;}
.blueCheckList.tabSection h4 {color: #484848;font-weight: 800;}
.tabMainTwoCol.expenseMain.expenseTab .blueCheckList.tabSection h4{ color: #21acdc;}

.tabMainRightInner.tabMainRightInnerNew> img { width: 234px; }
.tabMainTwoCol.tabMainTwoCol { padding-top:0; }
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeft {padding-right: 0;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeftInner {padding: 90px 30px 0;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeft {padding-right: 0;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeftInner {padding: 90px 50px 0;}
.tabMainLeftContent p {font-size: 17px;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight{padding:0 70px;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainRight{padding:0 70px;}

.flip-card {position: relative;z-index:5;}
.threeImages {justify-content: space-between;}
.flip-text.back {transition: 0.90s;transform-style: preserve-3d;font-size: 13px;color:#fff;}
.flip-text { position: absolute; z-index:1; width: calc(100% + 7px); height: calc(100% + 7px); border-radius: 50%; padding: 20px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; background: #00a6da; left: -2px; top: -1px; }
.firsrHrIMg.hrImg2 .flipcardimg {max-width: 348px;cursor: pointer;margin: 0 auto;}
.flip-text.hrcont2 {cursor: pointer;margin: 0 auto;left: 0;right: 0;top: 0;}

.firsrHrIMg.flipper.flipcard:hover,
.firsrHrIMg.flipper.flipcard.hover {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transition: 0.90s;
  transform: rotateY(180deg);
  transition-timing-function : ease-in-out;
  -webkit-transform-style: preserve-3d;
}

online-portal-para

.flipper {cursor: pointer;
  -webkit-transition: 0.90s;
  -webkit-transform-style: preserve-3d;
  transition-timing-function : ease-in-out;

  -moz-transition: 0.90s;
  -moz-transform-style: preserve-3d;

  -o-transition: 0.90s;
  -o-transform-style: preserve-3d;

  transition: 0.90s;
  transform-style: preserve-3d;

  position: relative;
}
.hrAlternameSection.blueSection .hrRightContent h4 {color:#00a6da !important; }
.hrAlternameSection.blueSection .hrRightContent.alternateSecTitle span{border: 2px solid #00a6da !important;}
.hrAlternameSection.blueSection .hrRightContent.alternateSecTitle span:before{border: 2px solid #00a6da;background-color: #00a6da !important;}

.front, .back {transition: 0.9s;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; -o-backface-visibility: hidden;backface-visibility: hidden;}
.front {z-index: 2;transform: rotateY(0deg);}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg); transform: rotateY(180deg);}

.fancybox-video {  display: none;}
.frameVideo a {position: absolute; z-index: 55; height: 50px; width: 50px; top: 50%; left: 47%; transform: translate(-50%, -50%); }
.frameVideo a svg {height: 50px;width: 50px;}
.tabBoxes.videoTab{opacity:1;}
.tabBoxes.videoTab:hover span { border: 2px solid #00a6da; } 
.tabBoxes.videoTab:hover span:before { background-color: #00a6da; border: 2px solid #00a6da; }
.tabBoxes.videoTab:hover .tabTitle h4{color:#00a6da;}
.tabParentBox { max-width: 100%; margin: 0 auto; width:100%; }
.videoTwoCol .tabLeftCol {padding: 0 40px;}
.appIcon { position: relative; } 
.appIcon svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 40px; height: 40px; }
.appRightContect.appRightContectV2 h4 {font-weight: 700;color: #484848;}
.appTwoColumnBoxMain {justify-content: center;}
.appTwoColumnMain { max-width: 1500px; margin: 0 auto; width: 100%; }
/* .frameVideo img { border: 20px solid #f0d878; border-radius: 10px; } */
.tabDetail ul { margin: 0; padding: 0; list-style: none; } 
.tabDetail ul li { margin-bottom: 0;font-size: 16px;line-height: 1.5; }
.tabDetail.tabDetailTabNew ul li { margin-bottom: 0;font-size: 16px;line-height: 1.5;display: inline-block;position: relative;padding-left: 10px; padding-right: 10px;width:100%; }
.tabDetail.tabDetailTabNew ul li:before { position: absolute; content: ''; height: 5px; width: 5px; background-color: #000; left: 0; top: 9px; /* transform: translateY(-50%); */ border-radius: 50%;}
.tabMainRight { padding-top: 50px; }
.tabTwoCol.videoTwoCol:nth-child(even) .tabRightCol {display: flex;order: 2;}
.tabTwoCol.videoTwoCol.scrollActive .tabTitle h4 {color: #00a6da;letter-spacing: -0.03em;}
.tabTwoCol.videoTwoCol.scrollActive .tabBoxes.videoTab span{border: 2px solid #00a6da;}
.tabTwoCol.videoTwoCol.scrollActive .hrRightContent span:before{background-color: #00a6da;border: 2px solid #00a6da;}
.blogSubscribe h2 { font-family: Manrope,'sans-serif'; font-size: 27px; padding-top: 20px; font-weight: 900; }
.hs-blog-listing .hsForm_3d1f701a-31e2-43c6-84cf-c71c12da4e0f >.hs-form-field>label {display: none !important;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe  form{position:relative;margin-top: 50px;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs-form input[type="email"] {height: auto;min-height: auto;padding: 14px 15px;height: 62px;background-color: #fff;box-shadow: 0px 7px 22px 0px rgb(104 104 104 / 42%);}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe  .actions { width: 195px; position: absolute; top: 0; right: 0; } 
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe  .hs-form-field .input {width: calc(100% - 196px);padding-right: 20px; }
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe  .actions input[type=submit] {width: 100%;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe  .hs-error-msgs li{text-align: left;}
span.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_blog_subscribe .hs-form-field>label {display: none;}
.loadmoreMain { width: 100%; display: block; text-align: center; } 
a.button.button--view-more.button--action { max-width: 195px; margin: 0 auto; }
a.button.button--view-more.button--action img { padding-left: 10px; }

/*-----pp-css----------*/
.fancybox-content {width:950px !important;height: 600px !important;}
.over_lay_custom .flipcardimg.front:before {display: none;}
.flipcardimg.front:before { display:none;}
.tabTitle h4.active { color:#00a6da;}
/* .flip-card.circleOverlay .flipcardimg.front:before { position: absolute; content: ''; height: 100%; width: 100%; background-color: rgba(0,0,0,0.1); top: 0; display: block; bottom: 0; left: 0; right: 0; }
*/
.footer-v2 .footer-box-right{width: 100%; padding-left: 0; max-width: 1663px; margin: 0 auto;}
.footer-v2 .social-icon div:last-child { margin: 0; }
.footer-v2 .col-2{width:17%;margin-right:3%;}
.footer-v2 .col-70{width: calc(100% - 261px);}
.footer-v2 .col-30{width:260px;}
.footer-v2 .col-30 ul li,.footer-v2 .col-2 ul li a{font-size:18px; font-weight:500;}
.footer-v2 .col-30 ul li{line-height: 1.2;}
.footer-v2 .col-30 ul{margin:0 0 50px;}
.footer-v2 .col-30 ul:nth-child(4){margin-bottom:0;}
.footer-v2 .social-icon div a span svg{width:25px;height:25px;fill:#fff;}
.footer-v2 .social-icon div a{background-color:#00a6da;border-radius:100%;width:35px;height:35px;}
.footer-v2 .social-icon div{margin-right:20px;}
.footer-v2 .social-icon div a:hover{box-shadow:none;background-color:#f0d878;}
.footer-v2 .col-30 ul li a.und{text-decoration:none;}
.employee-two-col .productivityLeftSec span.backShape img {width: auto;}
.employee-two-col .hrRightContent h4{color:#484848;}
.employee-two-col .hrRightContent.alternateSecTitle span{border:2px solid #484848;}
.employee-two-col .hrRightContent.alternateSecTitle span:before{border:2px solid #484848;background-color:#484848;}
.employee-two-col .productivityLeftSec .backShape {left: 20%;}
.employee-two-col .swapSection .productivityLeftSec .backShape {left: 0;}
.appTwoColumnDiv {padding: 0 50px 80px;}
.employee-two-col-wrap {display: flex;flex-wrap: wrap;width: 100%;max-width: 1400px;margin: 0 auto;}
.left-employee {width: calc(100% - 35%);padding-right: 100px;}
.right-employee {width: 35%;position: relative;}
.right-employee .backShape {position: absolute;z-index: -1;}
.commercial-Insurance-sec .employee-two-col-wrap {max-width: 100%;}
.commercial-Insurance-sec .right-employee {padding-right: 130px;}
.commerc-insurence-cont {max-width: 970px;margin: 0 auto;}
.commerc-insurence-sec {  text-align: center;}
.commercialTwoCol {max-width: 1500px;margin: 0 auto;width: 100%;}
.commercialTwoCol {display: flex;flex-wrap: wrap;}
.appTwoColumnSec.odd {width: 50%;}
.appTwoColumnSec.even ,.appTwoColumnSec{width: 50%;}

/* .tabParentBox .sectionTitle {padding-bottom: 0;margin-bottom: 50px;} */

.bm-menu-mixed .hs-menu-wrapper>ul>li{display: inline-block;vertical-align: top;margin-left: 10px;margin-bottom: 0;position: inherit; padding: 18px 0;}
ul.hs-menu-children-wrapper { height:400px;width: 100%; left: 0; position: absolute; z-index: 55; margin: 0; padding: 20px;background-color: #ba0b0b; }
.bm-menu-mixed .hs-menu-wrapper>ul>li>a{font-size: 18px;color: #06040a;padding: 12px 15px;display: inline-block;font-weight: 700;}
.head-top { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: 100%; background-color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
/* .sub-menu-box {width: 260px; }  */
.box-right-sbmenu{width: calc(100% - 260px); position:relative; } 
/* .main-sub {display:flex; flex-wrap: wrap; }  */
.rightMenuTwoPart {display: flex; flex-wrap: wrap; } 
.leftSideBarMenu {width: calc(100% - 200px); }
.rightSideBar {width: 200px; } 
.leftSideBarIner ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.leftSideBarIner ul li {width: 50%;}
/* .side-nav-right {position: absolute;height: 500px;width: 100%;} */

li.hs-menu-item.hs-menu-depth-2 a.menubelow { width: 250px;display: inline-block !important;margin-right: -4px; }
li.hs-menu-item.hs-menu-depth-2 > * {display: inline-block;margin-right: -4px;}
.subMenuRightCol {width: 250px;}
.side-nav-right.sb-menu { position: absolute; min-height: 315px; width: 100; right: 10px; top: 25px; width: 100%; max-width: calc(100% - 520px); padding: 12px 25px; display: none;} 
.inner-flex-box .side-nav-right.sb-menu {padding-right: 100px;overflow: hidden;list-style: none;position: absolute;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;-webkit-transition: all .2s ease; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 50px 2px rgb(0 0 0 / 5%); padding: 20px;} 
li.hs-menu-item.hs-menu-depth-2.hover .side-nav-right.sb-menu {opacity: 1;visibility: visible; display:block; }
li.hs-menu-item.hs-menu-depth-2.hover .submenuRightInner {opacity: 1;visibility: visible; display:block; }
.leftSubMenuContent ul {position: inherit !important; opacity: 1 !important; visibility: visible !important; display: flex; flex-wrap: wrap; border-left: 0 !important; margin: 0 !important; padding: 0 !important;}
.leftSubMenuContent h4 a { padding: 5px 0 5px 0 !important; color: #0a0000 !important; cursor: inherit; }
/* .subMenuTwoColumn { display: flex; flex-wrap: wrap; width: 100%; } 
.subMenuRightCol { width: 30%; } 
.subMenuLeftCol { width: 0%; } */
ul.hs-menu-children-wrapper h4 {letter-spacing: 0; font-weight: 700; color: #06040a; font-size: 20px; margin-bottom:10px; margin-top:10px;line-height:1; }
ul.hs-menu-children-wrapper >h4 { padding-left: 15px; }
.leftSubMenuContent ul li {width: 50% !important;}
.leftSubMenuContent h4 { position: relative; line-height: 1; color: #21acdc !important; }
/* .leftSubMenuContent h4:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; color: #21acdc; top: 50%; transform: translateY(-50%); }  */
.leftSubMenuContent h4 a { font-size: 18px !important; }
.submenuRightInner img {height: 230px !important;width: 230px !important;border-radius: 50%;object-fit: cover;}
.leftSubMenuContent ul li { line-height: 1.5; font-size: 18px; }
/* .leftSubMenuContent h4 a:hover{color:#f0d878 !important;} */
.leftSubMenuContent h4:hover:before{color:#f0d878;}
.side-nav-right p {margin-bottom: 0;}
.submenuRightInner {transform: translateY(20px);transition: all .2s ease; padding-top:35px; text-align: left; position: absolute; top: 0; overflow: hidden;list-style: none;position: absolute;opacity: 0;visibility: hidden;}
.hs-menu-children-wrapper h4 {display: flex;align-items: center;}
/* .hs-menu-children-wrapper h4 span svg {height: 50px;width: 50px;} */
.hs-menu-children-wrapper h4 {padding-left: 0 !important;}
.leftSubMenuContentTwo p { display: inline-block; margin-right: -4px; width: 50%; font-size: 18px; line-height: 1.2;vertical-align: top; padding-right:10px;}
.subMenuTwoColumn.three .leftSubMenuContentTwo p{width: 33.33%;}
.leftSubMenuContentTwo {line-height: 1.3;}
.subMenuTwoColumn.one .leftSubMenuContentTwo p{width:100%;}
.side-nav-right p{font-size:18px; font-weight:500;}
.leftSubMenuContent { display: flex; flex-wrap: wrap; }
.leftSubMenuContent h4 { width: 50%; }
.subMenuTwoColumn.three .leftSubMenuContent h4{width: 33.33%;}
.enumenu_ul .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.hover> a.menubelow{color:#00a6da;}
.hs-menu-children-wrapper h4 span { display: inline-block; vertical-align: top; padding-top: 11px; padding-right: 10px; }
/* .head-top.stick {position: fixed;top: 0;left: 0;animation: smoothScroll .5s forwards;background-color: #fff; z-index: 556;;box-shadow: 0px 0px 50px 5px rgb(0 0 0 / 25%);width: 100%;} */
.head-top.stick {padding: 0;box-shadow: 0px 0px 50px 5px rgb(0 0 0 / 25%);}
.body-wrapper.topSpace {margin-top: 98px;}
.head-top.stick  .site-logo{width: 200px;}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px)
  }

  100% {
    transform: translateY(0px)
  }
}
.tabMainRightInner.expenseSection .frameVideo img {border: none}
.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo { position: absolute; top: 13%; left: 8%; max-width: 200px; }
.tabMainTwoCol.itemCenter.tabMainTwoCol.even .frameVideo { position: absolute; top: 18%; right: 8%; max-width: 200px; }
.tabMainTwoCol.itemCenter.tabMainTwoCol.even .altImg {text-align: left;margin: 0 auto 0 0;}
.tabMainTwoCol.expenseMain {padding-bottom: 15px;}
.altImg { text-align: right; } 
.altImg { width: 350px; margin: 0 0 0 auto; }
.tabMainRightInner.expenseSection span.backShape {max-width: 100%; left:0;}
.tabMainRightInner.tabMainRightInnerNew.expenseSection {max-width: 560px;width: 100%;}
.employee-two-col-wrap.sectionAlignment { padding: 0 60px; }
.employee-two-col-wrap.sectionAlignment .left-employee-cont {max-width: 600px;width: 100%;}
.ourBlogPostTitle p { min-height: 58px; }
.ourBlogPostContent {min-height: 138px;}
.ourBlogPostContent > div {margin-bottom: 9px;}
.recentPostmain .slick-next {right: 0;}
.recentPostmain .slick-prev {left: 0;}
.recentPostmain  .slick-prev,.recentPostmain  .slick-next{height:40px; width:40px;}
.recentPostmain  .slick-prev:before{content: '\f104 ';color: #000;opacity: 1;font-family: 'FontAwesome';font-size: 30px;}
.recentPostmain  .slick-next:before{content: '\f105 ';color: #000;opacity: 1;font-family: 'FontAwesome';font-size: 30px;}
/* BLog Page css */

.custom-width-point {padding: 30px 0 80px;}
.lpRightInner h2 {line-height: 1.2;}


/* Time And Attendance */
.frameVideo.frameVideotimeAttendance {position: absolute;top: 0;max-width: 202px;}
.tabTwoCol.dis-flex.videoTwoCol.odd .frameVideo.frameVideotimeAttendance {left: 13%;}
.tabTwoCol.forLeptop .imageBox.imageBoxVideo.imageBoxPopupVideo { max-width: 700px; margin: 0 auto; width: 100%; }
.imageBox.imageBoxVideo.imageBoxPopupVideo { max-width: 600px; margin: 0 auto; width: 100%; }
.tabTwoCol.videoTwoCol.even .altImg {text-align: left;margin: 0 auto 0 0;}
.tabTwoCol.videoTwoCol.even .frameVideo.frameVideotimeAttendance {right: 13%;}
.tabTwoCol.videoTwoCol.odd.forLeptop .tabLeftCol {padding: 0;}
.tabTwoCol.videoTwoCol.even.forLeptop .tabLeftCol {padding: 0;}
.tabTwoCol.videoTwoCol.odd.forLeptop .frameVideo.frameVideotimeAttendance {max-width: 406px;left: 6%;top: 21%;}
.tabTwoCol.videoTwoCol.forLeptop .altImg {width: 320px;}
.tabTwoCol.videoTwoCol.forLeptop .tabLeftCol {padding: 0;}
.tabTwoCol.videoTwoCol.odd.forLeptop .rightInner { padding-right: 80px; }
.tabTwoCol.videoTwoCol.even.forLeptop .frameVideo.frameVideotimeAttendance {max-width: 406px;right:10px;top: 21%;}
.lpBannerLeftInner form .actions input[type=submit]:hover {padding-right:30px;}

/* Hcm- Talent Management */

.talentManagementMain {margin-bottom: 100px;}
.talentManagementMain:last-child {margin-bottom: 0;}


/*  payroll  Two Column Module */

.payrollLeftImg {width: 60%;}
.payrollRightContent {width: 40%;padding-left: 30px;}
.payrollTwoColumn {display: flex;flex-wrap: wrap;padding-top: 70px;}
.rightPayrollListing ul { margin: 0; padding: 0; list-style: none; }
.rightPayrollListing ul li { display: block; margin: 0; font-size:17px; position: relative; padding-left: 45px; line-height: 1.5; padding-bottom: 15px; } 
.rightPayrollListing ul li:before { position: absolute; } 
.rightPayrollListing ul li:before { content: ''; background-image: url(https://4526592.fs1.hubspotusercontent-na1.net/hubfs/4526592/Combine%202021/images/check-img.png); height: 25px; width: 25px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; background-color: #fff; left: 0; top: 0px; }
.talentManagementMain.odd .imageBox.payrollImg {text-align: right;}
.payrollSection.odd .imageBox.payrollImg {text-align: center;}
.rightInner.payrollAltInner {padding-top: 20%;}
.hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .actions input.hs-button.primary.large {padding-right: 20px;text-align: center;}
img.yellow { opacity: 0; visibility: hidden; display: none; }
.solutionBannerInner:hover img.yellow{ opacity: 1; visibility: visible; display: block;}
.solutionBannerInner:hover img.blue{opacity: 0; visibility: hidden; display: none; }
.col-2 ul li a span {color: #878787 !important;}


/* New home Page V4 Css */
/* Title With Two Column Css */
.leftSideContentPart {width: 43%;}
.rightImagePart { width: 53%; position: relative; }
.twoSectionWrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.leftSideInnerPart p {  max-width: 640px; width: 100%; }
/* .leftSideInnerPart p { font-size: 25px; max-width: 640px; width: 100%; } */

/* Title With Four Column Section */
.homeFourColTitle p { max-width: 800px; margin: 0 auto; width: 100%;  padding-bottom: 30px;padding-top: 15px;}
.fourColumnSection { display: flex; flex-wrap: wrap;padding-bottom: 40px;} 
.fourColInner .fourColLink {position: absolute;bottom: 25px;}
.fourColMain { width: calc(25% - 50px); margin: 0 25px; } 
.fourColContent h4,.fourColContent p { color: #fff; }
.fourColLink a img { height:12px;margin-left: 10px;transition: all 0.4s ease;}
.fourColLink a { color: #fff; font-weight: 700; }
.fourColLink a:hover span {transform: translateX(12px);}

/* .fourColLink a:hover{color:#f0d878}
.fourColLink a:hover span svg path{fill:#f0d878} */
.fourColLink a svg { height: 30px; width:30px; }
.fourColLink a span { margin-left:5px;display: inline-block; align-items: center; vertical-align: middle; height: 29px; transition: all 0.4s ease;} 
.fourColLink a svg path { fill: #fff; }
.fourColumnImg img {border-radius: 50%;}
.ourBlogReadMore .fourColLink a span{height:30px;}





/*  home Page testimonial Section  */
.testimonialSlider { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.testimonialSlideLeft { width: 40%;  padding-top:50px;} 
.testimonialSlideRight { width: 59%; }
.testimonialDesignation h5 { margin-bottom: 0; color: #393939; font-size: 24px; font-weight: 600; letter-spacing: 0.02em; padding-bottom: 5px; } 
.testimonialDesignation p { color: #000000; font-size: 20px; font-weight: 600; margin-bottom: 0; }
.testimonialRight {box-shadow: 0px 11px 70px 0px rgb(34 34 34 / 10%); border-radius: 30px; padding: 100px 50px 50px;  position:relative; margin:50px;}
.testimonialQuat { position: absolute; top: 25px; left: 30px; }
.testimonialPattern { position: absolute; right: 30px; bottom: 30px; }
.slider-for .slick-next {right: inherit;left: 70px;top: inherit;bottom: 0;bottom: -75px;}
.slider-for .slick-prev {left: 0;bottom: -75px;top: inherit;}
.slider-for .slick-prev, .slider-for .slick-next{height: 50px; width: 50px; border-radius: 50%; box-shadow: none; border: 1px solid #000;}
.slider-for .slick-prev:before {content: '\f104 ';font-family: fontAwesome;color: #000;font-size: 25px;opacity: 1;}
.slider-for .slick-next:before {content: '\f105 ';font-family: fontAwesome;color: #000;font-size: 25px;opacity: 1;}
.slider-for button:hover{background-color:#f0d878;border: 1px solid #f0d878;}


/*  Home Blog Three Column */
.recentPostmain .slick-dots li button:before {font-size: 15px;color: #00a6da !important;opacity: 1 !important;}
.recentPostmain .slick-dots li button{box-shadow: none !important;}
.recentPostmain .slick-dots li.slick-active button:before{color:#f0d878 !important}
.recentPostmain .slick-dots li button:hover:before,.recentPostmain .slick-dots li button:focus:before{color:#f0d878 !important}
.loadMorePost { text-align: center; padding-top: 40px; }
.ourBlogPostmain.blogPostIndex {display: flex;flex-wrap: wrap;margin: 0 -20px;}
.recentpostImage.recentblgImg{margin-bottom:0;}
.blogDate span {color: #00a6da;font-size: 18px;padding-bottom: 10px;display: block;}
.ourBlogReadMore .fourColLink a {color: #000;   font-weight: 700;text-decoration: none;   text-transform: capitalize;}
.ourBlogReadMore  .fourColLink a svg path{fill:#000;}
.blogRecentPostTitle.postRecentTitle {padding-left: 15px;}
.contact-hero-section .center-part form .legal-consent-container li.hs-form-booleancheckbox span.hs-form-required{display:none;}


/* Left Circle And Righr content module */

@keyframes spin { 
  100% { 
    transform: rotateZ(360deg); 
  }
} 
.circleBlue {margin: 0 auto;height: 290px;width: 290px;background-color: #00a6da;border-radius: 50%; position:relative;}
.circleBlue:before { position: absolute; content: ''; height: 350px; width: 350px; border: 2px solid #00a6da; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.circleInnerCont { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 55; }
.circleInnerText p {margin-bottom: 0;padding-top: 10px;}
.circleAnimateMain { display: flex; flex-wrap: wrap;justify-content: space-between;}
.circleAnimateLeftSide { width: 60%; padding-top: 5%;} 
.circleAnimateRightSide { width: 35%; }
.circleAnimateInner { position: relative; } 
.circleAnimateInner { width: 580px; max-width: 100%;min-height: 790px;margin: 0 auto;} 
.borderblue { position: absolute;top: 19%;left: 50%;transform: translateX(-50%); }
.circleBefore {animation: spin 90s linear infinite; position: absolute; content: ''; height: 580px; width: 580px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 584 584' style='enable-background:new 0 0 584 584;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23BFBFBF;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:19.8065,35;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='292' cy='292' r='290'/%3E%3C/g%3E%3C/svg%3E"); border-radius: 50%; max-width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.animateIcon { height: 100px; width: 100px; text-align: center; background-color: #f0d878; border-radius: 50%; line-height: 100px; }
.animateText {width: calc(100% - 105px);padding-right: 20px;}
.animateCircleIcon > .d-flex {display: flex;flex-wrap: wrap;align-items: center;z-index:2;}
.animateCircleIcon {width: 255px; position:absolute;}
.animateCircleIcon.iconAnim1 { top: -77px; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; }
.animateCircleIcon.iconAnim1 .d-flex { flex-direction: column; }
.animateCircleIcon.iconAnim1 .animateText { padding-right: 0;  } 
.animateText p { margin-bottom: 5px; font-weight:700;}
.animateCircleIcon.iconAnim2 {top: 4%;left: -21%;} 
.animateCircleIcon.iconAnim3 { top: 29%;left: -35%; }
.animateCircleIcon.iconAnim4 {top: 55%;left: -22%;}
.animateCircleIcon.iconAnim5 { bottom: 16%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; } 
.animateCircleIcon.iconAnim5 .d-flex { flex-direction: column; } 
.animateCircleIcon.iconAnim5 .d-flex .animateText { order: 2; padding-right:0; padding-top:10px; }
.animateCircleIcon.iconAnim6 {right: -21%;top: 4%;}
.animateCircleIcon.iconAnim6 .d-flex .animateText {order: 2;padding-right: 0;padding-left: 20px;}
.animateCircleIcon.iconAnim7 {right: 0;right: -35%;top: 29%;}
.animateCircleIcon.iconAnim7 .animateText {order: 2; padding-right:0; padding-left:20px;}
.animateCircleIcon.iconAnim8 {top: 55%;right: -22%;}
.animateCircleIcon.iconAnim8 .animateText {order: 2; padding-right:0; padding-left:20px;}
.animateRightInner{    padding-bottom: 30px;}  
.animateRightInner:last-child { padding-bottom: 0; }

/* New Updated Cs Here 30/3/22 */

.video-box * { max-width: 670px; width: 100%; }
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainRight{padding:0px 30px;}
.dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight{padding:0px 30px;}



/* About Us page css */
.aboutListWrap { display: flex; flex-wrap: wrap; justify-content: space-between;align-items:center; } 
.aboutListLeftSide { width: 50%; } 
.aboutListRightSide { width: 45%; }
.aboutListInnerTwoCol { display: flex; flex-wrap: wrap; align-items:center } 
.aboutListLogoLeft { width: 50px; }
.aboutListRightList {width: calc(100% - 50px);position: relative;padding-left: 200px; }
.listIcon svg { height: 40px;transition: all 0.4s;} 
.listingAbout { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;position:relative; padding-bottom:30px;} 
.listingAboutIcon { width: 42px; } 
.listingAboutContent { width: calc(100% - 42px); padding-left: 25px; } 
.listingAboutContent .listCon h5 {transition: all 0.4s;margin-bottom: 0 !important; letter-spacing: 0; font-weight: 800; font-size: 20px; line-height: 1; } 
.aboutListRightInner { background-color:#fff;box-shadow: 0px 43px 61px 0px rgb(0 0 0 / 13%); padding: 30px 30px 30px 50px; border-radius: 20px;position: relative;z-index: 2; }
.listingAbout:before { width: 165px; content: ''; position: absolute; border-bottom: 4px dotted #b5b4b4; left: -190px; } 
.aboutListRightList:before { position: absolute; content: ''; border-left: 4px dotted #b5b4b4; left: 0; height: 88%; top: 23px; }
.listIcon svg path{fill: #06a8db;transition: all 0.3s ease;}
.listLink a { position: absolute; height: 62%;width: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.listingAbout:hover  .listCon h5{color:#f0d878;}
.listingAbout:hover .listIcon svg path{fill:#f0d878;}
.listPatternImage { position: absolute; left: -8%; bottom: 10%; z-index: 1; } 
.aboutListRightSide { position: relative; }
/* .aboutListLeftInner p { font-size: 25px; max-width: 774px; width: 100%; font-size:25px;line-height:1.5; }  */
.aboutListLeftInner p { font-size: 17px; max-width: 774px; width: 100%;line-height:1.5; } 

.aboutListLeftInner { padding-left: 3%; }

.firsrHrIMg.aboutFlipSection1{margin-bottom: -350px;}
.firsrHrIMg.aboutFlipSection2{margin-bottom: -438px;}
.firsrHrIMg.aboutFlipSection3{margin-bottom: -350px;}
.footer-v2 .col-30 ul li, .footer-v2 .col-2 ul li a {font-size: 17px;}

.videoTwoCol.aboutAlternate .tabRightCol { padding-left: 0; } 
.videoTwoCol.aboutAlternate .tabBoxes.videoTab { padding-right: 0; }
.talentManagementMain.videoTwoCol.aboutAlternate.odd .tabRightCol {order: 2;}
.tabTwoCol.videoTwoCol.aboutAlternate:nth-child(even) .tabLeftCol{order: 2;}
.videoTwoCol.aboutAlternate  .talentManagementAlternate.imageBox >img {width: 550px;}
.videoTwoCol.aboutAlternate  .talentManagementAlternate.imageBox{text-align:center;}
/* .videoTwoCol.aboutAlternate .tabTitle p{font-size:25px} */
.talentManagementMain.videoTwoCol.aboutAlternate{margin-bottom:0; padding-bottom:50px;}
.videoTwoCol.aboutAlternate:nth-child(2) .talentManagementAlternate.imageBox>img{width: 500px;}
.videoTwoCol.aboutAlternate:last-child .talentManagementAlternate.imageBox>img{width: 500px;}
.talentManagementAlternate.imageBox {max-width: 600px;width: 100%;margin: 0 auto;}
.tabStickySection .videoTwoCol.aboutAlternate .tabBoxes .tabTitle p{ line-height:1.64;}

.tabStickySection .videoTwoCol.aboutAlternate.odd .imageBox span.imgBackShape {left: -14%; top: -17%; transform: translateX(0); max-width: 550px;}
.tabStickySection .videoTwoCol.aboutAlternate.even .imageBox span.imgBackShape {top: -7%; transform: translateX(0); max-width: 525px; left: inherit; right: -6%;}
/*  .aboutFlipSection .hrBannerInner p{font-size: 25px;line-height: 1.64;} */
/* .hrBannerInner p {font-size: 25px;}  */
.ourBlogReadMore.blogLearnMore.pt10 {position: inherit !important;}
img.mobileImage {display: none;}

/* About Banner Section */
.tabParentBox.aboutParentBox { margin-top: 50px; }
.bannerSliderInner.aboutBannerSlider {padding: 97px 0 280px;}
.aboutBannerSlider  .hero-left-part:before{display:none;}
.aboutBannerSlider.bannerSliderInner:after{display:none;}



/* Careers  Page css  */

.hero-left-part.heroLeftSlider.CareersBanner {display: block;}
.bannerSliderInner.aboutBannerSlider.careersBannerSection {padding: 97px 0 180px;}
.merlin-section.careerTwoColumnSection .left-part .section-heading .content p{font-size: 21px; line-height:1.64}
.productivityGraphPattern {position: absolute;right: 8%;bottom: 0%;}
.merlin-section.hero-banner-sec.m-com {margin-bottom: 0 !important;}
.hero-left-part.heroLeftSlider.CareersBanner { width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; }
.hero-left-part.heroLeftSlider.CareersBanner:before {display: none;}
.hero-left-part.heroLeftSlider.CareersBanner {display: block;}
.heroLeftSlider.CareersBanner p {line-height: 1.64;}
.careerRightPattern { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.careersBannerSection .container { position: relative; }
.careerLeftPattern { height: 42px; width: 42px; background-color: #f0d878; border-radius: 50%; position: absolute; top: 20%; }

/* Careers  Page  title With Five Column Section */

.careersFivecolIcon svg { height: 50px; width: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.careersFivecolIcon svg path { fill: #fff; } 
.careersFivecolIcon { margin: 0 auto;height: 120px; width: 120px; background-color: #00a6da; border-radius: 50%; position: relative; }
.careersFivecolSubtitle h6 {line-height:1.64; letter-spacing: 0; font-size: 22px; color: #000; font-weight: 600; }
.careersFivecolParent {padding-top: 80px; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; max-width: 1200px; margin: 0 auto; width: 100%; } 
.careersFivecolInner { width: calc(33.33% - 100px); margin: 0 50px; padding-bottom: 80px; } 
.careersFivecolSubtitle { padding: 30px 40px 0; }
.whoWeHelpFourCol.industries-help-section .box {padding-bottom: 0;}
.whoWeHelpFourCol.industries-help-section .box .bottom-part .content p{margin-bottom:0;}
.whoWpHelpBanner.new-subhero-section  .custom-width-point{max-width: 1510px;}
.whoWpHelpBanner.new-subhero-section  .container:before{left: 100px;}
.twoColumnWhoWeHelp .left-employee{padding-right: 100px;width: 50%;}
.twoColumnWhoWeHelp .right-employee{width: 50%;position: relative;right: -40px;}
.twoColumnWhoWeHelp .left-employee-cont {max-width: 512px;width: 100%;margin: 0; }
.blueDotedImg { position: absolute; right: 10%; bottom: 1%; }
.talentSectionMain.softwareSolutions .talentManagementAlternate.imageBox.employeeBenefitsMain {max-width: 100%;}
.talentSectionMain.softwareSolutions .talentManagementMain.odd .talentManagementAlternate.imageBox.employeeBenefitsMain{text-align:center;}
.col-2 h5 a {color: #00a6da;}
.tabStickySection .hrAdministrationAlt .imageBox span.imgBackShape{top: -22%;}
.talentManagementMain.hrAdministrationAlt.tabTwoCol.dis-flex.videoTwoCol.payrollImg.even .tabLeftCol {order: 2 !important;}
.talentManagementMain.hrAdministrationAlt.tabTwoCol.dis-flex.videoTwoCol.payrollImg.even .tabRightCol {order: 1 !important;}
.talentManagementMain.hrAdministrationAlt.tabTwoCol.dis-flex.videoTwoCol.payrollImg.odd .tabRightCol {padding-left:0; padding-right:60px;}
.talentManagementMain.hrAdministrationAlt .talentManagementAlternate.imageBox{text-align:center;}
.talentManagementMain.hrAdministrationAlt.odd {margin-bottom: 200px;}
.benefitList .section-heading ul{max-width: 800px;margin: 0 auto;width: 100%;}
.blogPostTwoLeftImg {padding-right: 30px;}

/*  System pages css*/
.error-page a#button_button {max-width: 200px;text-align: center;margin: 0 auto;justify-content: center;margin-top: 40px;}
.systems-page form  input[type=email] {background: #f2f2f2;height: 60px;font-size: 17px;outline: none;border: none;padding: 20px !important;}
.systems-page form input[type=submit]{margin-top:30px;min-width: 150px;}
.systems-page form input[type=text],.systems-page form input[type=password]{background: #f2f2f2;height: 60px;font-size: 17px;outline: none;border: none;padding: 20px !important;}
.systems-page form .actions input[type=submit]:hover{ color:#fff;padding:20px !important;background-color: rgba(200,176,80,1.0);border-color: #c8b050;}
.systems-page form .actions input[type=submit]{min-width: 150px;color: #000;}
.systems-page form #hs_login_reset ,a.hs-login-widget-show-password{font-size: 17px;}
.systems-page div#hs_cos_wrapper_membership_admin_content {padding-top: 20px;}
.systems-page .hs-form-field a {font-size: 17px;}
.systems-page form span.fakelabel{font-size: 17px;}
.center-part .hs-error-msgs li label {font-size: 14px;line-height: 14px;color: #da0000;}
.hero-banner-wrap .hrBannerInner p{font-size:17px !important;}

/*Blog Css  */
.blogBanner {padding:120px 0;}
.section.post-body p, .section.post-body span, .section.post-body > span,.section.post-body li {
  font-size: 17px !important;
  color: #06040a !important;
  line-height: 28px !important;
}
.section.post-body  span{color:#06040a !important;}
.speakerSection {padding-top: 40px;}
.speakerTwoColumn {display: flex;flex-wrap: wrap;padding-top: 10px; padding-bottom:20px;}
.speakerLeftImage {width: 170px;}
.speakerLeftInner {overflow: hidden;height: 170px; width: 170px; background-size: cover !important; background-position: top center !important; position: relative; border-radius: 100%;}
.speakerRightContet {width: calc(100% - 170px);padding-left: 20px;} 
.speakerRightInner h3 {margin-bottom:10px;} 
.speakerRightInner p {margin-bottom: 10px; font-size:15px !important}
/* Home and about page blog css */
.recentpostImage.recentblgImg{position:relative;}
.recentpostImage a.recPostLink {position: absolute;height: 100%;width: 100%;left: 0;right: 0;bottom: 0;top: 0;overflow: hidden;}
.twoColumnSection.speakerSwapColumn { display: flex; flex-wrap: wrap; width: 100%;margin: 0 -10px; }
.speakerTwoColumn {  margin: 0 20px; }  
.twoColumnSection.speakerSwapColumn .speakerLeftImage { width: 100%; } 
.twoColumnSection.speakerSwapColumn .speakerRightContet { width: 100%; padding-left: 0; } 
.twoColumnSection.speakerSwapColumn .speakerLeftImage .speakerLeftInner { margin: 0 auto; margin: 0 auto; border: 0; box-shadow: none;width: 155px;height: 155px} 
.speakerLeftInner {border: 10px solid #f8f8f8;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.twoColumnSection.speakerSwapColumn .speakerTwoColumn {width: calc(33.33% - 20px); position:relative;margin:10px ;background-color: #f7f7f7; padding:30px 25px 20px;  border-radius: 10px;}
.twoColumnSection.speakerSwapColumn .speakerRightContet{width:100%;padding-left: 0;}
.twoColumnSection.speakerSwapColumn .speakerRightInner h3 {text-align: center;}
.twoColumnSection.speakerSwapColumn .speakerRightInner p:nth-child(2) {padding-bottom: 0;margin-bottom: 20px; border:none;text-align: center;font-weight: 700; line-height:1.5;}
.twoColumnSection.speakerSwapColumn  .speakerRightInner {padding-top: 15px;}
.twoColumnSection.speakerSwapColumn .speakerPattern img {transform: rotate(45deg);width: 85px;}
.speakerPattern {display: none;}
.twoColumnSection.speakerSwapColumn .speakerPattern { display:block;position: absolute;left: 10px;top: 13px;}
.speakerRightInner p em {font-style: normal !important; font-weight:700;}
.speakerRightInner  p:nth-child(2){border-bottom: 2px solid #dfe0df;padding-bottom: 15px;margin-bottom: 20px;}
section.blog-index__post-content> p {padding-top: 5px; display: block; font-size: 17px; font-family: Manrope,"sans-serif"; font-weight: 500;}
.ourBlogPostTitle h5 {letter-spacing: 0.02em;}
.ourBlogPostTitle h5 a {font-weight: 700; color: #06040a;}
.ourBlogPostTitle h5 a:hover{color: #f0d878;}
.whoWeHelpFourCol .box-img a {pointer-events: none;}
.btn1 span img, .btn .btn1 span img{height:13px}
.circleInnerText p {font-size: 25px;}
.imageCut{overflow: hidden;padding-bottom: 50px;}
.hrBannerInner h1 {line-height: 1.1;}
.speakerTwoColumn.hideSpeakerImg .speakerLeftImage {display: none;}
.speakerTwoColumn.hideSpeakerImg .speakerRightContet {padding-left: 0;}
.speakerTwoColumn.hideSpeakerImg {margin: 0;}

/* Faq Module css */
/*Accodion practice*/
.innerContent{display: none; font-size: 18px; color: #000; font-weight: 500;margin: 0 -10px;padding: 50px 20px 0; position:relative;}
.innerContent:before {position: absolute;content: '';height: 2px; width: 100%; background-color: #f5f5f5;left: 0;top: 29px;}
.innersection {padding: 28px 20px;}
.innerContent p {color: #8c8c8c;}
.faqImage{padding-bottom:40px;}
.innersection h5 {margin: 0 0 0; position:relative;}
.innersection{box-shadow: 0px 5px 16px 0px rgb(110 114 114 / 21%);background-color: #fff; border-radius:5px; margin-bottom:20px;}
.accordionMain { display: flex; flex-wrap: wrap; } 
.mainAccrdion.odd { width: 100%; padding-right:0; }
.mainAccrdion.even { width: 100%; padding-left:0;}
.accordionMain {max-width: 950px;margin: 0 auto;width: 100%;}
/* .mainAccrdion.odd { width: 50%; padding-right:15px; }
.mainAccrdion.even { width: 50%; padding-left:15px;} */
.innersection {text-align: left;}
.innersection h5 {color: #333333;  cursor: pointer; font-size: 21px; font-weight:700;}
span.plus i { height: 16px; width:4px; background-color: #6e6e6e; display: block;transition:all 0.5s ease; } 
span.plus { position: absolute; right: 11px; top: 8px; }
span.plus i.Plusicon:last-child { transform: rotate(90deg); position: absolute; top: 0; }
.innersection.active span.plus i.Plusicon:last-child { transform: rotate(90deg);position: absolute;top: 0; }
.innersection.active span.plus i.Plusicon:first-child { opacity:0; }
.accordionMain { padding-top: 50px; }
.innersection.contentrow.active h5 {color: #04a5da;}
.innersection.contentrow.active span.plus i{background-color: #04a5da;}

/* NEW solution Page */

.solutionBannerLeftSide {max-width: 960px;margin: 0 auto;width: 100%;}
.solutionBannerLeftSide p {margin: 0;}
.solutionBannerWrap {position: relative;}
.dotedPatternLeft {position: absolute;left: 0;} 
.dotedPatternRight {position: absolute;right: 0;top: 0;}
.popupPlayCta {position: relative;}
.popupPlayCta a.fancybox {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.popupPlayCta a.fancybox svg path {fill: #000;}
.popupPlayCta a.fancybox svg {height: 50px;width: 50px;background-color: #fff;}



/*Scroll Tab Module 2022 */
.scrollTabInner ul {margin: 0;padding: 0;}
.scrollTabInner ul li {margin-bottom: 0;display: inline-block;margin-right: -4px;vertical-align: middle;}
.scrollTabInner {margin: 0 20px;}
.scrollTabInner { margin: 0; box-shadow: 0px 7px 19.11px 1.89px rgb(18 18 18 / 11%); border-top: 1px solid #dadada;  text-align:center; padding:8px 0;}
.scrollTabInner ul li a {padding: 15px;display: block;color: #adadad;font-weight:600;}
.scrollTabInner ul li a {font-size: 15px;}
.scrollTabInner ul li.scrollTabing a {color: #020202;}
.scrollTabExample.fixed-header {position: fixed; top: 94px; left: 0; right: 0; z-index:100; width: 100%; background-color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease;}
.popupPlayCta .video-links {max-width: 600px;}
.scrollDown {display: none;}

.pulse{ width:35px; height:35px; display:block; border-radius:50%; background:#017fef; position:relative; line-height:35px;box-shadow: 0 0 15px 10px #017fef; } 
span.pulse .fa {color: #fff;font-weight: 500;} 
.pulse::before{ content:""; position:absolute; inset:0; border-radius:50%; animation-name:pulse; animation-duration:2s; animation-timing-function:linear; animation-iteration-count:infinite; box-shadow: 0 0 10px 2px #017fef; } 
.pulse::after{ content:""; position:absolute; inset:0; border-radius:50%; animation-name:pulse; animation-duration:2s; animation-timing-function:linear; animation-iteration-count:infinite; animation-delay:1s; box-shadow: 0 0 10px 2px #017fef; } @keyframes pulse{ 0%{ transform:scale(1); opacity:0; } 10%{ opacity:1; } 100%{ transform:scale(2.3); opacity:0; } }
.merlin-section.industries-help-section.threeColSec .bottom-part {padding: 40px 20px 0;}
.merlin-section.industries-help-section.threeColSec .bottom-part .content p{margin-bottom:0}
body .solutionTabContent { display: block;  visibility: hidden;  opacity: 0;}
body .solutionTabContent .tabTitle >p{display: block !important;visibility: visible;opacity: 1;}
.solutionTab.activeSolution .solutionTabContent { display: block !important; visibility: visible; opacity: 1;}
.tabNewSolution.activeSolutionshow .tabTitle>p .fa{opacity:1 !important;}
.solutionTab .tabTitle>p .fa{opacity:1 !important;}
.tabNewSolution.activeSolutionshow .solutionTabContent {opacity: 1;visibility: visible;} 
.rightInner.tabBorder .solutionTabContent .tabDetail ul {display: flex;flex-wrap: wrap;align-items: flex-start;}
.rightInner.tabBorder .solutionTabContent .tabDetail ul li {width: 50%; padding-bottom:3px;}

.tabSolutionNew.activeSolution .solutionTabContent {display: block !important;  visibility: visible;  opacity: 1;}
.tabNewSolution.activeSolutionshow .tabTitle>p .fa{opacity:1 !important;}
.solutionTab .tabTitle>p .fa{opacity:1 !important;}
.tabSolutionNew.activeSolutionshow .solutionTabContent {opacity: 1;visibility: visible;}
.scrollDown p:before {position: absolute;content: '\f107';font-family: fontAwesome;right: 30px;font-size: 25px;top: 50%;transform: translateY(-50%);}


/*  Service Page*/

.fourColumnIcon svg {height: 60px;width: 60px;}
.fourColumnCta a { color: #000; font-size: 18px; font-weight: 700; display: flex; position: relative; justify-content: left; }
.fourColumnCta a svg {height: 34px;width: 52px;}
.fourColumnCta a span {height: 25px;margin-top: -2px;transition: all 0.3s ease;}
.serviceRightInner {border-radius: 30px;box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.19);padding: 40px 35px; background-color:#fff;cursor: pointer;}
.fourColumnMain {display: flex; position: relative; flex-wrap: wrap; z-index: 5; text-align:left; }
.serviceRightInner {width: calc(50% - 40px);margin: 0 20px 30px;transition: all 0.4s ease; position:relative;}
.serviceRightInner:hover {transform: scale(1.05);}
.serviceLeftColumn {width: 38%;}
.serviceRightColumn {width: 62%;}
.serviceTwoColWrap {display: flex;flex-wrap: wrap; padding-top:80px;}
.serviceLeftInner {width: 600px;margin-left: -32px;position: relative;z-index: 1;}
.fourColumnCta a:hover span {transform: translateX(12px);}
.serviceRightInner:hover .fourColumnTitle h3{color:#00a6da;}
.serviceRightInner:hover .fourColumnContent p{color:#00a6da;}
.fourColumnIcon svg path,.fourColumnContent p,.fourColumnCta a svg path{transition:all 0.3s ease;}
.serviceRightInner:hover .fourColumnIcon svg path{fill:#00a6da;}
.serviceRightInner:hover .fourColumnCta a{color:#00a6da;}
.serviceRightInner:hover .fourColumnCta a svg path{fill:#00a6da;}

.fourColumnTitle h3 {margin-bottom: 10px;color: #000000; transition:all 0.3s ease;}
.fourColumnIcon {margin-bottom: 20px;}
.fourColumnCta {position: absolute;bottom: 35px;}
.fourColumnContent {margin-bottom: 40px;}
.merlin-section.serviceHero.m-com .serviceBannerInner {position: relative;}
.merlin-section.serviceHero.m-com .serviceBannerInner .section-heading {max-width: 920px; margin: 0 auto; width: 100%;}
.serviceRightInner.serviceBox4 .fourColumnCta a {display: none;}
.serviceRightInner.serviceBox4 .fourColumnCta p {margin-bottom: 0;color: #727272;font-weight: 700;}
.serviceThreeCol {height: 140px;width: 140px;background-color: #00a6da;margin: 0 auto;border-radius: 50%;line-height: 110px;border: 20px solid #d4f0f9;position: relative;}
.serviceThreeCol img {width: 55px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.serviceThreelInner {width: calc(33.33% - 20px);margin: 0 10px 30px;}
.careersFiveColumnMain.serviceThreeColumnMain {max-width: 1000px;width: 100%;margin: 0 auto;}
.serviceThreelInner .careersFivecolSubtitle h6 { font-size: 18px; font-weight: 800; line-height: 1.2; }
.careersFiveColumnMain.serviceThreeColumnMain .careersFiveColTitle h2 {margin-bottom: 0;}

/* services Page */
.ourProcessTwoCol {display: flex; flex-wrap: wrap; align-items: center; max-width: 1100px; width: 100%; margin: 0;}
.ourProcessContent {width: 231px;padding-top:9%;}
.ourProcessImage {width: calc(100% - 595px);padding-right: 30px;}
.ourProcessImage img {border-radius: 12px;}
.ourProcessRight{width:360px; padding-top:9%;}
.ourProcessInner {max-width: 1200px;margin: 0 auto;width: 100%;}
.ourProcessRightDot {text-align: right;position: relative;padding-top: 42%;}
.ourProcessRightDot:before {position: absolute; content: ""; height: 1px; width: 78%; border-top: 5px dotted #00a6da;top: 45%;right: 18px;}
.ourProcessRightDot:after {position: absolute; content: ""; border-right: 5px dotted #00a6da; height: 62px; top: 87px; right: 18px;}
.ourProcessInner.even .ourProcessTwoCol {margin: 0 0 0 auto;}
.ourProcessInner.even .ourProcessImage {order: 3;}
.ourProcessInner.even .ourProcessContent {order: 2; text-align:right;}
.ourProcessInner.even .ourProcessRightDot {text-align: left;}
.ourProcessInner.even .ourProcessRightDot:before{left:19px;right: inherit;}
.ourProcessInner.even .ourProcessRightDot:after{left: 19px;right: inherit;}
.ourProcessInner.even  .ourProcessImage{padding-right: inherit;padding-left: 30px;}
.ourProcessTitle h2 {margin-bottom: 0;color: #d7ecf7;font-size: 70px; line-height:1;}
.ourProcessTitle {position: relative;}
.ourProcessTitle:before {position: absolute;content: '';height: 15px;width: 90%;background-color: #d7ecf7;bottom: -8px;}
.ourProcessInner.even .ourProcessTitle{text-align: right;}
.ourProcessInner.even .ourProcessTitle:before{right:0;}
.ourProcessInner.even:last-child .ourProcessRightDot {display: none;}
.ourProcessMain {padding-top: 50px;}

a.watch-now-btn {
    background: #00A6DA;
    color: white;
    padding: 19px 20px !important;
    border-radius: 10px;
    font-size: 17px;
    font-weight: bold;
}
a.watch-now-btn img {
    margin-left: 10px;
    transition: all .3s ease !important;
}
a.watch-now-btn:hover img {
    margin-left: 25px;
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 680px){
  .ourProcessRightDot::after{top: 90px;}
}


/* Who we help Page */
.new-subhero-section.whoWeHelpSection .right-part .img1 {max-width: 200px;width: 100%;position: absolute;left: 9%;}
.new-subhero-section.whoWeHelpSection .right-part .img3{max-width: 330px; width: 100%; position: absolute; left: auto; right: 18%; top: 44px;}
.new-subhero-section.whoWeHelpSection .right-part .img2{max-width: 250px; width: 100%; position: absolute; top: 285px; left: 2px;}
.new-subhero-section.whoWeHelpSection .right-part .circle-img{max-width: 111px; width: 100%; bottom: 68px; position: absolute; left: 41%;}
.new-subhero-section.whoWeHelpSection .right-part .circle-img:before{display:none;}
.new-subhero-section.whoWeHelpSection .right-part .img4 {position: absolute;right: 0;top: 285px;}
.new-subhero-section.whoWeHelpSection .right-part .img4:after { content:" ";bottom: 0; left: auto; right: 15px; position: absolute; width: 20px; height: 20px; background: #00a6da; border-radius: 50%;top: -121px;}
.new-subhero-section.whoWeHelpSection .right-part{min-height: auto;}
.mydiv img {min-height: 560px;object-fit: cover;}
 .mydiv{display:none;text-align:center;}
.industryLeftSide {width: 550px;}
.industryLeftSideInner {border-radius: 32px;position: relative;overflow: hidden;}
.industryRightSide {width: calc(100% - 550px);}
.industryTwoCol {display: flex;flex-wrap: wrap;align-items: center;}
.industryLeftIcon {width: 50px;}
.industryRightContent {width: calc(100% - 50px);}
.industryRightSideInner {padding-left: 70px;}
.industryRightContent h6 {font-size: 18px;font-weight: 800;letter-spacing: 0;color: #000;}
.industryParent {max-width: 1285px;margin: 0;width: 100%; padding-top:30px;}
.industryHover ul li a {display: flex;width: 100%;align-items: center;flex-wrap: wrap;}
.industryHover ul li a svg {width: 50px;}
.industryHover ul li a span.ctaContent {width: calc(100% - 50px);display: block; padding-left:20px}
.industryHover ul li a span.ctaContent h6 {font-size: 18px;font-weight: 800;letter-spacing:0; color:#222222; margin-bottom:0; }
.industryHover ul li a { transition:all 0.3 ease;box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.11);padding: 20px 30px;border-radius: 25px;max-width: 510px;}
.industryHover ul li a span.ctaContent h6 span {float: right;}
.industryHover ul {padding: 0;}
.industryHover ul li {padding-bottom: 30px;}
.industryHover {padding-bottom: 20px;}
.industryHover ul li {padding-bottom: 30px;}
.industryHover ul li.mymultiplediv.activehover a  span.ctaContent h6 {color: #00a6da;}
.industryHover ul li.mymultiplediv.activehover a svg path{ fill:#00a6da;}
.industryHover ul li span.ctaContent h6 span svg {width: 35px;height: 30px;}
.industryHover ul li.mymultiplediv.activehover a{max-width:100%;}
.whoWeHelpTwoCol {display: flex;flex-wrap: wrap;align-items: center;max-width: 1450px;margin: 0 auto;width: 100%;}
.whoWeHelpTwoCol .img-wrap.imageBannerWrap {right: 0;}
.whoWeHelpTwoCol .left-part .section-heading {float: none;}
.hoverOverSection {max-width: 1450px;margin: 0 auto;width: 100%;}
.online-portal-list {
  list-style: none;
}
.online-portal-list li{
  font-size: 16px; 
  font-weight: 400; 
  font-family: 'Manrope', sans-serif; 
  color: #263e56;
  position: relative;
}

.online-portal-list li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #6D6D6D;
    border-radius: 100%;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.industryLeftSideInner.hoverDiv .mydiv {display: block;animation: fadeIn .8s forwards;}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.mobileAccordion {display: none;}
.industryLeftSideInner  .mydiv img {border-radius: 32px;}



@media (min-width: 1440px){ 
   .hrSolutionBanner:before{left: 50px;top:17%;}

 
  
}



@media (min-width: 2000px){  
  .solutionBannerInner a{left: 49.5%;}
  .testimonialContect p {font-size: 20px;}
  h2{font-size:35px;} 
  h3{font-size:30px;}
  h4{font-size:26px;}
  body, p{font-size:18px!important; }
  .footer-v2 .col-30 ul li, .footer-v2 .col-2 ul li a{font-size:18px}
  .col-2 h5{font-size: 20px;}
 

}

@media (min-width: 1640px){ 

  .blogBannerSection {padding-top:300px; padding-bottom:300px;}
/*   .footer .container {transform: scale(0.9);} */
  /*    .hero-left-part.heroLeftSlider h2{font-size: 60px;} */
  .hero-left-part.heroLeftSlider p {width:100%;}
  /*   .hero-left-part.heroLeftSlider p { font-size: 21px; width:100%;} */
  .merlin-section.aboutFlipSection.hero-banner-sec.m-com .hrBannerInner {max-width: 1150px;}
  .hrSolutionBanner:before{left: 200px;top: 17%;}
  .scrollTabInner ul li a{padding: 10px 15px;}
  .scrollTabInner ul li a{font-size:16px;}
  .max1200{max-width: 1000px;}
/*   .solutionTab.hrRightContent {margin-bottom: 70px; }
 .tabSolutionNew.hrRightContent {margin-bottom: 70px;} */
 .serviceLeftInner {width: 680px;margin-left: 0px;position: relative;z-index: 1;}
 .serviceLeftInner{margin-left: -32px;}
 
  
  
  
 

}
@media (min-width: 1920px){ 
.serviceThreeCol{height: 198px;width:198px;}
 .serviceThreeCol img{width: 75px;}
  
}


@media (min-width: 2100px){ 
   .hrSolutionBanner:before{left: 300px;top: 9%;}
}

@media (max-width: 1920px){ 
  .employeejourneySection.pbtm50.ptop50.pos-rel.merlin-section {margin: 150px 0;}
  .solutionTabSection{position:relative; overflow:hidden;}

}


@media (max-width: 1840px){  
  .productivityGraph:before{height: 624px;width: 568px;left: -53px;top: -90px;}  
  .bannerSlider .hero-left-part:before{top: -71px;left: -12px;}
  .productivityTwoColumn.leftImgRightFormMain {max-width: 1250px;margin: 0 auto;width:100%;}
  .solutionTwoMainCol {width: 100%;max-width: 1350px;margin: 0 auto;}
  .hero-left-part:before{ top: -85px; left: -114px; width: 62px; height: 62px;}
  .productivityTwoColumn{max-width: 1300px;margin: 0 auto;width: 100%;}
  .centerCircle {position: absolute; left: 43%; top: -3px; max-width: 90px;}
  .solutionTab{margin-bottom: 30px;padding: 20px 20px;border-bottom: 2px solid #e3e2e2;cursor: pointer;min-height: 260px; }
/*     .solutionTab{margin-bottom: 30px;padding: 20px 20px;border-bottom: 2px solid #e3e2e2;cursor: pointer;min-height: auto; } */
  .tabSolutionNew {min-height:260px;}
  .hrRightContent h4{font-size: 22px;}
  .productivityGraphPattern{right: -10%;}


}

@media (max-width: 1700px){  
  .circleAnimateLeftSide{ width: 63%; }
  .container{max-width:1440px;}
  .ourPostSlide{padding: 38px 30px 50px;}
  .aboutListLeftInner p{font-size: 20px;}
  .listingAboutContent .listCon h5{font-size: 18px;}
  .tabStickySection .videoTwoCol.aboutAlternate.odd .imageBox span.imgBackShape{left: -19%;top: -12%;transform: translateX(0);max-width: 500px;}
  .careersFivecolSubtitle h6{font-size:20px;}
  .careersFivecolIcon svg{height: 40px;width: 40px;}
  .careersFivecolIcon{height:90px; width:90px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight, .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight{transform: scale(1);}
 .imageBox.text-right.imageBoxSoution {padding-right: 50px;}
   .solutionLeftInner .imageBox img.activeTabImage2{height:300px; width:300px;}
  
}

@media (max-width: 1600px){  

  .productListMain:before{right: -6px;}
  .hrRightMain{padding-right: 60px; padding-left:20px;}
  .hrAlternateTwoCol.swapSection .hrRightMain{padding-left: 60px;padding-right: 20px;}
  .tabMainSection ul.tabs li span{font-size: 18px;}
  .tabMainSection ul.tabs li{padding: 20px 25px;width: 24%;}
/*   .solutionLeftInner .imageBox{width: 700px; max-width:100%;} */
  .sectionTitle p {font-size: 18px;}
  .appRightContect.appRightContectV2 p {font-size: 18px;}
  .appRightContect.appRightContectV2 h4{font-size: 24px;}
  .blob{height: 70px;width: 70px;}
  .appIcon svg{width: 30px; height: 30px;}
  .appLeftIcon{width:70px;}
  .appRightContect { width: calc(100% - 70px); padding-left: 30px; }
  /*   .leftSideInnerPart p{font-size:20px;} */
  .aboutFlipSection 
  /*   .hrBannerInner p {font-size: 20px;} */
  .backgroundCircleImg { position: absolute; left: -90px; transform: scale(0.5); }
  .ourPostSlide.aboutSlider{padding:30px 30px 30px !important;} 
  .solutionTab  .tabTitle {padding-left: 20px;}
  .solutionTabContent{padding-left:58px;}
  .serviceBannerInner  .section-img img {width: 300px;}
  .industryHover ul li a { max-width: 420px;}

 






}
@media (max-width:1540px){  
  .productivitySection{margin: 90px 0;}
  .productList .listInner{padding-right: 0;}
  /*   .hrRightContent h4{font-size: 25px;} */
  .tabStickyMainSection{margin-bottom: 40px !important;}
/*   .solutionLeftInner .imageBox{width: 600px;} */
  .solutionTabSection {margin-bottom: 0 !important;}
  .hero-right-part{min-height: auto !important;}
  .appTwoColumnInner{padding: 0 30px 50px;}
  .solutionTwoMainCol {width: 100%;max-width: 1200px;margin: 0 auto;}
  .appTwoColumnDiv{padding: 0 50px 50px;}
  .appRightContect.appRightContectV2 p { font-size: 17px;}
  .circleAnimateLeftSide{ width: 65%; }
  .circleAnimateRightSide{padding-left:20px;}
  .circleAnimateInner{transform: scale(0.9);}
  .aboutAlternateSection.tabStickySection{margin-bottom: 0 !important;}
  .talentManagementMain.videoTwoCol.aboutAlternate:last-child {padding-bottom: 0;}
  .twoColumnWhoWeHelp .right-employee{right: 0;}
  .ourPostSlide.aboutSlider {min-height: 404px; } 
  .new-subhero-section.whoWeHelpSection .right-part .img1 {max-width: 150px;top: 5%;}
.new-subhero-section.whoWeHelpSection .right-part .img3{max-width: 250px; }
.new-subhero-section.whoWeHelpSection .right-part .img2{max-width: 200px; top: 222px;}
.new-subhero-section.whoWeHelpSection .right-part .circle-img{max-width: 80px;bottom: 30%;}
.new-subhero-section.whoWeHelpSection .right-part .circle-img:before{display:none;}
.new-subhero-section.whoWeHelpSection .right-part .img4 {position: absolute;right: 0;top: 285px;}
  

}
@media (max-width:1440px){  
  .solutionLeftInner .imageBox img.activeTabImage2 ,.imageBox.imageBoxFade img.accordionImg2{height: 250px;width: 250px;bottom: -80px;}
  .circleImg{max-width: 70px;}
  .solutionTabRight{width: 550px;}
  .solutionTabLeft{width: calc(100% - 550px);}
  .PlatformIcon img { max-width: 100%; width: 58px;}
  .PlatformTitle h4{font-size:23px;line-height: 1;}
  .circleImg{right: -24px;top: 24px;}
  .productivityTwoColumn.leftImgRightFormMain {max-width: 1050px;margin: 0 auto;width:100%;}
  .hero-left-part:before{width: 50px;height: 50px;background-size: cover;}
  .hero-left-part:before{top: -43px;left: -84px;}
  .productivityTwoColumn{max-width: 1100px;margin: 0 auto;width: 100%;}
  .productList{padding: 50px 30px;}
  .productList .listInner{padding-left: 36px;}
  .productList .listInner{font-size: 17px;}
  .rightBoxAccordion p {font-size: 15px;}
  .rightBoxLink a{font-size:15px;}
  .rightBoxTitle h4 {margin-bottom: 10px;}
  .rightBoxAccordion h4{margin-bottom: 10px;font-size: 18px;} 
  .rightBoxIconInner img{height: 33px;}
  .solutionLeftInner .imageBox{width: 700px; max-width:100%;}
  .rightBoxIcon{width: 65px;}
  .rightBoxIconInner{height: 65px;width: 65px; padding:12px;}
  .rightBoxIconInner span{line-height: 20px; left: -9px; top: -2px; height: 20px; width: 20px;font-size: 15px;}
  .rightBoxContent{padding-left: 23px;}
  .rightBoxTitle h4:before{height: 65px;}
  .rightBoxContent{width: calc(100% - 65px);}
  /*   .employeRightBox{margin-bottom: 40px;min-height: 200px;} */
  .centerCircle{top: -42px;}
  .tabBoxes.videoTab {padding-left:70px;}
  .footer-v2 .col-30 ul li,.footer-v2 .col-2 ul li a{font-size:17px;}
  .col-2 h5{font-size: 17px; margin-bottom:30px}
  .col-2 ul li{margin: 0 0 15px;}
  .footer-v2 .col-70{width: calc(100% - 261px);}
  .footer-v2 .col-30{width:260px;}
  .footer-v2 .social-icon div a span svg{width: 18px;height: 18px;}
  .footer-v2 .social-icon div{margin-right: 12px;}
  .col-30 h6{font-size: 17px; margin-bottom: 35px;}
  .side-nav-right p{font-size: 15px;}
  .leftSubMenuContent h4 a{font-size: 17px !important;}
  .footer .container {transform: scale(0.9);}
  .bm-menu-mixed .hs-menu-wrapper>ul>li{margin-left: 2px;}
  .circleAnimateInner{transform: scale(0.75);}
  .container{max-width:1280px;}
  .hero-left-part{width: 51%;}
  .rightImagePart{width:50%;}
  .fourColContent h4 {font-size: 24px;}
  .aboutListRightSide{width: 50%;}
  .aboutListLeftInner{padding-left: 0;padding-right: 60px;}
  .aboutListLeftInner p{font-size:17px;}
  .videoTwoCol.aboutAlternate .talentManagementAlternate.imageBox{ max-width: 420px;}
  .videoTwoCol.aboutAlternate:last-child .talentManagementAlternate.imageBox>img{width: 400px;}
  .videoTwoCol.aboutAlternate:nth-child(2) .talentManagementAlternate.imageBox>img{width: 400px;}
  .tabStickySection .videoTwoCol.aboutAlternate .tabBoxes .tabTitle p{font-size:17px;}
  .tabStickySection .videoTwoCol.aboutAlternate.odd .imageBox span.imgBackShape{max-width: 400px;}
  .tabStickySection .videoTwoCol.aboutAlternate.even  .videoTab {padding-left:70px;}
  .tabStickySection .videoTwoCol.aboutAlternate.odd .videoTab {padding-right:70px;padding-left: 0 !important;}
  .aboutFlipSection 
  .hrBannerInner p {font-size: 17px;}
  .head-top .container {padding: 0 20px;max-width: 100%;}
  .bm-menu-mixed .hs-menu-wrapper>ul>li>a{font-size:15px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2){ padding-left: 10px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child{margin-left: 15px;}
  .body-wrapper.topSpace{ margin-top: 89px;}
  .ourPostSlide.aboutSlider {padding-bottom: 30px !important;}
  .recentPostmain .slick-next{right:0;}
  .ourBlogPostParent{margin: 0 20px 35px;}
  .merlin-section.careerTwoColumnSection .left-part .section-heading .content p{font-size: 20px;}
  .careersFivecolSubtitle{padding: 30px 65px 0;}
  .careersFivecolInner{width: calc(33.33% - 90px);margin: 0 45px;padding-bottom: 60px;}
  .ourBlogPostTitle p a{font-size: 17px;}
  .talentSectionMain.softwareSolutions .talentManagementMain.odd .talentManagementAlternate.imageBox.employeeBenefitsMain{max-width:400px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight{padding:0;}
  /*   .altImg{width: 400px;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo{max-width: 300px;}
  .tabMainRightInner.tabMainRightInnerNew.expenseSection{} */
  .rightListingBg:before{height: 650px;width: 600px;background-size: contain;}
  .tabStickySection .hrAdministrationAlt .imageBox span.imgBackShape{max-width: 360px;}
   .backgroundCircleImg{position: absolute;left: -31px;top: 110px;max-width: 90px;}
  .imageBox.text-right.imageBoxSoution{padding-right:0 ;}




}



@media (max-width: 1300px){  
  .right-form-part .section-title h3 {font-size: 27px;}
  .bannerSliderInner {padding: 97px 0 300px;}
  .productList{padding: 50px 30px;}
  .centerCircle img {width: 90px;}
  .centerCircle{ position: absolute; left: 42%;}
  .tabMainSection ul.tabs li {padding: 15px 20px;width: 24.5%;}
  .tabMainLeftInner{padding-left: 0;}
  .tabMainTwoCol{padding-top:50px;}
  .tabStickySection .tabRightCol{padding-left: 30px;}
  .PlatformTitle h4{font-size:23px;line-height: 1;}
  .solutionLeftInner .imageBox{width: 530px; text-align: right; margin: 0;}
  .solutionLeftInner .imageBox img.activeTabImage2, .imageBox.imageBoxFade img.accordionImg2{height: 200px;width: 200px;}
  .solutionTab .tabTitle>p,.accordionTitle>p{height: 30px;width: 30px;line-height: 34px;font-size: 22px;}
  .circleImg{max-width:60px;}
  .PlatformIcon img{width: 47px;}
  .solutionLeftInner .imageBox img.activeTabImage2 {left: inherit;right: -10%;}
  .imageBox.imageBoxFade img.accordionImg2{right: -13%;}
  .solutionTab.hrRightContent{margin-bottom: 20px;padding: 25px 15px 20px;}
  /*   .hrRightContent h4{font-size: 21px;} */
  .solutionTabRight{width: 550px;;}
  .solutionTabLeft{width: calc(100% - 550px);padding-left: 70px;}
  .PlatformFourColInner{padding: 20px;}
  .PlatformTitle h4{font-size: 23px;}
  .appTwoColumnInner{padding: 0 40px 40px;}
  .tabMainRightInner.tabMainRightInnerNew span.backShape{left: 0;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{padding: 12px 12px;}
  .subMenuRightCol{width: 16%;}
  .subMenuLeftCol{width:100%;}
  .submenuRightInner img{height:150px !important; width:150px !important;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd.expenseMain .tabMainRight{padding: 0;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight{padding: 0;}
  .altImg{width: 300px;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo{top: 5%;left: 11%;max-width: 204px;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.even .frameVideo{top: 5%;right: 11%;max-width: 204px;}
  .tabMainTwoCol.expenseMain{padding-bottom: 125px;}
  li.hs-menu-item.hs-menu-depth-2 a.menubelow{width: 220px;}
  .side-nav-right.sb-menu{max-width: calc(100% - 413px);height:400px;}
  .enumenu_ul.desk .hs-menu-wrapper>ul ul li a{font-size: 14px;}
  ul.hs-menu-children-wrapper{height:100vh;}
  ul.hs-menu-children-wrapper h4{font-size:17px;}
  .hrRightContent span{height:30px; width:30px;}
  .hrRightContent span:before{height: 15px;width: 15px;}
  .hrRightContent h4{line-height: 1.2;}
  .tabTwoCol.videoTwoCol.odd.forLeptop .frameVideo.frameVideotimeAttendance{max-width: 350px;}
  .tabTwoCol.videoTwoCol.even.forLeptop .frameVideo.frameVideotimeAttendance{max-width: 350px;}
  .tabTwoCol.videoTwoCol.forLeptop .altImg{ width: 280px;}   
  .fourColContent h4{font-size:25px;}
  .testimonialSlideRight{width: 60%;}
  .testimonialRight{margin:35px;}
  .circleAnimateInner{transform: scale(0.8);}
  .fourColumnSection{margin: 0 -20px;}
  .listIcon svg{height: 34px;}
  .listingAboutContent{padding-left: 10px}
  .listingAboutIcon{width:35px;}
  .listingAboutContent{width: calc(100% - 35px);}
  .listingAbout:before{width: 145px;}
  .aboutListRightList{padding-left: 180px;}
  .listingAbout:before{left: -172px;}
  .talentManagementMain.videoTwoCol.aboutAlternate{padding-bottom:70px;}
  .bannerSliderInner.aboutBannerSlider{padding: 50px 0 250px;}
  .recentPostmain{padding: 0 50px;}
  .ourBlogPostParent{box-shadow: 0px 7px 10px 0px rgb(104 104 104 / 20%);}
  .careersFivecolSubtitle{padding:20px 20px;}
  .whoWeHelpMainSection .employee-book{max-width: 450px; width: 100%;}
  .talentSectionMain.softwareSolutions .talentManagementMain.odd .talentManagementAlternate.imageBox.employeeBenefitsMain{max-width: 350px;}
  .tabMainRightInner.tabMainRightInnerNew.expenseSection{max-width: 500px;}
  .bm-menu-mixed .hs-menu-wrapper>ul>li>a{font-size: 14px !important;}
  /*   Service Page */
  .serviceLeftInner{width: 100%;margin-left: 0;}


}
@media (max-width: 1230px){ 
  .employeInnerRight:before{top: 35.6%;}
  .backgroundCircleImg{display:none;}
  .appTwoColumnInner{padding: 0 30px 30px;}
  .appLeftIcon{width: 50px;}
  .blob{height: 50px; width: 50px; line-height: 50px;}
  .appIcon img{width: 28px;}
  .appTwoColumnInner{padding: 0 30px 20px;}
  .appRightContect{width: calc(100% - 50px);padding-left: 20px;}
  .tabForMain{padding-bottom:30px;}
  .appRightContect.appRightContectV2 p{font-size: 17px;}
  .sectionTitle p{font-size: 17px;}
  .footer-v2 .col-70{width: calc(100% - 261px);}
  .footer-v2 .col-30{width:260px;}
  .footer-v2 .col-2{width:28%;margin-right:5%;}
  .footer-v2 .social-icon div{margin-right:12px;}
  .tabStickySection .imageBox span.backShape img{width: 450px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{padding: 10px 8px;}
  .solutionBannerInner a{left: 48%;}
  .appRightContect{padding-top: 9px;}
  .employee-two-col-wrap.sectionAlignment{padding: 0 40px;}
  .recentpostImage.bg{height: 230px;margin-bottom: 0;}
  .ourPostSlide{padding: 20px 15px 60px;}
  .ourBlogPostTitle p{line-height: 1.2;}
  .ourBlogPostTitle p a{font-size: 15px;}
  .ourBlogPostContent p span, .ourBlogPostContent p, .ourBlogPostContent div{font-size: 15px;}
  .PlatformTitle h4{min-height: 46px;}
  .tabTwoCol.videoTwoCol.odd.forLeptop .frameVideo.frameVideotimeAttendance{max-width: 300px;left:0; }
  .tabTwoCol.videoTwoCol.even.forLeptop .frameVideo.frameVideotimeAttendance{max-width: 300px; right:0;}
  .tabTwoCol.videoTwoCol.forLeptop .altImg{width: 250px;}
  .tabTwoCol.dis-flex.videoTwoCol.odd .frameVideo.frameVideotimeAttendance{left: 0;}
  .tabTwoCol.videoTwoCol.even .frameVideo.frameVideotimeAttendance{right:0;}
  .imageBox.imageBoxVideo.imageBoxPopupVideo{max-width: 450px;}
  .tabTwoCol.forLeptop .imageBox.imageBoxVideo.imageBoxPopupVideo{max-width: 510px; }
  .altImg{width: 277px;}
  .circleAnimateInner{transform: scale(0.7);}
  .bm-menu-mixed .hs-menu-wrapper>ul>li>a{font-size:14px;}
  /*   .ourPostSlide.aboutSlider .ourBlogPostContent{min-height:auto;} */
  .footer-v2 .col-2{padding-bottom:25px;}
  .bannerSliderInner.aboutBannerSlider{padding: 50px 0 200px;}
  .ourBlogReadMore .fourColLink a{font-size: 17px;}
  .fourColLink a svg{height: 30px;width: 30px;}
  .fourColLink a span{height: 30px;}

  .bannerSliderInner.aboutBannerSlider.careersBannerSection{padding: 97px 0 120px;}
  .careerRightPattern{top: -4%;transform: translateY(0);}
  .careerLeftPattern{top: 3%;}
  .ourBlogPostContent{min-height: 173px;}
  .blogBanner{padding: 80px 0;}
  .right-menu{width: calc(100% - 222px);}
  .site-logo{width: 220px;}
  .ourBlogReadMore .fourColLink a span{height: 32px;}
  .scrollTabInner ul li a{font-size: 14px;padding: 15px 7px;}
  .tabDetail.tabDetailTabNew ul li{font-size: 14px;}
  .solutionTabRight{width:500px;}
  .solutionTabLeft{ width: calc(100% - 500px);}
  .solutionTabLeft.solutionTabLeftMain{padding-right: 100px;}
  .solutionTabLeft{padding-left: 40px;padding-right: 30px;}
  .imageBox.text-right:before{height: 70px;width: 70px;left: -20px;bottom: -16px;}
  .solutionLeftInner .imageBox img.activeTabImage2{right: -7%;}
  .serviceRightInner{padding: 20px 20px;}
  .fourColumnContent{margin-bottom: 60px;}
  .serviceRightInner{width: calc(50% - 20px);margin: 0 10px 20px;}
  .industryLeftSide{width: 450px;}
  .industryRightSide{width: calc(100% - 450px);}
  .industryHover ul li a{padding: 15px 20px;border-radius: 10px;}
  .industryHover ul li a svg{width: 35px;}
  .mydiv img{min-height: 480px;}
  .industryHover ul li{padding-bottom: 15px;}
  .industryHover ul li.mymultiplediv a span.ctaContent h6{margin-top: 12px;}
 

}

@media (max-width: 1200px){  
  .productivityGraph:before{height: 480px;width: 437px;left: 18px;top: -90px;}
  .productivitySection{margin: 50px 0 100px;}
  .employeejourneySection.pbtm50.ptop50.pos-rel.merlin-section{margin: 120px 0 50px;}
  .rightListingBg:before{width: 100%;height: 100%;background-size: contain}
  .productList{padding: 72px 35px;}
  .alternateMain.pos-rel.merlin-section{padding: 80px 0 90px !important;}
  .hrRightMain{padding-right:0;}
  .hrAlternateTwoCol.swapSection .hrRightMain{padding-left:0;}
  .productList .listInner{font-size:15px;}

  .hrRightMain{padding-left: 0;}
  .hrAlternateTwoCol.swapSection .hrRightMain{padding-right: 0;}
  .solutionTab{min-height: 170px;}
  .tabSolutionNew{min-height: 170px;}
  .tabDetail p {font-size: 17px;line-height: 1.2;}
  .footer-v2 .social-icon div{margin-right:11px;}
  /*   .hero-left-part.heroLeftSlider h2{font-size: 35px;} */
  .leftSubMenuContent h4 a{font-size: 15px !important;}
  .leftSubMenuContent h4:before{top: 46%;transform: translateY(-50%);font-size: 14px;}
  .footer .container{transform: scale(1);}
  .side-nav-right.sb-menu{max-width: calc(100% - 406px);height:400px;}
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{position:relative; z-index:55;}
  .tabBoxes.videoTab{padding-left: 60px;}
  .testimonialRight{padding: 100px 30px 50px;}
  .aboutListLeftSide{width: 45%;}
  .aboutListRightSide{width: 55%;}
  .videoTwoCol.aboutAlternate .talentManagementAlternate.imageBox{max-width: 350px;}
  .videoTwoCol.aboutAlternate:nth-child(2) .talentManagementAlternate.imageBox>img{width: 320px}
  .videoTwoCol.aboutAlternate:last-child .talentManagementAlternate.imageBox>img{width: 320px}
  .tabStickySection .videoTwoCol.aboutAlternate.odd .imageBox span.imgBackShape{top: -21%;}
  .tabStickySection .videoTwoCol.aboutAlternate .tabBoxes .tabTitle p{font-size:17px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight, .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight{transform: scale(0.8);}
  .hrAdministrationSection.tabStickyMainSection {padding-top: 0 !important;}
  
/*   Who we help */
  .new-subhero-section.whoWeHelpSection .right-part .img-wrap{max-width: 100%;}
  .new-subhero-section.whoWeHelpSection .right-part .circle-img{bottom: 2%;}
  .new-subhero-section.whoWeHelpSection .right-part .img3{right: 13%;}


}


@media (max-width: 1100px){  
  .employeInnerLeftMain{width: 44%;}
  .employeInnerRight{width: 52%;}
  .rightListingBg:before{left: -103px;top: -55px;}
  .tabMainSection ul.tabs li img{width: 28px;}
  .tabMainSection ul.tabs li span{width: calc(100% - 28px);}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo{left:5%}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.even .frameVideo{right:5%;}
  .tabMainTwoCol.expenseMain{padding-bottom: 100px;}
  .subMenuRightCol{width: 18%;}
  .talentManagementMain{margin-bottom:60px;}
  .tabTwoCol.videoTwoCol.odd.forLeptop .rightInner{padding-right:25px;}
  .hrRightContent span{height: 30px;width: 30px;}
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{padding-left: 52px;}
  /*   .leftSideInnerPart p{font-size:18px} */
  .fourColMain{width: calc(25% - 30px);margin: 0 15px;}
  .fourColContent h4{font-size: 22px;line-height: 1.2;}
  .circleAnimateLeftSide{width:100%;}
  .circleAnimateRightSide{ width:100%; padding-left:0;}
  .circleAnimateRightSide{max-width: 800px; margin: -8% auto 0; width: 100%;}
  .circleAnimateInner{transform: scale(1);zoom: 0.9;}
  .listingAboutContent .listCon h5{font-size: 17px;}
  .aboutListRightList{padding-left: 160px;}
  .listingAbout:before{left: -150px;}
  .listingAbout:before{width: 120px;}
  .aboutListRightList:before{top: 20px;}
  .aboutListRightInner{    padding: 30px 30px 30px 40px;}
  .ourBlogPostParent{margin: 0 20px 35px;}  
  .productivityGraph img {max-width: 450px; width:100%;}
  .productivityGraphPattern{right: -9%;bottom: -16px;}
  .whoWeHelpMainSection .employee-book{max-width: 400px;}
  .twoColumnSection.speakerSwapColumn .speakerPattern img{width: 85px;}
  .scrollTabInner ul li a {font-size: 13px;padding: 15px 5px;}
  .dotedPatternRight{top: -39px;}
  .dotedPatternLeft{top: -30px;}
  .ourProcessImage{width: calc(100% - 550px);}
  .ourProcessContent{width: 225px;}
   .ourProcessRight{width: 325px;}
  .ourProcessRightDot:after{top: 88px;}
  .ourProcessTitle h2{font-size: 60px;}
  /*   Who we help */
  .new-subhero-section.whoWeHelpSection .right-part .img3{max-width: 200px;}
  .new-subhero-section.whoWeHelpSection .right-part .img2{max-width: 170px;}
  .new-subhero-section.whoWeHelpSection .right-part .img1{max-width: 130px;}
  .new-subhero-section.whoWeHelpSection .right-part .img4{max-width: 100px;}
  .ourProcessInner.even .ourProcessRightDot:after{height: 44px;top: 90px;}
  .ourProcessRightDot:after{top: 90px;}
  .ourProcessRightDot:after{height:44px;}


}
@media (max-width: 1024px){ 
  .employeInnerLeftMain{width:100%;}
  .employeInnerRight{width:100%;padding-top: 40px;margin-bottom: 60px;}
  .employeInnerLeft:before{display:none;}
  .recentPostmain{margin-left:0;margin-right:0;}
  /*   .ourBlogPostParent{width: calc(50% - 50px)!important; margin-bottom:30px !important;} */
  .ourBlogPostParent{ margin-bottom:30px !important;}
  .right-form-part form .hs_submit{margin-bottom:0;padding-top: 30px;margin-left: 3px;}
  .employeInnerRight:before{top: 26.6%;}
  .firsrHrIMg.hrImg1,.firsrHrIMg.hrImg3{width:150px;margin-bottom: -250px;}
  .firsrHrIMg.hrImg2{width: calc(100% - 300px);margin-bottom: -345px;}
  .employeInnerParent{max-width: 800px;margin: 0 auto;width: 100%;}
  .firsrHrIMg.hrImg2 .flipcardimg{max-width: 240px;}
  .flip-text.back.hrcont2{width:240px;height:240px;}
  .flip-text{font-size: 10px;}
  .fancybox-content {width: 650px !important;height: auto !important;}
  .tabStickySection .imageBox span.backShape img{width: 400px;}
  .tabStickySection .imageBox span.backShape{top: -35%;}
  .hrRightContent{padding-left: 50px;}
  .employeRightBox:last-child{margin-bottom: 0;}
  .ourBlogPostParent{margin: 0 15px 35px;}
  .employeInnerLeftMain{padding-bottom: 0;}
  .flipParent .firsrHrIMg.hrImg1,.flipParent .firsrHrIMg.hrImg3{width:150px;margin-bottom: -143px;}
  .flipParent .firsrHrIMg.hrImg2 {width: calc(100% - 300px);margin-bottom: -270px;}
  .flipParent .firsrHrIMg.hrImg2 .flipcardimg{max-width: 240px;}
  .flipParent .flip-text.back.hrcont2{width: 240px;height:240px;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{height: 206px; width:100%;font-size: 17px;}
  .solutionTabSectionV1,.solutionTabSection   {padding-bottom: 150px !important;}
  .altImg{width: 250px;}
  .tabTwoCol.dis-flex.videoTwoCol.odd .frameVideo.frameVideotimeAttendance{left: 0%;}
  .tabTwoCol.videoTwoCol.even .frameVideo.frameVideotimeAttendance{right:0;}
  .tabTwoCol.videoTwoCol.forLeptop .altImg{width: 250px;}
  .ourBlogPostParent{width: calc(33.33% - 30px );}
  .ourBlogPostmain.blogPostIndex{margin:0 -15px;}
  .fourColLink a{font-size:17px;}
  .fourColLink a svg{height:30px; width:30px;}
  .fourColLink a span{height: 30px;}
  .ourPostSlide{padding: 38px 30px 65px;}
  .firsrHrIMg.aboutFlipSection1{margin-bottom: -250px;}
  .firsrHrIMg.aboutFlipSection2{margin-bottom: -340px;}
  .firsrHrIMg.aboutFlipSection3{margin-bottom: -250px;}
  .ourBlogPostParent{box-shadow: 0px 7px 10px 0px rgb(104 104 104 / 20%);}
  .recentPostmain ul.slick-dots {left: 0;}
  .blogRecentPostTitle.aboutPostTitle{padding-left: 76px !important;}
  .whoWeHelpMainSection .employee-book{max-width: 350px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{font-size: 13px !important;}
  .tabStickySection .sectionTitle{margin-top: 0;}
  .industryHover ul li a{max-width: 330px;}

}

@media (min-width: 992px){ 
  .scrollTabInner ul{display:block !important;}
 
  
}
@media (max-width:991px){ 
   .scrollTabInner ul{  box-shadow: 0px 15px 10px -10px rgb(0 0 0 / 25%);}
  .ptop95{padding-top:40px;}
  .body-wrapper.topSpace{margin-top: 70px;}
  .employeInnerLeftMain{width:100%;}
  .productivityRightSec {width: 100%;padding-right: 0;padding-top: 40px;}
  .productivityLeftSec{width:100%;}
  .productivityGraph img {max-width: 600px;margin: 0 auto;width: 100%;}
  .productivityGraph {text-align: center;}
  .left-form-img img {max-width: 600px;margin: 0 auto;width: 100%;}
  .left-form-img {text-align: center;}
  .right-form-part{padding-top:0;}
  .bannerSliderInner{padding: 97px 0 250px;}
  .threeImages{max-width: 610px;}

  .hrSolutionBanner:before{top: 11%;}
  .hrSolutionBanner:after{top: 13%;}
  .hrAlternateTwoCol {max-width: 700px; width:100%;margin: 0 auto;}
  .altenateImg{padding-left: 0;}
  .hrAlternateTwoCol.swapSection .productivityLeftSec{order: 0;}
  .alternateMain.pos-rel.merlin-section{padding: 50px 0 50px !important;}
  .hrAlternateTwoCol.swapSection .altenateImg{padding-right:0;}
  .hrAlternateTwoCol{padding: 0 20px;}
  .productivityGraph img{max-width: 300px;}
  .productivitySection.twoColBluebg .productivityGraph:before{display:none;}
  .productivityRightSec.rightContentSec{text-align:center;}
  .centerCircle{display: none;} 
  .rightSideListing{padding-left: 0;position: relative;width: 100%;}
  .leftSideTitleCol{width:100%;}
  .leftSideTitleCol .productivityRightCon{text-align:center; padding-bottom:50px}
  .leftSideTitleCol .productivityRightCon h3 br{display:none;}
  .twocolListTitle{padding-bottom:70px}
  .productList{margin:0 auto;}
  .leftSideTitleCol .productivityRightCon{padding-bottom:0;}
  .productivityRightSec.rightContentSec .productivityRightCon p{ margin: 0 auto;}
  .bannerSliderInner.aboutBannerSlider{padding: 50px 0 170px;}



  /*  Tab Section  */
  body .solutionTabContent{display: block !important;visibility: visible !important;opacity: 1 !important;} 
  .tabMainSection ul.tabs{display: none;}
  .tab_drawer_heading {background-color: #00a6da; color: #fff; border-top: 1px solid #f0d878; margin: 0; padding: 10px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  .d_active {background-color: #f0d878;color: #fff;}
  .tab_drawer_heading {display: flex;flex-wrap: wrap;align-items: center;}
  h3.tab_drawer_heading span {padding-left: 25px;font-weight: 600; font-size:20px;}
  .tab_content{padding: 0 20px 50px;}
  .tab_container{border-top: 0; width: 100%; background: #fff; border: 1px solid #00a6da; border-radius: 20px; position: relative; overflow: hidden;}
  .tabMainLeft{padding-right: 20px;}
  .tabMainRight{padding-left: 20px;}
  .productivityRightCon.rightChoice {text-align: left;max-width: 508px;margin: 0 auto;}
  .tab_drawer_heading img {width: 38px;display: block;}
  .tab_drawer_heading span {width: calc(100% - 38px);}
  span.backShape{display:none;}
  .tabLeftCol.w-50 {width: 100%;padding-bottom: 60px;}
  .tabRightCol.w-50 {padding-left: 0;width: 100%;}
  .tabStickyMainSection{margin-bottom:0 !important;}
  .tabStickySection .sectionTitle{margin-bottom: 60px;line-height: 0;}
  .tabStickySection .tabBoxes+.tabBoxes{margin-top: 70px;}
  .tabStickySection .tabBoxes{min-height: auto;}
  .productivityGraph.productivityGraphHome img {max-width: 600px;width: 100%;}
  .solutionTabLeft{display: none;}
  .solutionTabRight{width:100%}
  .solutionTabSection .solutionTab .tabImage{display: block;max-width:100%;width: 434px;max-width:100%;}
  .solutionTabSection .tabSolutionNew .tabImage{display: block;max-width:100%;width: 434px;max-width:100%;}

  .solutionTabContent .tabDetail {padding-top: 30px;}
  .solutionTabContent{width: 100%;padding-left: 0;}
  .tabImage2{display: block; max-width: 180px; margin-top: -11%; text-align: right;margin: -18% 0 -26px auto;}
  .PlatformFourCol{width: 33.33%;}
  .solutionBannerInner{width: 100%; max-width: 500px; margin: 0 auto;}
  .solutionTab{max-width: 600px;width:100%;margin: 0 auto;}
  .tabSolutionNew {max-width: 600px;width:100%;margin: 0 auto;}
  .PlatformTitle h4{font-size: 19px;}
  .productivityGraph.productivityGraphForm:after{display:none;}
  .consultationForm{margin: 0 auto;}
  .appRightContect h4{font-size: 20px;}
  .appTwoColumnInner{padding: 0 15px 20px;}
  .productivityLeftSec span.backShape img{width: 475px;} 
  /*   .solutionTab {min-height:auto;} */

  .lpBannerLeft{width:330px}
  .lpBannerRight{width:calc(100% - 330px);padding-left: 40px;}
  .lpBannerLeftInner{padding: 30px;}
  .lpLogoImgMain{padding:30px 0 65px;}
  .lpRightInner ul li:before{height: 20px;width: 20px;}
  .tabStickySection.tabStickyMainSection.borderSec .imageBox img.activeTabImage{border:18px solid #000;}
  .tabStickyParent .tabRightCol{padding-right: 0;}
  .tabParentBox.tabParentBoxv2  .tabBoxes.hrRightContent.tabActive .tabImage {display: block;}
  .flip-text.back.hrcont2 {width: 240px; height: 240px;}
  .flip-text {font-size: 14px;}
  .tabMainTwoCol.tabMainTwoCol{padding-top: 30px;padding-bottom:20px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeftInner{padding: 0 20px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeftInner{padding:0 20px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainRight{padding: 0 20px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight{padding: 0 20px;}
  .tabTwoCol.videoTwoCol .tabLeftCol.w-50.mobile {display: flex;justify-content: center;order: 2;}
  .tabTwoCol.videoTwoCol .tabLeftCol{padding: 50px 0 0;}
  .tabParentBox{max-width: 600px;margin: 0 auto;width: 100%;}
  .footer-v2 .col-30 ul li{line-height:normal;}
  .footer-v2 .social-icon div a span svg{width:20px;height:20px;}
  .footer-v2 .social-icon div a{width:30px;height:30px;}
  .footer-v2 .social-icon div a span svg{height:16px; width:16px;}
  .tabTwoCol.videoTwoCol:nth-child(even) .tabLeftCol {order:2;justify-content: center; }
  .frameVideo{max-width: 400px;}
  .tabTwoCol.dis-flex.onboardSection .imageBox {display: none;}
  .tabStickySection .tabTwoCol.onboardSection .tabContent .tabImage, .tabStickySection .tabTwoCol.onboardSection .tabBoxes .tabContent{display:block;}
  .tabTwoCol.onboardSection .tabImage img {border: 10px solid #000;}
  .tabStickySection .tabTwoCol.onboardSection .tabBoxes{opacity:1;}
  .tabTwoCol.onboardSection .tabRightCol { padding-bottom: 60px; }
  .tabContent.blueCheckList {display: none;}
  .footer-v2 .col-70{width: calc(100% - 201px);}
  .footer-v2 .col-30{width: 200px;}
  .appTwoColumnDiv{padding: 0 15px 50px;}
  .tabTwoCol.dis-flex.onboardSection .tabLeftCol {display: none;}
  .firsrHrIMg.flipper.flipcard.hrImg3 .flip-text.back.hrcont3 {font-size: 8px;}
  .firsrHrIMg.flipper.flipcard.hrImg1 .flip-text.back {font-size: 8px;}
  .tabRightCol{padding-bottom: 40px;}
  /*   .head-top.stick {position: relative;animation: inherit;box-shadow: none;} */
  .head-top.stick
  .enumenu_ul .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.hover>a.menubelow{color:#fff}
  .altImg{width: 250px;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo{max-width: 130px;left:0;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.even .frameVideo{right:0;max-width: 130px;}
  .tabMainRightInner.tabMainRightInnerNew.expenseSection{max-width: 340px;margin: 0 auto;}
  .employee-two-col-wrap.sectionAlignment .left-employee-cont{width: 100%; margin: 0 auto; max-width: 100%;}
  .employee-two-col-wrap.sectionAlignment{padding:0;}
  .employee-two-col-wrap.alignItem.sectionAlignment .right-employee{max-width: 400px; width: 100%;}

  /*   Blog Page  */
  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs-form input[type="email"]{height: 50px;}
  .footer-v2 .col-30 ul li, .footer-v2 .col-2 ul li a{font-size: 14px;}

  .hrSolutionBanner:before, .hrSolutionBanner:after{opacity:0;}
  .solutionTab.activeSolution .solutionTabContent{display: block !important;}
  .tabSolutionNew.activeSolution .solutionTabContent{display: block !important;}
  .solutionTabContent{display: block !important;}
  .tabSolutionNew,.solutionTab {box-shadow: 0px 7px 32.2px 2.8px rgb(18 18 18 / 19%);border-radius: 10px;} 
  .solutionTabSectionV1, .solutionTabSection{padding-bottom:50px !important;}
  .solutionTab .tabTitle>p, .accordionTitle>p{display:none;}
  .imageBox.imageBoxVideo{text-align: center;width:100%;max-width: 500px;margin: 0 auto;}
  .tabTwoCol.videoTwoCol.even .frameVideo.frameVideotimeAttendance{right: 20%;}
  .tabTwoCol.dis-flex.videoTwoCol.odd .frameVideo.frameVideotimeAttendance{left:20%;}
  .tabTwoCol.dis-flex.videoTwoCol.odd.forLeptop .frameVideo.frameVideotimeAttendance{left:0%;}
  .talentManagementAlternate.imageBox.payrollImg{text-align:center;}
  .rightInner.payrollAltInner{padding-top:0;}
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{padding-left: 47px;}
  .tabStickySection .tabContent .tabImage, .tabStickySection .tabBoxes .tabContent{display: block;}
  .tabContent.blueCheckList{display: block !important;}
  .tabStickyParent .tabLeftCol{display:none;}
  .videoTwoCol .imageBox.imageBoxVideo.imageBoxPopupVideo {display: block;}
  .employeeBenefitsMain {text-align: center;}
  /*   Home page v4 css  */
  .leftSideContentPart{width: 100%;}
  .rightImagePart{width:100%;}
  .leftSideInnerPart{text-align:center;}
  .leftSideInnerPart p{max-width:100%;}
  .fourColMain{width: calc(50% - 30px);margin: 0 15px 40px;}

  /*  testimonialSlider Section  */

  .testimonialSlideRight{width: 100%;padding-top: 50px;}
  .testimonialSlideLeft{padding-top: 0;width: 100%;text-align: center;}
  .testimonialImg img{margin: 0 auto;}
  .slider-for .slick-prev{left: 40%; z-index:5;}
  .slider-for .slick-next{left: 55%;z-index:5;}
  .RightCircle img{width: 70px;}
  .leftContentPattern img{width: 60px;}
  .circleAnimateInner{transform: scale(1);zoom: 0.6;}
  .ourBlogPostParent{width: calc(50% - 20px );}
  .ourBlogPostParent{margin: 0 20px 35px;}
  .fourColInner .fourColLink{position: inherit;}
  .ourBlogPostmain.blogPostIndex{margin: 0 -10px;}
  .aboutListLeftSide{width:100%;}
  .aboutListLeftInner{padding-right:0;}
  .aboutListLeftInner p{max-width:100%;}
  .listPatternImage{display:none;}
  .aboutListRightInner{max-width: 600px;width:100%; margin: 0 auto;}
  .aboutListRightSide{width:100%;}
  .aboutListLeftInner { max-width: 800px; margin: 0 auto; text-align: center; padding-bottom: 50px; }
  .tabTwoCol.videoTwoCol.aboutAlternate:nth-child(even) .tabLeftCol{order: 1;}
  .tabStickySection .videoTwoCol.aboutAlternate.odd .videoTab{padding-right:0;padding-top:70px;text-align: center;}
  .tabStickySection .videoTwoCol.aboutAlternate.even .videoTab{padding-left:0; padding-top:70px;text-align: center;}

  .enumenu_ul .hs-menu-wrapper ul{display: block;}
  .productivityGraphPattern{right: 15%;bottom: -10px;}
  .careersFivecolInner{width: calc(33.33% - 50px);margin: 0 25px;}
  .careersFivecolParent{padding-top: 50px;}
  .ourBlogPostContent{min-height: 130px;}
  .careersFivecolSubtitle{padding:20px 0;}
  .twoColumnWhoWeHelp .left-employee{padding-right: 0;width: 100%;}
  .twoColumnWhoWeHelp .left-employee-cont{margin: 0 auto;margin-top: 50px; max-width:100%;}
  .twoColumnWhoWeHelp .right-employee .backShape{max-width: 500px;width:100%; margin: 0 auto;}
  .whoWeHelpMainSection .employee-book{max-width: 400px; margin:0 auto;}
  .blueDotedImg {display: none;}
  .twoColumnWhoWeHelp .right-employee{width: 100%;}
  .merlin-section.whoWpHelpBanner.new-subhero-section.m-com .left-part{padding-bottom:100px;}
  .merlin-section.whoWpHelpBanner.new-subhero-section.m-com .left-part .btn{text-align:center;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainRight, .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight{transform: scale(0.95);}
  .talentManagementMain.hrAdministrationAlt.odd{margin-bottom:0;}
  .talentManagementMain.hrAdministrationAlt.tabTwoCol.dis-flex.videoTwoCol.payrollImg.even .tabLeftCol{order: 1 !important;}
  .talentManagementMain.hrAdministrationAlt.tabTwoCol.dis-flex.videoTwoCol.payrollImg.odd .tabRightCol{padding-right: 0;}
  .talentManagementMain.hrAdministrationAlt .tabRightCol{padding-top:60px;}
  .benefitList .section-heading ul{max-width: 100%;}

  /*  System page css  */
  .error-page{padding: 5rem 0;}
  .systems-page{padding: 5rem 0;}
  .systems-page.systems-page--search-results{ padding: 5rem 0 2rem !important;}

  /*  Blog css  */
  .blogPostTwoColInner >div {width: 100%;padding: 15px 0;}
  .blogBanner {padding: 20px 0;}
  .blogPostTwoLeftImg{padding-right:0;}
  .ourPostSlide.aboutSlider{min-height:0;}
  .twoColumnSection.speakerSwapColumn .speakerTwoColumn{width: calc(50% - 20px);}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{font-size: 12px;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{border: 15px solid #f0d878;}
  .dotedPatternRight,.dotedPatternLeft{display:none;}
  .video-links {max-width: 600px;}
  .scrollTabExample.fixed-header{top: 69px;}
  .scrollTabInner ul li a{font-size: 13px;padding: 10px 5px;}
  .scrollTabInner ul li{display: block;padding: 0 20px;text-align: left;border-bottom: 1px solid #adadad;}
.scrollDown {display: block;cursor: pointer;}
 .scrollDown p {text-align: left; padding: 10px 25px; margin-bottom: 0; border-bottom: 1px solid #dadada;color:#00a6da;font-weight:600; position:relative}
  .scrollDown p .fa {float: right;font-size: 25px;}
  .scrollTabInner ul {position: absolute;width: 100%;/* height: 100%; */z-index: 22;background-color: #fff;}
  .scrollTabInner ul{display:none;}
  .solutionTabRight{padding-bottom:70px;}
/*   .solutionTabRight{padding-bottom:250px;} */
   .solutionTab,.tabSolutionNew.hrRightContent{align-items: center;}
  .solutionTab .tabTitle h4{margin-bottom:0;}
  .accordionTitle h4{margin-bottom:0;}
  .solutionTabSection .tabSolutionNew .tabImage{padding-top: 15px}
  .tabSolutionNew.hrRightContent{margin-top:25px; margin-bottom:0;}
  .solutionTabRight{padding-bottom: 0;}
  .solutionTabSectionV1, .solutionTabSection{padding-bottom: 40px !important;}
  .scrollTabInner{padding:0;}
  .scrollDown p{padding: 18px 25px;}
  .solutionTab.hrRightContent.activeSolution .tabTitle h4{margin-bottom:0 !important}
  
/*   Service Page css */
  .serviceLeftColumn{width: 100%;}
  .serviceTwoColWrap{padding-top:30px;}
  .serviceRightColumn{width: 100%;padding-top: 50px;}
  .serviceLeftInner{max-width: 600px;margin: 0 auto;}
  
/*   Who we help */
  .new-subhero-section.whoWeHelpSection .right-part .img-wrap{max-width: 495px;}
  .new-subhero-section.whoWeHelpSection .right-part .img1{left: 4%;}
  .industryRightSide {width: 100%; padding-top:50px;}
  .industryLeftSide {width: 100%;}
  .industryHover ul li.mymultiplediv a span.ctaContent h6{margin-top: 11px;}
  .industryRightSideInner {padding-left: 0;}
  .hoverOverSection {max-width: 600px;margin: 0 auto;width: 100%;}
  .industryHover ul li{padding-bottom: 10px;}
  .industryParent {display: none;}
  .mobileAccordion{display:block}
 .mainAccrdion  .innersection h6 svg {height: 50px;width: 50px;}
.mainAccrdion .innersection {padding: 15px;}
 .mainAccrdion  .innersection h6 {margin-bottom: 0; position:relative;cursor: pointer;}
.mainAccrdion .innersection h6 a {font-size: 18px;font-weight: 800;letter-spacing: 0;color: #222222;margin-bottom: 0;}
.mainAccrdion .innersection h6 a {display: flex;align-items: center;}
.mainAccrdion .innersection h6 a span {padding-right: 20px;}
  .mainAccrdion   .innerContent:before{display:none;}
  .mainAccrdion .innersection h6:before { transition:all 0.3s ease;position: absolute;content: '\f107 ';font-family: fontAwesome;font-size: 35px;right: 10px;color: #222222;}
  .mainAccrdion {padding-bottom: 30px;}
  .mainAccrdion .innerContent{border-radius:20px;padding: 20px 20px 20px;}
 .mobileAccordion .btn {text-align: center;margin: 0 auto;width: 100%;}
  .mainAccrdion  .innersection.activeAccordion h6 svg path{fill:#00a6da}
  .mainAccrdion  .innersection.activeAccordion a{color:#00a6da}
  .mainAccrdion  .innersection.activeAccordion h6:before{color:#00a6da;transform: rotate(180deg);}
   .mainAccrdion .innerContent img{border-radius:20px;}
}
@media (max-width:900px){

/*   Service Page three column */
  .ourProcessImage{width: calc(100% - 370px);}
  .ourProcessContent{width: 150px;}
  .ourProcessRight{width: 220px;}
  .ourProcessTitle h2{font-size: 45px;}
  .ourProcessRightDot:after{left: 21px;height: 23px;top: 69px;}
  .ourProcessContent p {font-size: 14px;line-height:1.5}
  .ourProcessInner.even .ourProcessRightDot:after{left: 17px;height: 23px;top: 69px;}
  
}



@media (max-width:767px){
  .tabStickySection .tabBoxes .tabTitle p{font-size:16px;}
  .ptop80{padding-top: 40px;}
  .productivityRightCon.rightChoice{text-align:center;}
  .productivityGraphPattern{display:none;}
  /*   .tabStickySection .sectionTitle h3{font-size:26px;} */
  .employeejourneySection.pbtm50.ptop50.pos-rel.merlin-section{margin: 80px 0 70px;}
  .employeInnerParent{padding:0;}
  .employeInnerRight:before{right:0;}
  .rightBoxIconInner{height: 60px;width: 60px;}
  .rightBoxIconInner img{height: 26px;}
  .rightBoxIconInner span{left: -13px;font-size: 16px;line-height: 22px;height: 22px;width: 22px;}
  .productivityGraph:before{top: 30px;}
  .ourBlogPostParent{margin: 0 10px;}
  /*   .ourBlogPostParent{width: calc(50% - 20px) !important;margin: 0 10px;} */
  .recentpostImage.bg{margin-bottom:0;}
  .ourPostSlide{padding: 25px 20px;}
  .recentpostImage.bg{height: 250px;}
  .rightBoxTitle h4:before{  height: 60px;width: 60px;}
  .left-form-img span a img {max-width: 50px;}
  .ourBlogReadMore.pt10{position: inherit;}
  .bannerSliderInner:after{top: 55%;}
  .bannerSliderInner{padding: 97px 0 170px;}
  .bannerSliderMain .slick-dots{bottom: 60px;}
  .tabMainLeft{padding-right:0; width:100%}
  .tabMainRight{padding-left:0; width:100%}
  .tab_content{padding: 0 20px 60px;}
  .tabMainRight{padding-top: 20px;}
  .tabMainRightInner span.backShape{display: none;}
  .productivitySection{margin: 50px 0 50px !important;}
  .PlatformFourCol{width: 50%;}
  .appTwoColumnInner{width: 100%;padding: 0 0 20px;}
  .lpBannerLeft{width:100%}
  .lpBannerRight{width:100%;padding-left:0; padding-top:30px;}
  .lpRightInner{padding-left:0;}
  .lpFormTitle h3{font-size:25px;}
  .lpRightInner ul li{padding-left: 34px;}
  .lpLogoImgMain{padding: 30px 0 50px;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeft { display: flex; order: 2;} 
  .tabMainLeft { padding-top: 30px; text-align: center; }
  .tabMainSection ul.tabsNew li span{font-size: 16px;}
  .tabMainSection ul.tabsNew li{padding: 15px 15px;}
  .footer-v2 .col-2{width:50%;margin-right:0;}
  .footer-v2 .col-70{width:100%;}
  .tabMainLeftInner ul li {text-align: left;}
  .forLeptop .frameVideo{max-width: 250px;}
  /*   .frameVideo img{border:10px solid #f0d878;} */
  .appTwoColumnSec.odd, .appTwoColumnSec{width:100%;}
  .appTwoColumnSec.even{width:100%;}
  .appTwoColumnDiv{padding: 0 15px 20px;}
  .employeInnerLeftMain{padding-bottom: 20px;}
  .recentPostmain{padding: 0;}
  .ourBlogPostTitle p,.ourBlogPostContent{min-height:auto;}


  /*   Blog Page css */
  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs-form-field .input{width: 100%;}
  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .actions{position: relative;}
  .hs-blog-listing .hs_cos_wrapper_type_blog_subscribe .hs-form-field .input{padding-right: 0;}
  .lpBannerLeftInner form .actions input[type=submit]:hover {padding-right: 25px;}
  .payrollRightContent{width: 100%;padding-top: 20px;}
  .payrollLeftImg{width: 100%;}
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{padding-left: 46px;}
  .hrRightContent span{top: 3px;}
  .fourColMain{margin: 0 0 40px;width: 100%;}
  .homeFourColTitle h4 {font-size: 22px;}
  .circleAnimateInner{transform: scale(1);zoom: 0.45;}
  .circleAnimateRightSide{margin: 0 auto ;}
  .animateRightInner{text-align:center;}
  .fourColInner {text-align: center;}
  .ourBlogPostParent{margin: 0 20px; width: 100%;}
  .RightCircle,.leftContentPattern{display:none;}
  .ourBlogPostmain.blogPostIndex{margin: 0;}
  .fourColumnSection{margin:0;}
  .fourColumnSection.ptop65{padding-top:30px;}
  .fourColMain:last-child{margin-bottom: 0;}
  .fourColumnSection{padding-bottom:0;}
  .footer-v2 .col-2{padding-bottom:0;}
  .bannerSliderInner.aboutBannerSlider{padding: 50px 0 120px;}
  .blogRecentPostTitle.aboutPostTitle{padding-left: 22px !important;}
  .ourPostSlide.aboutSlider{padding:20px !important;}
  .tabParentBox.aboutParentBox{margin-top: 0;}
  .twoColBluebg {background-image: none !important;background-color: #00a6da !important;}
  .careersFivecolInner{width: calc(50% - 50px);}
  .careerLeftPattern,.careerRightPattern{display:none;}
  .whoWeHelpMainSection.twoColBluebg.pbtm50.ptop50.pos-rel.merlin-section.twoColumnWhoWeHelp { background-color: #fff !important;}
  .section.post-body p, .section.post-body > span,.section.post-body li{font-size:16px !important}
  .bannerSliderInner:before{background-color: rgba(255, 255, 255,0.7) !important;}
  .speakerRightContet{width: 100%; padding-left: 0; padding-top: 20px;}
  .speakerLeftImage{width: 100%;} 
  .form-columns-2>div{width: 100% !important;}
  .subscribeBlogForm form .hs_email{width:100% !important;}
  .appRightContect.appRightContectV2 h4{font-size: 20px;}
  .appTwoColumnInner:nth-last-child(2){padding-bottom:20px !important;}
  .lpBannerLeft{order: 2; padding-top: 40px;}
  form input[type=submit], form .hs-button{font-size: 15px;}
  .twoColumnSection.speakerSwapColumn .speakerTwoColumn{width: 100%;}
  .twoColumnSection.speakerSwapColumn{  margin: 0;}
  .twoColumnSection.speakerSwapColumn .speakerTwoColumn{margin: 0 0 20px;}
  .twoColumnSection.speakerSwapColumn .speakerTwoColumn{padding: 30px 20px;} 
  .speakerTwoColumn{padding:0;}
  .firstPost h3.blog-index__post-title.blog-index__post-title--list a{font-size: 22px !important;}
  .firstPost time.blog-index__post-date.blog-index__post-date--list{font-size: 17px !important;}
  .btn1 span img, .btn .btn1 span img{height: 12px;}
  .imageCut{padding-bottom: 100px;}
    .tabTwoCol.dis-flex.videoTwoCol.forLeptop {padding-bottom:70px;}
  .payrollSection.tabTwoCol {padding-bottom: 40px !important;}
  .mainAccrdion.odd { width: 100%;padding-right:0; }
.mainAccrdion.even { width: 100%; padding-left:0;}
  .innersection{padding: 20px 20px;}
  .innersection h5{font-size:18px;}
  
/*   Service Three Column */
  .serviceThreelInner{width: calc(50% - 20px);margin: 0 10px 30px;}
  .ourProcessInner.even .ourProcessImage{order: 0;}
  .ourProcessInner.even .ourProcessContent{order: inherit;text-align: right;}
  .ourProcessRight{width:100%;}
  .ourProcessRight{padding-top: 0;}
  .ourProcessRightDot:before{display:none;}
  .ourProcessRightDot{padding-top: 8%;}
  .ourProcessRightDot:after{right: inherit; left: 19px; height: 35px;top: -3px;}
  .ourProcessInner.even .ourProcessRightDot:after {right: inherit;left: 19px;height: 35px;top: -8px;}
  .ourProcessInner.even .ourProcessImage{padding-left: 0; padding-right:0;}
  .ourProcessImage{width:100%; padding-right:0;}
  .ourProcessInner.even .ourProcessRightDot:after{left: 18px;}
  .ourProcessRightDot{text-align:left;}
  .ourProcessInner.even .ourProcessTitle{text-align: left;}
  .ourProcessContent{width: 100%;padding-top: 15px;}
  .ourProcessInner.even .ourProcessTitle:before{left: 0;right: inherit;}
  .ourProcessTwoCol{padding-bottom: 20px;}
  .ourProcessInner.even .ourProcessContent{text-align:left;}
  .ourProcessTwoCol {max-width: 483px !important;margin: 0 auto !important;width: 100%;}
  .serviceThreelInner .careersFivecolSubtitle h6{margin-bottom: 0;}
  span.lineDraw{display:none;}
  
  

}
@media (max-width:700px){
  /*   .ourBlogPostParent{width: 100%!important;} */
  h1{font-size:25px;} 
  h2{font-size:22px;} 
  .recentPostmain{max-width: 100%;margin: 0 auto;width: 100%;}
  .rightLoadCta{text-align: left;width: 100%}
  .leftBlogTitle{width: 100%;}
  .tabTwoCol.videoTwoCol .tabLeftCol{padding: 20px 0 0;}
  .frameVideo{max-width: 150px;}
  .testimonialQuat{max-width: 45px;}
  .testimonialRight{padding: 80px 30px 50px; margin:20px;}
  .testimonialPattern{display:none;}
  .commercialTwoCol.ptop80 {padding-top:0;}
  .hrRightContent h4{font-size: 18px !important;}
  .hrRightContent span{left: 1px;}
  .tabTwoCol.onboardSection .tabRightCol{padding-bottom:0;}
  .tabTwoCol.dis-flex.videoTwoCol{padding-bottom:80px;}
  .video-links a.fancybox img {width: 60px;}


}





@media (max-width:480px){
  h1 {font-size: 22px;letter-spacing: -0.03em;}
  h2{font-size: 18px;letter-spacing: -0.02em;}
  body #hs_cos_wrapper_dnd_area-module-1 .merlin-section.blogBannerSection.hero-banner-sec {padding-bottom: 200px !important;}
  .btn.video-links {padding-bottom: 0;}
  .tabStickySection .sectionTitle{margin-top:0;}
  .tabStickySection .hrAdministrationAlt .imageBox span.imgBackShape{max-width: 300px;top: -15%;}
  .tabTwoCol.dis-flex.videoTwoCol{padding-bottom: 30px;}
/*   .tabTwoCol.dis-flex.videoTwoCol.forLeptop {padding-bottom:70px;} */
  .tabStickySection .forLeptop .imageBox span.imgBackShape{top:-2%;max-width:330px;}
  .appRightContect.appRightContectV2 h4{font-size: 18px;}
  .video-links a.fancybox img {width: 40px;}
  .whoWeHelpTwoCol .img-wrap.imageBannerWrap {display:none !important;}
  .mobileIMage {display: block !important;}
  .merlin-section.whoWpHelpBanner.new-subhero-section.m-com .left-part{padding-bottom: 50px;}
  .firsrHrIMg.hrImg2{transform: scale(1)!important;margin-bottom: 0 !important;}
  .threeImages{display:block !important}
  .flipParent .firsrHrIMg.hrImg1,.flipParent .firsrHrIMg.hrImg3{margin-bottom: 0 !important;}
  .flipParent .firsrHrIMg.hrImg1, .flipParent .firsrHrIMg.hrImg3{width: 200px;}
  .threeImages.flip-container.flipParent.box-hover .firsrHrIMg.flipper.flipcard.hrImg2:hover{transform: scale(1.04) rotateY(180deg) !important;}
  .flipParent .firsrHrIMg.hrImg1,.flipParent .firsrHrIMg.hrImg2, .flipParent .firsrHrIMg.hrImg3{width: 180px !important; height:180px !important;margin: 30px auto 0;}
  .threeImages.flip-container.flipParent.box1 .firsrHrIMg.flipper.flipcard.hrImg1, .threeImages.flip-container.flipParent.box3 .firsrHrIMg.flipper.flipcard.hrImg3{transform: scale(1)!important;}
  .threeImages.flip-container.flipParent.box1 .firsrHrIMg.flipper.flipcard.hrImg1:hover, .threeImages.flip-container.flipParent.box3 .firsrHrIMg.flipper.flipcard.hrImg3:hover{transform: scale(1) rotateY(180deg) !important;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner, .flipParent .flip-text.back.hrcont3 .flipBackInner{border: 10px solid #f0d878;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{height: 172px !important;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner, .flipParent .flip-text.back.hrcont3 .flipBackInner{border: 10px solid #f0d878 !important;}
  .flipParent .flip-text.back.hrcont2{padding: 4px;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner, .flipParent .flip-text.back.hrcont3 .flipBackInner{font-size:11px !important;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{font-size: 11px !important;}
  .flipParent .flip-text.back.hrcont1 .flipBackInner,.flipParent .flip-text.back.hrcont2 .flipBackInner ,.flipParent .flip-text.back.hrcont3 .flipBackInner{justify-content: center;}
  .threeImages.flip-container {padding-top: 30px;}
  .imageCut{padding-bottom:0;}
  .tabTwoCol.dis-flex.videoTwoCol.forLeptop{padding-bottom: 30px;}
  .ourProcessRightDot:after{top: -11px;}
  .firsrHrIMg.aboutFlipSection3.hrImg3,.firsrHrIMg.aboutFlipSection1.hrImg1{margin-bottom:0; width:100%;padding: 20px 0;text-align:center;}
  .firsrHrIMg.aboutFlipSection3.hrImg3 {width: 100%;}
  body .firsrHrIMg.aboutFlipSection2.hrImg2{width: 100% !important;height: 100% !important;}
  body .firsrHrIMg.aboutFlipSection2.hrImg2 img {width: 200px;}
  .mydiv img{min-height: 300px;}
  .ourProcessRightDot span.lineDraw{display:none;}
  .serviceThreeCol{height:120px; width:120px;}
  .serviceThreeCol img{width: 40px;}
 .fourColumnTitle h3 {font-size: 18px;}
  
}

@media (max-width:370px){
  .ourProcessInner.even .ourProcessRightDot:after{height: 30px;top: -16px;}
  .ourProcessRightDot:after{height: 30px;top: -16px;}
}



/* .threeImages .firsrHrIMg.hrImg2 { margin-bottom: -330px; width: 270px; position: relative; z-index: 55; text-align: center; height: 270px;}
*/
/*----------------------Responsive-Css-Start-Here-2021----------------------------*/

@media (min-width:1600px){

  .tabMainRightInner.tabMainRightInnerNew span.backShape{left: 100px}

}

@media (max-width:1663px){
  /*   .hero-right-part{min-height:650px;background-size:contain;} */
}
@media (max-width:1440px){
  /*   .head-top{padding:20px 0;} */
  .enumenu_ul .hs-menu-wrapper>ul>li>a{padding:10px 12px;}
  .bm-menu-mixed .hs-menu-wrapper>ul>li>a{font-size: 17px;}
  /*   .enumenu_ul .hs-menu-wrapper>ul>li:last-child a{padding:10px 30px;} */
  .footer-box-right{width:calc(100% - 26.5%);padding-left:60px;}
  .right-form-part form .hs-form-field>label{font-size:15px;}
  .commercial-Insurance-sec .right-employee {padding-right: 50px;  }
  .ourPostSlide{padding:38px 30px 80px} 
  .enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow:after{top: 0px;}

}
@media (max-width:1200px){
  .enumenu_ul .hs-menu-wrapper>ul>li{margin-left:1px;}
  /*   .enumenu_ul .hs-menu-wrapper>ul>li:last-child a{padding:10px 20px;} */
  .site-logo{width:180px;display:inline-block;}
  .right-menu{width:calc(100% - 200px);}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child{margin-left:10px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{font-size:14px;}
  .hero-right-part{min-height:550px;background-size:contain;}
  .right-form-part form .hs-form-field>label{width:100%;margin:0 0 10px;}
  .right-form-part form .hs-form-field .input{width:100%;display:block;}
  .col-2{width:27.93%;margin-right:4%;}
  .social-icon div a{width:40px;height:40px;}
  .col-2 h5{font-size:18px;}
  .footer-logo{width:200px;}
  .footer-box-left{width:24.5%;}
  .footer-box-right{width:calc(100% - 24.5%);padding-left:40px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{padding: 10px 10px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a{padding: 10px 12px 10px 40px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2){padding-left: 10px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a{padding: 10px 20px 10px 40px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a:before{left: 15px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a:before{left: 14px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a.menubelow:after{top: -1px;padding-left: 2px;}
  .bm-menu-mixed .hs-menu-wrapper>ul>li{ padding: 25px 0;}
  .employeeAccessRowWrap .left-side-col .img-wrap{ text-align: center }


}
@media (max-width:1024px){
  .firsrHrIMg.hrImg2 img {width: 240px;}
  .enumenu_ul .hs-menu-wrapper>ul>li>a{padding: 10px 8px; font-size:13px;}
}

@media (max-width:991px){
  .enumenu_ul{display:none}
  .menu-block{height:auto;}
  .menu-icon{display:block}
  .enumenu_ul .hs-menu-wrapper > ul > li{display:block;margin:0px;padding:0px;}
  .enumenu_ul .hs-menu-wrapper > ul > li > a{display:block;text-align:left;padding:5px 30px 5px 30px;color:#FFFFFF;font-size:18px !important;}
  .enumenu_ul{width:100%;}
  .enumenu_ul .hs-menu-wrapper>ul > li ul{background:#00a6da;min-width:100%;opacity:1;visibility:visible;transform:none;position:relative;left:0;right:0;border-left:0;border-top:0;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:none;}
  .enumenu_ul .hs-menu-wrapper>ul > li ul a{color:#FFFFFF;display:block;text-align:left;padding:5px 30px;font-size:17px;}
  .enumenu_ul .hs-menu-wrapper>ul>li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.hover>a.menubelow{color:#FFFFFF;}
  /* Push Menu */
  body.menuslide_push{position:relative;}
  body.menuslide_push.slidemenuLeft{left:0;transition:left 0.5s;-webkit-transition:left 0.5s;-moz-transition:left 0.5s;-ms-transition:left 0.5s;-o-transition:left 0.5s;}
  body.menuslide_push.slidemenuRight{right:0;transition:right 0.5s;-webkit-transition:right 0.5s;-moz-transition:right 0.5s;-ms-transition:right 0.5s;-o-transition:right 0.5s;}
  body.slidemenuRight .enumenu_ul{right:-300px;}
  body.slidemenuRight.menu-open .enumenu_ul{right:0;}
  body.slidemenuLeft .enumenu_ul{left:-300px;}
  body.slidemenuLeft.menu-open .enumenu_ul{left:0;}
  body.menuslide_push.slidemenuLeft.menu-open{left:300px}
  body.menuslide_push.slidemenuRight.menu-open{right:300px}
  body.menuslide_push .enumenu_ul,body.menuOverlap .enumenu_ul{background:#00a6da;display:block;height:100%;max-height:100%;width:100%;overflow:auto;position:fixed;transition:all 0.5s ease 0s;max-width:300px;top:0;padding:100px 0 0;    z-index: 1111;}
  body.menuOverlap .enumenu_ul { max-width:501px; right:-100%; }
  .menu-icon .menu-box span{height:3px;background-color:#00a6da;}
  .menu-icon .menu-box{top:20px;width:40px;height:38px;}
  .head-top{ padding: 21px 0;}
  .head-top.stick{padding: 21px 0;}
  .head-top.stick .site-logo{width: 180px;}
  a.menubelow:after{display:none!important;}
  .enumenu_ul .arrow{position: absolute;right:40px;top: 0;width: 93px;height:39px;background-position: calc(100% - 30px) center !important;right: 0;}
  .enumenu_ul .hs-menu-wrapper>ul>li ul a:hover{background-color: transparent;color:#FFFFFF;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg{fill: #fff!important;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .content p{color:#fff !important;}
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a h4:after{display:none;}
  .menu-icon.active .menu-box{position: fixed;right:0;transition:all .5s ease 0s;z-index:11111;}
  .menu-icon.active .menu-box span{background-color:#FFFFFF;}
  .menu-icon.active span:nth-child(1){transform:rotate(45deg) translateY(7px) translateX(7px);-webkit-transform:rotate(45deg) translateY(7px) translateX(7px);}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a{background:transparent !important;border-radius:0;padding: 5px 30px 5px 30px;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a:hover{background-color:#f0d878 !important;color: #fff !important;border-bottom: 1px solid #fff;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child{margin-left: 0;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2) a:before{display:none;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a:hover{background: #f0d878;color:#fff !important;}
  li.hs-menu-item.hs-menu-depth-2 a.menubelow{width: 100%;}
  .enumenu_ul .hs-menu-wrapper>ul>li:nth-last-child(2){padding-left: 0;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a{padding: 5px 30px 5px 30px; background: transparent; border-radius: 0; color: #fff !important;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a:hover{border-bottom: 0;border-bottom: 1px solid #fff;}
  .bm-menu-mixed .hs-menu-wrapper>ul>li>a{border-bottom: 1px solid #fff;}
  .enumenu_ul .hs-menu-wrapper > ul > li > a:hover, .enumenu_ul .hs-menu-wrapper > ul > li.active > a{background-color:#f0d878;color:#FFFFFF;}
  .enumenu_ul .hs-menu-wrapper > ul > li:hover > a{background-color:#f0d878;color:#FFFFFF;}
  .hero-left-part{margin-top:50px;width:100%;}
  .hero-banner-wrap{align-items:flex-start;}
  .our-part-sec{margin:50px 0 0;width:100%;}
  .hero-right-part{min-height:500px;background-size:contain;width:100%;background-position:center center;margin-top:50px;}
  .hero-left-part:before{left:-70px;top:-50px;}
  button,.button,.btn1,.custom_style{padding:14px 25px 14px 20px;}
  .left-form-img{width:100%;}
  .right-form-part{width:100%;margin-top:50px;padding-left:0;}
  form input[type=submit],form .hs-button{padding:14px 25px 14px 20px;}
  .right-form-part form .actions:after{right:20px;}
  .right-form-part form .actions input[type=submit]{padding-right:50px;}
  .footer-box-right{width:100%;padding-left:0;order:1;margin:0 0 50px;}
  .footer-box-left{width:100%;order:2;}
  .menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-6px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-6px) translateX(6px); }
  .flip-text.hrcont2 { font-size: 14px; }
  .threeImages .firsrHrIMg.hrImg2 { width: 280px; zoom: 1; height: 280px; }
  .appIcon svg { width: 20px; height: 20px; }
  .left-employee { width: 100%; padding-right: 0;order: 2; text-align: center; }
  .right-employee { width: 100%; position: relative; margin: 0 auto 40px; text-align: center; }
  .employee-two-col .productivityLeftSec .backShape {left: 0;}
  .right-employee .backShape {display: block;left: 0;right: 0;}
  .commercial-Insurance-sec .right-employee {padding-right: 0;}
  .enumenu_ul .hs-menu-wrapper>ul>li{position: relative;}
  .bm-menu-mixed .hs-menu-wrapper>ul ul li{position:relative;}
  .inner-flex-box li span {display: none;}
  .enumenu_ul .hs-menu-wrapper>ul > li ul{height:auto;}
  .hs-menu-children-wrapper h4{display:none;}
  .enumenu_ul .hs-menu-wrapper>ul>li ul{padding: 0;}
  .subMenuRightCol{display:none !important;}
  .inner-flex-box .side-nav-right.sb-menu{display:none !important;}
  .sub-menu-box{padding-top:0;}
  li.hs-menu-item.hs-menu-depth-2 span.arrow {display: none;}
  .enumenu_ul .hs-menu-wrapper>ul>li:last-child a:before{display:none;}
  .tabStickyParent .tabLeftCol{ padding-left: 0;}
  .ourPostSlide{padding: 38px 30px 30px;}
  /*   .ourBlogPostContent{min-height:auto;} */
  .ourBlogReadMore.pt10{position: inherit;}
  .talentManagementMain.videoTwoCol.aboutAlternate:last-child{padding-bottom:0;}
  .merlin-section.careerTwoColumnSection.new-subhero-section.m-com .right-part {padding-top: 40px;}
  .left-part{text-align:center;}


}
@media (max-width:767px){
  p,body{font-size:16px !important;line-height:22px;}
  .our-part-sec p{width:100%;}
  .our-part-sec{margin:40px 0 0;width:100%;text-align:center;}
  .right-form-part form{padding:26px 26px 26px 26px;}  
  .col-2{width:100%;margin-right:0;margin-top:20px;}
  .col-30{width:100%;}
  .col-70{width:100%;display:flex;flex-wrap:wrap;margin:0 0 20px;}
  .footer-box-right{width:100%;padding-left:0;order:1;margin:0 0 10px;}
  .productList .listInner{visibility: visible;}
  .productivityRightSec{padding: 40px 0 0 !important;}
  .hrRightContent h4{line-height: 1.3;font-size: 22px;}
  .hrRightContent span{height: 22px; width: 22px;}
  .hrRightContent span:before{height: 10px; width: 10px;}
  .hrRightContent{padding-left: 35px;}
  .rightListingBg:before{display:none;}
  .tabStickySection .sectionTitle h3+p{font-size: 22px;}
  .blueCheckList li:before{height: 20px;width: 20px;top: 7px;}
  .blueCheckList li{padding-left: 33px;}
  /*   .solutionBannerInner a svg{height: 50px;width: 50px;} */
  .flip-text{ font-size: 12px; line-height:1.2; }
  .commercial-Insurance-sec .employee-book {width: 300px;margin: 0 auto; max-width:100%; }
  .commercial-Insurance-sec .right-employee .backShape {width: 350px;margin: 0 auto;max-width:100%;  }
  .hs-blog-listing span#hs_cos_wrapper_dnd_area-module-6_blog_subscribe  .hs-form-field .input { width:100%; padding-right:0;}
  .hs-blog-listing span#hs_cos_wrapper_dnd_area-module-6_blog_subscribe .actions {width: auto;position: relative;top: 0;right: 0;display: inline-block;margin: 0 auto;}
  .hs-blog-listing span#hs_cos_wrapper_dnd_area-module-6_blog_subscribe .hs-submit {text-align: center;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even .tabMainLeftInner{padding: 0;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.odd .tabMainLeftInner{padding: 0;}
  .dis-flex.tabMainTwoCol.itemCenter.tabMainTwoCol.even.expenseMain .tabMainRight { display: flex; order: 2; }
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{padding-right: 0;}
  .tabTwoCol.videoTwoCol.odd.forLeptop .rightInner{padding-right:0}
  .talentManagementAlternate.imageBox.payrollImg >img{max-width: 250px;}
  .talentManagementAlternate.imageBox.payrollImg span.imgBackShape {max-width: 350px;}
  .talentManagementAlternate.imageBox.payrollImg>img{max-width: 350px;width: 100%;}
  .payrollSection:last-child .talentManagementAlternate.imageBox.payrollImg>img {max-width:200px;width: 100%; margin-bottom:50px;}
  .payrollSection:nth-child(2) .talentManagementAlternate.imageBox.payrollImg>img {max-width: 300px;}
  .hero-left-part{margin-top:0}
  .blogRecentPostTitle.aboutPostTitle{padding-left:0;}
  .circleInnerText p{font-size: 22px !important;}
  


}
@media (max-width:640px){
  .pbtm65{padding-bottom:30px;}
  .our-part-list{width:100%;margin-right:0;margin-bottom:25px;}
  .hero-right-part{min-height:400px;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{font-size:13px;}
  .productivitySection{margin: 50px 0 50px;}
  .productivityGraph:before{height: 300px;width:256px;max-width: 100%;top: -10px;}
  .rightBoxContent{padding-left: 10px;}
  .threeImages{max-width:438px;}
  .firsrHrIMg.hrImg1, .firsrHrIMg.hrImg3{width:100px;}
  .firsrHrIMg.hrImg2{width: calc(100% - 200px);}
  .firsrHrIMg.hrImg2 img{width:180px;}
  .hrSolutionBanner:before,.hrSolutionBanner:after{display:none;}
  .PlatformFourCol{width: 100%;}
  .threeImages .firsrHrIMg.hrImg2 {width: 180px;height: 180px;}
  .threeImages.flip-container {flex-wrap: inherit;}
  .flip-text.back.hrcont2 {width:180px; height:180px;}
  .footer-v2 .col-2{width: 50%;}
  .flipParent .firsrHrIMg.hrImg1,.flipParent .firsrHrIMg.hrImg3{width:100px;}
  .flipParent .firsrHrIMg.hrImg2 {width: 180px;height: 180px;}
  .flipParent .flip-text.back.hrcont2 .flipBackInner{height: 145px;border:10px solid #f0d878;}
  .flipParent .flip-text.back.hrcont2{height: 180px;width: 180px;}
  .frameVideo.frameVideotimeAttendance{max-width: 180px;}
  .tabTwoCol.dis-flex.videoTwoCol.odd .frameVideo.frameVideotimeAttendance{left: 0;}
  .imageBox.imageBoxVideo{max-width: 370px;}
  .tabTwoCol.videoTwoCol.even .frameVideo.frameVideotimeAttendance{right: 0;}
  .tabTwoCol.videoTwoCol.odd.forLeptop .frameVideo.frameVideotimeAttendance,.tabTwoCol.videoTwoCol.even.forLeptop .frameVideo.frameVideotimeAttendance{width: 200px;}
  .payrollSection:last-child .talentManagementAlternate.imageBox.payrollImg>img {max-width:170px;width: 100%; margin-bottom:30px;}
  .imageBox.imageBoxVideo.imageBoxPopupVideo{max-width: 400px;}
  /*   .circleBefore{height: 520px;width: 522px;}   
  .borderblue{top:15%;}
  .circleBlue{transform: scale(0.6);} */

  .aboutListRightList{padding-left: 100px;}
  .listingAbout:before{width: 80px;left: -92px;}
  .tabStickySection .videoTwoCol.aboutAlternate .imageBox span.imgBackShape{display:none;}
  .tabStickySection .videoTwoCol.aboutAlternate.even .videoTab, .tabStickySection .videoTwoCol.aboutAlternate.odd .videoTab{padding-top:30px;}{padding-top:30px;}
  .talentManagementMain.videoTwoCol.aboutAlternate{padding-bottom:20px;}
  img.desktopImage {display: none;}
  img.mobileImage {display: block;max-width: 250px;margin: 0 auto;width: 100%;}
  .careersFivecolInner{margin: 0;width: 100%;padding-bottom: 30px;}
  .bannerSliderInner.aboutBannerSlider.careersBannerSection{padding: 70px 0 90px;}
 
  
/*   Service Page css */
  .serviceRightInner{width: 100%;margin: 0 0 30px;}
  .serviceRightInner:hover{transform: scale(1.02);}
/*   Service Three Column */
  .serviceThreelInner{width:100%;margin: 0 0 20px;}


}





@media only screen 
  and (min-device-width : 375px) 
  and (max-device-width : 667px) {  .animateText p{font-size:5px;}}

@media only screen 
  and (device-width : 375px) 
  and (device-height : 812px) 
  and (-webkit-device-pixel-ratio : 3) {font-size:5px; }


@media only screen 
  and (device-width : 375px) 
  and (device-height : 667px) 
  and (-webkit-device-pixel-ratio : 2) { font-size:5px;}



@media (max-width:480px){

  .hero-right-part{min-height:350px;margin-top:0;}
  .footer-v2 .col-2{width: 100%; text-align:center;}
  .footer-v2 .col-30{width:100%; text-align:center;}
  .rightBoxIcon{width: 100%;}
  .rightBoxContent{width: 100%;padding-left: 0 !important;padding-top: 20px;}
  .employeRightBox.selected .rightBoxTitle h4{font-size:20px;}
  .left-form-img span a img {max-width: 40px;}
  .bottomShapBanner{bottom: -10px;}
  .bannerSliderInner:after{display:none;}
  .productList .listInner{width:100%;}
  .productivityGraph img{max-width: 200px;}
  .tabImage2{max-width: 130px;}
  .solutionTab.hrRightContent{padding: 20px 15px 20px;}
  .accordionTitle h4,.solutionTab .tabTitle{padding-right: 30px;}
  .appLeftIcon{width: 100%;}
  .appRightContect{width: 100%; text-align: center; padding-top: 20px; padding-left: 0;}
  .leftImgRightListSection{padding:40px 0 !important;}
  .merlin-section.hrSolutionBanner.hero-banner-sec.m-com{padding: 80px 0 !important;}
  .threeImages{display:none;}
  .tabStickySection.benefitsEnrollmentTab.managementSection.pos-rel.merlin-section {padding-top: 50px !important;}
  .applicationSection {padding: 50px 0 0 !important;}
  .footer-v2 .col-30 ul li{display: block; text-align:center;}
  .social-icon{justify-content: center;}
  .sectionTitle br {display: none;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.odd .frameVideo{max-width: 120px;left:0;}
  .altImg{width: 200px;}
  .tabMainTwoCol.itemCenter.tabMainTwoCol.even .frameVideo{max-width: 120px;right:0;}
  .tabMainRightInner.tabMainRightInnerNew.expenseSection{max-width:300px;}
  .tabMainTwoCol.tabMainTwoCol{padding-bottom: 0;}
  .talentSectionMain.tabStickySection.tabStickyMainSection {padding-top: 30px !important;padding-bottom: 30px  !important;}
  .pbtm65{padding-bottom: 40px;}
  .tabTwoCol.videoTwoCol .tabBoxes.videoTab{padding-left:35px;}
  .frameVideo.frameVideotimeAttendance{max-width: 150px;}
  .hcmPayrollSection.merlin-section{padding-top: 50px !important;}
  .hs-content-id-66392502886 .tabTwoCol.dis-flex.videoTwoCol{margin-bottom: 0 !important;}
  .tabStickyParent.tabStickySection.tabStickyMainSection.scrollSec {padding-top: 40px !important;}
  .imageBox.imageBoxVideo{max-width: 320px; }
  .tabTwoCol.videoTwoCol.forLeptop .altImg{width: 200px;}
  .slider-for .slick-prev{left: 30%;}
  .circleAnimateInner{zoom: .35;}
  .topShap{bottom:calc(100% - 2px)}
  .ourBlogPostParent:last-child {margin-bottom: 0 !important;}
  .aboutListRightInner{padding: 30px 20px 30px 20px;}
  .listingAbout:before{width: 35px;left: -43px;}
  .aboutListRightList{padding-left: 50px;}
  .listingAboutContent .listCon h5{font-size: 13px;}
  .listIcon svg{height: 28px;}
  .listingAboutIcon{width:29px;}
  .listingAboutContent{width: calc(100% - 29px);}
  .aboutListRightList:before{top: 15px;}
  .tabTwoCol.videoTwoCol.aboutAlternate .tabLeftCol{min-height:auto;}
  .tabStickySection .videoTwoCol.aboutAlternate .tabBoxes .tabTitle p{margin-bottom:0;}
  .merlin-section.aboutFlipSection.hero-banner-sec.m-com {padding: 50px 0 0 0 !important;}
  .merlin-section.aboutListingSection.banner-sec.m-com {padding-top: 40px !important;}
  .bannerSliderInner.aboutBannerSlider{padding: 50px 0 60px;}
  .tabStickySection.tabStickyMainSection.scrollSec.borderSec {padding-top: 50px !important;}
  .merlin-section.careerTwoColumnSection .right-part .img-wrap:before{display:none;}


}
@media (max-width:374px){ 
  .threeImages{display:none;}
  .leftImgRightListSection{padding:40px 0 !important;}
  .merlin-section.hrSolutionBanner.hero-banner-sec.m-com{padding: 80px 0 !important;}
  .tabStickySection.benefitsEnrollmentTab.pos-rel.merlin-section{padding-top: 20px !important;padding-bottom: 40px !important;}
  .tabStickyMainSection{padding-top:50px !important;}
  .alternatewidget_1643113694948.pos-rel.merlin-section {padding-top: 20px !important;}
  p, body{font-size:16px;}
  .circleAnimateInner{zoom: .3;}

}

.combinedHelpSection {
  background-position: 50% 100% !important;
  padding: 50px 0 0 !important;
}

.mainCombinedHelpWrap .section-title {
    text-align: center;
} 

.mainCombinedHelpWrap .section-title h1 {
  font-weight: 600;
  font-size: 44px;
  line-height: 1.5;
}

.mainCombinedHelpWrap .section-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  max-width: 879px;
  margin: 10px auto;
  text-align: center;
}

.mainCombinedHelpWrap .tab-title-group-wrap {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  margin: 48px auto 20px;
  max-width: 90%;
  width: 100%;
  align-items: center;
  gap: 7px;
  padding-bottom: 20px;
}

.mainCombinedHelpWrap .tab-title-group-wrap .title-wrap {
  background: linear-gradient(180deg, #27272E 0%, #2E2E36 100%);
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 10px;
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}

.mainCombinedHelpWrap .tab-title-group-wrap .title-wrap:hover,
.mainCombinedHelpWrap .tab-title-group-wrap .title-wrap.is-active {
  background: #00A6DA;
}

.mainCombinedHelpWrap .tab-title-group-wrap .title-wrap h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #FFFFFF;
  margin: 0;
  text-align: center;
}



.mainCombinedHelpWrap .tab-info-group-wrap {
  max-width: 90%;
  margin: 30px auto 0;
  position: relative;
/*   animation: fadeInTabSec 4s; */
  min-height: 550px;
}

.mainCombinedHelpWrap .tab-info-group-wrap .tab-item-title-wrap h4 {
  font-weight: 700;
  font-size: 27px;
  line-height: 1.5;
  color: #263E56;
}

/* @keyframes fadeInTabSec {
  0% { opacity: 0; }
  100% { opacity: 1; }
} */

#tab1show .img-one-wrap {
  position: absolute;
  top: -20px;
  left: 210px;
  max-width: 226px;
}

#tab1show .img-two-wrap {
  position: absolute;
  right: 40px;
  top: -10px;
  max-width: 366px;
}

#tab1show .img-three-wrap {
  position: absolute;
  bottom: 20px;
  left: -10px;
  top: auto;
  max-width: 450px;
}

#tab1show .img-four-wrap {
  position: absolute;
  right: 80px;
  top: auto;
  bottom: 10px;
  max-width: 220px;
}

#tab2show .img-one-wrap {
  position: absolute;
  top: -30px;
  left: 210px;
  max-width: 190px;
}

#tab2show .img-two-wrap {
  position: absolute;
  right: 0;
  top: -10px;
  max-width: 405px;
}

#tab2show .img-three-wrap {
  position: absolute;
  bottom: 10px;
  left: -10px;
  top: auto;
  max-width: 312px;
}

#tab2show .img-four-wrap {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 10px;
  max-width: 565px;
}

#tab3show .img-one-wrap {
    position: absolute;
    top: 10px;
    max-width: 253px;
    left: 210px;
}

#tab3show .img-two-wrap {
    position: absolute;
    max-width: 214px;
    right: 280px;
    top: 10px;
}

#tab3show .img-three-wrap {
    position: absolute;
    max-width: 260px;
    bottom: 20px;
    left: 0;
}

#tab3show .img-four-wrap {
    position: absolute;
    max-width: 300px;
    bottom: 20px;
    right: 0;
}

#tab3show .img-five-wrap {
    position: absolute;
    max-width: 411px;
    right: 0;
    top: 0px
}

#tab4show .img-wrapper {
    max-width: 179px;
}

#tab4show .img-one-wrap {
    position: absolute;
    left: 240px;
    top: 10px;
}

#tab4show .img-two-wrap {
position: absolute;
    right: 145px;
    max-width: 371px;
    bottom: 20px;
}

#tab4show .img-three-wrap {
    position: absolute;
    right: 0px;
    top: -20px;
    max-width: 364px;
}

#tab4show .img-four-wrap {
    position: absolute;
    left: 0px;
    top: 178px;
    max-width: 402px
}

#tab5show .img-wrapper {
    max-width: 420px;
}

.tab-item-title-wrap {
  max-width: 216px;
}

#tab5show .img-one-wrap {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 40px;
  max-width: 380px;
}

#tab5show .img-two-wrap {
    position: absolute;
    right: 0;
    top: 0px;
    max-width: 380px
}
#tab5show .img-three-wrap {
    max-width: 402px;
/*       left: 0; */
    right: 115px;
/*     margin: auto; */
    bottom: 17px;
    position: absolute;
}
#tab6show .img-one-wrap {
    position: absolute;
    max-width: 221px;
    top: 10px;
    left: 240px;
}

#tab6show .img-two-wrap {
    position: absolute;
    max-width: 380px;
    top: 10px;
    right: 0;
}

#tab6show .img-three-wrap {
    position: absolute;
    max-width: 440px;
    bottom: 10px;
    left: 0;
}

#tab6show .img-four-wrap {
    position: absolute;
    max-width: 298px;
    bottom: 10px;
    right: 0;
}

#tab7show .img-one-wrap {
    position: absolute;
    top: -10px;
    left: 260px;
    max-width: 235px;
}

#tab7show .img-two-wrap {
    position: absolute;
    bottom: 63px;
    right: 150px;
    max-width: 290px;
}

#tab7show .img-three-wrap {
    position: absolute;
    top: 10px;
    right: 0;
    max-width: 293px;
}

#tab7show .img-four-wrap {
    position: absolute;
    bottom: 10px;
    left: 0;
    max-width: 160px;
}

#tab8show .img-one-wrap {
  max-width: 514px;
  position: absolute;
  left: 0;
  bottom: 100px;
}

#tab8show .img-two-wrap {
  max-width: 387px;
  position: absolute;
  right: 0;
  top: 10px;
}

#tab8show .img-three-wrap {
    max-width: 474px;
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.employeeAccessRowWrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
}

.blogPostTwoRightForm form input[type=tel], 
.blogPostTwoRightForm form textarea {
    padding: 32px 20px;
    border: none!important;
    background: #f3f3f3;
}

.list-social-icons.blogSocialIcon.ptop50 {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.subscribeBlogForm h3 {
    text-align: center;
}

.subscribeBlogForm form {
  justify-content: center;
}
.employeeAccessRowWrap .left-side-col {
  position: relative;
  width: 100%;
}
.blog-section ul li,
.blog-section ul li p {
    margin: 8px 0 !important;
}
.employeeAccessRowWrap .left-side-col .img-wrap {
  min-height: 700px;
}

/* .employeeAccessRowWrap .left-side-col img {
  max-width: 530px !important;
} */

.combinedHelpSection .img-overlay {
  background: rgb(41 41 48 / 32%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  border-radius: 12px;
}

.combinedHelpSection .img-overlay i {
  color: #fff;
  font-size: 2em;
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
/*   // Removes blue highlight */
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
}

#overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
  }

@media screen and (min-width:768px) {
   #overlay img{ 
     width: 60%;
  }
/*   #nextButton,
  #prevButton,
  #exitButton {
    font-size: 3em;
  } */
}

@media screen and (min-width:1200px) {
    #overlay img{ 
      width: 50%;
    }
}

#nextButton,
#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  cursor: pointer;
  display: none;
}
#nextButton:hover,
#prevButton:hover {
    opacity: 0.7;
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 105px;
  right: 45px;
  cursor: pointer;
}
#exitButton:hover {
    opacity: 0.7;
}


.cta_button.cta-btn-wrapper {
  border-radius: 10px;
}

.cta_button.cta-btn-wrapper span .play-icon-btn {
  transition: all 0.4s;
}

.cta_button.cta-btn-wrapper:hover span .play-icon-btn {
  margin-left: 30px !important;
}

.cta_button.request-a-consultation.cta-btn-wrapper:hover {
    box-shadow: 0px 3px 0px 1px #cb9f53;
    transition: all 0.5s ease;
}

.cta_button.request-a-consultation.cta-btn-wrapper:hover span .play-icon-btn {
  margin-left: 10px !important;
}



/* @media only screen and (max-device-width:480px), 
only screen and (-webkit-min-device-pixel-ratio: 2)
  {  .animateText p {font-size:6px !important;}
    .circleInnerText p{font-size:6px !important;} } */

/* 
 @media screen and (-webkit-min-device-pixel-ratio:1) { 
    .animateText p {font-size:12px !important;}
    .circleInnerText p{font-size:6px !important;}
  }  */
 
  @media (min-device-width:320px) and (max-device-width:500px) {
    .animateText p {font-size:7px !important;}
    .circleInnerText p{font-size:13px !important;}
}

@media (max-width: 1543px) {
  .tabDescriptionWrap {
    max-width: 500px;
  }
  .tabDescriptionWrap p{
    font-size: 15px !important;
  }
  .tabParentBox h1 {
    font-size: 40px !important;
  }
  .tech-platform-row .right-side-content {
    max-width: 491px;
  }
}

@media (max-width: 1543px) {
  .technology-platform-section {
    padding-left: 0 !important;
  }
}

@media (max-width: 1440px) {
  #tab5show .img-three-wrap {
      margin: 0;
    right: 0;
    left: auto;
    max-width: 374px;
  }
}

@media (max-width: 1353px) {
  .tech-platform-row .phoneImg {
    max-width: 170px;
    margin-top: -2px;
  }
  .tabParentBox h1 {
    font-size: 30px !important;
  }
  .tech-platform-row .right-side-content {
    max-width: 361px;
  }
  .combinedHelpSection {
    background-size: 30% !important
  }
  #tab4show .img-three-wrap {
    top: 0px;
  }
  #tab4show .img-wrapper {
    max-width: 290px;
  }
}

@media (max-width: 1280px) {
  #tab1show .img-one-wrap,
  #tab1show .img-two-wrap,
  #tab1show .img-three-wrap,
  #tab1show .img-four-wrap {
    max-width: 200px;
  }
  #tab7show .img-one-wrap {
    max-width: 195px;
  }
  #tab7show .img-three-wrap {
    max-width: 220px;
  }
  #tab8show .img-one-wrap, #tab8show .img-three-wrap {
    max-width: 400px;
  }
}

@media (max-width: 1200px) {
  .employeeAccessRowWrap {
    flex-direction: column;
    gap: 100px;
  }
  .employeeAccessRowWrap .right-col-wrap {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1180px) {
  .technology-platform-section {
    background: #00a6da;
    border-radius: 63px 63px 0 0;
    padding: 0 !important;
    overflow: initial !important;
  }
  .tech-platform-row .right-side-content {
    max-width: 100%;
  }
  .technology-platform-section .technologyPlatformInner {
    position: relative;
  }
  .tech-platform-row .phoneImg {
    max-width: 100%;
    margin-top: -30px;
  }
  #tab1show .img-two-wrap {
    right: 0;
  }
  #tab2show .img-three-wrap {
    max-width: 250px;
  }
  #tab2show .img-four-wrap {
    max-width: 400px;
  }
  #tab3show .img-one-wrap {
    max-width: 150px;
  }
  #tab3show .img-two-wrap {
    max-width: 164px;
    right: auto;
    top: 180px;
  }
  #tab3show .img-five-wrap {
    max-width: 320px;
  }
  #tab3show .img-three-wrap {
    max-width: 260px;
  }
  #tab3show .img-four-wrap {
    max-width: 250px;
  }
  #tab4show .img-wrapper {
    max-width: 230px;
  }
  #tab5show .img-wrapper {
    max-width: 360px;
  }
  #tab7show .img-two-wrap {
    top: auto;
    right: 0;
    max-width: 230px;
    bottom: 10px;
  }
}

@media (max-width: 1080px) {
  #tab1show .img-one-wrap,
  #tab1show .img-two-wrap,
  #tab1show .img-three-wrap,
  #tab1show .img-four-wrap {
    max-width: 180px;
  }
  #tab1show .img-three-wrap {
    left: 0;
  }
  #tab6show .img-one-wrap {
    max-width: 160px;
  }
  #tab6show .img-two-wrap {
    max-width: 300px;
  }
  #tab6show .img-three-wrap {
    max-width: 320px;
  }
  #tab6show .img-four-wrap {
    max-width: 220px;
  }
  #tab8show .img-one-wrap, #tab8show .img-three-wrap {
    max-width: 350px;
  }
  #tab2show .img-one-wrap{
  width:180px
  }
}

@media (min-width: 992px) {
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a:hover .icon svg ellipse.dd {
    fill: white !important;
  }
  .onMobile {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .head-top.header-v3 .hs-menu-wrapper > ul > li > ul.hs-menu-children-wrapper .sub-menu-box .box a .icon svg ellipse.dd {
    fill: #00a6da;
  }
  .blogBannerSection {
    max-height: 400px;
  }
  .onWeb {
    display: none !important;
  }
  .onMobile {
    margin: 20px 0 0 !important;
    display: block !important;
    left: -4%;
  }
  .employeeAccessRowWrap {
    gap: 0;
  }
}

@media (max-width: 990px) {
  #tab1show .img-one-wrap,
  #tab1show .img-two-wrap,
  #tab1show .img-three-wrap,
  #tab1show .img-four-wrap{
    max-width: 180px;
  }
  #tab1show .img-four-wrap {
    bottom: 10px;
    right: 0;
  }
  #tab2show .img-one-wrap {
    max-width: 130px;
  }
  #tab2show .img-three-wrap {
    max-width: 200px;
  }
  #tab2show .img-two-wrap {
    max-width: 240px;
  }
  #tab2show .img-four-wrap {
    max-width: 300px;
  }
/*   #tab4show .img-wrapper {
    max-width: 110px;
  } */
  #tab4show .img-two-wrap {
    right: 0;
  }
  #tab4show .img-three-wrap,
  #tab4show .img-four-wrap {
/*     top: auto; */
    bottom: 10px;
  }
  #tab5show .img-wrapper {
    max-width: 300px;
  }
  #tab5show .img-one-wrap {
    bottom: 100px;
  }
  #tab6show .img-one-wrap {
    max-width: 120px;
  }
  #tab6show .img-two-wrap {
    max-width: 250px;
  }
  #tab6show .img-three-wrap {
    max-width: 250px;
  }
  #tab6show .img-four-wrap {
    max-width: 180px;
  }
  #tab7show .img-one-wrap {
    max-width: 155px;
  }
  #tab7show .img-three-wrap {
    max-width: 170px;
  } 
  #tab7show .img-four-wrap {
    max-width: 160px;
  }
  #tab8show .img-one-wrap {
    bottom: auto;
    top: 180px;
    max-width: 300px;
  }
  #tab8show .img-two-wrap {
    max-width: 172px;
  }
  #tab8show .img-three-wrap {
    right: 0;
    bottom: 120px;
    max-width: 300px;
  }
  .hero-banner-solution-section .solutionBannerWrap {
    flex-direction: column;
  }
}
@media (max-width: 900px){
  #tab3show .img-five-wrap {
    max-width: 292px;
    top: 122px
  }
}
@media (max-width: 780px) {
  #tab5show .img-wrapper {
    max-width: 220px;
}
  .tech-platform-row {
    flex-direction: column;
  }
  .tabParentBox {
    margin: 0;
  }
  .tabDescriptionWrap {
    max-width: 100%;
  }
  .tabParentBox h1,
  .tabDescriptionWrap p { 
    text-align: center;
  }
  .technology-platform-section .technologyPlatformInner {
    margin-top: 50px;
    right: 0;
  }
  .combinedHelpSection {
    background-size: 50% !important;
  }
  #tab6show .img-one-wrap {
    top: 170px;
    left: 0;
  }
  #tab8show .img-three-wrap {
    right: auto;
    bottom: 50px;
    left: 0;
  }
}

@media (max-width: 767px) {
  .employeeAccessRowWrap .left-side-col .img-wrap {
    min-height: 600px;
  }
  .employeeAccessRowWrap .left-side-col img {
    width: 100%;
  }
  #tab1show .img-one-wrap, 
  #tab1show .img-two-wrap, 
  #tab1show .img-three-wrap, 
  #tab1show .img-four-wrap {
    max-width: 140px;
  }
  #tab1show .img-three-wrap,
  #tab1show .img-four-wrap{
    top: 260px;
  }
  #tab2show .img-one-wrap {
    max-width: 100px;
  }
  #tab2show .img-two-wrap {
    max-width: 200px;
    top: 200px;
  }
  #tab2show .img-three-wrap {
    max-width: 170px;
    bottom: 210px;
  }
  #tab3show .img-one-wrap {
    max-width: 110px;
  }
  #tab3show .img-five-wrap {
    max-width: 200px;
    top: 170px;
  }
  #tab3show .img-three-wrap {
    max-width: 170px;
  }
  #tab3show .img-four-wrap {
    max-width: 160px;
  }
  #tab7show .img-one-wrap {
    left: 0;
    top: 180px;
    max-width: 90px
  }
  #tab7show .img-four-wrap{
    max-width: 90px
  }
}

@media (max-width: 650px) {
  .employeeAccessRowWrap .left-side-col .img-wrap {
    min-height: 400px;
  }
  .tab-item-title-wrap {
    max-width: 100%;
  }
  #tab1show .img-one-wrap {
    top: 50px;
    left: 0;
  }
  #tab1show .img-two-wrap {
    top: 40px;
  }
  #tab1show .img-three-wrap,
  #tab1show .img-four-wrap{
    top: auto;
    bottom: 110px;
  }
  #tab2show .img-one-wrap {
    max-width: 70px;
    top: 50px;
    left: 0;
  }
  #tab2show .img-three-wrap {
    bottom: auto;
    right: 0;
    left: auto;
  }
  #tab2show .img-two-wrap {
    max-width: 230px;
    top: 200px;
    left: 0;
  }
  #tab2show .img-four-wrap {
    max-width: 330px;
    bottom: 70px;
    left: 0;
  }
  #tab3show .img-one-wrap {
    left: auto;
    right: 0;
    top: 40px;
  }
  #tab3show .img-two-wrap {
    max-width: 120px;
    top: 50px;
  }
  #tab3show .img-three-wrap {
    top: 250px;
  }
  #tab3show .img-four-wrap {
    bottom: 90px;
  }
  #tab4show .img-wrapper {
    max-width: 170px;
  }
  #tab4show .img-one-wrap {
    left: 0;
    top: 70px;
  } 
  #tab4show .img-two-wrap {
    right: 0;
    bottom: 100px
  }
  #tab4show .img-three-wrap {
    bottom: auto;
    top: 50px;
    max-width: 160px;
  }
  #tab4show .img-four-wrap{
    bottom: 100px;
  }
  #tab5show .img-wrapper {
    max-width: 180px;
  }
  #tab5show .img-two-wrap {
    top: 70px;
  }
  #tab5show .img-three-wrap {
    bottom: 100px;
  }
  
  #tab5show .img-one-wrap {
    bottom: 0;
    top: 100px;
  }
  #tab6show .img-one-wrap {
    top: 80px;
  }
  #tab6show .img-two-wrap {
    max-width: 200px;
    top: 80px;
  }
  #tab6show .img-three-wrap {
    max-width: 200px;
    bottom: 141px;
  }
  #tab6show .img-four-wrap {
    max-width: 140px;
    bottom: 141px;
  }
  #tab7show .img-three-wrap,
  #tab7show .img-one-wrap {
    top: 80px;
  }
  #tab7show .img-four-wrap {
    max-width: 90px;
    bottom: 90px;
  }
  #tab7show .img-two-wrap {
    max-width: 81px;
    bottom: 120px;
  }
  #tab8show .img-two-wrap {
    max-width: 162px;
    top: 60px;
  }
  #tab8show .img-one-wrap {
    bottom: auto;
    top: 150px;
    max-width: 270px;
  }
  #tab8show .img-three-wrap {
    top: auto;
    bottom: 80px;
    max-width: 270px;
  } 
  
  .tab-info-group-wrap .btn {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    margin: auto;
    top: auto;
    max-width: 230px;
    width: 100% !important;
  }
  #tab3show .img-five-wrap {
    max-width: 175px;
    top: 65px;
    left: 0;
  }
}

@media (max-width: 600px) {
  .technology-platform-section .technologyPlatformInner {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
  .technology-platform-section .PlatformFourCol {
    width: 70%;
    height: 180px;
    margin-bottom: 30px !important;
  }
  .PlatformTitle h4 {
    min-height: auto;
  }
  .technology-platform-section .PlatformFourColInner {
    border-radius: 19px !important;
  }
  .technology-platform-section {
    padding-bottom: 20px !important;
  }
  .technology-platform-section .boxLink {
    width: 100%;
    gap: 25px;
  }
  .technology-platform-section .PlatformIcon {
    max-width: 67px;
  }
  .technology-platform-section .PlatformIcon img {
    width: 67px;
  }
  .technology-platform-section .boxLink > .PlatformTitle > h4 {
    font-size: 20px !important;
  }
  .combinedHelpSection {
    background-size: 60% !important;
  }
  #tab8show .img-two-wrap {
    max-width: 190px;
    top: 60px;
    left: 0;
    right: auto;
  }
  #tab8show .img-one-wrap {
    bottom: auto;
    top: 230px;
    max-width: 210px;
    right: 0;
    left: auto;
  }
  #tab8show .img-three-wrap {
    bottom: 100px;
    max-width: 210px;
    right: auto;
    left: 0;
  }
}

@media (max-width: 580px) {
  .employeeAccessRowWrap .left-side-col {
    max-width: 100%;
  }
  #tab3show .img-three-wrap {
    max-width: 100px;
  }
  #tab3show .img-four-wrap {
    max-width: 130px;
  }
  #tab5show .img-one-wrap{
    top: 230px;
  }
}

@media (max-width: 548px) {
  .hero-banner-solution-section .action-btn-wrap {
    gap: 30px;
    margin: 40px 0 15px;
    justify-content: center;
  }
  .hero-banner-solution-section .action-btn-wrap .btn:first-child {
    width: 265px;
  }
  a.watch-now-btn {
    text-align: center;
    display: block;
  }
  .employeeAccessRowWrap .left-side-col .img-wrap {
    min-height: 200px;
  }
  .dnd-section, .content-wrapper--vertical-spacing {
    padding: 30px 1rem;
  }
  .tech-platform-row .phoneImg {
    max-width: 73%;
  }
}

@media (max-width: 510px) {
  #tab6show .img-wrapper {
    max-width: 130px;
  }
}

@media (max-width: 480px) {
  .technology-platform-section .PlatformFourCol {
    width: 100%;
  }
  .technology-platform-section .PlatformIcon {
    max-width: 47px !important;
  }
  .technology-platform-section .boxLink > .PlatformTitle > h4 {
    font-size: 14px !important;
  }
  .combinedHelpSection {
    background-size: 70% !important;
  }
  .mainCombinedHelpWrap .tab-info-group-wrap {
    min-height: 670px;
  }
  #tab1show .img-one-wrap, 
  #tab1show .img-two-wrap, 
  #tab1show .img-four-wrap  {
    max-width: 110px;
  }
  #tab1show .img-four-wrap {
    bottom: 190px;
  }
  #tab1show .img-three-wrap {
    max-width: 160px;
    bottom: 330px;
  }
  #tab2show .img-one-wrap {
    max-width: 70px;
    top: auto;
    left: auto;
    bottom: 190px;
    right: 0;
  }
  #tab2show .img-two-wrap {
    top: 270px;
    max-width: 190px;
  }
  #tab2show .img-three-wrap {
    top: 150px;
    max-width: 140px;
  }
  #tab2show .img-four-wrap {
    max-width: 160px;
    bottom: auto;
    left: 0;
    right: auto;
    top: 70px;
  }
  #tab3show .img-three-wrap {
    top: auto;
    bottom: 310px;
    max-width: 140px;
  }
  #tab3show .img-four-wrap {
    bottom: 140px;
  }
  #tab3show .img-five-wrap {
    max-width: 140px;
  }
  #tab4show .img-wrapper {
    max-width: 130px;
  }
  #tab4show .img-two-wrap {
    bottom: 260px;
  }
  #tab4show .img-three-wrap {
    top: 80px;
  }
  #tab4show .img-four-wrap {
    top: auto;
    bottom: 370px;
  }
  #tab5show .img-one-wrap {
    bottom: auto;
    max-width: 150px;
    top: 200px;
  }
  #tab5show .img-three-wrap {
    bottom: 250px;
    max-width: 150px;
  }
  #tab6show .img-one-wrap {
    max-width: 100px;
    bottom: 190px;
    top: auto;
    right: 0;
    left: auto;
  }
  #tab6show .img-two-wrap {
    bottom: auto;
    top: 200px;
    left: auto;
    max-width: 150px;
  }
  #tab6show .img-three-wrap {
    bottom: auto;
    top: 90px;
    max-width: 210px;
  }
  #tab6show .img-four-wrap {
    bottom: 270px;
    left: 0;
    max-width: 100px;
  }
  #tab7show .img-one-wrap {
    top: auto;
    bottom: 190px;
    left: auto;
    right: 0;
    max-width: 70px;
  }
  #tab7show .img-two-wrap {
    bottom: auto;
    top: 220px;
    max-width: 120px;
  }
  #tab7show .img-three-wrap {
    top: 100px;
    left: 0;
    max-width: 130px;
  }
  #tab7show .img-four-wrap {
    bottom: 230px;
    max-width: 70px;
  }
  #tab8show .img-wrapper {
    max-width: 140px;
  } 
  #tab8show .img-one-wrap {
    top: 180px;
  }
  #tab8show .img-two-wrap {
    top: 70px;
  }
  #tab8show .img-three-wrap {
    bottom: 320px;
  } 
}
  
@media (max-width: 410px) {
  #tab2show .img-four-wrap {
    top: 90px;
  }
  #tab2show .img-three-wrap {
  top: 170px;
  }
  #tab2show .img-two-wrap {
    top: 290px;
    max-width: 160px;
  }
  #tab3show .img-three-wrap {
    max-width: 110px;
    left: auto;
    right: 0;
  }
  #tab5show .img-one-wrap {
    top: 220px;
    max-width: 130px;
  }
  #tab5show .img-two-wrap {
    top: 100px;
  }
  #tab7show .img-wrapper {
    max-width: 100px;
  }
  #tab7show .img-two-wrap {
    max-width: 111px;
  }
  #tab7show .img-three-wrap {
    top: 110px;
    max-width: 140px;
  }
  #tab7show .img-four-wrap {
    max-width: 70px;
    right: auto;
    left: 0;
    bottom: 220px;
  }
  #tab7show .img-one-wrap {
    max-width: 70px;
  }
  #tab8show .img-wrapper {
    max-width: 160px;
  }
  #tab8show .img-one-wrap {
    top: 220px;
  }
  #tab8show .img-two-wrap {
    top: 90px;
  }
  #tab8show .img-three-wrap {
    bottom: 260px;
  }
  #tab3show .img-five-wrap{
    top: 135px
  }
}

@media (max-width: 380px) {
  #tab1show .img-wrapper {
    max-width: 110px;
  }
  #tab1show .img-one-wrap {
    top: auto;
    bottom: 340px;
  }
  #tab1show .img-two-wrap {
    top: 120px;
    left: auto;
  }
  #tab1show .img-three-wrap {
    bottom: auto;
    top: 40px;
  }
  #tab1show .img-four-wrap {
    bottom: 190px;
  }
  #tab2show .img-one-wrap {
    top: auto;
    bottom: 140px;
    left: auto;
    right: 0;
  }
  #tab2show .img-two-wrap {
    top: 294px;
    max-width: 170px;
  }
  #tab2show .img-three-wrap {
    top: 160px;
    max-width: 160px;
    left: auto;
    right: 0;
  }
  #tab2show .img-four-wrap {
    max-width: 200px;
    bottom: auto;
    top: 70px;
    right: 0;
  }
  #tab3show .img-wrapper {
    max-width: 100px;
  }
  #tab3show .img-three-wrap {
    bottom: 340px;
  }
  #tab3show .img-four-wrap {
    bottom: 240px;
    right: auto;
    left: 0;
  }
  #tab4show .img-two-wrap {
    bottom: 230px;
  }
  #tab5show .img-one-wrap {
    top: 240px;
    max-width: 140px;
  }
  #tab5show .img-three-wrap {
    bottom: 210px;
  }
  #tab6show .img-one-wrap {
    max-width: 80px;
    bottom: 180px;
  }
  #tab6show .img-two-wrap {
    top: 180px;
    max-width: 130px;
  }
  #tab6show .img-three-wrap {
    top: 80px;
  }
  #tab6show .img-four-wrap {
    bottom: 301px;
  }
  #tab7show .img-one-wrap,
  #tab7show .img-four-wrap {
    max-width: 65px;
  }
  #tab7show .img-two-wrap {
    top: 200px;
  }
  #tab7show .img-three-wrap {
    top: 80px;
  }
  #tab8show .img-one-wrap {
    top: 220px;
  }
  .mainCombinedHelpWrap .tab-info-group-wrap .tab-item-title-wrap h4 {
    font-size: 20px;
  }
}