:root {
  --title-font:'Poppins';
  --accent-color:#EE6744;
  --primary-color:#2C3A49;  

}






/* Section Spacing */

 /** Menu Color **/
 /** Menu Hover Color **/


/* 1b. Colors */

/** Header Color **/

 /** Menu Color **/
 /** Menu Hover Color **/

/** Body Color **/

 /** Body Color **/
  /** Body Light Color **/
 /** Title Color **/
 /** Title Light Color **/
 /** Accent Color **/
 /** Dark Background Color **/
 /** Dark Background Title Color **/
 /** Dark Background Body Color **/

/** Footer Color **/

 /** Footer Color **/
 /** Footer Hover Color **/

/* 1c. Typography */


/**  **/























/* 1d.1. Buttons */

 

 
 


 

/* Secondary  Button */

 

 
 


 













/**
body .wrapper {
  max-width: ;
  width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
  box-sizing: border-box;
}

/**
.dnd-section,
.content-wrapper--vertical-spacing {
  padding: ;
}

.dnd-section > .row-fluid {
  max-width: ;
} **/






html {
  font-size: 18px;
  scroll-behavior: smooth;
}

html body {
  font-family: 'Poppins' !important;
  color: #2C3A49;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden;
}

/* Paragraphs */

p{
  font-size: 18px;
  line-height: 32px;
  margin: 0 0 24px;
}

body p:last-child{
  margin: 0;
}

body .blog-post__body ul li,
.client-banner ul li{
    position: relative;
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



body .blog-post__body ul li:before,
.client-banner ul li:before{
    content: "";
    display: inline-block;
    background-image: linear-gradient(to right,#0b8484,#0b8484);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

/* Ul Li */


body ul {list-style-type: none;}
body ul li {
    
    position: relative;
    color:#33475B;
    line-height: 22.5px;
    list-style: none;
    
}
body ol li {
    
    color:#33475B;
    
}

body ul li:not(.header-box li):not(.footer-new-blue li):not(form li)::before {
    background-image: linear-gradient(90deg,#2C3A49,#2C3A49);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    left: -20px;
    position: absolute;
    top: 6px;
    width: 11px;
}


.header-box-new.h-b-22 .hs-menu-wrapper.flyouts li>a { font-family: 'Poppins' !Important;}


/* Anchors */

a {
  /** font-family: ; **/
  color: #0b8484;
  border-bottom: none;
  box-shadow: none;
}

a:hover,
a:focus {
  color: #0b8484;
  text-decoration: underline;
}
.header-box a:hover,
.header-box a:focus {
  
  text-decoration: none;
}

.dark-bkg a{
  color: #0b8484;
}

a:active {
  color: #0b8484;
}

body .container-fluid{
  padding: 0;
}

body .section-spacing-v{
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.footer-box .pre-footer .footer-nav ul li:before{
  content: "";
  color: #005c5c;
}

.footer-box .footer-main .bottom-nav ul li:after{
  content: "";
  color: #005c5c;  
}


.header-box-new .hs-menu-wrapper>ul li.hs-menu-depth-1 a{
  color: #33475B;
}

.header-box-new .hs-menu-wrapper>ul li.hs-menu-depth-1 > a:hover,
.header-box-new .hs-menu-wrapper>ul li.hs-menu-depth-2 > a:hover
{
  color: #0B8484;
}

.header-box-new .hs-menu-wrapper>ul li.hs-menu-depth-1.active > a,
.header-box-new .hs-menu-wrapper>ul li.hs-menu-depth-2.active > a
{
  color: #0B8484;
}

.footer-new-blue .nav-container li a{
  color: #B1BFCC;
}

.footer-new-blue .nav-container li a:hover{
  color: #B7ECEC !important;
}

.footer-new-blue .nav-container li.active a{
  color: #B7ECEC !important;
}


.header-box-new .talk-button .talk-anchor {
	background-color: transparent;
	color: #ffffff;
	font-family: 'Poppins';
	border: 1px solid rgba(238, 103, 68, 1.0);
}

.header-box-new .talk-button .talk-anchor:hover{
  background-color: rgba(248, 208, 196, 1.0);
  color: #ffffff;
  border-color: rgba(248, 208, 196, 1.0);
}

/**
.header-box-new .talk-button:before {
	border: 1px solid rgba(238, 103, 68, 1.0);
	content: "";
}
.header-box-new .talk-button:after {
	border: 1px solid rgba(238, 103, 68, 1.0);
	content: "";
	opacity: 0.3;
}
*/

.clients-listing .filter-button.active{
  color: #0b8484;
  text-decoration: none;
}

/* Headings */

body h1 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 40px;
  line-height: 50px;
  margin: 0px 0px 30px;
}

body h2 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 30px;
  line-height:44.06px;
  margin: 0px 0px 24px;
}

body h3 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 20px;
  line-height: 29.38px;
  margin: 0px 0px 24px;
}

body h4 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 18px;
  line-height: 26px;
  margin: 0px 0px 24px;
}

body h5 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 17px;
  line-height: 22px;
  margin: 0px 0px 24px;
}

