@charset "UTF-8";
/***** Base *****/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 * {
     box-sizing: border-box;
}
::placeholder {
  color: 16416A;
  opacity: 0.6;
}
.search.search-full input[type="search"]:focus {
  color: #000;
}
#cat-360001281833{
  display: none;
}
.blocks-item .content{
  margin-left: 100px;
}
.blocks-item .content .cat-title{
  text-decoration: none !important;
}
.blocks-item .content a{
  color: #424242;
}
.cat-bg{
  height: 76px;
  width: 76px;
  background-size: contain !important;
  position: absolute;
  display: block;
  background-repeat: no-repeat !important;
  
}
.sec-list li {
  position: relative;
}
.sec-list li:before{
  content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 16px;
    background: #00BBD6;
    position: absolute;
    top: 8px;
}
.sec-list li a{
  display: block;
  padding-left: 15px;
}
#cat-360001281294 .cat-bg{
  background: url(/hc/theming_assets/01K8V60AHWHA4RJ8S6SBCF18PV);
}
#cat-360001281314 .cat-bg{
  background: url(/hc/theming_assets/01K8V60AF1RW7JX3JHT3KDBFB8);
}
#cat-360001281813 .cat-bg{
  background: url(/hc/theming_assets/01K8V604K0CVMPNA1N6KSVCV44);
}
#cat-360001286513 .cat-bg{
  background: url(/hc/theming_assets/01K8V60A9HQQHF46VFAC28FTBQ);
}
#cat-360004106914 .cat-bg{
  background: url(/hc/theming_assets/01K8V60AEXVWQ2KGTSWDR2750H);
  
}
/* footer css start - OLD FOOTER CSS - DISABLED FOR ELEMENTOR */
/* #main-footer {
     background: #f6f8f9;
     border-top: 1px solid #d7d7d7;
     font-family: 'Roboto', sans-serif;
} */
 .container2 {
     max-width: 1280px;
     padding: 10px;
     position: relative;
     text-align: left;
     width: 80%;
     margin: auto;
}
 .footer-widget{
     display:inline-block;
     width:20.875%;
     color: #131313;
     float: left;
     margin-right: 5.5%;
     margin-bottom: 5.5%;
}
 .footer-widget:last-child{
     margin-right:0;
}
 @media (max-width:768px){
     .footer-widget{
         display:block !important;
         width:100% !important;
    }
     div#text-3, div#text-4{
         padding-left:0px !important;
    }
     .et_pb_column{
         display:block !important;
         margin-bottom:0px !important;
    }
}
 div#text-3, div#text-4 {
     padding-left: 20px;
}

 div#footer-widgets p{
     padding-bottom: 0px;
     line-height: 1.6em;
     margin-bottom: 0;
     margin-top: 0;
    font-family: 'Roboto', sans-serif;
   margin-bottom: 0.9em;
}
 .footer-heading {
     color: #193354;
    font-weight: 700 !important;
    font-size: 25px;
    margin: 0 0 20px;
   font-family: 'Roboto', sans-serif;
}
 #footer-widgets .footer-widget a {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #3f4140!important;
    font-weight: normal;
    font-size: 18px!important;
}
 p.footer-logo {
     padding-bottom: 1em !important;
}
 .clearfix::before, .clearfix::after, .row::before, .row::after {
     content: '';
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     font-size: 0;
     content: " ";
}
 .clearfix::after {
     clear: both;
     display: block;
     content: " ";
     height: 0;
     visibility: hidden;
}
 .btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
     clear: both;
}
 .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
     display: table;
     content: " ";
}

 .footer-social {
     display: inline-flex;
}
 .footer-social ul.et-social-icons {
     display: inline-flex;
   margin-top:-2px;
     padding: 0;
}
 .footer-social li.et-social-icon::before {
     display: none;
}
 .footer-social li.et-social-icon::before {
     display: none;
}
 .et-social-icons {
     float: right;
}
 .et-social-icon img{
     height: 16px;
     width: 22px;
    vertical-align: middle;
}
.foot-btm, .foot-btm-one{
  position: relative;
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 100px;
}
.foot-btm-one a, .foot-btm-one p{
  color: #424242 !important;
  font-size: 12px;
  padding-right: 30px;
  margin: 0;
}
.et-social-icons .icon{
/*   width: 40px;
  height: 40px;
  background: #42424205; */
  border-radius: 4px;
  display: inline-block;
}
 #footer-bottom {
     background-color: #f6f8f9;
     padding: 0px;
    border-top: 1px solid #d7d7d7;
}

 .footer-social .et-social-icons li {
     margin-left: 10px;
}
 .footer-bottom-logo {
     text-align: center;
     margin-top: 10px;
}
 .et_pb_column {
     margin-right: 2.5% !important;
     margin-bottom: 30px;
}
 #footer-info-sec,#footer-info,#footer-info-sec-terms{
     font-size: 12px;
    margin: 0;
    padding: 27px 0px;
    font-family: 'montserrat';
    font-weight: 400;
    text-align: center;
}
 .et_pb_column{
     display:inline-block;
     width: 29.667%;
}
 @media(max-width:981px){
     .et_pb_column{
         width:100%;
         text-align:center;
         display:block;
    }
}

/* footer css end */

