
@font-face { font-family: "Bilo"; src: url(//6936809.fs1.hubspotusercontent-na1.net/hubfs/6936809/raw_assets/public/1800Dentist_January2025/fonts/bilo-medium.woff2) format("woff2"); 
   font-style: normal; font-weight: 500; font-display: auto; }

@font-face { font-family: "Bilo"; src: url(//6936809.fs1.hubspotusercontent-na1.net/hubfs/6936809/raw_assets/public/1800Dentist_January2025/fonts/bilo-bold.woff2) format("woff2"); 
   font-style: normal; font-weight: 700; font-display: auto; }
@font-face { font-family: "Bilo"; src: url(//6936809.fs1.hubspotusercontent-na1.net/hubfs/6936809/raw_assets/public/1800Dentist_January2025/fonts/bilo.woff2) format("woff2"); font-style: normal; 
   font-weight: 400; font-display: auto; }



body{
       font-family: 'Bilo';
}

.header-wrapper{
    position: fixed;
    width: 100%;
    z-index: 100;
}
.cs-header{
   border-bottom: 1px solid #d0d5ed;
   
    background-color:rgba(255, 255, 255,1.0) !important;
}
.cs-header .hamburger-menu {
    display: none;
}

.cs-header .e-con-inner {
    display: flex;
    column-gap: 20px;
       padding-top: 10px;
    padding-bottom: 10px;
   align-items:center;
}
.cs-header .e-con-inner .btns .icon svg{
       width: 20px;
    height: 20px;
       margin-top: 6px;
   fill: #92cfd2;
}
.cs-header .e-con-inner .btns {
       display: flex;
}
.cs-header .e-con-inner .contact-btn{
     display: flex;
}
.cs-header .e-con-inner .contact-no{
     display: flex;
              align-items: flex-start;
       column-gap: 15px;
}
.cs-header .e-con-inner .hs-menu-depth-1>a svg {
    height: 13px;
    width: 13px;
   margin-left:5px;
       fill: #284a9a;
}

.cs-header .e-con-inner .hs-menu-depth-1>a {
    display: flex;
    align-items: center;
    column-gap: 4px;
       padding: 8px 16px;
   font-size: 12.8px;
    text-transform: uppercase;
    font-weight: 500;
       color:rgba(40, 74, 154,1.0);
}
.cs-header .e-con-inner .logo-wrapper{
   width: 10%;
}

.cs-header .e-con-inner .menu{
       width: 60%;
}
.cs-header .e-con-inner .btns{
       width: 27%;
       display: flex;
    column-gap: 44px;
       align-items: center;
}
 
.cs-header .e-con-inner .hs-menu-wrapper>ul>li {
    margin-bottom: 0;
    position:relative;
}

.cs-header .contact-btn a{
       background-color: #354fcb;
   
    font-family: "Bilo", Sans-serif;
   
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 13px 25px 13px 25px;
    font-size: 15px;
       line-height: 15px;
       font-weight: 500;
}
.cs-header .e-con-inner .contact-no .number a{
       font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.cs-header .contact-btn a span{
       line-height: 15px;
   display:block;
}
.cs-header .contact-btn a:hover {
    background-color: #284a9a;
       color: #eef5ff;
}

.cs-header .e-con-inner .hs-menu-wrapper>ul{
    z-index:10;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul  .hs-menu-depth-2 ul {
    position: static ;
    opacity: 1 !important;
    padding-top:7px;
   padding-left:10px;   
}
.cs-header .Services>a {
    margin-bottom: 24px !important;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul  .hs-menu-depth-2 ul li{
   margin:0;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul  .hs-menu-depth-1>ul {
    position: absolute ;
    opacity: 1 !important;
    border:1px solid green;
    background:white;
    z-index:10;     
    border: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #D0D5ED;
    box-shadow: 0px 19px 33px 0px rgba(44, 52.00000000000002, 62, 0.1);
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 6px;
   display:none;
       white-space: nowrap;
   left: 15px;
    top: 39px;
       padding: 19px 60px 28px 20px !important;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul>li.clicked>ul {
    display: flex;
       row-gap: 20px;
   
}
.cs-header .e-con-inner .hs-menu-wrapper>ul>li.clicked>ul>li{
   margin-bottom:0;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul>li>ul>li>a {
    color:rgba(40, 74, 154,1.0);
    font-size: 14.4px;
    line-height: 14.4px;
    font-weight: 500;
    text-transform: uppercase;
}

.cs-header .e-con-inner .hs-menu-wrapper>ul ul ul>li>a {
  
    color:rgba(40, 74, 154,1.0);

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.cs-header .e-con-inner .hs-menu-wrapper>ul>li>ul {
    padding: 20px 60px 30px 20px;
}
.cs-header  .e-con-inner .logo-wrapper .logo{
   margin-bottom:8px;
}

.clicked>a svg {
    transform: rotate(-180deg);
}

.cs-header .mobile-nav {
    display: none;
}

.cs-header .hamburger{
    display: none;  
}
.cs-header .e-con-inner .logo-wrapper .logo a img {
    width: 150px !important;
}
/* .cs-header .e-con-inner .hs-menu-wrapper>ul .hs-menu-depth-1>ul{
       display: flex;
    flex-direction: column;
    row-gap: 20px;
} */
@media(min-width:1200px){
   .cs-header .e-con-inner{
          height: 61px;
   }
}

@media(max-width:1200px){
   .cs-header .e-con-inner .logo-wrapper {
    width: auto;
}
   .cs-header .e-con-inner .logo-wrapper .logo a img {
    width: 120px !important;
}
   .cs-header .hamburger{
    display: block;
}
   .cs-header .hamburger svg{
      width:24px;
      height:24px;
          fill: #284a9a;
   }
   .cs-header .mobile-nav {
    display: block;
}
   
   .cs-header .mobile-nav{
          position: fixed;
            height: 100vh;
    background: #354fcb;
    z-index: 10;
    width: 400px;
    right: 0;
    top: 0;
     overflow-y:auto; 
   }
   .cs-header .svg-wrapper svg{
          width: 20px;
    height: 20px;
   }
   .cs-header .svg-wrapper svg path{
          fill: white;
   }
   .cs-header .svg-wrapper{
          text-align: right;
          position: absolute;
    right: 20px;
        top: 19px;
   }
 
 .cs-header   .mobile-nav-wrapper .hs-menu-wrapper>ul {
    flex-direction: column;
}

.cs-header  .mobile-nav-wrapper .hs-menu-wrapper>ul li a {
    color: white;
}
   
  .cs-header  .mobile-nav-wrapper .elementor-button {
    background: #ffffff;
     
    font-family: "Bilo", Sans-serif;
     
    font-weight: 500;
    border-radius: 5px 5px 5px 5px;
    padding: 13px 25px 13px 25px;
    display: inline-block;
    width: 100%;
    font-size: 15px;
     margin-top: 15px;
} 
   .cs-header  .mobile-nav-wrapper .elementor-button span{
          line-height: 15px;
    display: block;
      text-align:center;
   }
   .cs-header  .mobile-nav-wrapper{
          position: relative;
          padding: 50px;
      padding-top:30px;
   }
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul>li>a {
    font-size: 32px;
    line-height: 32px;
              margin-bottom: 20px;
        display: inline-block;
}
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul>li>ul>li>a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
   .cs-header .mobile-nav-wrapper  .hs-menu-wrapper>ul .hs-menu-depth-2 ul {
    padding-top: 10px;
    padding-left: 10px;
}

.cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul .hs-menu-depth-2 ul li {
    margin-bottom: 0;
}

.cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul .hs-menu-depth-2 ul li:not(:last-child) {
    margin-bottom: 9px;
}
   
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul>li {
    border-bottom: 1px solid white;
              padding-bottom: 16px;
        padding-top: 20px;
}
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper>ul .hs-menu-depth-2 {
    margin-bottom: 20px;
}
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper .Solutions {
    border: none;
          padding-bottom: 0;
    margin-bottom: 0;
}
   
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper .Solutions>a {
    margin-bottom: 0;
}

.cs-header .mobile-nav-wrapper .hs-menu-wrapper .Solutions>ul ul {
    padding-left: 0;
}
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper .Solutions>ul ul{
          padding-top: 20px;
   }
   .Solutions .hs-menu-depth-2 {
    margin-bottom: 0 !important;
}
   
   
/*    // */
     .cs-header .mobile-nav-wrapper .hs-menu-wrapper .About {
  
    padding-bottom: 18px;
}
   
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper .About>a {
    margin-bottom: 0;
}

.cs-header .mobile-nav-wrapper .hs-menu-wrapper .About>ul ul {
    padding-left: 0;
}
   .cs-header .mobile-nav-wrapper .hs-menu-wrapper .About>ul ul{
          padding-top: 20px;
   }
   .cs-header .e-con-inner{
      justify-content: space-between;
   }
   .cs-header .e-con-inner .menu{
          display: none;
   }
   .cs-header .e-con-inner .btns{
          display: none;
   }
   .cs-header .mobile-nav{
          right: -100%;
      transition: all 0.8s ease-in-out;
   }
   .mobile-open .cs-header .mobile-nav{
       right: 0;
   }
   .cs-header .e-con-inner .logo-wrapper .logo{
      margin-bottom:0;
   }
   .cs-header .e-con-inner .logo-wrapper .logo a{
          display: flex;
   }
   .cs-header .hamburger a {
    display: flex;
  }
   .cs-header .hamburger {
    margin-top: -3px;
  }
}
@media(max-width:1180px){
   .cs-header .page-center{
          max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
   }
   
}
@media(max-width:767px){
   .cs-header .e-con-inner{
      padding-top:20px;
      padding-bottom:21px;
   }
}

@media(max-width:400px){
   .cs-header .mobile-nav{
              width: 100vw !important;
   }
}


/* Lp CSS */
.lp-dentist-footer .flex_row  {
       padding-top: 17.5px;
    padding-bottom: 11px;
}
.lp-dentist-footer .privacy-menus p{
   margin-bottom:20px !important;
}

@media(max-width:767px){
   .lp-dentist-footer .flex_row {
          row-gap: 18px;
   }
}

/* Banner CSS */
.cs-banner.simple-banner {
    min-height: auto;
    padding: 0;
}
.cs-banner .flex_row {
    display: grid;
   grid-template-columns:1fr 1fr;
    column-gap: 30px;
       align-items: center;
}
.cs-banner .top_sec{
       flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 1140px;
       display: flex;
    flex-direction: column;
    row-gap: 24px;
}
.cs-banner .top_sec img{
       flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: 1140px;
}
.cs-banner .top_sec h1{
   font-size:17.6px;
   font-weight:500;
   line-height:17.6px;
   color:#284a9a !important;
   margin-bottom:0;
   text-transform:uppercase;
}
.cs-banner .top_sec  h2{
   font-size:54.4px;
   font-weight:400;
   line-height:54.4px;
    color:#284a9a !important;
   margin-bottom:0;
}
.cs-banner .top_sec  p{
   font-size:19.2px;
   font-weight:400;
   line-height:28.2px;
    color:#284a9a !important;
}
.cs-banner .banner-content-inner{
   width:100%;
   padding:0;
}
.cs-banner .col6{
   padding:0;
}
.cs-banner  .img_wrap {
    padding-left: 20px;
    width: 100%;
    text-align: right;
    padding-right: 0;
}
.cs-banner  .img_wrap img{
       width: 86%;
}
.cs-banner  .page-center{
   padding-top:80px;
   padding-bottom:80px;
}

.cs-banner  .bg_primary{
   background-color:#eef5ff;
}
  .cs-header .e-con-inner .contact-no .number a:hover {
    color: #284a9a !important;
}
@media(max-width:1300px){
   .cs-banner .page-center {
    padding-bottom: 80px;
    padding-top: 26px;
 }
}
@media(max-width:1200px){
   .header-outer-wrapper {
    min-height: 43px;
}
   .cs-header .e-con-inner{
      padding-bottom:11px;
   }
   
   .cs-banner .page-center {
    padding: 60px 20px;
 }
}
@media(max-width:1024px){
   
   
   .cs-banner .flex_row{     
       grid-template-columns: 1fr;
   }
   .cs-banner .top_sec h2{
          font-size: 51.2px;
   }
   .cs-banner .img_wrap{
      padding: 0 !important;
    padding-top: 25px !important;
   }
   .cs-banner .img_wrap_inner{
          display: flex;
    justify-content: center;
   }
   
}
@media(max-width:767px){
   .header-outer-wrapper {
    min-height: 63px;
}
   .cs-header .e-con-inner{
      padding-bottom:21px;
   }
   .cs-banner .top_sec h2{
      font-size: 43.2px;
   }
   .cs-banner .top_sec{
          row-gap: 20px;
   }
   .cs-banner .top_sec h2 {
    font-size: 43.2px;
    line-height: 40px;
  }
}

.cs-header .mobile-nav-wrapper .elementor-button {
    color: #173c83 !important;
}
.hs-form {
    border-radius: 16px;
    border: 2px solid #354FCB;
    padding: 40px;
    margin-bottom: 30px;
}
.hs-form  label {
   font-weight:500;
   
       font-family: Roboto;
   
    font-size: 14px;
}


.cs-header .e-con-inner .hs-menu-depth-1>a:hover{
    color: rgba(40, 74, 154,1.0);
   color:#354FCB;
}
.cs-header .e-con-inner .hs-menu-depth-1>a:hover svg {
    fill: rgba(40, 74, 154,1.0);
    fill:#354FCB;
}
.cs-header .e-con-inner .hs-menu-wrapper>ul ul ul>li>a:hover {
    color: rgba(40, 74, 154,1.0);
   color:#354FCB;
}
form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea {
   
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    border-width: 1px;
    height: 40px;
}

.hs-button, .hs-sec-btn, .hs-trans-btn, .systems-page .hs-search-results__next-page, .systems-page .hs-search-results__prev-page, form input[type=submit]{
    font-size: 12px;
    line-height: 12px;
   
   font-family: Roboto;
   
   font-weight: 700;
}
.hs-error-msg, .hs_error_rollup label, .systems-page ul.no-list.hs-error-msgs label{
       color: #f2545b;
       float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    white-space: normal;
    font-weight: normal;
   
       font-family: Roboto;
   
   margin:0 !important;
}
.hs-error-msg, .hs_error_rollup label, .systems-page ul.no-list.hs-error-msgs label {
    color: #f2545b!important;
   font-weight: 500;
    
       font-family: Roboto;
   
    font-size: 14px;
}
form .inputs-list>li{
   margin:0;
}
form .hs_error_rollup {
    margin-bottom: 10px;
}

.dentist-footer-section1 .col-section{
   padding:0;
}
.dentist-footer-section1{
   border-top: 1px solid #eef5ff;
}
.dentist-footer-section1 .dentist-logo-section {
   display: flex;
   flex-direction: column;
   gap: 20px;
   flex-wrap: nowrap;
   width:50%;
}

.dentist-footer-section1 .flex_row.primary_font {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   padding-top: 50px;
   border-bottom:1px solid #E5E9EB;
   padding-bottom:35.5px;
   width:100%;
}
.dentist-footer-section1 .dentist-logo-section .dentist-phone-number p {
   font-size: 19.2px;
   line-height: 1.5;
   font-weight: 400;
   margin-bottom: 1.5rem;
   
       font-family: Bilo, sans-serif;
   
   
   color:rgba(255, 255, 255,1.0) !important;
}
.dentist-footer-section1 .dentist-logo-section .dentist-social-icons .footer-social .footer-social-item {
   height: 25px;
   width: 25px;
}

.dentist-footer-section1 .dentist-logo-section .dentist-social-icons .footer-social {
   gap: 20px;
   padding-left: 0;
}
.dentist-footer-section1 .menu-section{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 60px;
   width:50%;
}
.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li {
   font-size: 16px;
   line-height: 1;
}
.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li>a {
   display: inline-block;
   margin-bottom: 1.5rem;
   font-size: 16px;
   line-height: 1;
   font-weight: 400;
}
.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li>a >strong {
   font-size: 16px;
   line-height: 1;
   font-weight: 700;
   color:rgba(255, 255, 255,1.0) !important;
}
.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li>ul>li {
   font-size: 16px;
   margin-bottom:1.5rem;
   line-height: 1;
}
.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li>ul>li>a {
   font-size: 16px;
   line-height: 1;
   font-weight: 400;
    
       font-family: Bilo, sans-serif;
   
       white-space: pre-wrap;
   color:rgba(255, 255, 255,1.0) !important;
}

.dentist-footer-section1 .dentist-logo-section .dentist-phone-number p a{
   color:rgba(255, 255, 255,1.0) !important;
}








.dentist-footer-section2 .col-section{
   padding:0;
}
.dentist-footer-section2 .flex_row.primary_font {
   display: flex;
   flex-direction: row;
   gap: 20px;
   flex-wrap:nowrap;
   padding-bottom: 20px;
   padding-top:35.5px;
}
.dentist-footer-section2 .dentist-privacy-menu-section {
   width: 50%;
}

.dentist-footer-section2 .dentist-privacy-menu-section .privacy-menus p {
   font-size: 14.4px;
   line-height: 1.5;
   margin-bottom: 1.5rem;
   font-weight: 400;
}
.dentist-footer-section2 .dentist-privacy-menu-section .privacy-menus p a {
   font-size: 14.4px;
   line-height: 1.5;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
   color:rgba(255, 255, 255,1.0) !important;
}
.dentist-footer-section2 .dentist-privacy-menu-section .privacy-menus p a:hover {
   color: #92CFD2 !important;
}
.dentist-footer-section2 .dentist-privacy-menu-section .privacy-rights p {
   margin-bottom: 1.5rem;
   font-size: 14.4px;
   line-height: 1.5;
   font-weight:400;
   color:rgba(255, 255, 255,1.0) !important;
}
.dentist-footer-section2  .dentist-contact-details {
   width: 50%;
}
.dentist-footer-section2 .dentist-contact-details .dentist-contacts p {
   font-size: 14.4px;
   font-weight: 400;
   line-height: 1.5;
   margin-bottom: 1.5rem;
   text-align:right;   
}
.dentist-footer-section2 .dentist-contact-details .dentist-contacts p a{
  color:rgba(255, 255, 255,1.0) !important;
}
.dentist-footer { 
       border-top: 1px solid #eef5ff;
   padding-left: 30px;
    padding-right: 30px;
   background-color:rgba(40, 74, 154,1.0);
}
.dentist-footer-section1 {
    background: transparent !important;!i;!;
}

.dentist-footer-section2 {
    background: transparent !important;!i;!;
}

@media(max-width:767px){
   .dentist-footer-section2 .dentist-contact-details .dentist-contacts p{
            flex-direction:  column;
   }
   .dentist-footer-section2 .flex_row{
            flex-direction:  column;
   }
   .dentist-footer-section1 .menu-section{
            flex-direction:  column;
   }
   .dentist-footer-section1 .flex_row.primary_font{
      flex-direction: column;
   }
   .dentist-footer-section2 .flex_row.primary_font{
      flex-direction: column;
   }
   .dentist-footer-section2 .dentist-contact-details .dentist-contacts p{
          text-align: left;
   }
   .dentist-footer-section2 .dentist-contact-details{
          padding-top: 0 !important;
   }
   .dentist-footer-section1 .menu-section{
          row-gap: 20px;
   }
   .dentist-footer-section1 .dentist-logo-section{
          padding-bottom: 10px;
   }
   .dentist-social-icons .footer-social .footer-social-item {
    margin: 0 !important;
}
   
}



.dentist-footer-section1 .menu-section .footer-menu .hs-menu-wrapper>ul>li>ul>li>a:hover {
    color: #92CFD2 !important;
}
.dentist-footer-section1 .dentist-logo-section .dentist-phone-number p a:hover {
    color: #92CFD2 !important;
}
.dentist-footer-section2 .dentist-contact-details .dentist-contacts p a:hover {
    color: #92CFD2 !important;
}
.dentist-footer-section1{
   border-top:none;
}

.landing-banner {
    padding-top: 100px !important;
}
.servs-details-pg .left-dnd-area form {
    padding: 0;
    margin: 0;
    border: none;
}
@media(min-width:1201px){
.header-outer-wrapper {
    min-height: 62px;
}
}
@media (max-width: 767px) {
.systems-page h1 {
    font-size: 42px;
}
}
.custom-no-navigation {
    height: auto;
}
.systems-page form {
    max-width: 767px;
}