/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. primary Buttons */















/* 1d. Secondary Buttons */













/* 1e. Forms */










































/* 1g. Website header */








/* 1h. Website footer */








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

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

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





html {
    font-size: 16px;
}

body {
    font-family: Nunito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #0A2134;
    font-size: 16px;
}

/* Paragraphs */

p {
    font-family: Nunito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
    font-weight: normal; text-decoration: underline; font-family: Nunito, sans-serif; font-style: normal;
    color: #0270E0;
}

a:hover,
a:focus {
    font-weight: normal; text-decoration: underline; font-family: Nunito, sans-serif; font-style: normal;
    color: #0048b8;
    text-decoration:none;
    font-weight:700;
}

a:active {
    font-weight: normal; text-decoration: underline; font-family: Nunito, sans-serif; font-style: normal;
    color: #2a98ff;
}

/* Headings */

h1,
.h1 {
    font-weight: 700; text-decoration: none; font-family: 'Roboto Slab', serif; font-style: normal;
    color: #0A2134;
    font-size: 40px;
    text-transform: none;
    line-height:1.25;
}

h2,
.h2 {
    font-weight: 700; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 33px;
    text-transform: none;
    line-height:1;
    margin-bottom:30px !important;
    text-transform:uppercase;
}

h3,
.h3 {
    font-weight: 700; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 25px;
    text-transform: none;
    line-height:1.4;
    margin-bottom:30px!important;
}

h4,
.h4 {
    font-weight: normal; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 20px;
    text-transform: none;
    line-height:1.5;
}

h5,
.h5 {
    font-weight: normal; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 18px;
    text-transform: none;
    line-height:1.5;
}

h6,
.h6 {
    font-weight: normal; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 16px;
    text-transform: none;
    line-height:1.5;
}

/* Blockquote */

blockquote {
    border-left-color: #116CB4;
}





button,
.btn1 a,.btn1 a.cta_button,form input[type="submit"],
.button,
.hs-button,
.hs-blog-post-listing__post-button {
    border: 2px solid #116CB4;

    padding-top: 23px;
padding-right: 43px;
padding-bottom: 23px;
padding-left: 43px;

    font-family: Nunito, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(17, 108, 180, 1.0)

;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    line-height:1;.
    letter-spacing: normal;

}
.btn1 a.cta_button:hover,.btn1 a:hover,
button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
    border: 2px solid #116CB4;
;
    color: 

  
  
    
  


  rgba(17, 108, 180, 1.0)

;
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    border-radius: 5px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
    font-family: Nunito, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    background-color: rgba(57, 148, 220, 1.0);
    border-color: #3994dc;
}


/*********** seondary Button css here **********/

.btn2 a,.btn2 a.cta_button
{
    border: 2px solid #C39E40;

    padding-top: 23px;
padding-right: 43px;
padding-bottom: 23px;
padding-left: 43px;

    font-family: Nunito, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(195, 158, 64, 1.0)

;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;

    line-height:1;
    letter-spacing: 1px;
    /*     border-radius: 8px 4px; */
    position: relative;
    z-index: 1;
    display: inline-block;
    letter-spacing: normal;

}

.btn2 a.cta_button:hover,.btn2 a:hover{
    border: 2px solid #C39E40;
;
    color: 

  
  
    
  


  rgba(195, 158, 64, 1.0)

;
    /*     opacity:0.8; */
    border-radius: 5px;

}







form,
.submitted-message {
    font-family: Nunito, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    ;
    border-top-left-radius: px;
    border-top-right-radius: px;
    border-bottom-left-radius: px;
    border-bottom-right-radius: px;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    ;
}

/* Form title */

.form-title {
    ;
    ;
    ;
    border-top-left-radius: px;
    border-top-right-radius: px;
    border-bottom-left-radius: px;
    border-bottom-right-radius: px;
    font-size: ;
    color: ;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
}


/* Labels */

form label {
    color: ;
}

/* Help text */

form legend {
    color: ;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
    
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    color: ;
    border-radius: px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
    color: ;
}

::-moz-placeholder {
    color: ;
}

:-ms-input-placeholder {
    color: ;
}

::placeholder {
    color: ;
}

/* Inputs - date picker */

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

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
    ;
    ;
    ;
    color: ;
    font-size: ;
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    border-radius: 5px;
    text-transform: uppercase;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
    background-color: 

  
  
    
  


  rgba(#null, 1)

;
    color: ;
    ;
}

form input[type=submit]:active,
form .hs-button:active {
    background-color: rgba(57, 148, 220, 1.0);
    border-color: #3994dc;
}








.header-module {
    background-color: rgba(255, 255, 255, 1.0);
}

.header-module .header-inner .menu-header .hs-menu-wrapper>ul>li>a,
.header-module .header-inner .contact-details .contact-num,
.header-module .header-inner .contact-details .contact-num > a{
    color: rgba(10, 33, 52, 1.0);
}

.header-module .header-inner .menu-header .hs-menu-wrapper>ul>li>a:hover,
.header-module .header-inner .contact-details .contact-num > a:hover{
    color: rgba(10, 33, 52, 1.0);
}

