/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css?family=Jost');
@import url('https://fonts.googleapis.com/css?family=Anton');


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {
  margin: 0;
  background: #fff;
  color: #6a6d77;
  font-family: 'Jost',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.56;
}
h1, .h1 {
  font-family: 'Anton' !important;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  line-height: 1.14;
}
h2, .h2 {
  font-family: 'Anton'!important;
  font-weight: 400;
  font-style: normal;
  font-size: 3.11rem;
  line-height: 1.18;
}
h3, .h3 {
  font-family: 'Jost',sans-serif!important;
  font-weight: 600;
  font-style: normal;
  font-size: 2.56rem;
  line-height: 1.25;
}
h4, .h4 {
  font-family: 'Jost',sans-serif!important;
  font-weight: 600;
  font-style: normal;
  font-size: 1.80rem;
  line-height: 1.40;
}
p, .p, blockquote {
  margin: 0 0 24px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 24px;
  color: #222326;
}
.ff H3, .ff h4, .ff h5, .ff h6, .ff p, .ff a, .ff span, .ff div, .ff ul, .ff li, .ff label, .ff form {font-family: 'Jost'!important;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-white {color:#fff;}
.sec-space {padding: 90px 24px;}


/*form css*/
.home-main-sec .hs-input {
  display: block;
  border-radius: 10px;
  box-shadow: 0px 30px 60px rgb(55 55 60 / 3%), 0px 15px 30px rgb(52 52 60 / 3%);
  width: 100% !important;
  padding: 0.91rem 0.91rem;
  background-color: #fff;
  border: 1px solid #e3e6ec;
  color: #000;
  line-height: 1.50; margin-top: 12px;
}
.vdc-home-form form {
  padding:25px; border: 1px solid #e4e4e5;border-radius:22px; background-color:#fff;}
fieldset.form-columns-2, fieldset.form-columns-1, fieldset.form-columns-3 {
  margin-bottom: 10px !important;
}
.work-box.vdc-home-form {padding-right:40px;}
.vdc-home-form input.hs-button.primary.large { margin-top: 12px;
  font-weight: 500;
  padding: 0.8rem 1.35rem;
  border-radius: 11px;
  font-size: 1.2rem;
  transform: scale(1);
  line-height: 1.40;
  text-decoration: none;
  transition-duration: .1s;
  transition-timing-function: ease-in-out;
  background: #eb6400;
  border:none;
  color: #fff;
  font-family: 'Jost'!important;
}
.vdc-home-form input.hs-button.primary.large:hover, .hero_SG a.cta_button:hover  {
  transform: scale(1.05,1.05);
}
.vdc-home-form fieldset.form-columns-2, .vdc-home-form fieldset.form-columns-1 {
  max-width: 100%!important;
}
/*form css end*/

/*ecommerce main*/
.bb-txt {padding:60px 0px;}
.bb-txt h2 { font-size: 38px; letter-spacing: 1px;}
.bb-txt p { font-size: 26px; color: #000;}
.bb-txt.wrapper.section-padding.bb-text-outer {
  padding: 60px 20px;
}
/*ecommerce main end*/

/*Team CSS*/
.about-sec3 ul {  text-align: left;}
.cta-anim {display:contents;}
.ct-txt {text-align:center;}
/*Bottom CTA animation start*/
.ct-txt a.cta_button {
  background: #fff !important;
  margin: 10px 15px;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 0px!important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  width: 260px !important;
  box-shadow: inset 0 0 0 0 #000;
  -webkit-transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  transition: ease-out 0.8s;
}
.ct-txt a.cta_button:hover {box-shadow: inset 400px 50px 0 0 #000; color:#fff !important;}
/*Bottom CTA animation end*/
.zigzagtimeline .timeline>li:nth-child(odd) .line:before {top:85px !important;}
.timeline-main h2 {text-align:left;}
.about-intro p {padding: 30px 0 20px;}
.bimage-main {position:relative;}
.bimage-main img {position:absolute; max-height:500px;}
.zigzagtimeline.module_1648121787957350 .timeline>li .line:before { background-color: #3e4047 !important; box-shadow: 0 0 5px #3e4047 !important;}
.zigzagtimeline.module_1648121787957350 .timeline>li .timeline-image {
  border: none; background-color: transparent; box-shadow: none;}
.zigzagtimeline .timeline>li:nth-child(odd) .line:before, .zigzagtimeline .timeline>li:nth-child(even) .line:before
{height:280px;}
.zigzagtimeline .timeline>li .timeline-image {height:180px; width:180px;}
.zigzagtimeline .timeline .timeline-body>p { font-size: 20px;}
.zigzagtimeline .timeline .timeline-heading h4 { margin-bottom: 0px;}
.zigzagtimeline .timeline .timeline-heading * { font-weight: 600;}
.zigzagtimeline .timeline>li .timeline-image {border-radius:0;}
.zigzagtimeline.module_1648121787957350 .timeline>li .line:before {   
  background-color: #eb6400;
  box-shadow: 0 0 5px #eb6400;0 00     }
.zigzagtimeline .timeline>li:nth-child(odd), .zigzagtimeline .timeline>li:nth-child(even) {height:130px;}
.about-intro p {font-size:22px;color:#000;}
.about-intro { background-color: #f6f6f6; }
body.team .timeline {
  background: url(https://www.ny-engineers.com/hubfs/2022/Team/Timeline-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.ct-txt h3 {margin-bottom:10px;}
.zigzagtimeline {background:#fff !important;}
/*Team CSS end*/

/*contact us start*/
.contactbody iframe.hs-responsive-embed-iframe {
  max-height: 250px;
  height: 250px;
}
.contactbody .cform {background-color:#edecf0;}
.contact-map .hs-responsive-embed-wrapper.hs-responsive-embed {
  border-radius: 26px 26px 0 0;
}
.contact-map {display: contents;
  max-height: 280px;}
.contactbody .ctxt {font-size:22px; color:#fff;}
.contactbody .ctxt p {color:#fff;}
.locations .lc p {color:#000; font-size:18px;margin:15px 10px 7px;}
.locations .lc {text-align:center;
  box-shadow: 0px 15px 31px rgb(34 35 38 / 8%), 0px 8px 16px rgb(34 35 38 / 8%);
  background: #fff;
  margin-bottom: 26px;
  padding: 0;
  border-radius: 26px;
  text-align: center;
  transition: .2s ease-in-out;}
.locations .lc a { color: #000; text-decoration:none;}
.locations .lc h4 a { color: #fff; text-decoration:none; font-weight:400;}
.locations .lc h4 {  width: fit-content; display:inline-block;
  padding: 5px 25px;
  font-size: 24px;
  border-radius: 10px;
  background: #eb6400;
  margin: 10px auto 30px;} 
.clogos .logoimg {
  display: inline-block;
  width: 100%;
}
.nw h2 {  letter-spacing: 8px; margin-bottom: 0px;}
.nw p {  margin-bottom: 10px;}
.contactbody .vdc-home-form form {margin:20px 0;}
.contactbody .vdc-home-form form { padding: 10px 20px; }
.contactbody .home-main-sec .hs-input {margin-top:5px!important;}
.contactbody .vdc-home-form input.hs-button.primary.large {margin-top:0px!important;}
.clogos .logoimg img {
  display: inline-block;
  float: left;
  width: 18% !important;
}
.contactbody .intro-text p {
  font-size: 22px;
}
.ctxt-top p {margin-bottom:5px;}
.clogos .logos {padding:40px 0;}
.mep-txt h2 {color: #eb6400; padding:40px 20px 20px;}
.intro-text {padding:50px 50px 30px; text-align:center;}
.ctxt-top {background-color:#eb6400; margin-top:40px; padding:10px 20px 5px 20px;}
.ctxt-btm {padding:30px 20px 0px 20px;}
.ctxt-btm img {max-width:180px;}
.ctxt-top h1 { color:#fff;
  margin-bottom: 0; padding-top: 5px;
  padding-bottom: 10px;
}
.nw {text-align:center; color:#000; padding:15px 20px 5px; background-color: #fff;}
.nw p, .nw h2 {color:#000;}
/*contact us end*/

/*franchise main page start*/
.goals-img .cat-main .img-inner {
  max-height: unset;
}
.goals-img img {
  border-radius: 10px;
}
.goals-img .row1 img { max-height: 485px;
  overflow: hidden;}
.cta a.cta_button {letter-spacing:1px; border-radius:0px !important;}
.cta a.cta_button:hover {
  background-color: #eb6400 !important; transform: scale(1.05,1.05) !important;
}
.wp_main h2, .wp-main h4 {color:#fff; letter-spacing:10px;}
.wbmain {
  height:200px;
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
}
.wbmain img { max-height: 70px;}
.wbmain h4 {  margin-bottom: 0px; padding-bottom: 0px;}
.wbmain p { margin-bottom: 0px; font-size: 18px; color: #000;}
.wbmain2, .wbmain3 {margin-top:15px;}
.row2 .wbmain {padding:60px 20px; height:unset;}
.wbsub { 
  /* position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);*/}
.logoimg img { display: inline-block; float: left; width: 20% !important; padding: 13px 15px;object-fit: contain;}
.logoimg {  display: inline-flex; padding: 0 0px; width: 100%;}
.step-card-sub h4 {
  color: #eb6400;
  font-weight: 800;}
.ccc .centered, .whtppr .centered {
  top: 90%; }
.ccc .centered {
  top: 80%; }
.step-card h2 {
  margin-bottom: 10px;
}
.step-card .pro-content p {
  color: #000;     margin-bottom: 0px;
}
.wbmain.wbmain3.wb3 {
  padding: 30px 20px;
}
.wb3 h4 {
  font-size: 70px;
}
/*franchise main page end*/


@media only screen and (min-device-width : 1367px) and (max-device-width : 1440px)   { 
  .flip-card {height: 360px;}
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1440px)   { 
  .case-study .wrapper, .experts .wrapper, .fwwrapper.wrapper {
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px!important;
  }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1340px)   { 
  .experts2col.experts2col-3 h2 {
    font-size: 2.50rem;
  }
  .year-box-maindiv {
    margin-top: -27vh;
  }
}
@media only screen and (max-width: 767px) {

  .e-comm-main .box--post-img.box--fill-img img {display:none;}
  .e-comm-main .card { width: 100%; border-right: 0; border-bottom: 1px solid #fff;}
  .e-comm-main .card:nth-child(n+5) {border-bottom: 1px solid #fff;}
  .e-comm-main .step-img img { display: none;}
  .e-comm-main .ecm-inner { display: block;}
  .e-comm-main .ecm1 h4 { writing-mode: inherit;}
  .e-comm-main .products-container-main {padding: 0rem 0 0rem;}
  .e-comm-main .ecm { flex: none; max-width: 100%;}
  .e-comm-main .products-card {width: auto;}
  .e-comm-main .ecm-top { text-align: center;}
  .e-comm-main .card-inner {display:block; text-align:center;}
  .about-sec4 {display:none!important;}
  .od {display:block !important;}
  .timeline-main h2 {
    text-align: center;
  }
  .hs-hero.parallax .fwwrapper.wrapper {
    padding-right: 0;
    padding-left: 0;
  }
  .flip-card-main {width:50%;}
  .flip-card {height:175px; margin-bottom: 8px;}
  .ct-txt { padding: 10px 0 0;}
  .ct-txt a.cta_button {width:220px !important;}
  .about-sec1, .about-sec2, .about-sec3 {
    width: 90%;  clip-path: none; font-size: 19px; min-height: auto; padding: 20px;}
  .about-intro p {  padding: 30px 0 0px;}
  .bimage-main img {display:none;}
  .ctxt-top { border-radius: 10px; margin-top: 40px;}
  .nw p, .nw h2 { color: #fff;}
  .nw {padding: 0; background-color: #000;}
  .contactbody .cform { background-color: transparent;}
  .cimage .left, .imgdnone img { display: none;}
  .contactbody .intro-text p {  font-size: inherit;}
  .ctxt-top, .ctxt-btm {padding:15px;}
  .contactbody .vdc-home-form form { margin: 0 0px;}
  .mep-txt h2 { padding: 20px 0; margin-bottom: 0px;}
  .intro-text { padding: 15px 0 0; }
  .clogos .logoimg img { width: 16% !important;}
  .clogos .logos { padding: 0;}
  .locations .lc h4 { display: inline-block; margin: 10px auto 15px;}
  .locations .lc p { font-size: inherit; margin: 10px;}
  .rssp {
    max-height: 400px;
    overflow: hidden;
  }
  .goals-img .row1 img {
    max-height: unset;}
  .goals-img .row1 img {
    min-height: unset; }
  .goals-img {text-align:center;}
  .goals-img img {margin-top:15px;}
  #hero-text, #hero_container {height:45vh;}
  h2, .h2 {font-size:2.2rem;}
  h1, .h1 {font-size:2.5rem;}
  .year-box-maindiv {
    margin-top: 0;
  }
  .down-arrow {
    margin-top: 20px !important;
  }
  .year-box-maindiv {
    padding: 30px 0 40px;
  }
  .work-box.vdc-home-form { padding-right: 0;}
  .step-card { width: 100%;}
  .work-box h2, .work-box h4 { color: #fff;
    letter-spacing: 0;}
  .case-study-outer .work-box h2, .case-study-outer .work-box h4 {
    color: #222326;
  }
  .cat-main .img-inner {
    margin-bottom: 30px;}
  .work-box-text { width: 100%;}
  .vdc-home-form { margin-bottom: 30px;}
  .workwsub {padding:30px;}
  .experts {
    width: 100%; display: block;}
  .experts_inner {
    width: 100%; float: unset;}

  .experts2 {
    background-image: url(https://2004318.fs1.hubspotusercontent-na1.net/hubfs/2004318/2022/Franchise/Untitled%20design%20%288%29.jpg);
    min-height: auto;
    position: unset;
    padding: 40px 0 0 0;
  }
  .experts2col-2 {
    width: 100%;
    background: #f9d6b2;
    position: unset;
  }
  .experts2col {
    background: white;
    float: none;
  }
  .inner3cols {
    position: unset;
    right: 0;
    width: 100%;
    max-height: unset;
  }
  .img-caption {
    background: rgb(255 255 255 / 50%);
    position: unset;}

  .experts2col-3 {
    width: 100%;
    background: #f9d6b2;
    padding: 0px;
  }
  .box {margin-bottom:30px;}
  .wbmain {
    margin-bottom: 30px;
    position: unset;
    height: auto;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
  }
  .wbsub {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
  }
  .year-box-text {
    width: 100%; }
  #hero-text h1 {
    padding: 20px;
    letter-spacing: 0;}
  .experts2col.experts2col-3 h2, .experts2col.experts2col-3 p {padding:20px 10px;}
  .experts2 {padding:0; margin-top:20px;}
  .logoimg {padding:0;}
  .logoimg img {width: 20% !important;}
  .ccc .centered, .whtppr .centered {
    top: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .od {display:none !important;}
  .cimage .left, .cimage .right {width:50%!important;margin-left:0px!important;}
  .right-col {width: 59.57% !important;
    margin-left: 0px !important;}
  .wbmain img { min-height: 100px;}
}

@media only screen and (min-width: 1100px) {
  body.bank .experts1 {
    margin-top: 21%;
  }
  body.petcare .step-card-sub {padding: 40px 10px 30px;}
  body.petcare .experts1 {  margin-top: 16%;}
  body.petcare #hero_container {background-position: bottom;}
  .team-title h2 { margin-top: 40px;}
  .team-title h2, .timeline-main h2 { font-size: 80px !important; }
  body.fitness .logoimg.logoimg1 {  margin-top: 13%;}
  .fitness .step-card-sub { min-height: 200px;}
  .healthcare .step-card-sub { min-height: 200px;}
  .retail .goals-img .row1 img {width:100%;}
  .retail .logoimg.logoimg1 {  margin-top: 9%;}
  .stat2 .step-card-sub {min-height:230px;}
}
/* Extra large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {
  .about-sec1, .about-sec2, .about-sec3 {height:215px;}
  .year-box-maindiv {   margin-top: -27vh;}
}
@media only screen and (min-width: 1600px) {
  .flip-card {
    background-color: transparent;
    height: 305px; }
}
@media only screen and (min-width: 1920px) {
  .experts2col.experts2col-3 h2 {
    margin-bottom: 0;
    font-size: 2.50rem;
  }
  .experts2col-3 { padding: 20px 20px 20px 20px;}
  #hero_container {height:50vh;}
  .year-box-maindiv { margin-top: -18vh; }
  #hero-text {height:50vh;}
}

/*width 1140 to 1280*/
@media only screen and (min-device-width: 1140px) and (max-device-width: 1280px) {
  .about-sec1, .about-sec2, .about-sec3 {font-size:17px;}
  .flip-card {height: 285px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .flip-card {height: 215px;}
}

/*max width 320px*/
@media only screen and (max-width: 320px) {
  #hero-text, #hero_container {
    height: 60vh;
  }
  .rssp {
    max-height: 300px;
    overflow: hidden;
  }
  .experts2col.experts2col-3 h2, .experts2col.experts2col-3 p {
    padding: 20px 10px 0px;
  }
}
.ff H3, .ff h4, .ff h5, .ff h6, .ff p, .ff a, .ff span, .ff div, .ff ul, .ff li, .ff label, .ff form, .frbody p {font-family: 'Jost'!important;}

.cv-multi-tab--content-inner .mainurl a::first-letter {
  text-transform: uppercase !important;
}
.card-inner h4 {
  font-family: Anton!important;
}

/*===Custom Css===*/
.cus_animation_module {
  min-height: 0 !important;
}
.bb-txt p:last-of-type {
  margin-bottom: 0;
}
.servive_banner_wrap{
  padding-top: 63px;
}
.faq_title h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 0px;
  padding: 0;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600;
  color: #222326;
}
.contactbody .contact-form-wrap{
  padding-top: 63px;
}
.ctxt-btm .enquiry-info{
  font-size: 20px;
}
.ctxt-btm .enquiry-info span {
  color: #b5b5b5;
}
form ul.no-list.hs-error-msgs.inputs-list {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0;
}
form .hs-fieldtype-booleancheckbox .input ul.inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
form .hs-fieldtype-booleancheckbox .input ul.inputs-list input[type="checkbox"] {
  display: inline-block;
  margin: -2px 5px 0 0 !important;
  width: auto !important;
  vertical-align: middle;
}

@media only screen and (max-width : 1151px) and (min-width : 768px) { 
  .ctxt-btm .enquiry-info span {
    display: block;
  }
}

@media only screen and (max-width : 1099px) and (min-width : 768px) { 
  .servive_banner_wrap, .contactbody .contact-form-wrap{
    padding-top: 105px;
  }
}

@media only screen and (max-width: 767px) {
  .white_ppr2 .cat-main .img-inner {
    margin-bottom: 0px;
  }
  .bb-txt p {
    font-size: 20px;
  }
  .bb-txt h2 {
    font-size: 35px;
  }
  .servive_banner_wrap{
    padding-top: 0;
  }
  .faq_wrapper {
    margin-top: 30px;
  }
  .faq_title h2 {
    margin-bottom: 30px;
  }
  .faq_wrapper .span4 {
    margin-bottom: 40px;
  }
  .contactbody .contact-form-wrap{
    padding-top: 68px;
  }
}

@media only screen and (max-width: 479px) {
  .ct-txt a.cta_button {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box !important;
  }
  .ctxt-btm .enquiry-info span {
    display: block;
  }
}