/* 1a. Containers */


/*  */

/* Keep only Vertical Padding */


/* 1b. Colors */





/* 1c. Typography */
































/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








html {
  background-color: #171B1D;
}

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

/* DND Section 
.dnd-section {
  padding: 80px 0;
} */
.content-wrapper--vertical-spacing {
  padding: 80px 0;
}

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





html {
  font-size: 21px;
}

body {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 21px;
}

.body-wrapper {
/*   overflow: hidden; */
}

/* Paragraphs */

p {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 300;
}

/* Anchors */

a {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: underline;
  color: #F37C40;
}

a:hover,
a:focus {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: underline;
  color: #cb5418;
}

a:active {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: underline;
  color: #ffa468;
}

/* Headings */

h1,
.h1 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #FFFFFF;
  font-size:  clamp(35px, 5vw, 70px);
  text-transform: none;
}

h2,
.h2 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #FFFFFF;
  font-size: clamp(30px, 5vw, 59px);
  text-transform: none;
}

h3,
.h3 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0A496B;
  font-size:  clamp(21px, 5vw, 24px);
  text-transform: uppercase;
}

h4,
.h4 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #F37C40;
  font-size:  clamp(21px, 5vw, 25px);
  text-transform: uppercase;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: 'Work Sans', sans-serif; font-style: normal;
  color: #FFFFFF;
  font-size:  clamp(21px, 5vw, 16px);
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'Work Sans', sans-serif; font-style: normal;
  color: #FFFFFF;
  font-size:  clamp(21px, 5vw, 14px);
  text-transform: none;
}

.subheading_1 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #F37C40;
  font-size:  clamp(21px, 2vw, 26px);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.subheading_2 {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #FFFFFF;
  font-size:  clamp(21px, 2vw, 33px);
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Blockquote */

blockquote {
  border-left-color: #FFFFFF;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button,
/* 
  The following selector specifically targets HubSpot form buttons 
  (class .hsfc-Button) to ensure they adopt the global button styles. 
  The `div[data-hsfc-id="FormWrapper"] form.hsfc-Form` part increases 
  specificity to override HubSpot's default form styles.
*/
div[data-hsfc-id="FormWrapper"] form.hsfc-Form button.hsfc-Button,
/* One Trust Cookie Button Page:  /softwriters-privacy-policy */
button#ot-sdk-btn.ot-sdk-show-settings,
button#ot-sdk-btn.optanon-show-settings {
  border: 3px solid #F37C40;

  padding-top: 12px;
padding-right: 33px;
padding-bottom: 12px;
padding-left: 33px;

  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(243, 124, 64, 1.0)

;
  border-radius: 30px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
}

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,
div[data-hsfc-id="FormWrapper"] form.hsfc-Form button.hsfc-Button:hover,
div[data-hsfc-id="FormWrapper"] form.hsfc-Form button.hsfc-Button:focus,
/* One Trust Cookie Button Page:  /softwriters-privacy-policy */
button#ot-sdk-btn.ot-sdk-show-settings:hover,
button#ot-sdk-btn.ot-sdk-show-settings:focus,
button#ot-sdk-btn.optanon-show-settings:hover,
button#ot-sdk-btn.optanon-show-settings:focus {
  border: 3px solid #F37C40;
;
  color: 

  
  
    
  


  rgba(243, 124, 64, 1.0)

;
  background-color: 

  
  
    
  


  rgba(243, 124, 64, 0.0)

;
  border-radius: 30px;
  text-decoration: none;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(255, 164, 104, 1.0);
  border-color: #ffa468;
}





/* Form title */

.form-title {
  border: 1px none #FFFFFF;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: 'Work Sans'; font-style: normal; font-weight: 300; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 70px;
  color: #FFFFFF;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #FFFFFF;
}

form label.hsfc-FieldLabel:not(.hsfc-CheckboxField label.hsfc-FieldLabel) {
  display: none !important;
}

/* Help text */

form legend {
  color: #FFFFFF;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 1px solid #363535;

  background-color: 

  
  
    
  


  rgba(23, 27, 29, 1.0)

;
  color: #FFFFFF;
  border-radius: 3px;
}