/* OLD NAVIGATION CSS - DISABLED FOR ELEMENTOR */
/* .user-nav>ul{
  display: none;
}

 .user-nav a{
     text-transform: uppercase;
     padding: 7px;
     display:none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400!important;
    font-size: 15px!important;
    color: #343434;
    background: transparent;
}
 @media (min-width:980px){
     .user-nav a, .user-nav li{
         display:inline-block;
    }
   .user-nav>ul{
  display: block;
}
}
.sub-menu li{
  display: block;
}
.sub-menu li, .sub-menu li a {
    width: 100%!important;
    padding: 5px 10px;
    font-weight: 500 !important;
}
.sub-menu li a:hover {
    background: #ffedde!important;
    color: #ff7800;
}
 .user-nav a:hover{
    color: #00cdec;
    background: transparent;
    transition: all .4s ease-in-out;
}
 .nav-button{
        border: 2px solid #00bbd8;
    padding: 10px 10px !important;
    border-radius: 5px;
     color:#00cdec !important;
     margin-left: 5px;
}

 .nav-button:hover{
     background: #ed6f0b !important;
     transition: 0.5s all !important;
} */
 .knowledge-base h2{
     color: #404040;
     font-weight: 600;
}
 .site-title{
  color:#fff;
   margin-bottom: 10px;
  font-weight: bold;
}
@media(min-width: 768px){
  .site-title{
  font-size: 62px;
}
}

 body {
     background-color: #FFFFFF;
     color: #333333;
     font-family: 'Roboto', sans-serif;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
}
 @media (min-width: 1024px) {
     body > main {
         min-height: 65vh;
    }
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     margin-top: 0;
}
 h1 {
     font-size: 32px;
}
 h2 {
     font-size: 22px;
}
 h3 {
     font-size: 18px;
     font-weight: 600;
}
 h4 {
     font-size: 16px;
}
 a {
     color: rgba(48, 78, 112, 1);
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     text-decoration: underline;
}
 input, textarea {
     color: #000;
     font-size: 14px;
}
 input {
     font-weight: 300;
     max-width: 100%;
     box-sizing: border-box;
     outline: none;
     transition: border .12s ease-in-out;
}
 input:focus {
     border: 1px solid rgba(67, 83, 104, 1);
}
 input[disabled] {
     background-color: #ddd;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     background: url(/hc/theming_assets/01K8V60A8MSVEGJA7T6R6C3N30) no-repeat #fff;
     background-position: right 10px center;
     border: 1px solid #ddd;
     border-radius: 4px;
     padding: 8px 30px 8px 10px;
     outline: none;
     color: #555;
     width: 100%;
}
 select:focus {
     border: 1px solid rgba(67, 83, 104, 1);
}
 select::-ms-expand {
     display: none;
}
 textarea {
     border: 1px solid #ddd;
     border-radius: 2px;
     resize: vertical;
     width: 100%;
     outline: none;
     padding: 10px;
}
 textarea:focus {
     border: 1px solid rgba(67, 83, 104, 1);
}
 .container {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
}
 @media (min-width: 1160px) {
     .container {
         padding: 0;
         width: 90%;
    }
}
 .container-divider {
     border-top: 1px solid #ddd;
     margin-bottom: 20px;
}
 ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .error-page {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
}
 @media (min-width: 1160px) {
     .error-page {
         padding: 0;
         width: 90%;
    }
}
 .dropdown-toggle {
     background: none;
     border: 0;
     padding: 0;
     text-align: initial;
}
 .dropdown-toggle:focus {
     outline: 0;
     text-decoration: underline;
}
 .dropdown-toggle::after {
     color: inherit;
}
/***** Buttons *****/
 .button, [role="button"] {
     border: 1px solid rgba(67, 83, 104, 1);
     border-radius: 4px;
     color: rgba(67, 83, 104, 1);
     cursor: pointer;
     display: inline-block;
     font-size: 12px;
     line-height: 2.34;
     margin: 0;
     padding: 0 20px;
     text-align: center;
     transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
     user-select: none;
     white-space: nowrap;
     width: 100%;
     -webkit-touch-callout: none;
}
 @media (min-width: 768px) {
     .button, [role="button"] {
         width: auto;
    }
}
 .button::after, [role="button"]::after {
     color: rgba(67, 83, 104, 1);
}
 .button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
     background-color: rgba(67, 83, 104, 1);
     color: #FFFFFF;
     text-decoration: none;
}
 .button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active {
     background-color: #1b212a;
     border-color: #1b212a;
}
 .button[data-disabled], [role="button"][data-disabled] {
     cursor: default;
}
 .button-large, input[type="submit"] {
     background-color: rgba(67, 83, 104, 1);
     border: 0;
     border-radius: 4px;
     color: #FFFFFF;
     font-size: 14px;
     font-weight: 400;
     line-height: 2.72;
     min-width: 190px;
     padding: 0 1.9286em;
     width: 100%;
}
 @media (min-width: 768px) {
     .button-large, input[type="submit"] {
         width: auto;
    }
}
 .button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
     background-color: #1b212a;
}
 .button-large[disabled], input[type="submit"][disabled] {
     background-color: #ddd;
}
 .button-secondary {
     color: #666;
     border: 1px solid #ddd;
     background-color: transparent;
}
 .button-secondary:hover, .button-secondary:focus, .button-secondary:active {
     color: #333333;
     border: 1px solid #ddd;
     background-color: #f7f7f7;
}
/***** Tables *****/
 .table {
     width: 100%;
     table-layout: fixed;
}
 @media (min-width: 768px) {
     .table {
         table-layout: auto;
    }
}
 .table th, .table th a {
     color: #666;
     font-size: 13px;
     font-weight: 300;
     text-align: left;
}
 [dir="rtl"] .table th, [dir="rtl"] .table th a {
     text-align: right;
}
 .table tr {
     border-bottom: 1px solid #ddd;
     display: block;
     padding: 20px 0;
}
 @media (min-width: 768px) {
     .table tr {
         display: table-row;
    }
}
 .table td {
     display: block;
}
 @media (min-width: 768px) {
     .table td {
         display: table-cell;
    }
}
 @media (min-width: 1024px) {
     .table td, .table th {
         padding: 20px 30px;
    }
}
 @media (min-width: 768px) {
     .table td, .table th {
         padding: 10px 20px;
         height: 60px;
    }
}
/***** Forms *****/
 .form {
     max-width: 650px;
}
 .form-field ~ .form-field {
     margin-top: 25px;
}
 .form-field label {
     display: block;
     font-size: 13px;
     margin-bottom: 5px;
}
 .form-field input {
     border: 1px solid #ddd;
     border-radius: 4px;
     padding: 10px;
     width: 100%;
}
 .form-field input:focus {
     border: 1px solid rgba(67, 83, 104, 1);
}
 .form-field input[type="text"] {
     border: 1px solid #ddd;
     border-radius: 4px;
}
 .form-field input[type="text"]:focus {
     border: 1px solid rgba(67, 83, 104, 1);
}
 .form-field input[type="checkbox"] {
     width: auto;
}
 .form-field .nesty-input {
     border-radius: 4px;
     height: 40px;
     line-height: 40px;
     outline: none;
     vertical-align: middle;
}
 .form-field .nesty-input:focus {
     border: 1px solid rgba(67, 83, 104, 1);
     text-decoration: none;
}
 .form-field .hc-multiselect-toggle:focus {
     outline: none;
     border: 1px solid rgba(67, 83, 104, 1);
     text-decoration: none;
}
 .form-field textarea {
     vertical-align: middle;
}
 .form-field input[type="checkbox"] + label {
     margin: 0 0 0 10px;
}
 .form-field.required > label::after {
     content: "*";
     color: #f00;
     margin-left: 2px;
}
 .form-field .optional {
     color: #666;
     margin-left: 4px;
}
 .form-field p {
     color: #666;
     font-size: 12px;
     margin: 5px 0;
}
 [data-loading="true"] input, [data-loading="true"] textarea {
     background: transparent url(/hc/theming_assets/01K8V60AF5A47GNHZJXW12SXW5) 99% 50% no-repeat;
     background-size: 16px 16px;
}
 .form footer {
     margin-top: 40px;
     padding-top: 30px;
}
 .form footer a {
     color: #666;
     cursor: pointer;
     margin-right: 15px;
}
 .form .suggestion-list {
     font-size: 13px;
     margin-top: 30px;
}
 .form .suggestion-list label {
     border-bottom: 1px solid #ddd;
     display: block;
     padding-bottom: 5px;
}
 .form .suggestion-list li {
     padding: 10px 0;
}
 .form .suggestion-list li a:visited {
     color: #111c29;
}
/***** Header *****/
 .header {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
     position: relative;
     align-items: center;
     display: flex;
     height: 90px;
     justify-content: space-between;
}
 @media (min-width: 1160px) {
     .header {
         padding: 0;
         width: 80%;
    }
}
 .logo img {
     max-height: 37px;
}
/* OLD USER-NAV CSS - DISABLED FOR ELEMENTOR */
/* .user-nav {
     display: inline-block;
     position: absolute;
     white-space: nowrap;
}
 @media (min-width: 980px) {
     .user-nav {
         position: relative;
    }
}
 .user-nav[aria-expanded="true"] {
     background-color: #fff;
     border-top: 3px solid #54c5d0;
     right: 0;
     left: 0;
     top: 71px;
     z-index: 1;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
 .user-nav[aria-expanded="true"] li,.user-nav[aria-expanded="true"] ul{
     display: block;
      padding:0 ;
}
.user-nav[aria-expanded="true"]>ul {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
    padding-right: 10px;
}
.user-nav[aria-expanded="true"] a{
     display: block;
    padding: 10px 5%;
}
.user-nav[aria-expanded="true"] .nav-button {
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 18px 5% !important;
}
.sub-menu{
  display:none;
}
.user-nav[aria-expanded="true"] .sub-menu{
  display:block;
  padding-left: 10px;
} */
/* .nav-wrapper a {
     border: 0;
     color: #333333;
     display: none;
     font-size: 14px;
     padding: 0 20px 0 0;
     width: auto;
}
 @media (min-width: 768px) {
     .nav-wrapper a {
         display: inline-block;
    }
}
 */
 [dir="rtl"] .nav-wrapper a {
     padding: 0 0 0 20px;
}
 .nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
    /*background-color: transparent;
     color: rgba(48, 78, 112, 1);
    */
     text-decoration: none !important;
}
 .nav-wrapper a.login {
     display: inline-block;
}
 .nav-wrapper .icon-menu {
     border: 0;
     color: rgba(48, 78, 112, 1);
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
     padding: 0;
     width: auto;
}
 @media (min-width: 980px) {
     .nav-wrapper .icon-menu {
         display: none;
    }
}
 [dir="rtl"] .nav-wrapper .icon-menu {
     margin-left: 10px;
     margin-right: 0;
}
 .nav-wrapper .icon-menu:hover, .nav-wrapper .icon-menu:focus, .nav-wrapper .icon-menu:active {
     background-color: transparent;
     color: rgba(48, 78, 112, 1);
}
/***** User info in header *****/
 .user-info {
     display: inline-block;
}
 .user-info .dropdown-toggle::after {
     display: none;
}
 @media (min-width: 980px) {
     .user-info .dropdown-toggle::after {
         display: inline-block;
    }
}
 .user-info > [role="button"] {
     border: 0;
     color: #333333;
     min-width: 0;
     padding: 0;
     white-space: nowrap;
}
 .user-info > [role="button"]:hover, .user-info > [role="button"]:focus {
     color: rgba(48, 78, 112, 1);
     background-color: transparent;
}
 .user-info > [role="button"]::after {
     color: #333333;
     padding-right: 15px;
}
 [dir="rtl"] .user-info > [role="button"]::after {
     padding-left: 15px;
     padding-right: 0;
}
 #user #user-name {
     display: none;
     font-size: 14px;
}
 @media (min-width: 980px) {
     #user #user-name {
         display: inline-block;
    }
}
 #user #user-name:hover {
     text-decoration: none;
}
/***** User avatar *****/
 .user-avatar {
     height: 25px;
     width: 25px;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
}
 .avatar {
     display: inline-block;
     position: relative;
}
 .avatar img {
     height: 40px;
     width: 40px;
}
 .avatar .icon-agent::before {
     background-color: rgba(67, 83, 104, 1);
     border: 2px solid #fff;
     border-radius: 50%;
     bottom: -4px;
     color: #FFFFFF;
     content: "\1F464";
     font-size: 14px;
     height: 14px;
     line-height: 14px;
     position: absolute;
     right: -2px;
     text-align: center;
     width: 14px;
}
/***** Footer *****/
 .footer {
     border-top: 1px solid #ddd;
     margin-top: 60px;
     padding: 30px 0 0;
}
 .footer a {
     color: #666;
}
 .footer-inner {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
     display: flex;
     justify-content: space-between;
}
 @media (min-width: 1160px) {
     .footer-inner {
         padding: 0;
         width: 90%;
    }
}
 .footer-language-selector {
     color: #666;
     display: inline-block;
     font-weight: 300;
}
/***** Breadcrumbs *****/
 .breadcrumbs {
     margin: 0 0 15px 0;
     padding: 0;
}
 @media (min-width: 768px) {
     .breadcrumbs {
         margin: 0;
    }
}
 .breadcrumbs li {
     color: rgba(48, 78, 112, 1);
     display: inline;
     font-weight: 600;
     font-size: 15px;
     max-width: 450px;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .breadcrumbs li + li::before {
     content: ">";
     margin: 0 4px;
}
 .breadcrumbs li a:visited {
     color: rgba(48, 78, 112, 1);
}
/***** Search field *****/
 .search {
     position: relative;
     max-width: 575px;
}
 .search input[type="search"] {
     border: 1px solid #ddd;
     border-radius: 5px;
     box-sizing: border-box;
     color: #000000;
     height: 40px;
     padding-left: 40px;
     padding-right: 20px;
     -webkit-appearance: none;
     width: 100%;
     font-size: 15px;
}
 [dir="rtl"] .search input[type="search"] {
     padding-right: 40px;
     padding-left: 20px;
}
 .search input[type="search"]:focus {
     border: 1px solid rgba(67, 83, 104, 1);
     color: #555;
}
 .search::before {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     background-color: #fff;
     color: #777;
     content: "\1F50D";
     font-size: 18px;
     position: absolute;
     left: 15px;
}
 [dir="rtl"] .search::before {
     right: 15px;
     left: auto;
}
 .search-full input[type="search"] {
     border: 1px solid #fff;
    padding-left: 20px;
     padding-right: 40px;
}
.search-full{
  margin: 0 auto;
}
.search-full::before {
  left: auto;
  right: 15px;
}
/***** Hero component *****/
 .hero {
    /*background-image: url(/hc/theming_assets/01K8V60C9XYMS9BRVWWJW5CPK1);
    */
     background: #17416B;
     background-position: center;
     background-size: cover;
     height: 300px;
     padding: 0 20px;
     text-align: center;
     width: 100%;
}
 .hero-inner {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     max-width: 617px;
     margin: 0 auto;
}
 .page-header {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 10px 0;
}
 @media (min-width: 768px) {
     .page-header {
         align-items: baseline;
         flex-direction: row;
         margin: 0;
    }
}
 .page-header .section-subscribe {
     flex-shrink: 0;
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .page-header .section-subscribe {
         margin-bottom: 0;
    }
}
 .page-header h1 {
     flex-grow: 1;
     margin-bottom: 20px;
     color: #16416A;
     font-weight: bold;
}
 .page-header-description {
     font-style: italic;
     font-weight: 300;
     margin: 0 0 30px 0;
     word-break: break-word;
}
 @media (min-width: 1024px) {
     .page-header-description {
         flex-basis: 100%;
    }
}
 .page-header .icon-lock::before {
     content: "\1F512";
     font-size: 20px;
     position: relative;
     left: -5px;
     vertical-align: baseline;
}
 .sub-nav {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin-bottom: 30px;
     min-height: 50px;
     padding-bottom: 15px;
}
 @media (min-width: 768px) {
     .sub-nav {
         align-items: baseline;
         flex-direction: row;
    }
}
 @media (min-width: 768px) {
     .sub-nav input[type="search"] {
         min-width: 300px;
    }
}
 .sub-nav input[type="search"]::after {
     font-size: 15px;
}
/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
 .blocks-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     list-style: none;
     padding: 0;
}
 @media (min-width: 768px) {
     .blocks-list {
         margin: 0 -15px;
    }
}
 .blocks-item {
     border-radius: 4px;
     box-sizing: border-box;
     color: rgba(67, 83, 104, 1);
     display: flex;
     flex: 1 0 265px;
     flex-direction: column;
     justify-content: flex-start;
     margin: 0 5px 30px;
     max-width: 100%;
     text-align: left;
     position: relative;
    box-shadow: 0 1px 2px 0 rgba(52, 58, 67, 0.08), 0 1px 4px 0 rgba(52, 58, 67,0.08), 0 0 2px 0 rgba(52, 58, 67, 0.1);
    transition: 0.15s all ease-in;
    border-radius: 4px;
}
 @media (min-width: 768px) {
     .blocks-item {
         margin: 0 15px 30px;
    }
}
 .blocks-item:hover, .blocks-item:focus, .blocks-item:active {
    /*background-color: rgba(67, 83, 104, 1);
    */
}
 .blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
    /* color: #FFFFFF;
     text-decoration: none;
    */
}
 .blocks-item-internal {
     background-color: transparent;
     border: 1px solid #ddd;
}
 .blocks-item-internal .icon-lock::before {
     content: "\1F512";
     font-size: 15px;
     bottom: 5px;
     position: relative;
}
 .blocks-item-internal a {
     color: #333333;
}
 .blocks-item-link {
     color: #435368;
     padding: 30px;
}
 .blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
     text-decoration: none;
}
 .blocks-item-link img{
     width: 225px;
     height: 190px;
     border: 2px solid #435368;
     border-radius: 6px;
     margin: 20px;
     padding:25px;
}
 .blocks-item-title {
     margin-bottom: 5px;
    color: #113252;
    font-size: 20px;
    font-weight: bold;
}
 .blocks-item-title:hover {
     color:rgba(48, 78, 112, 1);
}
 .blocks-item-description {
     font-weight: 300;
     margin: 0;
}
 .blocks-item-description:not(:empty) {
     margin-top: 10px;
}
/***** Homepage *****/
 .section {
     margin-bottom: 40px;
}
 @media (min-width: 768px) {
     .section {
         margin-bottom: 60px;
    }
}
 .section h2 {
     margin-bottom: 10px;
     text-align: center;
}
/***** Promoted articles *****/
 .promoted-articles {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
}
 @media (min-width: 1024px) {
     .promoted-articles {
         flex-direction: row;
    }
}
 .promoted-articles-item {
     flex: 1 0 auto;
}
 @media (min-width: 1024px) {
     .promoted-articles-item {
         align-self: flex-end;
         flex: 0 0 auto;
         padding-right: 30px;
         width: 33%;
        /* Three columns on desktop */
    }
     [dir="rtl"] .promoted-articles-item {
         padding: 0 0 0 30px;
    }
}
 .promoted-articles-item:nth-child(3n) {
     padding-right: 0;
}
 .promoted-articles-item a {
     display: block;
     border-bottom: 1px solid #ddd;
     padding: 15px 0;
     color: #333333;
}
 .promoted-articles-item .icon-lock::before {
     vertical-align: baseline;
}
 .promoted-articles-item:last-child a {
     border: 0;
}
 @media (min-width: 1024px) {
     .promoted-articles-item:last-child a {
         border-bottom: 1px solid #ddd;
    }
}
/***** Community section in homepage *****/
 .community {
     text-align: center;
}
 .community-image {
     min-height: 300px;
     background-image: url(/hc/theming_assets/01K8V60D6GEGZY8ABVC860R1BS);
     background-position: center;
     background-repeat: no-repeat;
     max-width: 100%;
}
 .community, .activity {
     border-top: 1px solid #ddd;
     padding: 30px 0;
}
/***** Recent activity *****/
 .recent-activity-header {
     margin-bottom: 10px;
     text-align: center;
}
 .recent-activity-list {
     padding: 0;
}
 .recent-activity-item {
     border-bottom: 1px solid #ddd;
     overflow: auto;
     padding: 20px 0;
}
 .recent-activity-item-parent {
     font-size: 16px;
}
 .recent-activity-item-parent, .recent-activity-item-link {
     margin: 6px 0;
     color: #333333;
     display: inline-block;
     width: 100%;
}
 @media (min-width: 768px) {
     .recent-activity-item-parent, .recent-activity-item-link {
         width: 70%;
         margin: 0;
    }
}
 .recent-activity-item-link {
     font-size: 14px;
     font-weight: 300;
}
 .recent-activity-item-meta {
     margin: 15px 0 0 0;
     float: none;
}
 @media (min-width: 768px) {
     .recent-activity-item-meta {
         margin: 0;
         float: right;
    }
     [dir="rtl"] .recent-activity-item-meta {
         float: left;
    }
}
 .recent-activity-item-time, .recent-activity-item-comment {
     color: #666;
     display: inline-block;
     font-size: 13px;
     font-weight: 300;
}
 .recent-activity-item-comment {
     padding-left: 5px;
}
 [dir="rtl"] .recent-activity-item-comment {
     padding: 0 5px 0 0;
}
 .recent-activity-item-comment::before {
     display: inline-block;
}
 .recent-activity-item-comment span::before {
     color: rgba(67, 83, 104, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 15px;
     padding-right: 3px;
     vertical-align: middle;
}
 [dir="rtl"] .recent-activity-item-comment span::before {
     padding-left: 3px;
}
 .recent-activity-controls {
     padding-top: 15px;
}
/***** Category pages *****/
 .category-container {
     display: flex;
     justify-content: flex-end;
}
 .category-content {
     flex: 1;
}
 @media (min-width: 1024px) {
     .category-content {
         flex: 0 0 100%;
    }
}
 .section-tree {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
}
 @media (min-width: 768px) {
     .section-tree {
         flex-direction: row;
    }
}
 .section-tree .section {
  flex: initial;
   box-shadow: 0px 0px 30px 6px #eaeaea;
    padding: 20px;
    border-left: 4px solid  #00BBD6;
    border-radius: 4px;
   margin-bottom: 30px;
}
.section-tree .section:nth-child(1){
    border-left: 4px solid  #00BBD6;
}
.section-tree .section:nth-child(2){
    border-left: 4px solid  #ff7800;
}
.section-tree .section:nth-child(3){
    border-left: 4px solid  #12B376;
}
.section-tree .section:nth-child(4){
    border-left: 4px solid  #645DBA;
}
.section-tree .section:nth-child(5){
    border-left: 4px solid  #E899BA;
}
 @media (min-width: 768px) {
     .section-tree .section {
         flex: 0 0 100%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}
 .section-tree-title {
     margin-bottom: 0;
}
 .section-tree-title a {
     color: #113252;
     font-size: 20px;
}
 .section-tree .see-all-articles {
     display: block;
     padding: 15px 0;
}
 .article-list-item {
/*      border-bottom: 1px solid #ddd;
     font-size: 16px;
     padding: 15px 0; */
   font-size: 15px;
    padding: 9px 0;
}
 .article-list-item a {
     color: #424242;
     font-size: 16px;
}
 .article-list-item .icon-lock::before {
     vertical-align: baseline;
}
 .icon-star::before {
     color: rgba(67, 83, 104, 1);
     font-size: 18px;
}
/***** Section pages *****/
 .section-container {
     display: flex;
     justify-content: flex-end;
}
 .section-content {
     flex: 1;
}
 @media (min-width: 1024px) {
     .section-content {
         flex: 0 0 100%;
    }
}
 .section-subscribe .dropdown-toggle::after {
     display: none;
}
/***** Article *****/
 .article {
    /* * The article grid is defined this way to optimize readability: * Sidebar | Content | Free space * 17% | 66% | 17% */
     flex: 1 0 auto;
}
 @media (min-width: 1024px) {
     .article {
         flex: 1 0 66%;
         max-width: 66%;
         min-width: 640px;
         padding: 0 30px;
    }
}
 .article-container {
     display: flex;
     flex-direction: column;
}
 @media (min-width: 1024px) {
     .article-container {
         flex-direction: row;
    }
}
 .article-header {
     align-items: flex-start;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-bottom: 40px;
     margin-top: 20px;
}
 @media (min-width: 768px) {
     .article-header {
         flex-direction: row;
         margin-top: 0;
    }
}
 .article-avatar {
     margin-right: 10px;
}
 .article-author {
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .article-title {
         flex-basis: 100%;
        /* Take entire row */
    }
}
 .article-title .icon-lock::before {
     content: "\1F512";
     font-size: 20px;
     position: relative;
     left: -5px;
     vertical-align: baseline;
}
 .article [role="button"] {
     flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
     width: 100%;
}
 @media (min-width: 768px) {
     .article [role="button"] {
         width: auto;
    }
}
 .article-info {
     max-width: 100%;
}
 .article-meta {
     display: inline-block;
     vertical-align: middle;
   font-weight:bold;
}
 .article-body img {
     height: auto;
     max-width: 100%;
}
 .article-body ul, .article-body ol {
     padding-left: 20px;
     list-style-position: outside;
     margin: 20px 0 20px 20px;
}
 [dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
     padding-right: 20px;
     padding-left: 0;
     margin-left: 0;
     margin-right: 20px;
}
 .article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {
     margin: 0;
}
 .article-body ul {
     list-style-type: disc;
}
 .article-body a:visited {
     color: #111c29;
}
 .article-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .article-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .article-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .article-body > p:last-child {
     margin-bottom: 0;
}
 .article-content {
     line-height: 1.6;
     margin: 40px 0;
     word-wrap: break-word;
}
 .article-footer {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding-bottom: 20px;
}
 .article-comment-count {
     color: #666;
     font-weight: 300;
}
 .article-comment-count:hover {
     text-decoration: none;
}
 .article-comment-count .icon-comments {
     color: rgba(67, 83, 104, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 18px;
     padding: 5px;
}
 .article-sidebar {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     flex: 1 0 auto;
     margin-bottom: 20px;
     padding: 0;
}
 @media (min-width: 1024px) {
     .article-sidebar {
         border: 0;
         flex: 0 0 17%;
         height: auto;
    }
}
 .article-relatives {
     border-top: 1px solid #ddd;
     display: flex;
     flex-direction: column;
     padding: 20px 0;
}
.article-relatives a{
  color:#435368
}
 @media (min-width: 768px) {
     .article-relatives {
         flex-direction: row;
    }
}
 .article-relatives > * {
     flex: 1 0 250px;
     margin-right: 0;
}
 .article-relatives > *:last-child {
     margin: 0;
}
 @media (min-width: 768px) {
     .article-relatives > * {
         margin-right: 20px;
    }
}
 .article-votes {
     border-top: 1px solid #ddd;
     padding: 30px 0;
     text-align: center;
}
 .article-vote {
     background: transparent;
     border: 1px solid rgba(67, 83, 104, 1);
     color: rgba(67, 83, 104, 1);
     margin: 10px 5px;
     min-width: 90px;
     width: auto;
}
 .article-vote::before {
     font-size: 8px;
     margin-right: 10px;
}
 [dir="rtl"] .article-vote::before {
     margin-right: 0;
     margin-left: 10px;
}
 .article-vote::after {
     content: attr(title);
    /* Yes/No label*/
}
 .article-vote:focus, .article-vote:active {
     background-color: transparent;
     color: rgba(67, 83, 104, 1);
}
 .article-vote:hover {
     background-color: rgba(67, 83, 104, 1);
}
 .article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
     color: #FFFFFF;
}
 .article-vote-up::before {
     content: "\2713";
}
 .article-vote-down::before {
     content: "\2715";
}
 .article-more-questions {
     margin: 10px 0 20px;
     text-align: center;
}
 .article-return-to-top {
     border-top: 1px solid #ddd;
}
 @media (min-width: 1024px) {
     .article-return-to-top {
         display: none;
    }
}
 .article-return-to-top a {
     color: #333333;
     display: block;
     padding: 20px 0;
}
 .article-return-to-top a:hover, .article-return-to-top a:focus {
     text-decoration: none;
}
 .article-return-to-top .icon-arrow-up::before {
     font-size: 16px;
     margin-left: 5px;
}
 [dir="rtl"] .article-return-to-top .icon-arrow-up::before {
     margin-right: 10px;
}
 .article-unsubscribe {
     background-color: rgba(67, 83, 104, 1);
     color: #FFFFFF;
     text-decoration: none;
}
 .article-unsubscribe:hover {
     background-color: #1b212a;
     border-color: #1b212a;
}
 .sidenav-title {
     font-size: 15px;
     position: relative;
}
 .sidenav-item {
     border-radius: 4px;
     color: #333333;
     display: block;
     font-weight: 300;
     margin-bottom: 10px;
     padding: 10px;
}
 .sidenav-item.current-article, .sidenav-item:hover {
     background-color: rgba(67, 83, 104, 1);
     color: #FFFFFF;
     text-decoration: none;
}
 .recent-articles h3, .related-articles h3 {
     font-size: 15px;
     margin: 20px 0;
}
 .recent-articles li, .related-articles li {
     margin-bottom: 15px;
}
/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
 .attachments .attachment-item {
     padding-left: 20px;
     position: relative;
     margin-bottom: 10px;
}
 .attachments .attachment-item:last-child {
     margin-bottom: 0;
}
 .attachments .attachment-item::before {
     color: #333333;
     content: "\1F4CE";
     font-size: 15px;
     left: 0;
     position: absolute;
     top: 5px;
}
 [dir="rtl"] .attachments .attachment-item {
     padding-left: 0;
     padding-right: 20px;
}
 [dir="rtl"] .attachments .attachment-item::before {
     left: auto;
     right: 0;
}
 .upload-dropzone span {
     color: #666;
}
/***** Social share links *****/
 .share {
     padding: 0;
     white-space: nowrap;
}
 .share li, .share a {
     display: inline-block;
}
 .share a {
     border-radius: 50%;
     height: 25px;
     line-height: 25px;
     overflow: hidden;
     width: 25px;
}
 .share a::before {
     color: #666;
     display: block;
     font-size: 23px;
     text-align: center;
     width: 100%;
}
 .share a:hover {
     text-decoration: none;
}
 .share a:hover::before {
     color: rgba(67, 83, 104, 1);
}
 .share-twitter::before {
     content: "\e901";
}
 .share-facebook::before {
     content: "\e903";
}
 .share-linkedin::before {
     content: "\e900";
}
 .share-googleplus::before {
     content: "\e902";
}
/***** Comments *****/
/* Styles comments inside articles, posts and requests */
 .comment {
     border-bottom: 1px solid #ddd;
     padding: 20px 0;
}
 .comment-heading {
     margin-bottom: 5px;
     margin-top: 0;
}
 .comment-overview {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     padding: 20px 0;
}
 .comment-overview p {
     margin-top: 0;
}
 .comment-callout {
     color: #666;
     display: inline-block;
     font-weight: 300;
     font-size: 13px;
     margin-bottom: 0;
}
 .comment-callout a {
     color: rgba(67, 83, 104, 1);
}
 .comment-sorter {
     display: inline-block;
     float: right;
}
 .comment-sorter .dropdown-toggle {
     color: #666;
     font-weight: 300;
     font-size: 13px;
}
 [dir="rtl"] .comment-sorter {
     float: left;
}
 .comment-wrapper {
     display: flex;
     position: relative;
}
 .comment-wrapper.comment-official {
     border: 1px solid rgba(67, 83, 104, 1);
     padding: 40px 20px 20px;
}
 @media (min-width: 768px) {
     .comment-wrapper.comment-official {
         padding-top: 20px;
    }
}
 .comment-info {
     min-width: 0;
     padding-right: 20px;
     width: 100%;
}
 [dir="rtl"] .comment-info {
     padding-right: 0;
     padding-left: 20px;
}
 .comment-author {
     align-items: flex-end;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 20px;
}
 @media (min-width: 768px) {
     .comment-author {
         justify-content: space-between;
    }
}
 .comment-avatar {
     margin-right: 10px;
}
 [dir="rtl"] .comment-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .comment-meta {
     flex: 1 0 auto;
}
 .comment-labels {
     flex-basis: 100%;
}
 @media (min-width: 768px) {
     .comment-labels {
         flex-basis: auto;
    }
}
 .comment .status-label:not(.status-label-official) {
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .comment .status-label:not(.status-label-official) {
         margin-top: 0;
    }
}
 .comment-form {
     display: flex;
     padding-top: 30px;
     word-wrap: break-word;
}
 .comment-container {
     width: 100%;
}
 .comment-form-controls {
     display: none;
     margin-top: 10px;
     text-align: left;
}
 @media (min-width: 768px) {
     [dir="ltr"] .comment-form-controls {
         text-align: right;
    }
}
 .comment-form-controls input[type="submit"] {
     margin-top: 15px;
}
 @media (min-width: 1024px) {
     .comment-form-controls input[type="submit"] {
         margin-left: 15px;
    }
     [dir="rtl"] .comment-form-controls input[type="submit"] {
         margin-left: 0;
         margin-right: 15px;
    }
}
 .comment-form-controls input[type="checkbox"] {
     margin-right: 5px;
}
 .comment-form-controls input[type="checkbox"] [dir="rtl"] {
     margin-left: 5px;
}
 .comment-ccs {
     display: none;
}
 .comment-ccs + textarea {
     margin-top: 10px;
}
 .comment-attachments {
     margin-top: 10px;
}
 .comment-attachments a {
     color: rgba(67, 83, 104, 1);
}
 .comment-body {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     word-wrap: break-word;
     font-family: 'Roboto', sans-serif;
     line-height: 1.6;
     overflow-x: auto;
}
 .comment-body img {
     height: auto;
     max-width: 100%;
}
 .comment-body ul, .comment-body ol {
     padding-left: 20px;
     list-style-position: outside;
     margin: 20px 0 20px 20px;
}
 [dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
     padding-right: 20px;
     padding-left: 0;
     margin-left: 0;
     margin-right: 20px;
}
 .comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
     margin: 0;
}
 .comment-body ul {
     list-style-type: disc;
}
 .comment-body a:visited {
     color: #111c29;
}
 .comment-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .comment-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .comment-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .comment-mark-as-solved {
     display: inline-block;
}
/***** Vote *****/
/* Used in article comments, post comments and post */
 .vote {
     display: inline-block;
     text-align: center;
     width: 35px;
}
 .vote a {
     outline: none;
}
 .vote a:active, .vote a:hover, .vote a:focus {
     text-decoration: none;
}
 .vote-sum {
     color: #666;
     display: block;
     margin: 3px 0;
}
 [dir="rtl"] .vote-sum {
     direction: ltr;
     unicode-bidi: bidi-override;
}
 .vote-up:hover::before, .vote-down:hover::before {
     color: rgba(67, 83, 104, 1);
}
 .vote-up::before, .vote-down::before {
     color: #666;
     font-size: 24px;
}
 .vote-up::before {
     content: "\2B06";
}
 .vote-down::before {
     content: "\2B07";
}
 .vote-voted::before {
     color: rgba(67, 83, 104, 1);
}
 .vote-voted:hover::before {
     color: #1b212a;
}
/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
 .actions {
     text-align: center;
     flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
}
 .actions .dropdown-toggle {
     font-size: 0;
     margin: 15px 0;
}
 .actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before {
     background-color: #f7f7f7;
}
 .actions .dropdown-toggle::before {
     background-color: transparent;
     border-radius: 50%;
     color: #666;
     content: "\2699";
     display: block;
     font-size: 13px;
     margin: auto;
     padding: 5px;
}
/***** Community *****/
 .community-hero {
     background-image: url(/hc/theming_assets/01K8V60CSDWBJE4EKDD6G0PQRK);
     margin-bottom: 10px;
}
 .community-footer {
     padding-top: 50px;
     text-align: center;
}
 .community-featured-posts, .community-activity {
     padding-top: 40px;
     width: 100%;
}
 .community-header {
     margin-bottom: 30px;
}
 .community-header h4 {
     margin-bottom: 0;
}
 .post-to-community {
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .post-to-community {
         margin: 0;
    }
}
/* Community topics grid */
 .topics {
     max-width: none;
     width: 100%;
}
 .topics-item .meta-group {
     justify-content: center;
     margin-top: 20px;
}
/* Community topic page */
 .topic-header {
     border-bottom: 1px solid #ddd;
     font-size: 13px;
}
 @media (min-width: 768px) {
     .topic-header {
         padding-bottom: 10px;
    }
}
 .topic-header .dropdown {
     display: block;
     border-top: 1px solid #ddd;
     padding: 10px 0;
}
 @media (min-width: 768px) {
     .topic-header .dropdown {
         border-top: 0;
         display: inline-block;
         margin-right: 20px;
         padding: 0;
    }
}
 .no-posts-with-filter {
     margin-top: 20px;
     margin-bottom: 20px;
}
/* Topic, post and user follow button */
 .community-follow {
     margin-bottom: 10px;
     width: 100%;
}
 @media (min-width: 768px) {
     .community-follow {
         margin-bottom: 0;
         width: auto;
    }
}
 .community-follow .dropdown {
     width: 100%;
}
 .community-follow [role="button"] {
     line-height: 30px;
     padding: 0 10px 0 15px;
     position: relative;
     width: 100%;
}
 @media (min-width: 768px) {
     .community-follow [role="button"] {
         width: auto;
    }
}
 .community-follow [role="button"]:hover {
     background-color: rgba(67, 83, 104, 1);
}
 .community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
     border-color: #FFFFFF;
     color: #FFFFFF;
}
 .community-follow [role="button"][aria-selected="true"] {
     background-color: rgba(67, 83, 104, 1);
     color: #FFFFFF;
}
 .community-follow [role="button"][aria-selected="true"]::after {
     border-left: 1px solid #FFFFFF;
     color: #FFFFFF;
}
 .community-follow [role="button"][aria-selected="true"]:hover {
     background-color: #1b212a;
     border-color: #1b212a;
}
 .community-follow [role="button"]::after {
     border-left: 1px solid rgba(67, 83, 104, 1);
     content: attr(data-follower-count);
     color: rgba(67, 83, 104, 1);
     display: inline-block;
     font-family: 'montserrat';
     margin-left: 15px;
     padding-left: 10px;
     position: absolute;
     right: 10px;
}
 @media (min-width: 768px) {
     .community-follow [role="button"]::after {
         position: static;
    }
}
 [dir="rtl"] .community-follow [role="button"]::after {
     border-left: 0;
     border-right: 1px solid rgba(67, 83, 104, 1);
     margin: 0 10px 0 0;
     padding: 0 10px 0 0;
}
/***** Striped list *****/
/* Used in community posts list and requests list */
 .striped-list {
     padding: 0;
}
 .striped-list-item {
     align-items: flex-start;
     border-bottom: 1px solid #ddd;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 20px 0;
}
 @media (min-width: 768px) {
     .striped-list-item {
         align-items: center;
         flex-direction: row;
    }
}
 .striped-list-info {
     flex: 2;
}
 .striped-list-title {
     color: rgba(48, 78, 112, 1);
     margin-bottom: 10px;
     margin-right: 5px;
}
 .striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
     text-decoration: underline;
}
 .striped-list-title:visited {
     color: #111c29;
}
 .striped-list .meta-group {
     margin: 5px 0;
}
 .striped-list-count {
     color: #666;
     font-weight: 300;
     font-size: 13px;
     justify-content: flex-start;
     text-transform: capitalize;
}
 @media (min-width: 768px) {
     .striped-list-count {
         display: flex;
         flex: 1;
         justify-content: space-around;
    }
}
 .striped-list-count-item::after {
     content: "·";
     display: inline-block;
     padding: 0 5px;
}
 @media (min-width: 768px) {
     .striped-list-count-item::after {
         display: none;
    }
}
 .striped-list-count-item:last-child::after {
     display: none;
}
 .striped-list-number {
     font-weight: 300;
     text-align: center;
}
 @media (min-width: 768px) {
     .striped-list-number {
         color: #333333;
         display: block;
         font-weight: 400;
    }
}
/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
 .status-label {
     background-color: #1eb848;
     border-radius: 4px;
     color: #fff;
     font-size: 12px;
     margin-right: 2px;
     padding: 3px 10px;
     vertical-align: middle;
     white-space: nowrap;
     display: inline-block;
}
 .status-label:hover, .status-label:active, .status-label:focus {
     text-decoration: none;
}
 .status-label-pinned, .status-label-featured, .status-label-official {
     background-color: rgba(67, 83, 104, 1);
}
 .status-label-official {
     border-radius: 0;
     margin-right: 0;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     width: 100%;
}
 @media (min-width: 768px) {
     .status-label-official {
         border-radius: 0 0 4px 4px;
         right: 30px;
         width: auto;
    }
}
 [dir="rtl"] .status-label-official {
     left: 30px;
     right: auto;
}
 .status-label-pending, .status-label-not-planned {
     background-color: #eee;
     color: #666;
}
 .status-label-pending {
     text-align: center;
}
 .status-label-open {
     background-color: #cc3340;
}
 .status-label-closed {
     background-color: #ddd;
}
 .status-label-solved {
     background-color: #999;
}
 .status-label-new {
     background-color: #ffd12a;
}
 .status-label-hold {
     background-color: #000;
}
 .status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
     text-transform: lowercase;
}
/***** Post *****/
/* * The post grid is defined this way: * Content | Sidebar * 70% | 30% */
 .post {
     flex: 1;
     margin-bottom: 10px;
}
 @media (min-width: 1024px) {
     .post {
         flex: 1 0 70%;
         max-width: 70%;
    }
}
 .post-container {
     display: flex;
     flex-direction: column;
}
 @media (min-width: 1024px) {
     .post-container {
         flex-direction: row;
    }
}
 .post-header {
     align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .post-header {
         align-items: baseline;
         flex-direction: row;
    }
}
 .post-header .status-label {
     vertical-align: super;
}
 .post-title {
     margin-bottom: 20px;
     width: 100%;
}
 @media (min-width: 768px) {
     .post-title {
         margin-bottom: 0;
         padding-right: 10px;
    }
}
 .post-title h1 {
     display: inline;
     vertical-align: middle;
}
 @media (min-width: 768px) {
     .post-title h1 {
         margin-right: 5px;
    }
}
 .post-author {
     align-items: flex-start;
     display: flex;
     justify-content: space-between;
}
 .post-avatar {
     margin-bottom: 30px;
}
 .post-content {
     font-family: 'montserrat';
     line-height: 1.6;
     word-break: break-word;
}
 .post-info-container {
     display: flex;
     margin-bottom: 40px;
}
 .post-info {
     min-width: 0;
     padding-right: 20px;
     width: 100%;
}
 [dir="rtl"] .post-info {
     padding-right: 0;
     padding-left: 20px;
}
 .post-meta {
     display: inline-block;
     flex: 1;
     margin-left: 10px;
     vertical-align: middle;
}
 [dir="rtl"] .post-meta {
     margin-left: 0;
     margin-right: 10px;
}
 .post-body img {
     height: auto;
     max-width: 100%;
}
 .post-body ul, .post-body ol {
     padding-left: 20px;
     list-style-position: outside;
     margin: 20px 0 20px 20px;
}
 [dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
     padding-right: 20px;
     padding-left: 0;
     margin-left: 0;
     margin-right: 20px;
}
 .post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
     margin: 0;
}
 .post-body ul {
     list-style-type: disc;
}
 .post-body a:visited {
     color: #111c29;
}
 .post-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .post-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .post-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .post-footer {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding-bottom: 20px;
}
 .post-comment-count {
     color: #666;
     font-weight: 300;
}
 .post-comment-count:hover {
     text-decoration: none;
}
 .post-comment-count .icon-comments {
     color: rgba(67, 83, 104, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 18px;
     padding: 5px;
}
 .post-sidebar {
     border-top: 1px solid #ddd;
     flex: 1;
     padding: 30px 0;
     text-align: center;
}
 @media (min-width: 1024px) {
     .post-sidebar {
         border: 0;
         flex: 1 0 30%;
         padding: 0 0 0 50px;
         text-align: initial;
    }
     [dir="rtl"] .post-sidebar {
         padding: 0 50px 0 0;
    }
}
 .post-sidebar h5 {
     font-weight: 600;
}
 @media (min-width: 1024px) {
     .post-sidebar h5 {
         border-bottom: 1px solid #ddd;
         padding-bottom: 20px;
    }
}
 .post-comments {
     margin-bottom: 20px;
}
 @media (min-width: 1024px) {
     .post-comments {
         margin-bottom: 0;
    }
}
/* Navigation element that collapses on mobile */
 .collapsible-nav {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     flex-direction: column;
     max-height: 45px;
     overflow: hidden;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .collapsible-nav {
         border: 0;
         height: auto;
         flex-direction: row;
         max-height: none;
    }
}
 .collapsible-nav-list {
     display: flex;
     flex-direction: column;
}
 @media (min-width: 768px) {
     .collapsible-nav-list {
         flex-direction: row;
    }
}
 .collapsible-nav-list li {
     color: #333333;
     line-height: 45px;
     order: 1;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li {
         line-height: normal;
         margin-right: 30px;
    }
     [dir="rtl"] .collapsible-nav-list li {
         margin-left: 30px;
         margin-right: 0;
    }
     .collapsible-nav-list li a {
         text-decoration: none;
         padding: 15px 0;
    }
}
 .collapsible-nav-list li a {
     color: #333333;
     display: block;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li:hover {
         border-bottom: 4px solid #ddd;
    }
     .collapsible-nav-list li:hover a {
         padding: 15px 0 11px 0;
         text-decoration: none;
    }
}
 .collapsible-nav-list li[aria-selected="true"] {
     order: 0;
     position: relative;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li[aria-selected="true"] {
         border-bottom: 4px solid rgba(67, 83, 104, 1);
         order: 1;
         padding: 15px 0 11px 0;
    }
}
 .collapsible-nav-list li[aria-selected="true"] a {
     color: #333333;
}
 .collapsible-nav-list li[aria-selected="true"]::after {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     content: "\25BE";
     position: absolute;
     right: 0;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li[aria-selected="true"]::after {
         display: none;
    }
}
 [dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
     left: 0;
     right: auto;
}
 .collapsible-nav[aria-expanded="true"] {
     max-height: none;
}
 .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
     content: "\2715";
}
/* Sidebar navigation that collapses on mobile */
 .collapsible-sidebar {
     flex: 1;
     max-height: 45px;
     overflow: hidden;
     padding: 10px 0;
     position: relative;
}
 @media (min-width: 1024px) {
     .collapsible-sidebar {
         max-height: none;
         padding: 0;
    }
}
 .collapsible-sidebar[aria-expanded="true"] {
     max-height: none;
}
 .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
     content: "\2715";
}
 @media (min-width: 1024px) {
     .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
         display: none;
    }
}
 .collapsible-sidebar-title {
     margin-top: 0;
}
 .collapsible-sidebar-title::after {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     content: "\25BE";
     position: absolute;
     right: 10px;
}
 @media (min-width: 1024px) {
     .collapsible-sidebar-title::after {
         display: none;
    }
}
 [dir="rtl"] .collapsible-sidebar-title::after {
     left: 10px;
     right: auto;
}
/***** My activities *****/
 .my-activities-nav {
     background-color: #f2f2f2;
     border: 0;
     margin-bottom: 20px;
}
 .my-activities-sub-nav {
     background-color: transparent;
     border-bottom: 1px solid #ddd;
     margin-bottom: 30px;
}
 @media (min-width: 768px) {
     .my-activities-sub-nav li:hover {
         border-bottom: 4px solid #ddd;
    }
}
 .my-activities-sub-nav li[aria-selected="true"] {
     border-color: rgba(67, 83, 104, 1);
}
 .my-activities-table .striped-list-title {
    /* My activities tables */
     display: block;
     margin-bottom: 10px;
     max-width: 350px;
     white-space: normal;
}
 @media (min-width: 1024px) {
     .my-activities-table .striped-list-title {
         margin-bottom: 0;
         max-width: 500px;
         min-width: 350px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
}
 .my-activities-table thead {
     display: none;
}
 @media (min-width: 768px) {
     .my-activities-table thead {
         display: table-header-group;
    }
}
 .my-activities-table th:first-child, .my-activities-table td:first-child {
     padding-left: 0;
}
 @media (min-width: 1024px) {
     .my-activities-table th:first-child, .my-activities-table td:first-child {
         width: 500px;
    }
}
 .my-activities-table th:last-child, .my-activities-table td:last-child {
     padding-right: 0;
}
 .my-activities-table td:not(:first-child) {
     display: none;
}
 @media (min-width: 768px) {
     .my-activities-table td:not(:first-child) {
         display: table-cell;
    }
}
/* Requests table */
 .requests-search {
     width: 100%;
}
 .requests-table-toolbar {
     align-items: flex-end;
     display: flex;
     flex-direction: column;
}
 @media (min-width: 768px) {
     .requests-table-toolbar {
         flex-direction: row;
    }
}
 .requests-table-toolbar .search {
     flex: 1;
     width: 100%;
}
 .requests-table-toolbar .request-table-filter {
     width: 100%;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-table-filter {
         width: auto;
    }
}
 .requests-table-toolbar .request-filter {
     display: block;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-filter {
         margin: 0 0 0 30px;
    }
     [dir="rtl"] .requests-table-toolbar .request-filter {
         margin: 0 30px 0 0;
    }
}
 .requests-table-toolbar .request-filter-label {
     font-size: 13px;
     margin-top: 30px;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-filter-label {
         margin-top: 0;
    }
}
 .requests-table-toolbar select {
     max-height: 40px;
     margin-bottom: 30px;
     width: 100%;
}
 @media (min-width: 768px) {
     .requests-table-toolbar select {
         margin-bottom: 0;
         max-width: 300px;
         width: auto;
    }
}
 .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe {
     line-height: 40px;
     max-height: 40px;
     padding: 0 20px;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe {
         margin-left: 10px;
    }
     [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
         margin: 0 10px 0 0;
    }
}
 .requests-table-toolbar .organization-unsubscribe {
     background-color: rgba(67, 83, 104, 1);
     color: #FFFFFF;
}
 .requests-table-toolbar + .requests-search-info {
     margin-top: 15px;
}
 .requests-table-toolbar + .requests-search-info.meta-data::after {
     content: "";
     margin: 0;
}
 .requests-table-toolbar + .requests-search-info + .requests {
     margin-top: 20px;
}
 .requests-table-toolbar + .requests {
     margin-top: 40px;
}
 .requests .requests-table-meta {
     display: block;
}
 @media (min-width: 768px) {
     .requests .requests-table-meta {
         display: none;
    }
}
 .requests .requests-table thead {
     display: none;
}
 @media (min-width: 768px) {
     .requests .requests-table thead {
         display: table-header-group;
    }
}
 .requests .requests-table-info {
     display: block;
}
 @media (min-width: 768px) {
     .requests .requests-table-info {
         display: table-cell;
         vertical-align: middle;
         width: auto;
    }
}
 .requests .requests-table .requests-link {
     position: relative;
}
 .requests .requests-table .requests-sort-symbol {
     position: absolute;
     left: calc(100% + 3px);
     bottom: 0;
     font-size: 10px;
}
/* Following table */
 .subscriptions-unsubscribe a {
     background: rgba(67, 83, 104, 1);
     border-radius: 4px;
     color: #FFFFFF;
     display: inline-block;
     font-size: 12px;
     line-height: 2.34;
     padding: 0 20px;
     text-align: center;
     width: 100%;
}
 @media (min-width: 768px) {
     .subscriptions-unsubscribe a {
         width: auto;
    }
}
 .subscriptions-unsubscribe a:hover {
     background-color: #1b212a;
     text-decoration: none;
}
 .subscriptions-table td:last-child {
     display: block;
}
 @media (min-width: 768px) {
     .subscriptions-table td:last-child {
         display: table-cell;
    }
}
 .subscriptions-table td:first-child {
     display: flex;
     align-items: center;
}
 .subscriptions-table .user-avatar {
     margin-right: 10px;
}
 .subscriptions .striped-list-title {
     display: inline-block;
     vertical-align: middle;
}
/* Contributions table */
 .contributions-table td:last-child {
     color: #666;
     font-size: 13px;
     font-weight: 300;
}
 @media (min-width: 768px) {
     .contributions-table td:last-child {
         color: inherit;
         font-size: inherit;
         font-weight: inherit;
    }
}
 .no-activities {
     color: #666;
}
/***** Request *****/
 .request-container {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
}
 @media (min-width: 1024px) {
     .request-container {
         align-items: flex-start;
         flex-direction: row;
    }
}
 .request-container .comment-container {
     min-width: 0;
}
 .request-breadcrumbs {
     margin-bottom: 40px;
}
 @media (min-width: 1024px) {
     .request-breadcrumbs {
         margin-bottom: 60px;
    }
}
 .request-main {
     flex: 1 0 auto;
     order: 1;
}
 .request-main .comment-fields, .request-main .request-submit-comment {
     display: none;
}
 .request-main .comment-fields.shown {
     display: block;
}
 .request-main .request-submit-comment.shown {
     display: inline;
}
 @media (min-width: 1024px) {
     .request-main {
         flex: 0 0 66%;
         order: 0;
         min-width: 0;
    }
}
 .request-main .comment-form-controls {
     display: block;
}
 .request-main .comment-ccs {
     display: block;
}
 .request-main .comment-show-container {
     border-radius: 2px;
     border: 1px solid #ddd;
     color: #666;
     text-align: inherit;
     padding: 8px 25px;
     width: 100%;
}
 .request-main .comment-show-container.hidden {
     display: none;
}
 .request-main .form-field.comment-ccs > ul {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 0;
}
 .request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
     border: 1px solid rgba(67, 83, 104, 1);
}
 .request-main .form-field.comment-ccs > input[type="text"] {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 0;
}
 .request-main .comment-ccs + textarea {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     margin-top: 0;
}
 .request-main .comment-ccs + textarea:focus {
     border-top: 1px solid rgba(67, 83, 104, 1);
}
 .request-main input#mark_as_solved {
     display: none;
}
 .request-title {
     width: 100%;
}
 @media (min-width: 1024px) {
     .request-title {
         border-bottom: 1px solid #ddd;
         margin-bottom: 0;
         max-width: 66%;
         padding-bottom: 20px;
    }
}
 .request-sidebar {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     flex: 1 0 auto;
     order: 0;
}
 @media (min-width: 1024px) {
     .request-sidebar {
         background-color: #f7f7f7;
         border: 0;
         font-size: 13px;
         flex: 0 0 auto;
         padding: 0 20px;
         width: 30%;
    }
}
 .request-sidebar h5 {
     font-size: 15px;
     font-weight: 600;
     position: relative;
}
 @media (min-width: 1024px) {
     .request-sidebar h5 {
         display: none;
    }
}
 .request-details {
     border-bottom: 1px solid #ddd;
     font-size: 0;
     margin: 0;
     padding-bottom: 20px;
}
 .request-details:last-child {
     border: 0;
}
 .request-details dt, .request-details dd {
     display: inline-block;
     vertical-align: top;
     font-size: 13px;
     margin: 20px 0 0 0;
}
 .request-details dd {
     padding: 0 10px;
     width: 60%;
}
 .request-details dd::after {
     content: "\A";
     white-space: pre;
}
 .request-details dt {
     color: #666;
     font-weight: 300;
     width: 40%;
}
 .request-details .request-collaborators {
     display: inline-block;
}
 .request-attachments dt, .request-attachments dd {
     width: 100%;
}
 .request-attachments dd {
     margin: 10px 0 0 0;
}
 .request-form textarea {
     min-height: 120px;
}
 .request-follow-up {
     padding-top: 20px;
}
/***** Pagination *****/
 .pagination {
     margin: 20px 0;
     text-align: center;
}
 .pagination * {
     display: inline-block;
}
 .pagination li {
     border-radius: 50%;
     height: 40px;
     float: left;
     margin-left: 5px;
     width: 40px;
}
 @media (min-width: 768px) {
     .pagination li {
         height: 30px;
         width: 30px;
    }
}
 [dir="rtl"] .pagination li {
     float: right;
}
 .pagination li:hover:not(.pagination-current) {
     background-color: #f3f3f3;
}
 .pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
     color: #333333;
     text-decoration: none;
}
 .pagination a, .pagination span {
     font-size: 15px;
     color: #666;
     padding: 10px 12px;
}
 @media (min-width: 768px) {
     .pagination a, .pagination span {
         font-size: 13px;
         padding: 5px 12px;
    }
}
 .pagination-current {
     background-color: rgba(67, 83, 104, 1);
}
 .pagination-current a, .pagination-current span {
     color: #FFFFFF;
}
 .pagination-first {
     border-radius: 3px 0 0 3px;
}
 [dir="rtl"] .pagination-first {
     border-radius: 0 3px 3px 0;
}
 .pagination-last {
     border-radius: 0 3px 3px 0;
}
 [dir="rtl"] .pagination-last {
     border-radius: 3px 0 0 3px;
}
/***** Metadata *****/
 .meta-group {
     display: block;
}
 .meta-group * {
     display: inline;
}
 .meta-data {
     color: #666;
     font-size: 13px;
     font-weight: 300;
}
 .meta-data:not(:last-child)::after {
     content: "\00B7";
     margin: 0 5px;
}
/***** Icons *****/
 [class^="icon-"]::before, [class*=" icon-"]::before, .icon, .search::before, .recent-activity-item-comment span::before, .article-vote::before, .attachments .attachment-item::before, .share a::before, .vote-up::before, .vote-down::before, .actions .dropdown-toggle::before, .collapsible-nav-list li[aria-selected="true"]::after, .collapsible-sidebar-title::after, .search-result-votes::before, .search-result-meta-count::before {
     font-family: "copenhagen-icons";
     font-style: normal;
     font-weight: normal;
     speak: none;
     line-height: 1em;
     vertical-align: middle;
     -webkit-font-smoothing: antialiased;
}
 .icon-lock::before {
     content: "\1F512";
}
 .icon-star::before {
     content: "\2605";
}
 .icon-linkedin::before {
     content: "\e900";
}
 .icon-twitter::before {
     content: "\e901";
}
 .icon-googleplus-::before {
     content: "\e902";
}
 .icon-facebook::before {
     content: "\e903";
}
 .icon-agent::before {
     content: "\1F464";
}
 .icon-close::before {
     content: "\2715";
}
 .icon-arrow-up::before {
     content: "\2B06";
}
 .icon-arrow-down::before {
     content: "\2B07";
}
 .icon-attachments::before {
     content: "\1F4CE";
}
 .icon-comments::before {
     content: "\1F4AC";
}
 .icon-search::before {
     content: "\1F50D";
}
 .icon-vote::before {
     content: "\1F44D";
}
 .icon-handle::before {
     content: "\25BE";
}
 .icon-check::before {
     content: "\2713";
}
 .icon-gear::before {
     content: "\2699";
}
 .icon-menu::before {
     content: "\2630";
}
 .icon-article::before {
     content: "\1F4C4";
}
 .icon-post::before {
     content: "\1F4D4";
}
 .icon-notification-alert::before {
     content: "\26A0";
}
 .icon-notification-error::before {
     content: "\00D7";
}
 .icon-notification-info::before {
     content: "\2139";
}
 .icon-notification-success::before {
     content: "\2714";
}
/* User Profiles */
 .profile-header {
     padding: 30px 0;
     background-color: #f7f7f7;
}
 .profile-header .container {
     display: flex;
     flex-wrap: wrap;
}
 @media (min-width: 768px) {
     .profile-header .container {
         flex-wrap: nowrap;
    }
}
 .profile-header .profile-info {
     flex-basis: 100%;
     display: flex;
     flex-wrap: wrap;
     min-width: 0;
}
 .profile-avatar {
     position: relative;
     line-height: 0;
     align-self: center;
     margin-right: 10px;
}
 [dir="rtl"] .profile-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-avatar .user-avatar {
     width: 65px;
     height: 65px;
}
 .profile-avatar .icon-agent::before {
     bottom: 0;
     right: 0;
}
 .profile-header .basic-info {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     word-wrap: break-word;
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex-grow: 1;
     flex-basis: 0;
     min-width: 0;
}
 .profile-header .basic-info .name {
     margin: 0;
}
 .profile-header .options {
     display: flex;
     flex-basis: 100%;
     margin-top: 12px;
     align-items: flex-start;
     flex-wrap: wrap;
}
 @media (min-width: 768px) {
     .profile-header .options {
         flex-wrap: nowrap;
         flex-basis: auto;
         margin-top: 0;
         margin-left: 10px;
    }
     [dir="rtl"] .profile-header .options {
         margin-left: 0;
         margin-right: 10px;
    }
     .profile-header .options > :not(:last-child) {
         margin-bottom: 0;
         margin-right: 10px;
    }
     [dir="rtl"] .profile-header .options > :not(:last-child) {
         margin-left: 10px;
         margin-right: 0;
    }
}
 .profile-header .options [data-action="edit-profile"] {
     background-color: rgba(67, 83, 104, 1);
     border: 0;
     color: #FFFFFF;
     line-height: normal;
     padding: 8px 20px;
     outline-color: rgba(67, 83, 104, 1);
}
 .profile-header .description {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     word-wrap: break-word;
     margin: 15px 0;
     flex-basis: 100%;
}
 .profile-stats {
     font-size: 13px;
     display: flex;
     flex-direction: column;
     flex-basis: 100%;
}
 .profile-stats .stat {
     display: flex;
     margin-bottom: 10px;
}
 .profile-stats .stat-label {
     color: #666;
     font-weight: 300;
     flex: 0 0 100px;
     margin-right: 10px;
}
 [dir="rtl"] .profile-stats .stat-label {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-stats-activity {
     border-top: solid 1px #ddd;
     margin-top: 15px;
}
 @media (min-width: 768px) {
     .profile-stats-activity {
         border-top: 0;
         flex-direction: row;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat {
         flex-direction: column;
    }
}
 .profile-stats-activity .stat:first-child {
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat:first-child {
         margin-top: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat:not(:last-child) {
         margin-right: 40px;
    }
     [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
         margin-left: 40px;
         margin-right: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat-label {
         flex: 0 1 auto;
    }
}
 .profile-stats-counters {
     border-bottom: solid 1px #ddd;
}
 @media (min-width: 768px) {
     .profile-stats-counters {
         flex: 0 0 200px;
         border-bottom: 0;
         margin-left: 40px;
    }
     [dir="rtl"] .profile-stats-counters {
         margin-left: 0;
         margin-right: 40px;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters {
         flex: 0 0 270px;
         margin-left: 60px;
    }
     [dir="rtl"] .profile-stats-counters {
         margin-right: 60px;
         margin-left: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat {
         flex-direction: column;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters .stat {
         flex-direction: row;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat:not(:last-child) {
         margin-bottom: 15px;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat-label {
         flex: 0 1 auto;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters .stat-label {
         flex: 0 0 100px;
    }
}
 .profile-private-badge {
     flex-basis: 100%;
     border: solid 1px rgba(67, 83, 104, 1);
     border-radius: 4px;
     color: rgba(67, 83, 104, 1);
     padding: 5px 20px;
     font-size: 12px;
     text-align: center;
}
 .profile-private-badge::after {
     content: "\1f512";
     margin-left: 5px;
     font-family: "copenhagen-icons";
     vertical-align: middle;
     line-height: 15px;
}
 @media (min-width: 768px) {
     .profile-private-badge {
         flex-basis: auto;
    }
}
 .profile-nav {
     background-color: #f2f2f2;
     border: 0;
     margin-bottom: 37px;
}
 .profile-section {
     width: 100%;
}
 @media (min-width: 1024px) {
     .profile-section {
         width: calc(100% - 330px);
    }
}
 .profile-section-header {
     display: flex;
     flex-wrap: wrap;
}
 .profile-section-title {
     flex-basis: 100%;
     margin-bottom: 0;
}
 .profile-section-description {
     flex-basis: 100%;
     padding: 10px 0;
     color: #666;
     font-weight: 300;
     font-size: 13px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 @media (min-width: 768px) {
     .profile-section-description {
         flex: 1 0 50%;
         padding-bottom: 0;
    }
}
 .profile-section-sorter {
     flex-basis: 100%;
     border-top: solid 1px #eee;
     font-size: 13px;
}
 .profile-section-sorter .dropdown-toggle {
     padding: 10px 0;
     width: 100%;
}
 .profile-section-sorter .dropdown-toggle::after {
     position: absolute;
     right: 0;
}
 [dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
     left: 0;
     right: initial;
}
 @media (min-width: 768px) {
     .profile-section-sorter .dropdown-toggle::after {
         position: relative;
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter {
         flex: 0 1 auto;
         padding-top: 0;
         border-top: 0;
         margin-left: 20px;
    }
     [dir="rtl"] .profile-section-sorter {
         margin-left: 0;
         margin-right: 20px;
    }
}
 .profile-contribution {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     word-wrap: break-word;
     padding: 20px 0;
     position: relative;
}
 .profile-contribution-header {
     margin-bottom: 5px;
}
 .profile-contribution-title {
     margin: 0 0 5px 0;
     display: inline;
     line-height: 21px;
     font-size: 15px;
     vertical-align: middle;
}
 .profile-contribution-body {
     margin: 10px 0;
}
 .profile-contribution-list > .profile-contribution {
     border-top: 1px solid #eee;
}
 @media (min-width: 768px) {
     .profile-contribution-list > .profile-contribution {
         padding-left: 30px;
    }
     [dir="rtl"] .profile-contribution-list > .profile-contribution {
         padding-right: 30px;
         padding-left: 0;
    }
}
 .profile-contribution-list > .profile-contribution:last-child {
     border-bottom: 1px solid #eee;
}
 .profile-contribution-list > .profile-contribution::before {
     left: 0;
     position: absolute;
     font-size: 16px;
     color: #ccc;
     font-family: "copenhagen-icons";
     line-height: 25px;
}
 [dir="rtl"] .profile-contribution-list > .profile-contribution::before {
     right: 0;
}
 .profile-contribution-list .profile-contribution-header {
     margin-left: 30px;
}
 [dir="rtl"] .profile-contribution-list .profile-contribution-header {
     padding-right: 30px;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .profile-contribution-list .profile-contribution-header {
         margin-left: 0;
    }
     [dir="rtl"] .profile-contribution-list .profile-contribution-header {
         padding-right: 0;
    }
}
 .profile-comments .profile-contribution-breadcrumbs {
     margin-left: 30px;
}
 [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
     padding-right: 30px;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .profile-comments .profile-contribution-breadcrumbs {
         margin-left: 0;
    }
     [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
         padding-right: 0;
    }
}
 .profile-section .no-activity, .profile-section .private-activity {
     display: block;
     margin-top: 40px;
     color: #999;
}
 .profile-section .private-activity::before {
     content: "\1f512";
     font-family: "copenhagen-icons";
     font-style: normal;
     font-size: 12px;
     font-weight: normal;
     vertical-align: middle;
     margin-right: 10px;
}
 [dir="rtl"] .profile-section .private-activity::before {
     margin-right: 0;
     margin-left: 10px;
}
 .profile-activity-list {
     margin-top: 25px;
}
 .profile-activity {
     position: relative;
     padding-bottom: 30px;
}
 @media (min-width: 768px) {
     .profile-activity {
         padding-left: 20px;
    }
     [dir="rtl"] .profile-activity {
         padding-right: 20px;
         padding-left: 0;
    }
}
 @media (min-width: 768px) {
     .profile-activity:not(:last-child) {
         border-left: 1px solid #ddd;
    }
     [dir="rtl"] .profile-activity:not(:last-child) {
         border-left: 0;
         border-right: 1px solid #ddd;
    }
}
 .profile-activity-header {
     display: flex;
     align-items: center;
     margin-left: 35px;
}
 [dir="rtl"] .profile-activity-header {
     margin-left: 0;
     margin-right: 35px;
}
 @media (min-width: 768px) {
     .profile-activity-header {
         margin-left: 0;
    }
     [dir="rtl"] .profile-activity-header {
         margin-right: 0;
    }
}
 .profile-activity-header .user-avatar {
     width: 40px;
     height: 40px;
     margin-right: 10px;
     min-width: 40px;
     align-self: flex-start;
}
 [dir="rtl"] .profile-activity-header .user-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-activity-description {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     word-wrap: break-word;
     margin: 0;
     min-width: 0;
     width: 100%;
}
 .profile-activity-description span:first-child {
     font-weight: 600;
     display: inline;
}
 .profile-activity-contribution {
     padding: 20px;
     margin-top: 10px;
     border-radius: 8px;
     background-color: #f7f7f7;
}
 @media (min-width: 768px) {
     .profile-activity-contribution {
         margin-top: 0;
         margin-left: 50px;
    }
     [dir="rtl"] .profile-activity-contribution {
         margin-left: 0;
         margin-right: 50px;
    }
}
 .profile-activity::before {
     position: absolute;
     left: 0;
     width: 28px;
     border-radius: 50%;
     content: "";
     background-size: 14px 14px;
     background-repeat: no-repeat;
     background-color: #FFFFFF;
     background-position: 50% 50%;
     text-align: center;
     line-height: 40px;
     font-size: 16px;
     color: #ccc;
     font-family: "copenhagen-icons";
}
 [dir="rtl"] .profile-activity::before {
     right: 0;
}
 @media (min-width: 768px) {
     .profile-activity::before {
         left: -14px;
    }
     [dir="rtl"] .profile-activity::before {
         right: -14px;
    }
}
 .profile-articles > .profile-contribution::before, .profile-activity-list > li[class$="-article"]::before {
     content: "\1f4c4";
}
 .profile-posts > .profile-contribution::before, .profile-activity-list > li[class$="-post"]::before {
     content: "\1f4d4";
}
 .profile-comments > .profile-contribution::before, .profile-activity-list > li[class$="-comment"]::before {
     content: "\1f4ac";
     line-height: 35px;
}
/***** Search results *****/
 .search-results {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: space-between;
}
 @media (min-width: 1024px) {
     .search-results {
         flex-direction: row;
    }
}
 .search-results-column {
     flex: 1;
}
 @media (min-width: 1024px) {
     .search-results-column {
         flex: 0 0 45%;
    }
}
 .search-results-list {
     margin-bottom: 25px;
}
 .search-results-list > li {
     border-bottom: 1px solid #ddd;
     padding: 20px 0;
}
 .search-results-list > li:first-child {
     border-top: 1px solid #ddd;
}
 .search-result-description {
     margin-top: 15px;
}
 .search-result-votes, .search-result-meta-count {
     color: #666;
     display: inline-block;
     font-size: 13px;
     font-weight: 300;
     padding: 4px 5px;
     position: relative;
}
 .search-result-votes::before, .search-result-meta-count::before {
     color: rgba(67, 83, 104, 1);
}
 [dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
     margin-left: 5px;
}
 [dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
     margin-right: 3px;
}
 [dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
     margin-right: 5px;
}
 [dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
     margin-left: 3px;
}
 .search-result-votes::before {
     content: "\1F44D";
}
 .search-result-meta-count::before {
     content: "\1F4AC";
}
 .search-result .meta-group {
     align-items: center;
}
 .search-result-breadcrumbs {
     margin: 0;
}
 .search-result-breadcrumbs li:last-child::after {
     content: "·";
     display: inline-block;
     margin: 0 5px;
}

.accordionA{
  width: 100%;  
  background: #fff;
  padding: 20px 5px;
  cursor: pointer;
  border: 2px solid #ddd;
}
.accordionA:hover,.accordionA:focus{
  box-shadow:0 30px 50px rgba(50,50,93,0.08), 0 10px 20px rgba(50,50,93,0.1);
   border: 2px solid #ddd;
}
.activeA {
    background-color: rgba(67, 83, 104, 1);
  	color:#fff;
}
.activeA:hover {
    box-shadow:none;
}

.accordionA:before {
    content: "\f055";
    color:rgba(67, 83, 104, 1);
    font-weight: bold;
    float: left;
    margin-left: 5px;
   margin-right: 5px;
  font-family:FontAwesome;
  
}

.activeA:before {
  content: "\f056";
  color:#fff;
 font-family:FontAwesome;
}
.panelA {
    padding: 10px 18px;
    display: none;
    background-color: #fff;
    margin-top: 9px;
     border: 1px solid #ddd;
    border-radius: 0px;
  box-shadow: 2px 2px 2px gray;
}
#Faq_section{
  width:65%;
}
@media(max-width:768px){
  #Faq_section{
   width:100%;
}
}
.get_demo{
  background : #ff7800 !important;
  color:white !important;
  border: 2px solid #ff7800 !important;
}
zd-autocomplete, zd-autocomplete-breadcrumbs{
  font-weight:600;
  color:black !important;
}

@media(max-width:400px){
  .cat-bg {
    position: relative;
     margin-bottom: 20px;
  }
  .blocks-item .content {
    margin-left: 0px;
   
}
}
/* OLD SUBMENU CSS - DISABLED FOR ELEMENTOR */
/* @media(min-width:980px){
.sub-menu {
    visibility: hidden;
    z-index: 9999;
    width: 330px!important;
    border-top: 3px solid #2ea3f2;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
    padding: 20px 0;
}
  #com:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    display: block;
  }
} */

/* ===== Elementor Header & Footer Styles ===== */

/* Reset and Base Elementor Styles */
.elementor,
.elementor * {
  box-sizing: border-box;
}

.e-con {
  display: flex;
  flex-wrap: wrap;
}

.e-flex {
  display: flex;
}

.e-con-boxed {
  width: 100%;
}

.e-con-boxed > .e-con-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

.e-parent {
  position: relative;
}

.e-con-inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* Elementor Theme Builder */
.elementor-location-header:before,
.elementor-location-footer:before {
  content: "";
  display: table;
  clear: both;
}

/* ===== HEADER STYLES (elementor-10191) ===== */
.elementor-location-header {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
}

/* Logo Container Section - Responsive layout matching navigation */
.elementor-10191 .elementor-element.elementor-element-7214621c {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 15px 0 10px 0;
  position: relative;
  box-sizing: border-box;
}

.elementor-10191 .elementor-element.elementor-element-7214621c .e-con-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

/* Logo Image */
.elementor-10191 .elementor-element.elementor-element-642659c {
  text-align: left;
  flex-shrink: 0;
}

.elementor-10191 .elementor-element.elementor-element-642659c img {
  /* Sizing */
  width: 225.795px;
  height: 35px;
  max-width: 100%;
  box-sizing: border-box;

  /* Display */
  display: inline-block;
  vertical-align: middle;

  /* Aspect Ratio */
  aspect-ratio: auto 200 / 31;

  /* Text */
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: rgb(204, 51, 102);
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;

  /* Borders */
  border-top-width: 0;
  border-top-style: none;
  border-top-color: rgb(204, 51, 102);
  border-right-width: 0;
  border-right-style: none;
  border-right-color: rgb(204, 51, 102);
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: rgb(204, 51, 102);
  border-left-width: 0;
  border-left-style: none;
  border-left-color: rgb(204, 51, 102);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;

  /* Shadow & Effects */
  box-shadow: none;

  /* Overflow */
  overflow-x: clip;
  overflow-y: clip;
  overflow-clip-margin: content-box;

  /* Interaction */
  cursor: pointer;
}

/* Navigation + Buttons Container (horizontal row) */
.elementor-10191 .elementor-element.elementor-element-3a45ca78 {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  width: 100%;
}

.elementor-10191 .elementor-element.elementor-element-3a45ca78 .e-con-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
  gap: 25px;
  margin: 0 auto;
}

/* Navigation Container - Flex grow to take available space */
.elementor-10191 .elementor-element.elementor-element-5154ddac {
  flex-grow: 0;
  display: flex;
  justify-content: center;
}

/* Desktop Navigation - Show on desktop */
.elementor-nav-menu--main {
  display: flex !important;
}

/* Hide on mobile/tablet */
@media (max-width: 1024px) {
  .elementor-nav-menu--main {
    display: none !important;
  }
}

.elementor-nav-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
  align-items: center;
  flex-wrap: nowrap;
}

.elementor-nav-menu > li {
  position: relative;
  margin: 0;
}

.elementor-nav-menu .elementor-item {
  padding: 12px 20px;
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 24px;
  font-weight: 500;
  transition: all 0.2s;
  position: relative;
}

.elementor-nav-menu .elementor-item::before {
  bottom: 0;
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  height: 2px;
  background-color: #FF7800 !important;
  transform: scaleX(0);
  transition: transform 0.2s ease;
  z-index: 2;
}

/* Override Elementor's default underline color with higher specificity */
.elementor-10191 .e--pointer-underline .elementor-item:before {
  background-color: #FF7800 !important;
  height: 2px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
}

/* Override for items WITHOUT dropdowns - ensure orange underline */
.elementor-10191 .e--pointer-underline .elementor-nav-menu > li:not(.menu-item-has-children) .elementor-item:before {
  background-color: #FF7800 !important;
  height: 2px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
}

/* Specific override for all navigation items (Onboarding, Compare, FAQ, Login) */
.elementor-10191 .elementor-nav-menu--layout-horizontal .elementor-item:before {
  background-color: #FF7800 !important;
  height: 2px !important;
}

/* Direct ID targeting for items without dropdowns - FINAL OVERRIDE */
#menu-item-onboarding .elementor-item:before,
#menu-item-compare .elementor-item:before,
#menu-item-faq .elementor-item:before,
#menu-item-login .elementor-item:before {
  background-color: #FF7800 !important;
  height: 2px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
}

/* NUCLEAR OPTION - Combine header ID + menu item IDs for maximum specificity */
.elementor-10191 #menu-item-onboarding .elementor-item:before,
.elementor-10191 #menu-item-compare .elementor-item:before,
.elementor-10191 #menu-item-faq .elementor-item:before,
.elementor-10191 #menu-item-login .elementor-item:before {
  background-color: #FF7800 !important;
  height: 2px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
  z-index: 9999 !important;
}

/* Target AFTER pseudo-element too (might be creating double underline) */
.elementor-10191 #menu-item-onboarding .elementor-item:after,
.elementor-10191 #menu-item-compare .elementor-item:after,
.elementor-10191 #menu-item-faq .elementor-item:after,
.elementor-10191 #menu-item-login .elementor-item:after {
  background-color: #FF7800 !important;
  height: 2px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
  z-index: 9999 !important;
}

/* Also target with :hover and :not(:hover) states */
.elementor-10191 #menu-item-onboarding .elementor-item:hover:before,
.elementor-10191 #menu-item-compare .elementor-item:hover:before,
.elementor-10191 #menu-item-faq .elementor-item:hover:before,
.elementor-10191 #menu-item-login .elementor-item:hover:before,
.elementor-10191 #menu-item-onboarding .elementor-item:not(:hover):before,
.elementor-10191 #menu-item-compare .elementor-item:not(:hover):before,
.elementor-10191 #menu-item-faq .elementor-item:not(:hover):before,
.elementor-10191 #menu-item-login .elementor-item:not(:hover):before {
  background-color: #FF7800 !important;
}

/* Also target AFTER for hover states */
.elementor-10191 #menu-item-onboarding .elementor-item:hover:after,
.elementor-10191 #menu-item-compare .elementor-item:hover:after,
.elementor-10191 #menu-item-faq .elementor-item:hover:after,
.elementor-10191 #menu-item-login .elementor-item:hover:after,
.elementor-10191 #menu-item-onboarding .elementor-item:not(:hover):after,
.elementor-10191 #menu-item-compare .elementor-item:not(:hover):after,
.elementor-10191 #menu-item-faq .elementor-item:not(:hover):after,
.elementor-10191 #menu-item-login .elementor-item:not(:hover):after {
  background-color: #FF7800 !important;
}

/* Ensure dropdown arrow SVG has transparent background, not orange */
.elementor-10191 .e--pointer-underline .menu-item-has-children > .elementor-item:after {
  background-color: transparent !important;
  left: auto !important;
  width: 15px !important;
  height: 15px !important;
  position: relative !important;
}

.elementor-nav-menu .elementor-item:hover {
  color: #FF7800;
}

.elementor-nav-menu .elementor-item:hover::before {
  transform: scaleX(1);
}

/* Dropdown indicator arrow - SVG icon on RIGHT side - ALWAYS VISIBLE */
.elementor-nav-menu .menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" fill="%23333333"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
  transition: background-image 0.2s;
  order: 2;
  opacity: 1 !important;
  visibility: visible;
}

/* Force dropdown arrows to always be visible with opacity: 1 */
.elementor-10191 .elementor-nav-menu .menu-item-has-children > .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
  opacity: 1 !important;
}

.elementor-nav-menu .menu-item-has-children > a:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" fill="%23FF7800"/></svg>');
}