body h6 {
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  color: #2C3A49;
  font-size: 16px;
}

.dark-bkg h1{
  
  color: #ffffff;
}

.dark-bkg h2{
  color: #ffffff;
}

.dark-bkg h3{
  color: #ffffff;
}

.dark-bkg h4{
  color: #ffffff;
}

.dark-bkg h5{
  color: #ffffff;
}

.dark-bkg h6{
  color: #ffffff;
}

.dark-bkg p {
  color: ;
}

body .dark-bkg .font30{
  
}

body .font30{
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 120%;
}

body .font30 p{
  font-weight: 700; text-decoration: none; font-family: 'Poppins'; font-style: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 120%;
}

.title-font{
  font-family: ;
}

.special-font{
  font-family: ;
}

.body-font{
  font-family: {font='Poppins', font_set=DEFAULT, styles={font-family='Poppins', font-style=normal, font-weight=normal, text-decoration=none}, size=18, size_unit=px, color=#2C3A49, variant=null, fallback=null, style=font-family: 'Poppins'; font-style: normal; font-weight: normal; text-decoration: none, css=color: #2C3A49;font-size: 18px;font-family: 'Poppins';};
}

.body-color{
  color: #2C3A49;
}

.body-color p{
  color: #2C3A49;
}

.title-color{
  color: #2C3A49;
}

.title-color-light{
  color: #3A4551;
}

.body-color-light{
  color: #667D97;
}

.accent-color,
.accent-color p{
  color: #EE6744;
}


.link-color{
  color: #0b8484;
}

.prod-category .item:hover .bottom-item h3
{
	color: #0b8484;
}
.prod-category .item:hover .bottom-item a
{
	color: #2C3A49;
}

.banner .item h1 span {
  color: #0b8484;
}

.technical-overview .text-box .title  span{
  color: #2C3A49;
}

.technical-overview .top-line:before {
    color: #2C3A49;
}

.success-stories .owl-nav button span{
  background-color: #0b8484;
  color: #0b8484;
}

.success-stories .owl-nav button.owl-next, .success-stories .owl-nav button.owl-prev{
  border-color: #0b8484 !important;
}

.success-stories .owl-nav button.owl-next:hover{
  border-color: #0b8484;  
}

.success-stories .owl-nav button.owl-prev:hover{
  border-color: #0b8484;
}


/* Blockquote */

blockquote {
  border-left-color: #2C3A49;
  position: relative;
 
  
}
blockquote p {
  
  font-size: 24px;
  line-height: 29.05px;
    font-weight: 400;
    color: #33475B;
  

}
blockquote p,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6  {
    
  margin-left: 24px !important;

}


blockquote:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11V8.10526C0 7.22612 0.151719 6.29337 0.455157 5.30702C0.769058 4.30994 1.21898 3.35039 1.80493 2.42836C2.40135 1.49561 3.11809 0.686159 3.95516 0L5.96413 1.67251C5.30493 2.63743 4.72945 3.64522 4.23767 4.69591C3.75635 5.73587 3.51569 6.85088 3.51569 8.04093V11H0ZM8.03587 11V8.10526C8.03587 7.22612 8.18759 6.29337 8.49103 5.30702C8.80493 4.30994 9.25486 3.35039 9.84081 2.42836C10.4372 1.49561 11.154 0.686159 11.991 0L14 1.67251C13.3408 2.63743 12.7653 3.64522 12.2735 4.69591C11.7922 5.73587 11.5516 6.85088 11.5516 8.04093V11H8.03587Z' fill='%23EE6744'/%3E%3C/svg%3E");    content: "";
    height: 11px;
    margin-bottom: 20px;
    width: 14px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 11px;
}
blockquote :after {
	  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 11V8.10526C14 7.22612 13.8483 6.29337 13.5448 5.30702C13.2309 4.30994 12.781 3.35039 12.1951 2.42836C11.5987 1.49561 10.8819 0.686159 10.0448 0L8.03587 1.67251C8.69507 2.63743 9.27055 3.64522 9.76233 4.69591C10.2436 5.73587 10.4843 6.85088 10.4843 8.04093V11H14ZM5.96413 11V8.10526C5.96413 7.22612 5.81241 6.29337 5.50897 5.30702C5.19507 4.30994 4.74514 3.35039 4.15919 2.42836C3.56278 1.49561 2.84604 0.686159 2.00897 0L0 1.67251C0.659193 2.63743 1.23468 3.64522 1.72646 4.69591C2.20777 5.73587 2.44843 6.85088 2.44843 8.04093V11H5.96413Z' fill='%23EE6744'/%3E%3C/svg%3E");
    content: "";
    height: 11px;
    margin-bottom: 20px;
    width: 14px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 11px;
    margin-left: 7px;
}
.other-services .item:hover {
    border-color: rgba(248, 208, 196, 1.0);
}