[data-hsfc-id=Renderer] .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret {
  /* background-color: #F1F3F4; */
  border: 1px solid #363535;

}

[data-hsfc-id=Renderer] .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret {
  border-right-color: transparent !important;
}

/* Form placeholder text */

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

::-moz-placeholder {
  color: #FFFFFF;
}

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

::placeholder {
  color: #FFFFFF;
}

/* Inputs - date picker */

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

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #F37C40;
;
  padding-top: 12px;
padding-right: 33px;
padding-bottom: 12px;
padding-left: 33px;
;
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(243, 124, 64, 1.0)

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

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

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 164, 104, 1.0);
  border-color: #ffa468;
}


/* Dropdown Enhancements.
- Wrapper needed as after pseude is not working on select elements
*/


.form-field__select-wrapper {
  position: relative;
}

.form-field__select-wrapper select {
  width: 100%;
  padding-right: 2.5rem;
  cursor: pointer;
  transition: box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);
}

.form-field__select-wrapper select:hover {
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}

.form-field__select-wrapper::after {
  content: '';
  position: absolute;
  top: 45%;
  right: 1rem;
  width: 0.5em;
  height: 0.5em;
  pointer-events: none;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0.5;
  transition: opacity 0.2s;
}

.form-field__select-wrapper:hover::after,
.form-field__select-wrapper:focus-within::after {
  opacity: 0.85;
}

select:disabled .form-field__select-wrapper::after {
  opacity: 0.3;
}


.form-field__select--dark {
  background: linear-gradient(to bottom, #76797a, #4d4f50);
  color: #fff;
}






/* Table */

table {
  border: 1px solid #FFFFFF;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #FFFFFF;

  padding: 18px;

  color: #FFFFFF;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(243, 124, 64, 1.0)

;
  color: #FFFFFF;
}



#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
  color: white !important;
}

/* Table */
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
  color: white !important;
}
/* Table Borders */
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th, 
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a {
  color: var(--secondary-color) !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
    background: transparent !important;
}


/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #FFFFFF;
}





.header {
  background-color: 

  
  
    
  


  rgba(23, 27, 29, 0.0)

;
  width: 100%;
  position: absolute;
  z-index: 10;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Work Sans;
}

.menu__link {
  font-weight: 500;
  font-size: 1.25rem;
}

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

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

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

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

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

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

@media (min-width: 767px) {
  .menu .menu__submenu {
    border: 2px solid #374145;

    background-color: 

  
  
    
  


  rgba(23, 27, 29, 0.95)

;
  }
}

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

.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(23, 27, 29, 0.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(23, 27, 29, 0.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Work Sans;
}

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

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

  
  
    
  


  rgba(23, 27, 29, 0.0)

;
  }

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





.footer {
  background-color: 

  
  
    
  


  rgba(23, 27, 29, 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: #FFFFFF;
}

.blog-post__tag-link {
  color: #FFFFFF;
}

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

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

/* 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-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  text-transform: none;
}

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

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

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

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #FFFFFF;
}





/* 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-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  text-transform: none;
}

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

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

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


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

/* Blog pagination */

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

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

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

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

/* Pricing card */

.card__price {
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0A496B;
  font-size: 24px;
}

.card__body svg {
  fill: #F37C40;
}

/* Social follow */

.social-links__icon {
  background-color: #F37C40;
}

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

.social-links__icon:active {
  background-color: #ffa468;
  font-family: 'Work Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0A496B;
  font-size: 24px;
}

.frosted-one {
  background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
  backdrop-filter: blur(5px);
}

.frosted-two {
  backdrop-filter: blur(8px);
}

.frosted-three {
  background: linear-gradient(180deg,rgba(255, 255, 255, .2) 0%, rgba(153, 153, 153, .2) 100%);
  backdrop-filter: blur(5px);
}

.frosted-four {
  background: rgba(129, 129, 129, .08);
  backdrop-filter: blur(12px);
}

.framework-eyebrow {
  font-size: 33px;
  font-weight: 300;
  color: #F37C40;
  transition: all 1s ease;
}

.framework-eyebrow.white {
  color: #ffffff;
}

.framework-eyebrow span {
  font-weight: 600;
  color: #f37c40;
  opacity: 0;
  margin-left: 2rem;
  transition: all 1s ease;
}

.framework-eyebrow.animate span {
  margin-left: 0;
  opacity: 1;
}

[data-hsfc-id=Renderer] form button.hsfc-Button {
  font-size: 16px;
  font-weight: 600;
}

/* FOOTER NAVIGATION */
footer li.hs-menu-item.hs-menu-depth-1 a {
  text-transform: uppercase;
  color: #F37C40;
  font-weight: 800;
  font-size: 16px;
  transition: color 0.25s ease-in-out;
}
footer li.hs-menu-item.hs-menu-depth-1 a:hover {
  color:rgb(206, 109, 60);
}
footer li.hs-menu-item.hs-menu-depth-2 a:hover {
  color: #d1d5dc;
}


footer li.hs-menu-item.hs-menu-depth-2 a {
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 16px;
}

footer li.hs-menu-item.hs-menu-depth-2 a {
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 800;
  font-size: 16px;
}

footer .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  display: flex;
  flex-flow: column;
  opacity: 1;
  position: static;
  margin-top: 1rem;
}