/* Submenu Styles - Desktop navigation dropdowns */
.elementor-10191 .elementor-nav-menu--main .sub-menu,
.elementor-nav-menu--main .elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  min-width: 250px;
  padding: 8px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
  z-index: 1000;
  display: block !important;
}

.elementor-10191 .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu,
.elementor-nav-menu--main .elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.elementor-10191 .elementor-nav-menu--main .sub-menu li,
.elementor-nav-menu--main .elementor-nav-menu .sub-menu li {
  margin: 0;
  display: block !important;
}

.elementor-10191 .elementor-nav-menu--main .elementor-sub-item,
.elementor-nav-menu--main .elementor-nav-menu .elementor-sub-item {
  /* Layout */
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;

  /* Sizing */
  box-sizing: border-box;
  width: auto;
  height: auto;

  /* Spacing */
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;

  /* Colors & Background */
  background-color: rgba(0, 0, 0, 0);
  color: rgb(51, 55, 61);

  /* Borders */
  border-inline-start-color: rgba(0, 0, 0, 0);
  border-inline-start-style: solid;
  border-inline-start-width: 7.27273px;
  box-shadow: none;

  /* Typography */
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-align: start;
  text-decoration-line: none;
  text-decoration-color: rgb(51, 55, 61);
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-shadow: none;
  text-size-adjust: 100%;
  text-wrap-mode: nowrap;
  white-space-collapse: collapse;
  -webkit-font-smoothing: antialiased;

  /* List Style */
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;

  /* Interaction */
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /* Transitions */
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-behavior: normal;
}

