<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="shortcut icon" href="" type="image/x-icon" />




    <!--<link rel="stylesheet" href="src/assets/deals/css/font-awesome.css">

    <link rel="stylesheet" href="src/assets/deals/css/bootstrap.css">

    <link rel="stylesheet" href="src/assets/deals/css/plugins.css">

    <link rel="stylesheet" href="src/assets/deals/css/icofont.css">-->

   <!-- <link rel="stylesheet" href="src/assets/deals/css/style.css">-->

   <!-- <link rel="stylesheet" href="src/assets/deals/src/assets/deals/css/colors.css">

    <link rel="stylesheet" href="src/assets/deals/css/responsive.css">
-->
   <!-- <style class="color_css"></style>-->



    <style>
      body.modal-open .nxl-header, body.modal-open .nxl-navigation, body.modal-open .page-header, body.modal-open .nxl-container {
        filter: inherit !important;
        transition: all 0.2s linear;
      }
      /*input, .custom-file, .custom-select, .form-select, .form-control {
        color: #283c50;
        padding: 8px 5px !important;
        border-color: #e5e7eb;
        border-radius: 5px;
      }*/
      .select-dropdown .select-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 6px !important;
      }
      .hidden{
        display:none !important;
      }
      .css-1tidjsu-control {
        padding:3px !important;
      }
      .bg-primary{
        background:#df1573 !important;
      }
      .bg-primary {
        background-color: #df1573 !important;
      }
      .bg-primary2 {
        background-color: #df1573 !important;
      }
      .cs_hero.cs_style_2 {
        width: 100% !important;
        height: 100vh !important;
        max-height: 100px !important;
        min-height: 100px !important;
      }
      .btn .btn_pink{
        background-color: #df1573 !important;
        padding:5px;

      }
     .btn_pink{
        background-color: #df1573 !important;
        padding:5px;
       color:#FFF;

      }
      p {
        margin-top: 0;
        margin-bottom: 1rem;
        font-family: Roboto !important;
        font-size: 17px !important;
      }
      p > span  {
        margin-top: 0;
        margin-bottom: 1rem;
        font-family: Roboto !important;
        font-size: 17px !important;
      }
      @media (max-width: 1399px) {
        .cs_iconbox.cs_style_1 {
          padding: 17px 8px;
        }
      }
      .payment_left_block{
        border: 1px solid #e6e6e6;
        border-radius: 5px;
      }




      .box-right {
        padding: 30px 25px;
        background-color: white;
        border-radius: 15px
      }

      .box-left {
        padding: 0px;
        background-color: white;
        border-radius: 15px
      }

      .textmuted {
        color: #7a7a7a
      }

      .bg-green {
        background-color: #d4f8f2;
        color: #06e67a;
        padding: 3px 0;
        display: inline;
        border-radius: 25px;
        font-size: 11px
      }

      .p-blue {
        font-size: 14px;
        color: #1976d2
      }

      .fas.fa-circle {
        font-size: 12px
      }

      .p-org {
        font-size: 14px;
        color: #fbc02d
      }

      .h7 {
        font-size: 15px
      }

      .h8 {
        font-size: 12px
      }

      .h9 {
        font-size: 10px
      }

      .bg-blue {
        background-color: #dfe9fc9c;
        border-radius: 5px
      }

      .form-control {
        box-shadow: none !important
      }

      .card input::placeholder {
        font-size: 14px
      }

      ::placeholder {
        font-size: 14px
      }

      input.card {
        position: relative
      }

      .far.fa-credit-card {
        position: absolute;
        top: 10px;
        padding: 0 15px
      }

      .fas,
      .far {
        cursor: pointer
      }

      .cursor {
        cursor: pointer
      }

      .btn.btn-primary {
        box-shadow: none;
        height: 40px;
        padding: 11px
      }

      .bg.btn.btn-primary {
        background-color: transparent;
        border: none;
        color: #1976d2
      }

      .bg.btn.btn-primary:hover {
        color: #539ee9
      }

      @media(max-width:320px) {
        .h8 {
          font-size: 11px
        }

        .h7 {
          font-size: 13px
        }

        ::placeholder {
          font-size: 10px
        }
      }
      ._failed{ border-bottom: solid 4px red !important; }
      ._failed i{  color:red !important;  }

      ._success {
        box-shadow: 0 15px 25px #00000019;
        padding: 45px;
        width: 100%;
        text-align: center;
        margin: 40px auto;
        border-bottom: solid 4px #28a745;
      }

      ._success i {
        font-size: 55px;
        color: #28a745;
      }

      ._success h2 {
        margin-bottom: 12px;
        font-size: 40px;
        font-weight: 500;
        line-height: 1.2;
        margin-top: 10px;
      }

      ._success p {
        margin-bottom: 0px;
        font-size: 18px;
        color: #495057;
        font-weight: 500;
      }
      .profile-a{
        font-size:15px;
      }
      .profile-a-border{
       border-right: 1px solid #EEE;
      }
      .list-border{
        color: var(--body-color);
        border: 1px solid var(--border-color);
        font-size: 18px;
        padding: 25px;
        border-radius: 5px;
      }
      .time_slot {
        background: #E91E63 !important;
        border: 1px solid #E91E63 !important;
        border-radius: 50px;
        color: #FFF !important;
        padding: 5px;
          display: inline-block !important;
      }
      .col-lg-1-custom {
        flex: 0 0 auto;
        width: 11% !important;
      }
      h3.m_title {
        text-transform: capitalize;
      }

      .cs_social_btns_cs_style_1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
      ;
        gap: 10px;
        font-size: 20px;
        margin-top: 30px;
        text-align: center;
        margin-top: 5px;
      }
      .cs_social_btns_cs_style_1 a {
        height: 35px;
        width: 35px;
        color: var(--white-color);
        border-radius: 50%;
        position: relative;
      }
      .cs_social_btns_cs_style_1 .cs_center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
      ;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .cs_social_btns_cs_style_1 a::after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.1;
        border-radius: inherit;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s
        ease-in-out;
        transition: all 0.3s
        ease-in-out;
      }
      /************profile css**************/
      #profilediv .card {
        border-radius: 5px;
        background-color: #fff;
        padding-left: 60px;
        padding-right: 60px;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
      }
      .pull-right{
        float:right;
      }

      .rating-box {
        width: 130px;
        height: 130px;
        margin-right: auto;
        margin-left: auto;
        background-color: #FBC02D;
        color: #fff;
      }

      .rating-label {
        font-weight: bold;
      }

      /* Rating bar width */
      .rating-bar {
        width: 300px;
        padding: 8px;
        border-radius: 5px;
      }

      /* The bar container */
      .bar-container {
        width: 100%;
        background-color: #f1f1f1;
        text-align: center;
        color: white;
        border-radius: 20px;
        cursor: pointer;
        margin-bottom: 5px;
      }

      /* Individual bars */
      .bar-5 {
        width: 70%;
        height: 13px;
        background-color: #FBC02D;
        border-radius: 20px;

      }
      .bar-4 {
        width: 30%;
        height: 13px;
        background-color: #FBC02D;
        border-radius: 20px;

      }
      .bar-3 {
        width: 20%;
        height: 13px;
        background-color: #FBC02D;
        border-radius: 20px;

      }
      .bar-2 {
        width: 10%;
        height: 13px;
        background-color: #FBC02D;
        border-radius: 20px;

      }
      .bar-1 {
        width: 0%;
        height: 13px;
        background-color: #FBC02D;
        border-radius: 20px;

      }

      td {
        padding-bottom: 10px;
      }

      .star-active {
        color: #FBC02D;
        margin-top: 10px;
        margin-bottom: 10px;
      }

      .star-active:hover {
        color: #F9A825;
        cursor: pointer;
      }

      .star-inactive {
        color: #CFD8DC;
        margin-top: 10px;
        margin-bottom: 10px;
      }

      .blue-text {
        color: #0091EA;
      }

      .content {
        font-size: 18px;
      }

      .profile-pic {
        width: 90px;
        height: 90px;
        border-radius: 100%;
        margin-right: 30px;
      }

      .pic {
        width: 80px;
        height: 80px;
        margin-right: 10px;
      }

      .vote {
        cursor: pointer;
      }
      .fc-h-event {
        background-color: #E91E63 !important;
        border: 1px solid #E91E63 !important;
        display: block;
      }
      @media (max-width: 1400px) {
        .cs_hero.cs_style_1 .cs_hero_doctorbox {
          left: 62%;
        }
      }
      .cs_hero.cs_style_1 .cs_hero_doctorbox {
        width: 30%;
        height: 148px;
        top: 46%;
       /* left: 55%;*/
      }
      .cs_heading_font2{
        font-size: 25px !important;
        color: #c2f6f6;
      }
      .box-color{
        background-color: #ffffff;
        z-index: 1;
        padding-bottom: 35px;
        margin-bottom: 20px;
        max-width: 145px;
      }
      .latest-news-4 > .container > .item > .img {
        position: relative;
        width: 100%;
        height: 50px;
      }
      .latest-news-4 > .container > .item > .img > .date {
        border-radius: 50%;
        background-color: #fff;
        left: 29px;
      }



      .latest-news-4 > .container > .item {
        background-color: #ffffff;
        z-index: 1;
        padding-bottom: 35px;
        margin-bottom: 20px;
        max-width: 145px;
      }
      .fifteen_title{
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        margin-top: 13px;
        height:42px;
        font-family: "Roboto";
        font-weight: 900;
        font-size: 17px;
        color: #1f3d9d;
      }
      .latest-news-4 > .container > .item > .title {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        margin-top: 13px;
        font-family: "Roboto";
        font-weight: 900;
        font-size: 17px;
        color: #1f3d9d;
      }
      .latest-news-4>.container>.item {
        z-index: 1;
        max-width: 350px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding-bottom: 45px;
        margin-bottom: 80px;
        -webkit-transition: .3s
        linear;
        transition: .3s
        linear;
        overflow: hidden;
      }
      .date >img {
        height: 60px;
        width: 58px;
      }

        .cs_iconbox.cs_style_1 .cs_iconbox_header {
          gap: 20px;
          justify-content: center;
        }
      .cs_iconbox.cs_style_1 .cs_iconbox_icon {
        width: 60px;
        height:55px;
      }
      .cs_iconbox.cs_style_1 .cs_iconbox_shape {
        width: 150px;
        height: 183px;
        border-radius: 50%;
         background-color: inherit !important;
        opacity: 0.02;
        top: 10%;
        right: 0;
      }
      .dotted-border{
          display: inline-block;
          padding: 60px 50px;
          border: 3px dotted #3F51B5 !important;

      }
      .cs_hero.cs_style_1 .cs_hero_content {
        max-width: 100%;
        position: relative;
        z-index: 1;
      }
      .cs_hero.cs_style_1 .cs_hero_overlay {
        width: 100%;
        height: 100%;
        opacity: 0.95;
       /* background: -webkit-gradient(linear, right top, left top, color-stop(25%, #E91E63), color-stop(55.11%, var(--accent-color)));
      */  /* background: linear-gradient(270deg, transparent 25%, var(--accent-color) 55.11%); */
        left: 0;
        top: 0;
        opacity: 0.95;
      }
      .text-heading{
        background-color: #1f3d9de6 !important;
        color: #fff !important;
        border-radius: 5px;
        padding: 15px;
       /* opacity: 0.5;*/
        text-transform: uppercase;
      }
      .cs_hero.cs_style_1 {
        padding: 2px 0 0;
      }
      .blue-color-text{
        color:#1f3d9de6 !important;
        font-weight: bold;
      }
      .blue-color-text2{
        font-size: 35px !important;
        color: #41e1f5 !important;
        text-transform: uppercase !important;
        font-family: BebasNeue;
      }
      .header-img-ratio{
        height: 265px; width: 474px;
      }
      .div-img
      {
        flex: 0 0 50%; max-width: 50%;
      }
      .div-img-default-width{
        font-size: 35px;
      }

      .about__text > h1 {
        margin-left: -4px;
        margin-top: 0px;
      }
      .about__text > h2 {
        text-transform: uppercase !important;
        font-family: "BebasNeue";
        color: #f22283 !important;
        font-size: 20px;
        line-height: 4.4;
        color: #333333;
      }
      .about__text > h3 {

        font-family: Roboto;
        font-weight: 500;
        text-align: center;
        line-height: 1.4;
        color: #333333;
        font-size: 25px !important;
        margin-top: 30px;
      }
      .about__text > h4 {
        text-transform: lowercase !important;
        margin-top: 30px;
        font-family: "Roboto Light" !important;
        font-size: 20px;
        line-height: 1.4;
        color: #333333;
      }

      .header-bottom-2 > .container .benefits-form__benefits-item > .text {
        font-size: 24px;
        font-weight: 400;
        color: #333333;
      }
      .section-title > span {
        letter-spacing: 0.4px;
        line-height: 0.8;
        font-family: "BebasNeue";
        color: #1f3d9d;
      }
      .marginfor_subheadings{
        margin-top:50px;
      }
      @media (max-width: 576px){
        .special_div {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50% !important;
          max-width: 50% !important;
          width: 250px !important;
          max-width: 50% !important;
        }
      }
      .header-bottom__banner .slide-item {
        width: 100%;
        height: 925px;
        padding-top: 220px !important;
        overflow: hidden;
        position: relative;
      }
      .homepage_form{
        border: 1px solid #1f3d9d91;
        padding: 5px;
        background: #1f3d9dd9;
        border-radius: 15px;
      }
      #homepage_singup_form .form-group {
        margin-bottom: 0rem;
      }
      .signupform-checkbox{
        height: 20px;
        width: 19px;
        position: relative;
        top: 5px;
      }
      .header-bottom .container {
        width: 100%;
        min-height: 825px;
        padding-top: 75px !important;
        overflow: hidden;
        position: relative;
      }
      .header-bottom .slide-item__title {
        margin-left: -2px;
        text-transform: uppercase;
        font-size: 50px;
        font-family: "BebasNeue";
        font-weight: 500;
        line-height: 1;
        letter-spacing: 1.5px;
        width: 100%;
        color: #f22283;
      }
      .header-bottom .slide-item__subtitle {

        /*color: #1f3d9d;*/
      }
      .leads_no_1 {
        font-size: 50px;
        border: 3px solid #f22283 !important;
        padding: 0px 5px 15px 40px;
        color: #363894;
      }
      .cs_player_btn.cs_style_1 .cs_player_btn_icon {
        width: 50px;
        background-color: #df1573;
      }
      .cs-heading{
        color: #1f3d9de6 !important;
        font-weight: bold !important;
        text-transform: uppercase;
        font-size: 15px !important;
      }
      .w-custom-lg-80{
        width:80%;
      }
      .btn {
        display: flex;
        padding: 12px 16px;
        font-size: 14px;
      }


       .shop-block__card-item > .img > .icon, .shop > .container.container_right-sidebar > .article > .shop-block > .shop-block__card > .shop-block__card-item > .img > .icon {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 2;
        background-color: rgba(31, 61, 157, 0.7);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all 0.3s
        ease-in-out;
        transition: all 0.3s
        ease-in-out;
      }
       .font-size-24{
         font-size:24px !important;
       }
      .avatar-md{
        font-size: 24px;
      }
            /************profile css**************/

      /**********************top rated tabs********************/
      .user-card .card-block {
        text-align: center;
      }

      .card .card-block {
        padding: 5px;
      }

      .user-card .card-block .user-image {
        position: relative;
        margin: 0 auto;
        display: inline-block;
        padding: 5px;
        width: 110px;
        height: 110px;
      }

      .user-card .card-block .user-image img {
        z-index: 20;
        position: absolute;
        top: 5px;
        left: 5px;
        width: 100px;
        height: 100px;
      }

      .img-radius {
        border-radius: 50%;
      }

      .f-w-600 {
        font-weight: 600;
      }

      .m-b-10 {
        margin-bottom: 10px;
      }
      .m-b-1 {
        margin-bottom: 1px;
      }
      .m-t-5{
        margin-top:5px;
        margin-bottom: 5px !important;
      }
      .m-t-25 {
        margin-top: 25px;
      }

      .m-t-15 {
        margin-top: 15px;
      }

      .card .card-block p {
        line-height: 1.4;
      }

      .text-muted {
        color: #919aa3!important;
      }

      .user-card .card-block .activity-leval li.active {
        background-color: #2098d1;
      }

      .user-card .card-block .activity-leval li {
        display: inline-block;
        width: 15%;
        height: 2px;
        margin: 0 3px;
        background-color: #ccc;
      }

      .user-card .card-block .counter-block {
        color: #fff;
      }

      .bg-c-blue {
        background: linear-gradient(45deg,#4099ff,#73b4ff);
      }

      .bg-c-green {
        background: linear-gradient(45deg,#2ed8b6,#59e0c5);
      }

      .bg-c-yellow {
        background: linear-gradient(45deg,#FFB64D,#ffcb80);
      }

      .bg-c-pink {
        background: linear-gradient(45deg,#FF5370,#ff869a);
      }

      .m-t-10 {
        margin-top: 10px;
      }

      .p-20 {
        padding: 20px;
      }

      .user-card .card-block .user-social-link i {
        font-size: 30px;
      }

      .text-facebook {
        color: #3B5997;
      }

      .text-twitter {
        color: #42C0FB;
      }

      .text-dribbble {
        color: #EC4A89;
      }

      .user-card .card-block .user-image:before {
        bottom: 0;
        border-bottom-left-radius: 54px;
        border-bottom-right-radius: 54px;
      }

      .user-card .card-block .user-image:after, .user-card .card-block .user-image:before {
        content: "";
        width: 100%;
        height: 48%;
        border: 2px solid #5d9cec;
        position: absolute;
        left: 0;
        z-index: 10;
      }

      .user-card .card-block .user-image:after {
        top: 0;
        border-top-left-radius: 55px;
        border-top-right-radius: 52px;
      }

      .user-card .card-block .user-image:after, .user-card .card-block .user-image:before {
        content: "";
        width: 100%;
        height: 48%;
        border: 2px solid #5d9cec;
        position: absolute;
        left: 0;
        z-index: 10;
      }
      .card {
        float: left;
        /*min-height: 370px !important;*/
        min-height: 270px !important;
        padding-bottom: 0%;
        position: relative;
       /* text-align: center;*/
        width: 100%;
      }
      .p-1{
        padding:1px !important;
      }
      .map_icon_color{
        color:#5d9cec !important;
      }
      .dentist-name-home{
        text-decoration: underline !important;
      }
      .text-block{
        color:#0a0a0a;
      }
      .p-none{
        padding:0 !important;
      }
      .border-dotted{
        border-bottom:1px dotted #0a0a0b ;
      }
      .profile-hr{
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid #eee;
      }
      .color-blue{
        color: #337ab7!important;
      }
      .m-t-50{
        margin-top:60px !important;
      }
      .pb-5{
        padding-bottom: 5px !important;
      }
      .dental-button
      {
        word-wrap: break-word !important;
        white-space: normal !important;
      }
      .cs_full_screen_right {
        width: 100% !important;
      }
      .slick-prev, .slick-next {

        height: 50px !important;

        background: #3F51B5 !important;
      }
      .cs_hero.cs_style_1 {
        width: 100%;
        /* height: 16vh; */
        max-height: 1100px;
       height: 400px !important;
      }
      /**********************top rated tabs********************/

      /****Search page css**********/
      .career-form {
        background-color: #4e63d7;
        border-radius: 5px;
        padding: 0 16px;
      }

      .career-form .form-control {
        background-color: rgba(255, 255, 255, 0.2);
       /* border: 0;*/
        padding: 12px 15px;
       /* color: #fff;*/
      }

      .career-form .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        /*color: #fff;*/
      }

      .career-form .form-control::-moz-placeholder {
        /* Firefox 19+ */
        /*color: #fff;*/
      }

      .career-form .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
      }

      .career-form .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
      }

      .career-form .custom-select {
        background-color: rgba(255, 255, 255, 0.2);
        border: 0;
        padding: 12px 15px;
        color: #fff;
        width: 100%;
        border-radius: 5px;
        text-align: left;
        height: auto;
        background-image: none;
      }

      .career-form .custom-select:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
      }

      .career-form .select-container {
        position: relative;
      }

      .career-form .select-container:before {
        position: absolute;
        right: 15px;
        top: calc(50% - 14px);
        font-size: 18px;
        color: #ffffff;
        content: '\F2F9';
        font-family: "Material-Design-Iconic-Font";
      }

      .filter-result .job-box {
        background:#fff;
        -webkit-box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
        box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
        border-radius: 10px;
        padding: 10px 15px;
      }

      ul {
        list-style: none;
      }

      .list-disk li {
        list-style: none;
        margin-bottom: 12px;
      }

      .list-disk li:last-child {
        margin-bottom: 0;
      }

      .job-box .img-holder {
        height: 140px;
        width: 140px;
        background-color: #4e63d7;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(78, 99, 215, 0.9)), to(#5a85dd));
        background-image: linear-gradient(to right, rgba(78, 99, 215, 0.9) 0%, #5a85dd 100%);
        font-family: "Open Sans", sans-serif;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 65px;
      }

      .career-title {
        background-color: #4e63d7;
        color: #fff;
        padding: 15px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(78, 99, 215, 0.9)), to(#5a85dd));
        background-image: linear-gradient(to right, rgba(78, 99, 215, 0.9) 0%, #5a85dd 100%);
      }

      .job-overview {
        -webkit-box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
        box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
        border-radius: 10px;
      }

      @media (min-width: 992px) {
        .job-overview {
          position: -webkit-sticky;
          position: sticky;
          top: 70px;
        }
      }

      .job-overview .job-detail ul {
        margin-bottom: 28px;
      }

      .job-overview .job-detail ul li {
        opacity: 0.75;
        font-weight: 600;
        margin-bottom: 15px;
      }

      .job-overview .job-detail ul li i {
        font-size: 20px;
        position: relative;
        top: 1px;
      }

      .job-overview .overview-bottom,
      .job-overview .overview-top {
        padding: 35px;
      }

      .job-content ul li {
        font-weight: 600;
        opacity: 0.75;
        border-bottom: 1px solid #ccc;
        padding: 10px 5px;
      }

      @media (min-width: 768px) {
        .job-content ul li {
          border-bottom: 0;
          padding: 0;
        }
      }

      .job-content ul li i {
        font-size: 20px;
        position: relative;
        top: 1px;
      }

      .mb-30 {
        margin-bottom: 30px;
      }
      .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {

        /*border-radius: 36px;*/
      }
      /****Search page css**********/
      .cs_hero.cs_style_1 {
        width: 100%;

      }



      .szh-accordion__item-heading{
        background-color: #337ab7;
      }
      .szh-accordion__item-btn{
        background-color: #337ab7;
        color:#FFF;
      }
      .wrapper .question-container{
        width: 100%;
        text-align: left;
        padding: 20px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        font-size: 20px;
        background: #337ab7;
        border: none;
        cursor: pointer;
      }
      .question-container.active{
        color: #1db954;
        background-image: linear-gradient(90deg,transparent,rgba(0,0,0,0.04),transparent);
      }
      .wrapper .question-container:hover{
        background-image: linear-gradient(90deg,transparent,rgba(0,0,0,0.04),transparent);
      }
      .wrapper .arrow{
        font-size: 1.2rem;
        transition: .5s ease-in-out;
        border: 1px solid;
        padding: 9px;
        border-radius: 27px;
      }
      .arrow.active{
        rotate: 180deg;
        color: #1db954;
      }
      .wrapper .answer-container{
        padding: 0 1rem;
        transition: height .7s ease-in-out;
      }
      .wrapper .answer-content{
        padding: 1rem 0;
        font-size: 20px;
        font-style: italic;
        color:#000;
      }
      #myTab2 > .nav-item > .active >span {
        color: #1f3d9de6 !important;
        font-weight: bold !important;
        text-transform: uppercase;
        font-size: 15px !important;
      }

      .autocomplete-wrapper {
        position: relative;
        width:100%;
      }
      .autocomplete-wrapper input {
       height:60px;
      }
      .suggestions-list {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border: 1px solid #ccc;
        background: white;
        list-style: none;
        padding: 0;
        margin: 0;
        z-index: 111;
      }

      .suggestions-list li {
        padding: 8px;
        cursor: pointer;
        color: #3F51B5;
        font-weight: bold;
      }

      .suggestions-list li:hover {
        background-color: #e9e9e9;
      }
      .table-responsive .table tr td {
        padding: 5px !important;
      }
      .dataTables_wrapper .row:first-child, .dataTables_wrapper .row:last-child {
        padding: 5px !important;
      }
      #search-result  table > thead{
        display:none !important;
      }
      #search-result  .dataTables_length{
        display:none !important;
      }
      #search-result  .dataTables_filter{
        display:none !important;
      }
      .disabled{
        pointer-events: none;
        cursor: default;
      }
      .text-left{
        text-align: left !important;
      }

      /****************time line code******************/
      .timeline-steps {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
      }

      .timeline-steps .timeline-step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 1rem
      }

      @media (min-width:768px) {
        .timeline-steps .timeline-step:not(:last-child):after {
          content: "";
          display: block;
          border-top: .25rem dotted #3b82f6;
          width: 3.46rem;
          position: absolute;
          left: 7.5rem;
          top: .3125rem
        }
        .timeline-steps .timeline-step:not(:first-child):before {
          content: "";
          display: block;
          border-top: .25rem dotted #3b82f6;
          width: 3.8125rem;
          position: absolute;
          right: 7.5rem;
          top: .3125rem
        }
      }

      .timeline-steps .timeline-content {
        width: 11rem;
        text-align: center
      }

      .timeline-steps .timeline-content .inner-circle {
        border-radius: 1.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #3b82f6
      }

      .timeline-steps .timeline-content .inner-circle:before {
        content: "";
        background-color: #3b82f6;
        display: inline-block;
        height: 3rem;
        width: 3rem;
        min-width: 3rem;
        border-radius: 6.25rem;
        opacity: .5
      }
      /****************time line code******************/
    .error{
      color:#F00;
    }
      .cs_nav_list > li > ul > li > ul > li {
        position: relative;
        width: 25%;
        float: left;
      }
      .cs_nav_list > li > ul > li > ul {
        position: absolute;
        left: 100%;
        top: -25px;
        width: 40rem !important;
        max-width: 40rem !important;
        border-left: 3px solid #673AB7;
      }
      .cs-logo{
        right: 0px;
        top: 0px;
        width: auto;
        bottom: -1px;
        left: -800px;
        height: auto;
        border-radius: 0px;
        -webkit-transform: skewX(25deg);
        -moz-transform: skewX(25deg);
        -ms-transform: skewX(25deg);
        -o-transform: skewX(25deg);
        transform: skewX(25deg);
      }
    </style>
    <!--------------Chat css----------->
    <style>


      .chat-btn {
        position: absolute;
        right: 14px;
        bottom: 30px;
        cursor: pointer
      }

      .chat-btn .close {
        display: none
      }

      .chat-btn i {
        transition: all 0.9s ease
      }

      #check:checked~.chat-btn i {
        display: block;
        pointer-events: auto;
        transform: rotate(180deg)
      }

      #check:checked~.chat-btn .comment {
        display: none
      }

      .chat-btn i {
        font-size: 22px;
        color: #fff !important
      }

      .chat-btn {
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        background-color: #673AB7;
        color: #fff;
        font-size: 22px;
        border: none
      }
      .input-group-text {
        display: flex;
        align-items: center;
        padding: 1.375rem .75rem;
      }
      .section-padding {

        z-index: 00000;

      }
      .wrapper1 {
       /* z-index:1;*/
        z-index:999;
        position: fixed;
        right: 72px;
        bottom: 10px;
        width: 0px;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #5731af;
        opacity: 0;
        transition: all 0.4s;
      }

      #check:checked~.wrapper {
        opacity: 1
      }

      .header {
        padding: 13px;
        background-color: #4a22a9;
        border-radius: 5px 5px 0px 0px;
        margin-bottom: 10px;
        color: #fff
      }

      .chat-form {
        padding: 15px
      }

      .chat-form input,
      textarea,
      button {
        margin-bottom: 10px
      }

      .chat-form textarea {
        resize: none
      }

      /* .form-control:focus,
       .btn:focus {
           box-shadow: none
       }

       .btn,
       .btn:focus,
       .btn:hover {
           background-color: blue;
           border: blue
       }*/

      #check {
        display: none !important
      }
    </style>
    <style>

      .chat{
        margin-top: auto;
        margin-bottom: auto;
      }
      .card{
        height: 350px;
        border-radius: 15px !important;
        background-color: #673AB7;
      }
      .contacts_body{
        padding:  0.75rem 0 !important;
        overflow-y: auto;
        white-space: nowrap;
      }
      .msg_card_body{
        overflow-y: auto;
      }
      .card-header{
        border-radius: 15px 15px 0 0 !important;
        border-bottom: 0 !important;
      }
      .card-footer{
        border-radius: 0 0 15px 15px !important;
        border-top: 0 !important;
      }
      .container{
        align-content: center;
      }
      .search{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color:white !important;
      }
      .search:focus{
        box-shadow:none !important;
        outline:0px !important;
      }
      .type_msg{
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color:white !important;
        height: 60px !important;
        overflow-y: auto;
      }
      .type_msg:focus{
        box-shadow:none !important;
        outline:0px !important;
      }
      .attach_btn{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
      }
      .send_btn{
        border-radius: 0 15px 15px 0 !important;
        background-color: #673AB7 !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
      }
      .search_btn{
        border-radius: 0 15px 15px 0 !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
      }
      .contacts{
        list-style: none;
        padding: 0;
      }
      .contacts li{
        width: 100% !important;
        padding: 5px 10px;
        margin-bottom: 15px !important;
      }
      .active{
       /* background-color: rgba(0,0,0,0.3);*/
      }
      .user_img{
        height: 45px;
        width: 45px;
        border:1.5px solid #f5f6fa;

      }
      .user_img_msg{
        height: 40px;
        width: 40px;
        border:1.5px solid #f5f6fa;

      }
      .img_cont{
        position: relative;
        height: 45px;
        width: 45px;
      }
      .img_cont_msg{
        height: 40px;
        width: 40px;
      }
      .online_icon{
        position: absolute;
        height: 15px;
        width:15px;
        background-color: #4cd137;
        border-radius: 50%;
        bottom: 0.2em;
        right: 0.4em;
        border:1.5px solid white;
      }
      .offline{
        background-color: #c23616 !important;
      }
      .user_info{
        cursor: pointer;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 15px;
      }
      .user_info span{
        font-size: 15px;
        color: white;
      }
      .user_info p{
        font-size: 10px;
        color: rgba(255,255,255,0.6);
      }
      .video_cam{
        margin-left: 50px;
        margin-top: 5px;
      }
      .video_cam span{
        color: white;
        font-size: 15px;
        cursor: pointer;
        margin-right: 20px;
      }
      .msg_cotainer{
        width: 90%;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 10px;
        border-radius: 25px;
        background-color: #82ccdd;
        padding: 10px;
        position: relative;
        font-size:15px;
      }
      .msg_cotainer_send{
        width: 90%;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 10px;
        border-radius: 25px;
        background-color: #78e08f;
        padding: 10px;
        position: relative;
      }
      /*.msg_time{
          position: absolute;
          left: 0;
          bottom: -15px;
          color: rgba(255,255,255,0.5);
          font-size: 10px;
      }*/
      .msg_p{
        top: 7px;
        position: relative;
      }
      .msg_time_send{
        /*position: absolute;
        right:0;
        bottom: -15px;
        color: rgba(255,255,255,0.5);
        font-size: 10px;*/

        position: absolute;
        right: 10px;
        top: -3px;
        font-weight: bold;
        /* bottom: -15px; */
        color: #E8F5E9;
        font-size: 15px;
      }
      .msg_head{
        position: relative;
      }
      #action_menu_btn{
        position: absolute;
        right: 10px;
        top: 10px;
        color: white;
        cursor: pointer;
        font-size: 20px;
      }
      .action_menu{
        z-index: 1;
        position: absolute;
        padding: 15px 0;
        background-color: rgba(0,0,0,0.5);
        color: white;
        border-radius: 15px;
        top: 30px;
        right: 15px;
        display: none;
      }
      .action_menu ul{
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .action_menu ul li{
        width: 100%;
        padding: 10px 15px;
        margin-bottom: 5px;
      }
      .action_menu ul li i{
        padding-right: 10px;

      }
      .action_menu ul li:hover{
        cursor: pointer;
        background-color: rgba(0,0,0,0.2);
      }
      @media(max-width: 576px){
        .contacts_card{
          margin-bottom: 15px !important;
        }
      }

    </style>
    <!--------------Chat css----------->
    <!---------------chat content two-------------->
    <style>

      .main-content .content-sidebar.content-sidebar-md {
        max-width: 225px;
      }
      .incoming_msg_img {
        display: inline-block;
        width: 17%;
        height: 28px;
        border: 2px solid #3F51B5;
        text-align: center;
        border-radius: 17px;
        margin-top: 5px;
        max-width: 28px;
        height: 28px;
      }
      .sent_msg .incoming_msg_img {
        display: inline-block;
        width: 17%;
        height: 28px;
        border: 2px solid #FF5722;
        text-align: center;
        border-radius: 17px;
        margin-top: 5px;
        max-width: 28px;
        height: 28px;
      }
      .received_msg {
        display: inline-block;
        padding: 0 0 0 10px;
        vertical-align: top;
        width: 92%;
      }
      .received_withd_msg p {
        background: #3f51b5 none repeat scroll 0 0;
        border-radius: 3px;
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding: 5px 10px 5px 12px;
        width: 100%;
      }
      .time_date {
        color: #747474;
        display: block;
        font-size: 12px;
        margin: 8px 0 0;
      }
      .received_withd_msg { width: 75%;}
      .mesgs {
        float: left;
        padding: 30px 15px 0 25px;
        width: 60%;
      }

      .sent_msg p {
        background: #FF5722 none repeat scroll 0 0;
        border-radius: 3px;
        font-size: 14px;
        margin: 0; color:#fff;
        padding: 5px 10px 5px 12px;
        width:83%;
        float:left;
      }
      .outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
      .sent_msg {
        float: right;
        width: 75%;
      }
      .input_msg_write textarea {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #9E9E9E;
        color: #4c4c4c;
        font-size: 15px;
        min-height: 48px;
        width: 100%;
      }
      .input_msg_write input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #9E9E9E;
        color: #4c4c4c;
        font-size: 15px;
        min-height: 48px;
        width: 100%;
      }

      .type_msg {border-top: 1px solid #c4c4c4;position: relative;}
      .msg_send_btn {
        background: #05728f none repeat scroll 0 0;
        border: medium none;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        font-size: 17px;
        height: 33px;
        position: absolute;
        right: 0;
        top: 115px;
        width: 33px;
      }
      .messaging { padding: 0 0 50px 0;}
      .msg_history {
        height: 316px;
        overflow-y: auto;
        border: 1px solid #ebebeb;
      }


      @media only screen and (max-width: 400px) {
        .feature_img {
          border-radius: 50%;
          height: 80px;
          width: 80px;
          border: 3px solid #ff2782 !important;
          animation: animatePinkShadow 1s linear alternate-reverse infinite;
          padding: 6px;
          margin-top: 30px;
        }
      }
      /* Tablet Styles */
      @media only screen and (min-width: 401px) and (max-width: 960px) {

        .feature_img {
          border-radius: 50%;
          height: 80px;
          width: 80px;
          border: 3px solid #ff2782 !important;
          animation: animatePinkShadow 1s linear alternate-reverse infinite;
          padding: 6px;
          margin-top: 30px;
        }
      }
      /* Desktop Styles */
      @media only screen and (min-width: 961px) {
        .feature_img{
          border-radius: 50%;
          /*	width: 105px;
              height: 90px;*/
          height: 80px;
          width: 80px;
          padding: 12px;
          border: 3px solid #ff2782 !important;
          animation: animatePinkShadow 1s linear alternate-reverse infinite;
        }


      }
      .why-choose-us > .container .difference__item-number:before {
        content: "";
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(242, 34, 131, 0.4);
        width: 126%;
        height: 126%;
        z-index: -1;
        animation: animatePinkShadow 3s ease-in-out alternate-reverse infinite;
      }
      .why-choose-us > .container .difference__item-number {
        text-align: center;
        background: none !important;
      }
      .why-choose-us > .container .difference__item-number:before {
        content: " ";
        width: 0px !important;
        background-color: #FFF;
      }
      .difference__item-title{
        text-align: center;
      }
      .cs_fs_17 {
        font-size: 17px!important;
      }
      .feature_yes_color {
        border: 2px solid #22c925;
        padding: 3px;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        font-size: 16px;
        font-weight: bold;
      }
      .feature_no_color {
        border: 2px solid #e32a2a;
        padding: 3px;
        border-radius: 50%;
        height: 25px;
        width: 25px;
        font-size: 16px;
      }
      .feature_default {
        background-color: #a7c5ff45 !important;
        width: 30%;
        border-color: #8080804f;
        font-weight: bold;
        color: #000 !important;

      }


      .material-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 10px;
        text-align: center;
        height: 100%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
      }

      .material-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      }

      .brand-name {
        color: #353894;
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 1px;
      }

      .phone-number {
        color: #2e67b3;
        font-weight: 700;
        font-size: 23px;
        margin-bottom: 1px;
      }

      .website {
        color: #353894;
        font-weight: 600;
        font-size: 21px !important;
        letter-spacing: 1px;
        margin-bottom: 0px;
      }


      .cs_iconbox.cs_style_1 {
        background: #ffffff;
        border-radius: 12px;
        padding: 10px;
        text-align: center;
        /*height: 100%;*/
        border:0px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
      }
      @media (max-width: 767px) {
        .cs_hero.cs_style_1 .cs_hero_title_mini{
font-size: 28px !important;
        }
      }
      .gt-footer-widget-wrapper .gt-footer-bg-item::before {
       position: relative !important;
        border:0px;
      }

      /**********************call,text,web design************/
      .banner {
        display: flex;
        max-width: 100%;
        margin:0px auto;
        background: #ffffff;
        /*border-radius: 12px;*/
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
      }

      .banner-content {
        flex: auto;
        padding:10px;
      }

      .banner-content h1 {
        font-size: 18px;
        font-weight: 800;
        color: #0b5ed7;
        line-height: 1.3;
      }

      .banner-content h2 {
        margin-top: 20px;
        font-size: 22px !important;
        color: #0b5ed7;
      }
      .overlay:before {
          position: absolute;
          content: "";
          z-index: -1 !important;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          background: rgba(0, 0, 0, 0.7) !important;
      }
      .border {
          padding: 31px 0;
          overflow: hidden;
          border: 0px solid rgba(255, 255, 255, 0.45) !important;
      }
      #header.header2 .border {
          padding: 31px 0;
          overflow: hidden;
          border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
          border-top: 0px solid rgba(255, 255, 255, 0.45) !important;
          border-left: 0px solid rgba(255, 255, 255, 0.45) !important;
          border-right: 0px solid rgba(255, 255, 255, 0.45) !important;
      }
      .brand {
        margin-top: 20px;
      }

      .header_deals {
          padding: 13px;
          background-color: #f6f6f6;
          border-radius: 5px 5px 0px 0px;
          margin-bottom: 10px;
          color: #fff;
      }

      .brand-name {
        display: block;
        font-size: 34px;
        font-weight: 800;
        color: #4a4a4a;
        height:33px;
      }

      .brand-name strong {
        color: #d18a28;
      }
      .coupon-button{
         color:#ffb300 !important;
      }
      .cs_post_title {
          min-height: 104px !important;
      }
      .btn-warning, .btn-warning:hover, .btn.bg-soft-warning:focus, .btn.bg-soft-warning:hover {
          color: #ffffff !important;
          border-color: #ffb300 !important;
          background-color: #ffb300 !important;
      }
      .btn-warning-coupon {
          color: #ffffff !important;
          border-color: #ffb300 !important;
          background-color: #ffb300 !important;
          font-size: 13px !important;
      }
      .phone {
        display: block;
        font-size: 32px;
        color: #1f7a5f;
        font-weight: 700;
        margin-top: 5px;
        height:37px;
      }

      .website {
        display: block;
        font-size: 24px;
        color: #6b5fb5;
        margin-top: 5px;
        text-transform: uppercase;
      }

      .cta {
        display: inline-block;
        margin-top: 30px;
        padding: 14px 28px;
        border-radius: 40px;
        background: #ffffff;
        border: 3px solid #0b5ed7;
        color: #0b5ed7;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
      }

      .cta span {
        color: #d18a28;
      }

      .cta:hover {
        background: #0b5ed7;
        color: #ffffff;
      }

      .services {
        margin-top: 40px;
        background: #ffde00;
        padding: 25px;
        border-radius: 12px;
      }

      .services h3 {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 800;
      }

      .services ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 30px;
        list-style: none;
      }

      .services li::before {
        content: "✔ ";
        font-weight: bold;
      }

      .banner-image {
        flex: 1;
        background: url("/mnt/data/ihomegrow-call-banner-1.png") center right / cover no-repeat;
        min-height: 500px;
      }

      /* Responsive */
      @media (max-width: 900px) {
        .banner {
          flex-direction: column;
        }

        .banner-image {
          min-height: 300px;
        }
      }
      /**********************call,text,web design************/
      .dynamiclogo {
        float: right;
        font-weight: 700;
        font-size: clamp(1.5rem, 2.5vw, 2rem);
        line-height: 1.1;
        text-align: left;
        letter-spacing: -0.03em;
        text-transform: uppercase;
      }
      .phonecolor{
        color:#6b5fb5;
       /* font-size:36px*/
      }
      .websitecolor{
        color:#1f7a5f;
      }
      .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        position: relative !important;
      }
      .store-sec .style2 {
          padding: 45px 0 !important;
      }
      #deals_site .banner:after {
          min-height:80vh !important;
      }
      .latest-coupon {
          overflow: hidden;
          padding-top: 45px !important;
          padding-bottom: 120px;
      }
      #footer.footer2 .col2 {
          width: 60.5% !important;
          padding: 0 50px 0 71px;
      }
      .banner-imp:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          width: 0;
          min-height: 23vh !important;
      }
      #header.header2 #nav {
          font-size: 16px !important;
          line-height: 15px;
          padding: 15px 0 0;
      }
      #header.header2 .align-left a {
          color: #a5fb13 !important;
      }


      #nav > ul > li:hover .drop-down {
          visibility: visible;
          opacity: 1;
          -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
          transform: translateY(0%);
      }
      #nav .drop-down {
          position: relative;
          left: 0;
          top: 100%;
          margin-top:5px;
          /*z-index: -1;*/
          width: 250px;
          background: #82bf1c;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: all 0.25s linear;
          -o-transition: all 0.25s linear;
          transition: all 0.25s linear;
          -webkit-transform: translateY(-2em);
          -ms-transform: translateY(-2em);
          transform: translateY(-2em);
      }
      .list-unstyled {
          padding-left: 0;
          list-style: none;
      }
      ul ul, ul ol, ol ul, ol ol {
          margin-bottom: 0;
      }
      #header.header2 #nav ul li ul li {
          margin: 0 0 0 0px;
          padding: 15px;
      }
      .gt-sponsor-item {
          border-radius: 100px;
          background: rgb(77 85 204);
          padding: 25px;
          margin-top: 30px;
          position: relative;
          text-align: center;
          z-index: 999;
      }

      /****************************switch button css************************/
      .onoffswitch {
          position: relative; width: 90px;
          -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
      }

      .onoffswitch-checkbox {
          display: none;
      }

      .onoffswitch-label {
          display: block; overflow: hidden; cursor: pointer;
          border: 2px solid #999999; border-radius: 20px;
      }

      .onoffswitch-inner {
          display: block; width: 200%; margin-left: -100%;
          -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
          -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
      }

      .onoffswitch-inner:before, .onoffswitch-inner:after {
          display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
          font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
          -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
      }

      .onoffswitch-inner:before {
          content: "YES";
          padding-left: 10px;
          background-color: #2FCCFF; color: #FFFFFF;
      }

      .onoffswitch-inner:after {
          content: "NO";
          padding-right: 10px;
          background-color: #EEEEEE; color: #999999;
          text-align: right;
      }

      .onoffswitch-switch {
          display: block; width: 18px; margin: 6px;
          background: #FFFFFF;
          border: 2px solid #999999; border-radius: 20px;
          position: absolute; top: 0; bottom: 0; right: 56px;
          -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
          -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
      }

      .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
          margin-left: 0;
      }

      .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
          right: 0px;
      }












      .switch6 {  max-width: 17em;  margin: 0 auto; }
      .switch6-light > span, .switch-toggle > span {  color: #000000; }
      .switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {  color: #2b2b2b; }

      .switch-toggle a,
      .switch6-light span span { display: none; }

      .switch6-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; }
      .switch6-light * { box-sizing: border-box; }
      .switch6-light a { display: block; transition: all 0.3s ease-out 0s; }

      .switch6-light label,
      .switch6-light > span { line-height: 30px; vertical-align: middle;}

      .switch6-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

      .switch6-light input:focus ~ a, .switch6-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
      .switch6-light input { position: absolute; opacity: 0; z-index: 5; }
      .switch6-light input:checked ~ a { right: 0%; }
      .switch6-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
      .switch6-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center; }
      .switch6-light > span span:last-child { left: 50%; }
      .switch6-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px; }





      /****************************switch button css************************/
      /****************************Pricing css************************/
      .pricing-section .price-block {
          position: relative;
          margin-left: 10px;
      }
      .pricing-section .price-block .price_content{
          text-align: center;
          box-shadow: 1px 15px 46px rgb(146 146 146 / 10%);
          border-radius: 15px;
          width: 100%;
          padding: 40px 32px 22px;
          background: var(--e-global-color-white);
          transition: all 0.3s ease-in-out;
      }
      .pricing-section .price-block .price_content::before{
          content: "";
          position: absolute;
          background: var(--e-global-color-light-grayish-cyan);
          border-radius: 15px;
          width: 92%;
          height: 87%;
          z-index: -1;
          left: 5px;
          top: -9px;
      }
      .pricing-section .price-block .price_content:hover {
          background: var(--e-global-color-accent);
      }
      .pricing-section .price_content .icon figure {
          position: absolute;
          transition: all 0.3s ease-in-out;
      }
      .pricing-section .price_content .icon figure:hover {
          transform: translateY(-5px);
      }
      .pricing-section .price-block .price_content:hover img{
          filter: brightness(0) invert(1);
      }
      .pricing-section .price_content .top-content{
          display: flex;
      }
      .pricing-section .price_content .heading{
          display: inline-block;
          padding-left: 70px;
      }
      .pricing-section .price_content .heading .heading1{
          font-size: 16px;
          line-height: 30px;
          font-family: 'Montserrat', sans-serif;
          display: block;
          margin-bottom: -4px;
          text-align: left;
          color: var(--e-global-color-very-dark-gray-mostly-black);
          transition: all 0.3s ease-in-out;
      }
      .pricing-section .price-block .price_content:hover .heading1{
          color: var(--e-global-color-white);
      }
      .pricing-section .price_content .heading .heading2 {
          text-transform: uppercase;
          font-family: 'PT Serif', serif;
          color: var(--e-global-color-very-dark-gray-mostly-black);
          transition: all 0.3s ease-in-out;
          margin-bottom: 24px;
      }
      .pricing-section .price-block .price_content:hover .heading2{
          color: var(--e-global-color-white);
      }
      .pricing-section .price_content .price{
          background: var(--e-global-color-light-grayish-cyan);
          position: relative;
          left: -32px;
          border-radius: 0 10px 10px 0;
          height: 64px;
          padding: 10px;
          width: 264px;
          margin-bottom: 32px;
      }
      .pricing-section .price_content .price h4 {
          font-weight: 600;
          font-family: 'PT Serif', serif;
          color: var(--e-global-color-secondary);
          margin-right: 10px;
          margin-left: -16px;
          display: inline-block;
      }
      .pricing-section .price_content .price span {
          text-transform: uppercase;
          font-family: 'Montserrat', sans-serif;
          color: var(--e-global-color-secondary);
      }
      .pricing-section .price_content ul{
          text-align: left;
      }
      .pricing-section .price_content ul .text-size-14{
          font-family: 'Montserrat', sans-serif;
          transition: all 0.3s ease-in-out;
      }
      .pricing-section .price_content:hover .text-size-14{
          color: var(--e-global-color-white);
      }
      .pricing-section .price_content ul li{
          margin-bottom: 12px;
      }
      .pricing-section .price_content ul li .circle {
          border: 1px solid var(--e-global-color-accent);
          border-radius: 100px;
          height: 20px;
          width: 20px;
          line-height: 20px;
          text-align: center;
          margin-right: 15px;
          display: inline-block;
          transition: all 0.3s ease-in-out;
          font-size: 12px;
          font-family: 'FontAwesome';
          color: var(--e-global-color-accent);
      }
      .pricing-section .price-block .price_content:hover .circle{
          border: 1px solid var(--e-global-color-white);
          background: var(--e-global-color-accent);
          color: var(--e-global-color-white);
      }
      .pricing-section .price_content .for-space {
          margin-bottom: 30px;
      }
      .pricing-section .price_content .get_started {
          background: var(--e-global-color-accent);
          color: var(--e-global-color-white);
          font-size: 18px;
          line-height: 24px;
          font-weight: 500;
          font-family: 'Montserrat', sans-serif;
          border-radius: 10px;
          padding: 18px 46px;
          margin-right: 8px;
          text-align: center;
          display: inline-block;
          transition: all 0.3s ease-in-out;
      }
      .pricing-section .price_content .get_started:hover{
          background: var(--e-global-color-light-grayish-cyan) !important;
          color: var(--e-global-color-accent) !important;
      }
      .pricing-section .price-block .price_content:hover .get_started{
          background: var(--e-global-color-white);
          color: var(--e-global-color-accent);
      }

      /* Footer */

      .footer-section{
          background: #101010;
          position: relative;
          padding: 130px 0 0;
      }
      .footer-section .footer-backgroundlayer {
          position: absolute;
          left: 0;
          top: 0;
      }
      .footer-section .middle-portion{
          margin-bottom: 76px;
      }
      .footer-section .middle-portion .links{
          margin-left: -32px;
      }
      .footer-section .middle-portion .links li{
          display: inline-block;
          margin: 0 39px;
      }
      .footer-section .middle-portion .links li:first-child{
          margin-left: 0px;
      }
      .footer-section .middle-portion .links li:last-child{
          margin-right: 0px;
      }
      .footer-section .middle-portion a{
          font-size: 18px;
          line-height: 20px;
          font-weight: 400;
          font-family: 'Montserrat', sans-serif;
          text-transform: uppercase;

          text-decoration: none;
          transition: all 0.3s ease-in-out;
          letter-spacing: 0.6px;
          word-spacing: 0.2px;
      }
      .pricing-section .price_content .price {
          background: var(--e-global-color-light-grayish-cyan);
          position: relative;
          left: -32px;
          border-radius: 0 10px 10px 0;
          height: 40px;
          padding: 0px;
      }
      @media screen and (max-width: 1440px) {
          .pricing-section {
              padding: 20px 0;
          }
      }
      @media screen and (max-width: 1440px) {
          .blog-section {
              padding: 20px 0 100px;
          }
      }
      .pricing-section .price_content .heading {
          display: block;
          text-align: center;
          padding-left: 0px;
      }
      .pricing-section .price_content .price {
          background: #d5eff4;
          position: relative;
          left: -5px;
          width: 236px;
          margin-bottom: 3px;
          border-radius: 0 10px 10px 0;
          height: 40px;
          padding: 0px;
      }
      @media (min-width: 1200px) {
          body h2 {
              font-size: 1.5rem !important;
          }
      }
      .banner h2 {

          line-height: 35px !important;
      }
      body a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: block !important;
          text-decoration: none;
          color: #213366;
      }
      #expo_div a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: inline-block !important;
          text-decoration: none;
          color: #213366;
      }
      #expodiv2 a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: inline-block !important;
          text-decoration: none;
          color: #213366;
      }
      #pricing-div a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: inline !important;
          text-decoration: none;
          color: #213366;
      }
      .hstack a{
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: flex !important;
          text-decoration: none;

      }
      .nxl-header .header-wrapper .nxl-lavel-mega-menu-toggle a, .nxl-header .header-wrapper .nxl-navigation-toggle a {
          color: #283c50;
          display: none !important;
      }
      .cs_pricing_table.cs_style_1 .cs_price_value sub {
          margin-left: 2px !important;
      }

      #dentalgro_brand a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: inline-block !important;
          text-decoration: none;
          color: #213366;
      }
      #dentaldiv a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: -webkit-inline-box !important;
          text-decoration: none;
          color: #213366;
      }

      #teldiv a {
          -webkit-transition: all .3s ease;
          -moz-transition: all .3s ease;
          transition: all .3s ease;
          display: inline-block !important;
          text-decoration: none;
          color: #213366;
      }


     /* @media (min-width: 1200px) {
          body h1 {
              font-size: 1.75rem !important;
          }
      }*/
      @media (min-width: 1200px) {
          body h1 {
              font-size: 56px !important;
          }
          #growbusiness h1 {
              font-size: 25px !important;
          }
          #divid3 h1 {
              font-size: 25px !important;
          }

      }
      @media (min-width: 1200px) {
          #divid h1 {
              font-size: 25px !important;
          }
          #divid2 h1 {
              font-size: 56px !important;
          }

      }

      @media (min-width: 1200px) {
          body h4 {
              font-size: 1.1rem !important;
          }
      }
      @media screen and (min-width: 1200px) {
          .cs_nav {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              height:auto !important;

          }
      }
      .lawyers_div {
          font-size: 25px !important;
      }
      .contact-item .contact-thumb:before, .contact-item .contact-thumb:after, .shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon, .shop-single .review .review-content .description .post-item .post-content ul li::before, .shop-single .review .review-content .review-showing .client-review .review-form .review-title h4::after, .shop-single .review .review-content .review-showing .client-review .review-form .review-title h4::before, .shop-single .product-details .post-content form .select-product i, .shop-single .product-details .product-thumb .pro-single-prev, .shop-single .product-details .product-thumb .pro-single-next, .shop-page .modal .modal-dialog .modal-content button.close, .shop-page .shop-product-wrap .product-item .product-thumb .product-action-link, .shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link, .shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb::after, .shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb::after, .widget.widget-search .search-wrapper button, .widget .widget-header h5::before, .blog--style2 .blog__slider .thumb-nav, .blog--style2 .blog__thumb .meta-date, .blog--style2 .blog__thumb .pluse_2::after, .blog--style2 .blog__thumb .pluse_2::before, .blog--style2 .blog__thumb .pluse_2, .blog--style2 .blog__thumb .play-btn, .img-stack li .time-tooltip, .transportation .section__wrapper .right .lab-line .lab-tooltip::after, .transportation .section__wrapper .right .lab-line .lab-tooltip::before, .transportation .section__wrapper .right .lab-line .lab-tooltip, .transportation .section__wrapper .right .lab-line span::after, .transportation .section__wrapper .right .lab-line, .app--style2::after, .banner__inputlist--icon, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .pluse::after, .pluse::before, .pluse, .custom-upload input[type=file], .countdown li .count-number:after, .info-card .info-card-content .info-list li .info-name:after, .create-post .lab-inner .lab-content .post-form .content-type .content-list .image-video input[type=file], .create-post .lab-inner .lab-content .post-form .content-type .content-list .attach-file input[type=file], .post-item .post-content .post-author .post-author-inner .author-details .post-status .post-privacy:after, .cart-plus-minus .qtybutton, .log-reg .log-reg-inner .main-content .or::before, .log-reg .image, .log-reg.comingsoon form button, .group__bottom--allmedia ul li .nav-link span::after, .group__bottom--head .left form button, .meet__content, .member--style3 .member__content, .member--style3 .member__thumb::after, .member__info--customselect .default-btn::after, .member__info--count p::after, .member__info--count p, .member__activity, .footer--feature .footer__content--desc ul li .thumb .feature__activity, .footer__newsletter--form form .default-btn, .banner--style3 .banner__thumb--title h4, .banner--style3 .banner__thumb--shape .shapeimg, .banner--style2 .banner__thumb--shape .shapeimg, .navbar-toggler--icon:after, .navbar-toggler--icon:before, .header--style2 .header__top--left ul li::after, .header--style2 .header__top--right ul li::after, .header--style2 .header__top--left ul li:last-child::before, .header--style2 .header__top--right ul li:last-child::before, .shape__image
      {
          content:inherit !important;
      }
     /* @media screen and (min-width: 1200px) {
          .cs_nav {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              height: 100%;
              line-height: 5.5em;
          }
      }*/
      /****************************Pricing css************************/

      .cs_footer.cs_style_1 .cs_social_btns.cs_style_1 a {
          height: 35px;
          width: 35px;
      }


      /***************************curve design***************************/
      *{
          margin:0;
          padding:0;
          box-sizing:border-box;
      }

      body{
          font-family:Arial, sans-serif;
          background:#f5f5f5;
      }

      /* HERO SECTION */
      .hero{
          position:relative;
          height:500px;
          overflow:hidden;
          background:linear-gradient(to bottom,#ffffff 65%, #6ec6ef 100%);
          display:flex;
          justify-content:center;
          align-items:center;
          text-align:center;
      }

      /* BIG CURVES */
      .curve{
          position:absolute;
          /*border-radius:50%;
          left:50%;
          transform:translateX(-50%);*/
      }

      /* OUTER CURVE */
      .curve1{
          /*width:1100px;*/
          min-height:900px;
          background:#fff;
          top:-450px;
         /* border:3px solid #efefef;*/
      }

      /* INNER CURVE */
      .curve2{
          /*width:900px;*/
          min-height:750px;
          background:#fff;
          top:-340px;
          /*border:2px solid #f2f2f2;*/
      }

      /* CONTENT */
      .content{
          position:relative;
          z-index:2;
          max-width:700px;
      }

      .content h1{
          font-size:52px;
          color:#1e2340;
          margin-bottom:20px;
          font-weight:700;
      }
      @media (min-width: 1200px) {
          body h3 {
              font-size: 1.3rem !important;
          }
      }
      .content p{
          font-size:22px;
          color:#444;
          line-height:1.5;
          margin-bottom:40px;
      }

      /* TOGGLE BUTTON */
      .toggle{
          display:inline-flex;
          background:#1d56a5;
          border-radius:50px;
          overflow:hidden;
          padding:5px;
      }

      .toggle button{
          border:none;
          padding:15px 40px;
          background:transparent;
          color:#fff;
          cursor:pointer;
          font-weight:600;
          border-radius:40px;
          transition:.3s;
      }

      .toggle .active{
          background:#fff;
          color:#1d56a5;
      }
      .cs_scrollup {
          position: fixed;
          bottom: -60px !important;
          right: 85px !important;
      }
      .tab-content {
          margin-top: 0px !important;
          border-top: 1px none;
          padding-top: 0;
      }
      @media screen and (max-width: 1199px) {
          .cs_nav .cs_nav_list_wrap.cs_active {
              left: 0vw;
              width: 95vw;
          }
      }
      /***************************curve design***************************/
</style>
    <script type="module" crossorigin src="/assets/index-C5x_ivnR.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BB8z9h-n.css">
  </head>
  <body>
    <div id="root"></div>
    <script src="/src/assets/js/jquery-3.7.1.min.js"></script>
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>-->

    <script
            defer
            src="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/index.js"
    ></script>
    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css"
    />

    <script src="src/assets/js/wow.min.js"></script>
    <script src="src/assets/js/jquery.slick.min.js"></script>
    <script src="src/assets/js/odometer.js"></script>
    <script src="src/assets/js/light-gallery.min.js"></script>
    <script src="src/assets/js/jquery-ui.js"></script>
    <script src="src/assets/js/jquery-timepicker.min.js"></script>
    <script src="src/assets/js/select2.min.js"></script>
    <script src="src/assets/js/ripples.min.js"></script>
    <script src="src/assets/js/main.js"></script>
    <script src="https://js.stripe.com/v3"></script>

    <!-- <script type='text/javascript' data-cfasync='false'>window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({c: '77e3ee60-44f9-40ab-b798-26fde5995ad5', f: true }); done = true; } }; })();</script>
 -->
    <script>
       /* (function () {
            var host = window.location.hostname;


            var link = document.querySelector("link[rel*='icon']") || document.createElement("link");
            link.rel = "icon";
            link.href = "/favicons/default.ico";
            document.head.appendChild(link);

            fetch("http://localhost/allinonestaging/backend/get-favicon?host=" + host)
                .then(function (res) {
                    return res.json();
                })
                .then(function (data) {
                    console.log(data)
                    console.log(111111)

                    console.log(data.favicon)
                    if (data && data.favicon) {
                        link.href = data.favicon + "?v=" + Date.now(); // prevent cache
                    }
                })
                .catch(function (err) {
                    console.error("Favicon API error:", err);
                });
        })();*/
    </script>

  </body>
</html>