footer .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  text-transform: initial;
  font-weight: 300 !important;
}

footer .social-links__icon {
  margin: 0;
}

.check-list h3 {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 2px;
}

.check-list ul {
  margin: 0;
  padding-left: 30px;
  list-style: none;
}

.check-list ul li {
  color: #0B496B;
  font-weight: 300;
  font-size: 20px;
  position: relative;
  margin-bottom: .8rem;
}

.check-list li i {
  margin-right: 10px;
  color: #F37C40;
  position: absolute;
  left: -30px;
}

img.hs-image-widget {
  position: relative;
  z-index: 1;
}

.hs_cos_wrapper_type_rich_text .steps {
  display: flex;
  flex-flow: wrap;
  gap: 2rem;
  
}
  
@media (min-width: 768px) {
  .hs_cos_wrapper_type_rich_text .steps .steps-list {
    flex: 0 1 calc((100% - 2rem) / 2);
  }
}

.hubspot-form {
  margin: 0 auto;
  max-width: 800px;
  background-color: #F1F3F4;
  border-radius: 30px;
  padding: 4rem;
}

.hubspot-form form .hsfc-Step__Content {
  padding: 0 !important;
}

.hubspot-form h3 {
  margin: 0;
  color: #000000;
  text-transform: initial;
  font-size: 30px;
  font-weight: 300;
  background-color: transparent;
}

.hubspot-form form .hsfc-RichText p {
  margin: 0;
  color: #000000;
}

.hubspot-form form label.hsfc-FieldLabel {
  color: #000000;
  font-size: 14px;
}

.hubspot-form form button.hsfc-Button {
  background-color: #f37c40;
  border: 0 solid #f37c40;
  border-radius: 30px;
  color: #fff;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 15px 53px;
  text-decoration: none;
  text-transform: uppercase;
}

.hubspot-form form .hsfc-NavigationRow__Buttons {
  justify-content: start !important;
}



[data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextInput,
[data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextareaInput,
[data-hsfc-id=Renderer] .hsfc-Form .hsfc-PhoneInput__FlagAndCaret {
  background-color: #171b1d;
  border-color: #363535;
  color: white;
}

[data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextInput::placeholder,
[data-hsfc-id=Renderer] .hsfc-Form .hsfc-TextareaInput::placeholder,
[data-hsfc-id=Renderer] .hsfc-Form .hsfc-PhoneInput__FlagAndCaret::placeholder {
  color: rgba(255, 255, 255, 0.80); 
  border-color: rgba(255, 255, 255, 0.80);
}

/* Phone Dropdown Caret */
[data-hsfc-id=Renderer] .hsfc-Form .hsfc-PhoneInput__FlagAndCaret {
  color: rgba(255, 255, 255, 0.80);
}

[data-hsfc-id=Renderer]  .hsfc-Form .hsfc-PhoneInput__FlagAndCaret__Caret {
  border-top-color: rgba(255, 255, 255, 0.80);
}

[data-hsfc-id=Renderer] .hsfc-Form .hsfc-PhoneInput {
  color rgba(255, 255, 255, 0.80);
}