.elementor-10191 .elementor-nav-menu--main .elementor-sub-item:hover,
.elementor-nav-menu--main .elementor-nav-menu .elementor-sub-item:hover {
  /* Colors & Background */
  background-color: rgb(63, 68, 75);
  color: rgb(255, 255, 255);

  /* Typography on hover */
  text-decoration-color: rgb(255, 255, 255);
}

/* Mobile Menu Toggle - Hide on desktop, show on mobile/tablet */
.elementor-menu-toggle {
  cursor: pointer;
  padding: 8px;
  background: none;
  border: none;
  display: none;
}

@media (max-width: 1024px) {
  .elementor-menu-toggle {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10000;
  }

  /* Navigation container positioning on mobile */
  .elementor-10191 .elementor-element.elementor-element-5154ddac {
    position: static;
  }
}

.elementor-menu-toggle svg {
  width: 28px;
  height: 28px;
  fill: #333;
}

.elementor-menu-toggle__icon--close {
  display: none;
}

/* Mobile Dropdown Menu */
.elementor-nav-menu--dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  padding: 20px;
  display: none;
  z-index: 9998;
}

.elementor-nav-menu--dropdown[aria-hidden="false"] {
  display: block !important;
}

.elementor-nav-menu--dropdown .elementor-nav-menu {
  display: flex !important;
  flex-direction: column;
  gap: 0;
}