.head-wrpp .megaMenu{
    background-color: rgba(255, 255, 255, 1.0);
}

.head-wrpp .megaMenu .mega-inner .left-part .menu .hs-menu-wrapper>ul>li>a,
.head-wrpp .megaMenu .mega-inner .right-part .mega-inners .bottom-con .title{
    color: rgba(10, 33, 52, 1.0);
}

.head-wrpp .megaMenu .mega-inner .left-part .menu .hs-menu-wrapper>ul>li>a:hover{
    color: rgba(10, 33, 52, 1.0);
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
    color: #0a2134;
    font-family: Nunito;
}

.menu__child-toggle-icon {
    border-top-color: #0a2134;
}

.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: #00000c;
}

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

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

.menu__child-toggle-icon:active {
    border-top-color: #32495c;
}

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

@media (min-width: 767px) {
    .menu .menu__submenu,
    .header__language-switcher .lang_list_class {
        
        background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    }

    .menu__submenu--level-2 > .menu__item:first-child:before {
        
        background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
    color: #0a2134;
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.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: Nunito;
}

.header__language-switcher-label-current:after {
    border-top-color: #0a2134;
}

@media(max-width: 767px) {
    .header__navigation {
        background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
    }

    .header__navigation-toggle svg,
    .menu-arrow svg {
        fill: #0a2134;
    }
    h2,
    .h2 {

        margin-bottom:20px!important;
    }
    h3,
    .h3 {

        margin-bottom:20px!important;
    }
}





.footer {
    background-color: 

  
  
    
  


  rgba(10, 33, 52, 0.0)

;
}


.footer-module-2024{
    background-color: rgba(10, 33, 52, 0.0);
}

.footer-module-2024 .footer-wrapper .title-text > h4,
.footer-module-2024 .footer-wrapper .title > h4 {
    color: rgba(255, 255, 255, 1.0);
}

.footer-module-2024 .footer-wrapper p,
.footer-module-2024 .footer-wrapper a,
.footer-module-2024 .bottom-box .copyright-text p{
    color: rgba(255, 255, 255, 1.0);
}

.footer-module-2024 .login-tab .link-text:last-child a{
    color: rgba(195, 158, 64, 1.0);
}

.footer-module-2024 .login-tab .link-text:last-child a:hover{
    color: rgba(195, 158, 64, 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: #FFFFFF;
}





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

/* Blog post */

.blog-post__meta a {
    color: #0A2134;
}

.blog-post__tag-link {
    color: #0A2134;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
    color: #00000c;
}

.blog-post__tag-link:active {
    color: #32495c;
}

/* Blog related posts */

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

.blog-related-posts__title-link {
    color: #0A2134;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
    color: #00000c;
}

.blog-related-posts__title-link:active {
    color: #32495c;
}

/* Blog comments */

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

#comments-listing .comment-reply-to {
    color: #0270E0;
}

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

#comments-listing .comment-reply-to:active {
    color: #2a98ff;
}





.hs-search-results__title {
    font-weight: 700; text-decoration: none; font-family: 'Roboto Slab', serif; font-style: normal;
    color: #0A2134;
}





/* Blog listing */

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

.hs-blog-post-listing__post-title-link {
    color: #0A2134;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
    color: #00000c;
}

.hs-blog-post-listing__post-title-link:active {
    color: #32495c;
}


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

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
    color: #0A2134;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
    color: #00000c;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
    color: #32495c;
}

.hs-pagination__link-icon svg {
    fill: #0A2134;
}

/* Pricing card */

.card__price {
    font-weight: 700; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 25px;
}

.card__body svg {
    fill: #0A2134;
}

/* Social follow */

.social-links__icon {
    background-color: #0A2134;
}

.social-links__icon:hover,
.social-links__icon:focus {
    background-color: #00000c;
}

.social-links__icon:active {
    background-color: #32495c;
    font-weight: 700; text-decoration: none; font-family: Nunito, sans-serif; font-style: normal;
    color: #0A2134;
    font-size: 25px;
}
/*************************************************************************************** Reset Css start Here **************************************************************************************************/


* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0;  box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
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 }
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }

/*********************************************** 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 }
.clear { clear: both; }

/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: inherit; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle;}
.dis-flex {display: flex; flex-wrap: wrap;}

/*********************************************************body  ********************************************************/

body {  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;  }
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; }
p { margin-bottom: 20px;}


.text-center { text-align: center;}
.text-right { text-align: right; }
.text-left { text-align: left; }


/******hubspot****************/

/* .row-fluid [class*="span"] {min-height: 1px;} */

/************************* container **************/
.container {max-width:1254px; margin:0 auto !important; padding:0 20px; float:none !important; }

/* .ap-automation */
.ap-automation .heroban-wrapper {
    display: block;
    min-height: auto;
}


.ap-automation .heroban-wrapper .heroban-inn .right-part .img {
    text-align: end;
}

.ap-automation .heroban-wrapper .heroban-inn {
    align-items: center;
}

.ap-automation .heroban-module{
    padding: 80px 0px;
}

@media(max-width:991px){
    .ap-automation .heroban-wrapper .heroban-inn .right-part .img {
    text-align: center;
}
}