.other-services .item:hover:before {
    content: "";
    border-left: 1px solid rgba(248, 208, 196, 1.0);
}

body .owl-theme .owl-dots .owl-dot.active span{
    background-color: rgba(238, 103, 68, 1.0);
}





button,
.button {
  background-color: rgba(238, 103, 68, 1.0);
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(238, 103, 68, 1.0);
}

button:active,
.button:active {
  background-color: rgba(248, 208, 196, 1.0);
}
.hs-form-field .input .hs-input  {outline-color: #0B8484; border: 1px solid #2C3A49 !important;}

body a.cta_button:not(.secondary), .hs-submit input.hs-button, body a.cta-global {
    font-family: 'Poppins';
    background-color: rgba(238, 103, 68, 1.0);
    border: 1px solid rgba(238, 103, 68, 1.0);
    border-radius: 4px;
    box-sizing: border-box !important;
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 66px;
    text-align: center;
    padding: 0px 32px;
    min-width: 240px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    overflow: hidden;
    letter-spacing: .5px;
    height: 64px;
    text-transform: uppercase;
}


body a.cta_button:not(.secondary):hover, .hs-submit input.hs-button:hover, body a.cta-global:hover{
  background-color: rgba(248, 208, 196, 1.0);
  color: #ffffff;
  border-color: rgba(248, 208, 196, 1.0);
}
body a.cta_button.secondary {
    font-family: 'Poppins';
    background-color: rgba(246, 249, 252, 1.0);
    border: 1px solid rgba(246, 249, 252, 1.0);
    border-radius:6px;
    box-sizing: border-box !important;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 66px;
    text-align: center;
    padding: 0px 32px;
    min-width: 270px;
    text-align: center;
    text-decoration: none;
    color: #0B8484;
    overflow: hidden;
    letter-spacing: .5px;
    height: 64px;
    position:relative;
    text-transform: uppercase;
}

body a.cta_button.secondary:hover{
  background-color: rgba(246, 249, 252, 1.0);
  color: ;
  border-color: rgba(246, 249, 252, 1.0);
  text-decoration: underline;
}

body a.cta_button.secondary::after {
    color: #0B8484;
    content: ">";
    top: -1px;
    right: 30px;
    font-size: 20px;
    position:absolute;
  

}

form input.hs-button, form button{
  /** color: ; **/
  background-color: rgba(238, 103, 68, 1.0);
  border: 1px solid rgba(238, 103, 68, 0.0);
  color: #ffffff;
}

form input.hs-button:hover, form button:hover{
  background-color: rgba(248, 208, 196, 1.0);
  color: #ffffff !important;
  border-color: rgba(248, 208, 196, 1.0);
}

.clients-listing .filter-button{
  border: 1px solid #2C3A49;
  color: #2C3A49;
}

.clients-listing .filter-button.active,
.clients-listing .filter-button:hover{
  background-color: rgba(248, 208, 196, 1.0);
  border: 1px solid rgba(238, 103, 68, 1.0);
  color: #ffffff;
}

/** Dark Background Cta **/

body .dark-bkg a.cta_button, body .dark-bkg a.cta-global  {
  font-family: 'Poppins';
  background-color: rgba(238, 103, 68, 1.0);
  border: 1px solid rgba(238, 103, 68, 1.0);
  color: #ffffff !important;
}

body .dark-bkg a.cta_button:hover,  body .dark-bkg a.cta-global:hover{
  background-color: rgba(248, 208, 196, 1.0);
  color: #ffffff !important;
  border-color: rgba(248, 208, 196, 1.0);
}

body .owl-nav button {
    border: 1px solid rgba(238, 103, 68, 1.0) !important;
    color: rgba(238, 103, 68, 1.0) !important;
}






.dark-bkg{
  background-color: #FFFFFF !important;
  color: ;
}


@media screen and (max-width: 1079px) and (min-width: 768px){
  
  body .section-spacing-v{
    padding-top: calc ( 150px / 1.5 ) !important;
    padding-bottom: calc ( 150px / 1.5 ) !important;
  }
  
body h1 {
  font-size: calc( 40px - 10px );
  line-height: 60px;
}

body h2 {
  font-size: calc( 30px - 10px );
  line-height: 52px;
}

}

@media screen and (max-width: 767px) and (min-width: 320px){

body .section-spacing-v{
  padding-top: calc ( 150px / 1.7 ) !important;
  padding-bottom: calc ( 150px / 1.7 ) !important;
}

body h1 {
  /*font-size: calc( 40px - 20px );*/
  font-size: 38px;
  line-height: 120%;
}

body h2 {
  /*font-size: calc( 30px - 20px );*/
  font-size: 32px;
  line-height: 120%;
  margin: 0px 0px 25px;
}

body h3 {
  /*font-size: calc( 20px - 12px );*/
  font-size: 24px;
  line-height: 120%;
}

body .font30 p{
  font-size: 24px;
  line-height: 120%;
}

  
}


@media screen and (max-width: 479px) and (min-width: 375px){
  
  body a.cta_button, .hs-submit input.hs-button, body a.cta-global{
    max-width: 100%;
    width: 100%;
    height: 50px;
    line-height: 52px;
}
  }
  
/* Modules Tunings For New Styles */


.clients-sec-22 .logo-list li:before,
.what-do-cont .nav-tabs .nav-item:before,
.what-do-cont .tab-content li:before,
.work-tabs .nav-tabs li:before,
.clients-sec-cs .logo-list li:before,
.our-clients .clients-logo-list li:before,
.challenge-solution .bread-crumb ul li:before,
.api_remastered li:before,
.blog-post-detail.post-detail-v20.single-column .social ul li:before,
.our-work-wd .clients-box .clients-logo-list .image:before,
.uiListItem.private-list__item:before

{
  display:none !Important;
}

.header-box-new.h-b-22 .hs-menu-wrapper.flyouts .hs-menu-depth-1:last-child {

    max-width: 220px !Important;
    background-color: var(--accent-color)!important;

}
.web-design-banner p {
   
    color: var(--primary-color)!important;

}
.header-box-new.h-b-22 .m-nav-sub h5 {
 
    font-family: 'Poppins' !Important;

}
.banner-two-column .work-button .cta-global {

    padding-bottom: 19px !Important;
}
.testimonial-home .ctabox a.cta-global {

    padding-top: 0px !Important;
}

.footer-new-blue .social-icons li svg:hover {
    fill: #B7ECEC !Important;
}
.footer-new-blue .footer-bottom-text .privacy-text a:hover {
   color: #B7ECEC !Important;

}
.what-do-cont .nav-link.active {
    background: #EE6744!important;
    background: linear-gradient(0deg,#EE6744,#EE6744)!important;

}
.banner-two-column .work-button .cta-global:hover {
    background: #EE6744!important;
    color: #fff;
    border-color:  #EE6744!important;
}
.header-box-new.h-b-22 li.hs-menu-item.hs-menu-depth-1.hs-item-has-children .hs-menu-item.hs-menu-depth-3:hover .m-nav-sub h5 {
    color: #0B8484 !important;
}
.hs-tools-menu li:before {display:none !important;}
.faq-questions .faq-blocks ul li {

    padding-left: 0px !important;

}
.what-do-cont .tab-content .readmore-txt span {

    border: 0 !important;
}
.what-do-cont .tab-content .readmore-txt  {

    display: flex;
    align-items: center;
}
.web-design-banner .logo-list li:before  {display:none !important;}



.what-we-do-new .slide-main .item .item-wrapper .view-all-cta a {

    padding: 0 15px !important;
    min-width: 130px !important;

}
.what-we-do-new .slide-main .item .item-wrapper .view-all-cta a:before {

    left: 109px !important;

}
.testimonial-new .item .item-wrapper h4 {font-size:22px !Important;}

.testimonial-new .item .item-wrapper h5 {line-height:22px !Important;}
.stagger-form .form-box .actions:after {
 
    top: 15px !Important;

}


.developers-banner .cta-box a,
.manage-websites .cta-box a,
.best-practices .cta-box a,
.real-time-communi .cta-box a,
.secure-webs .cta-box a {

    letter-spacing: 0 !important;

}
.best-practices .cta-box a:before {

    left: 290px !important;

}
.faqs-developers .content-body li {
    
    padding-left:0px !important; 

}
.banner-api h1 {
    font-size: 50px !important;
    line-height: normal;
}
.our-process .sec-desc p {
   font-size: 22px !important;
   
}
.our-process .sec-title h2 {
   font-size: 36px !important;
}
.testimonial-main .ctabox a.cta-global:hover, .testimonial-main.dark-bkg .ctabox a.cta-global:hover {
   background-color: rgba(248, 208, 196, 1.0) !important;
    
}
.hub-theme .title h1 {
    font-size: 40px !important;
    line-height:50px!important;
      
}
.two-col-section-wd-pentest {
    background-color: rgba(47, 46, 54, 100%) !important;
   
}
.two-col-section-wd-pentest p {
    color: #ffffff !important;
   
}
.cs-banner .cta-box a {
    border-radius: 2px;
    height: 36px !important;
    line-height: 36px !important;
    min-width: 190px !important;
    padding: 0 22px !important;
    text-align: left;
    text-transform: none;
}
.teams-more-slider .item a {text-decoration: none;}
.stagger-form-customers .form-box .actions:after {

    top: 15px !important;

}
.about-us-detail .achievement-section .achievement h3 {
    font-size: 28px !important;

}
.about-us-detail .achievement-section .achievement p {
    font-size: 16px !important;

}
.our-process .content .heading-box h6  {
   font-size: 18px !important;

}
.pilot-form .section-heading h4 {
  line-height: normal !important;

}
.banner-client {

    background-color: #2F2E36 !important;
}

.clients-listing .listing-gallery .item .hover-content {
   background-color: #2F2E36 !important;
  

}
.clients-listing .listing-gallery .item .hover-content  .content-wrapper, .clients-listing .listing-gallery .item .hover-content  .content-wrapper li {color:#fff}


.work-with-us .hs-form-field .input .hs-input {border:0 !important; border-bottom: 1px solid !important;}

.blog-post-detail.post-detail-v20.single-column .social ul li a:hover {
    background-color: #0B8484;
}


.developers-banner .cta-box a:hover, .manage-websites .cta-box a:hover, .best-practices .cta-box a:hover, .real-time-communi .cta-box a:hover, .secure-webs .cta-box a:hover {
  
  background-color: rgba(248, 208, 196, 1.0) !important;
border-color: rgba(248, 208, 196, 1.0) !important;

}
.banner-api .work-button .cta-global {
    max-width: 250px !important;
    min-width: 250px !important;
  
}
.our-work-wd {

    background-color: #2F2E36 !important;

}
.our-work-wd .slide-main .item .hover-content {
  background-color: #2F2E36 !important;
    color: #ffffff;

}

body .blog-post__body ul li {
   
    padding-left: 5px;

}



@media (max-width: 767px)  {
.stagger-form .form-box .actions:after {

    left: 260px !Important;
    top: 15px !Important;

}
 
}