.elementor-nav-menu--dropdown .elementor-nav-menu > li {
  width: 100%;
  border-bottom: 1px solid #eee;
  display: block !important;
}

.elementor-nav-menu--dropdown .elementor-item {
  padding: 15px 10px;
  display: block !important;
  color: #333;
}

.elementor-nav-menu--dropdown .sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  padding: 0 0 0 20px;
  display: none;
  list-style: none;
}

.elementor-nav-menu--dropdown .menu-item-has-children.submenu-open > .sub-menu {
  display: block !important;
}

.elementor-nav-menu--dropdown .sub-menu li {
  display: block !important;
  border-bottom: none;
}

/* CTA Buttons Container - Right side */
.elementor-10191 .elementor-element.elementor-element-5f54085d,
.elementor-10191 .elementor-element.elementor-element-453d7b82 {
  flex-shrink: 0;
}

.elementor-widget-button .elementor-button {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s;
  text-align: center;
  white-space: nowrap;
}

/* Start Free Trial Button - FILLED CYAN - Comprehensive Styling */
.elementor-10191 .elementor-element.elementor-element-5f54085d .elementor-button {
  /* Layout */
  display: inline-block;

  /* Sizing */
  box-sizing: border-box;
  width: 108.253px;
  height: 30px;

  /* Spacing */
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;

  /* Colors */
  background-color: rgb(126, 190, 197);
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);

  /* Borders */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: none;

  /* Typography */
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  text-decoration-line: none;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;

  /* Interaction */
  cursor: pointer;

  /* Transitions */
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-behavior: normal;
}

.elementor-10191 .elementor-element.elementor-element-5f54085d .elementor-button:hover {
  background: rgb(100, 170, 177);
  color: #fff;
}

/* Get Demo Button - FILLED ORANGE - Comprehensive Styling */
.elementor-10191 .elementor-element.elementor-element-453d7b82 .elementor-button {
  /* Layout */
  display: inline-block;

  /* Sizing */
  box-sizing: border-box;
  width: 82.3864px;
  height: 30.9943px;

  /* Spacing */
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;

  /* Colors */
  background-color: rgb(255, 120, 0);
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);

  /* Borders */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: none;

  /* Typography */
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
  text-decoration-line: none;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;

  /* Interaction */
  cursor: pointer;

  /* Transitions */
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-behavior: normal;
}

.elementor-10191 .elementor-element.elementor-element-453d7b82 .elementor-button:hover {
  background: rgb(230, 100, 0);
  color: #fff;
}

/* Mobile Layout - Stack buttons vertically */
@media (max-width: 1024px) {
  .elementor-10191 .elementor-element.elementor-element-3a45ca78 .e-con-inner {
    flex-direction: column;
    gap: 15px;
  }

  .elementor-10191 .elementor-element.elementor-element-5f54085d .elementor-button,
  .elementor-10191 .elementor-element.elementor-element-453d7b82 .elementor-button {
    width: 100%;
  }
}

/* ===== GLOBAL BUTTON STYLES (for all Elementor buttons) ===== */
/* This ensures buttons appear correctly throughout the page, not just in header */
/* NOTE: Excludes header buttons (elementor-10191) which have their own specific styles */

/* All Start Free Trial buttons across the site (except header) */
.elementor:not(.elementor-10191) .elementor-button-link[href*="signup.nextagency.com"],
a.elementor-button[href*="signup.nextagency.com"]:not(.elementor-10191 *) {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  background-color: rgb(126, 190, 197) !important;
  border-radius: 30px;
  padding: 14px 32px;
  color: #fff !important;
  border: none;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s;
}

.elementor:not(.elementor-10191) .elementor-button-link[href*="signup.nextagency.com"]:hover,
a.elementor-button[href*="signup.nextagency.com"]:not(.elementor-10191 *):hover {
  background: rgb(100, 170, 177) !important;
  color: #fff !important;
}

/* All Get Demo buttons across the site (except header) */
.elementor:not(.elementor-10191) .elementor-button-link[href*="book.nextagency.com"],
a.elementor-button[href*="book.nextagency.com"]:not(.elementor-10191 *) {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  background-color: rgb(255, 120, 0) !important;
  border-radius: 30px;
  padding: 14px 32px;
  color: #fff !important;
  border: none;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s;
}

.elementor:not(.elementor-10191) .elementor-button-link[href*="book.nextagency.com"]:hover,
a.elementor-button[href*="book.nextagency.com"]:not(.elementor-10191 *):hover {
  background: rgb(230, 100, 0) !important;
  color: #fff !important;
}

/* ===== FOOTER STYLES (elementor-10211) ===== */
.elementor-location-footer {
  background: #f6f8f9;
  border-top: 1px solid #d7d7d7;
  padding: 40px 0 20px;
  font-family: 'Roboto', sans-serif;
}

/* Footer Links Section - Two Columns Side by Side CENTERED */
.elementor-10211 .elementor-element.elementor-element-1a08f79f {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  padding: 30px 0;
}

.elementor-10211 .elementor-element.elementor-element-1a08f79f .e-con-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 100px;
  flex-wrap: nowrap;
  width: 100%;
}

/* Text Editor Widget Base */
.elementor-widget-text-editor {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

/* Resources Section */
.elementor-10211 .elementor-element.elementor-element-1bd0cbe {
  padding: 10px;
  flex: 0 0 auto;
  min-width: 200px;
}

.elementor-10211 .elementor-element.elementor-element-1bd0cbe a {
  color: #113252;
  text-decoration: none;
  font-size: 15px;
  transition: color 0.2s;
}

.elementor-10211 .elementor-element.elementor-element-1bd0cbe a:hover {
  color: #00BBD6;
  text-decoration: underline;
}

/* Company Section */
.elementor-10211 .elementor-element.elementor-element-80acda6 {
  padding: 10px;
  flex: 0 0 auto;
  min-width: 200px;
}

.elementor-10211 .elementor-element.elementor-element-80acda6 a {
  color: #113252;
  text-decoration: none;
  font-size: 15px;
  transition: color 0.2s;
}

.elementor-10211 .elementor-element.elementor-element-80acda6 a:hover {
  color: #00BBD6;
  text-decoration: underline;
}

.elementor-location-footer h5 {
  color: #193354;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 15px 0;
}

.elementor-location-footer p {
  margin: 8px 0;
  line-height: 1.6;
}

/* Review Badges Section */
.elementor-10211 .elementor-element.elementor-element-55885122 {
  display: flex;
  padding: 30px 0;
  border-top: 1px solid #d7d7d7;
}

.elementor-10211 .elementor-element.elementor-element-70eb8e5c {
  flex-grow: 1;
  flex-shrink: 1;
}

.elementor-10211 .elementor-element.elementor-element-70eb8e5c img {
  max-width: 200px;
  height: auto;
}

/* Copyright Section */
.elementor-10211 .elementor-element.elementor-element-36d767e7 {
  display: flex;
  border-top: 1px solid #d7d7d7;
  padding: 20px 0;
}

.elementor-10211 .elementor-element.elementor-element-2e419da2 {
  text-align: center;
}

.elementor-10211 .elementor-element.elementor-element-2e419da2 p {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #646464;
  margin: 0;
  line-height: 1.5;
}

.elementor-10211 .elementor-element.elementor-element-2e419da2 a {
  color: #646464;
  text-decoration: none;
}

.elementor-10211 .elementor-element.elementor-element-2e419da2 a:hover {
  color: #00BBD6;
  text-decoration: underline;
}

/* Footer Responsive */
@media (max-width: 768px) {
  .elementor-10211 .elementor-element.elementor-element-1a08f79f {
    flex-wrap: wrap;
  }

  .elementor-10211 .elementor-element.elementor-element-1a08f79f .e-con-inner {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }

  .elementor-10211 .elementor-element.elementor-element-70eb8e5c div {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }
}

/* Tablet Responsive */
@media (max-width: 1024px) {
  .elementor-10191 .elementor-element.elementor-element-7214621c img {
    height: auto;
  }

  .elementor-10191 .elementor-element.elementor-element-1a08f79f {
    justify-content: center;
  }
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .elementor-10191 .elementor-element.elementor-element-3a45ca78 {
    flex-wrap: wrap;
  }
}