:root {
  --font-source: "Source Sans Pro", sans-serif;
  --font-head: "Josefin Sans", sans-serif;
}
img {
  max-width: 100%;
}
/*.structure-main {
  padding: 0px 60px;
  }*/
  input {
    border-radius: 10px !important;
  }
  textarea {
    border-radius: 10px;
  }
  select {
    border-radius: 10px;
  }
  /* header */
  .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .mb-view-buttons-design {
    display: none !important;
  }
  .navbar-expand-lg .navbar-collapse {
    padding-left: 100px;
  }
  .navbar-brand img {
    max-width: 240px;
  }
  .navbar-nav .nav-link {
    font-family: var(--font-source);
    font-size: 16px;
    font-weight: 700;
    color: #424244;
    padding: 20px !important;
  }
  .login-button-header {
    width: 22%;
    text-align: right;
  }
  .login-button-header a {
    max-width: 100px !important;
    width: 100%;
    font-size: 16px;
    color: #00aeef;
    font-family: var(--font-source);
    font-weight: 700;
  }
  .log-in-button {
    background-color: transparent;
    border: none !important;
  }
  .log-in-button:hover {
    color: #00aeef;
  }
  .sign-in-button {
    background-color: transparent;
    border: 1px solid #00aeef;
    transition: 0.3s;
    border-radius: 10px;
  }
  .sign-in-button:hover {
    color: white;
    background-color: #00aeef;
    border: 1px solid #00aeef;
  }
  .btn:focus {
    box-shadow: none !important;
    outline: none !important;
  }

  /* content-container */
  .content-sec {
    background-image: url(../img//work.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: overlay;
    padding: 100px 60px 50px 60px;
  }
  .content-row-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .content-detail {
    max-width: 500px;
    width: 100%;
  }
  .content-detail h1 {
    font-size: 56px;
    color: #ffffff;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .content-detail p {
    font-size: 22px;
    font-family: var(--font-source);
    font-weight: 600;
    color: #ffffff;
  }
  .media-icon img {
    width: 100px;
  }
  .doctor-says-button {
    background-color: #00aeef !important;
    border: 1px solid #00aeef;
    transition: 0.3s;
    border-radius: 10px;
    color: white;
    outline: none !important;
  }
  .btn-primary:hover {
    background-color: #00aeef !important;
    border: 1px solid #00aeef !important;
  }
  .doctor-says-butto:hover {
    background-color: #00aeef !important;
    border: 1px solid #00aeef;
  }
  .dropdown-menu span:hover {
    background: #eee;
  }
  #OpenDrop{
    position: absolute;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    right: 0;
    z-index: 123;
    display: none;
   animation: downOut 300ms ease-in-out
  }
/*  .dropdown-iconn-design:hover + #OpenDrop {
     display: block;
}
.dropdown-new-slide:hover .dropdown-new-slide{
     background-color: green;
}

@keyframes downOut {
     0% {
        transform: translateZ(200px) transLateY(40px)
    }
    80% {
        transform: translateZ(-10px) transLateY(0px)
    }
    100% {
        transform: translateZ(0px) transLateY(0px)
    }
}*/
.dropdown-lable{
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-lable a{
  padding-left: 10px;
}
.dropdown-lable img{
      width: 13px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 29px;
}
  .dropdown-arrow {
    width: 13px;
    height: 8px;
    position: absolute;
    top: 30px;
    right: 0;
  }
  .dropdown-iconn-design {
    position: relative;
  }
  .sub-list {
    display: flex;
    flex-direction: column;
  }
  .sub-list span {
    font-size: 16px;
    color: #00aeef;
    font-family: var(--font-source);
    font-weight: 400;
  }
  .sub-list span a {
    text-decoration: none;
    font-size: 16px;
    color: #00aeef;
    font-family: var(--font-source);
    font-weight: 400;
  }
  @keyframes openDropDown {
    from {
      transform: rotateX(50deg);
    }
    to {
      transform: rotateX(0deg);
    }
  }
  .second-row .news_item {
    margin-bottom: 0px;
  }

  /* first section */

  form.search_form {
    position: relative;
    width: 100%;
  }
  input.sf_s_field {
    width: 100%;
    padding: 15px 15px 15px 50px;
    font-size: 16px;
    background-color: transparent !important;
    border-radius: 10px;
    border: 0px;
    outline: none !important;
    color: #42597A !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  border:1px solid #C7D1D9;
  margin-bottom: 25px;
  }
  form.search_form .sf_submit {
    background: url("../img/search-icon.png");
    border: 0;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 0px;
    background-repeat: no-repeat;
    position: absolute;
    top: 16px;
    left: 15px;
  }
  ::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
  }

  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
  }

  .banner_first {
    margin-bottom: 100px;
  }

  .banner_secound {
    margin-bottom: 50px;
  }

  ul.social_link_banner {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding-left: 0px !important;
  }
  ul.social_link_banner li {
    padding-right: 16px;
  }
  .social_link_banner li span {
    border: 1px solid #ffffff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
  }

  /* news section */
  .new-catagories {
    padding: 80px 0px;
  }
  .section_heading_main h3 {
    font-size: 32px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
    margin: 0px;
  }
  .section_heading_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .header_button {
    background-color: rgba(0, 174, 239, 0.1);
    color: rgba(0, 174, 239);
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: var(--font-source);
    font-weight: 700;
    border: 1px solid rgba(0, 174, 239, 0.1);
    transition: 0.3s;
  }
  .header_button:hover {
    background-color: #00aeef !important;
    border: 1px solid #00aeef;
  }
  .ni_title_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
  }
  .ni_title_main h4 {
    margin: 0px;
    font-size: 16px;
    color: #424244;
    margin-bottom: 15px;
    font-family: var(--font-source);
    font-weight: 600;
  }
  .ni_title_main h4 a {
    text-decoration: none;
    color: #424244;
  }
  ul.nit_icons {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-left: 25px;
  }

  ul.nit_icons li {
    height: 30px;
    width: 30px;
    background: rgba(66, 66, 68, 0.05);
    border: 1px solid rgba(66, 66, 68, 0.15);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border: none;
  }

  .ni_autohr_info {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .link-page {
    text-decoration: none !important;
  }
  .ni_autohr_info span {
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 400;
    color: #424244;
    text-decoration: none;
  }
  .ni_autohr_info span a:hover {
    color: #424244;
  }
  .ni_autohr_info img {
    margin-bottom: 0px !important;
  }

  .ni_a_img {
    max-width: 30px;
  }
  .ni_a_name {
    margin-left: 15px;
  }

  .news_item {
    margin-bottom: 35px;
    position: relative;
  }
  .news-icons {
    max-width: 12px;
  }

  /* special section */

  .specialities {
    padding-bottom: 80px;
  }
  .hm_special_ul {
    list-style: none;
    padding: inherit;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .hm_special_ul li {
    width: calc(100% / 4);
  }
  .hm_special_ul li a {
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    text-decoration: none;
    color: #424244;
  }
  .hm_special_ul li a:hover {
    color: #424244;
  }
  .arrow-right-img {
    max-width: 12px;
    max-width: 13px;
    position: relative;
    bottom: 0px;
    left: 5px;
  }
  .special_content {
    background: #ffffff;
    box-shadow: 0px 5px 38px rgb(0 0 0 / 5%),
    0px 3.24074px 22.2546px rgb(0 0 0 / 4%),
    0px 1.92593px 12.1037px rgb(0 0 0 / 3%), 0px 1px 6.175px rgb(0 0 0 / 3%),
    0px 0.407407px 3.0963px rgb(0 0 0 / 2%),
    0px 0.0925926px 1.49537px rgb(0 0 0 / 1%);
    border-radius: 10px;
    padding: 30px 50px;
  }
  @media (max-width: 575px) {
      .hm_special_ul{
          display:block !important;
      }
    .hm_special_ul li {
      width: 100% !important;
    }
  }
  /* featured */
  .featured {
    padding-bottom: 80px;
  }
  label.featured_label {
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    font-size: 12px;
    top: 10px;
    color: #00aeef;
  }

  /* newsletter-para */
  .medical-newsletter {
    padding: 70px 0px;
    background-color: #424244;
    position: relative;
  }
  .newsletter-para h3 {
    font-size: 24px;
    color: white;
    font-family: var(--font-head);
    font-weight: 700;
    margin-bottom: 10px;
  }
  .newsletter-para p {
    font-size: 16px;
    color: white;
    font-family: var(--font-source);
    font-weight: 400;
    margin-bottom: 0px;
  }
  .newsletter-para p span {
    font-weight: bold;
  }
  .newsletter-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  button:focus:not(:focus-visible) {
    outline: none !important;
  }
  .right-side-deisgn {
    max-width: 90px;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .left-side-deisgn {
    max-width: 90px;
    position: absolute;
    left: 0;
    bottom: 10px;
  }

  /* footer */
  .footer {
    background-color: #00aeef;
    padding: 80px 0px 40px 0px;
  }
  .footer-logo {
    margin-bottom: 12px;
    max-width: 230px;
    width: 100%;
    margin-bottom: 20px;
  }
  .footer-social-links {
    display: flex;
    justify-content: flex-start !important;
  }
  .footer-detail p {
    margin-top: 20px;
    font-size: 16px;
    color: white;
    font-family: var(--font-source);
    font-weight: 400;
  }
  .footer-detail p span {
    font-weight: 700;
  }
  .footer-linls h3 {
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    color: white;
    margin-bottom: 20px;
  }
  .footer-linls ul {
    padding-left: 0px;
    margin-bottom: 0xp;
  }
  .footer-linls ul li {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 400;
    color: white;
    list-style: none;
    cursor: pointer;
  }
  .footer-linls ul li:last-child {
    margin-bottom: 0px;
  }
  .sub-footer-main {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid white;
  }
  .subfooter-para p {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-source);
    margin-bottom: 0px;
    color: white;
  }
  .subfooter-para p span {
    font-weight: 700;
  }
  .subfooter-list ul {
    padding-left: 0px;
    margin-bottom: 0px;
    text-align: right;
  }
  .subfooter-list ul li {
    padding: 10px;
    display: inline-block;
    color: white;
    font-family: var(--font-source);
    font-weight: 700;
  }
  .subfooter-list ul li a {
    text-decoration: none;
  }
  .subfooter-list ul li a:hover {
    color: white;
  }
  .navbar {
    padding: 15px 0px;
  }

  /* footer */

  /* frame two */

  /* frame-two-input */
  .search-bar-section {
    margin-bottom: 20px;
  }
  .trending-topics button {
    width: 100% !important;
    height: 65px;
  }
  .frame-two-input {
    background-color: #cccccda6 !important;
    color: #424244 !important;
  }
  .frame-two-input::placeholder {
    color: #424244;
  }
  .frame-two-search-icon {
    background: url(../img/blacksearch.png) !important;
    background-repeat: no-repeat !important;
  }

  /* vedio-section */
  .vedio-section {
    padding: 0px 0px 80px;
  }
  .vedio-detail .vedio-design {
    border-radius: 10px !important;
    margin-bottom: 5px;
  }
  .vedio-detail h3 {
    font-size: 24px;
    color: #424244;
    margin-bottom: 20px;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .tab {
    overflow: hidden;
    border-bottom: 1px solid #42424457;
    padding-bottom: 20px;
  }
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font-source);
    font-weight: 600;
    padding: 10px 15px;
    margin-right: 10px;
    color: #424244;
  }
  .tab button:hover {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    color: white;
  }
  .tab button.active {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    border-radius: 10px;
    font-size: 14px;
    font-family: var(--font-source);
    font-weight: 600;
    color: white;
  }
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
  }
  .overview .ni_autohr_info {
    align-items: flex-start !important;
  }
  .overview .ni_autohr_info span {
    margin-left: 0px;
    font-weight: 700;
  }
  .overview .ni_autohr_info img {
    max-width: 40px;
    width: 100%;
    margin-right: 10px;
  }
  .overview .ni_autohr_info p {
    color: #424244;
    font-size: 10px;
    font-family: var(--font-source);
    font-weight: 400;
  }
  .Text-transcript h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .Text-transcript p {
    background: rgba(66, 66, 68, 0.05);
    border: 1px solid rgba(66, 66, 68, 0.15);
    border-radius: 10px;
    padding: 20px;
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 400;
    color: #424244;
  }
  .bold-design {
    font-weight: 700;
    color: #00aeef;
  }
  .vedio-detail .nit_icons li img {
    margin-right: 10px;
  }
  .vedio-detail .nit_icons li {
    width: 100% !important;
    font-size: 16px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 700;
    padding: 9px 17px;
  }

  /* vedio-list-heading */
  .vedio-list-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .vedio-list-heading h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .vedio-list-heading h4 {
    color: #00aeef;
    font-size: 14px;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .vedio-list-heading h4 img {
    margin-left: 7px;
    max-width: 12px;
  }
  .vedios-pack img {
    max-width: 130px;
    width: 100%;
    margin-right: 10px;
  }
  .cedio-list-detail h3 {
    font-size: 14px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0px;
    text-decoration: none !important;
  }
  .cedio-list-detail p {
    font-size: 12px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: none !important;
  }
  .vedio-list-design {
    background: rgba(66, 66, 68, 0.05);
    border: 1px solid rgba(66, 66, 68, 0.15);
    border-radius: 10px;
    padding: 20px;
    max-height: 400px;
    overflow-x: scroll;
  }
  .vedio-list-design a{
    text-decoration: none !important;
  }
  .vedio-list-main {
    display: flex;
    align-items: center !important;
    margin-bottom: 20px;
  }
  .vedio-list-main:last-child {
    margin-bottom: 0px !important;
  }
  .cedio-list-detail .ni_title_main {
    margin-top: 0px !important;
  }
  .cedio-list-detail .nit_icons {
    margin-left: 0px;
  }
  .cedio-list-detail ul.nit_icons li {
    margin-left: 0px;
    margin-right: 10px;
  }

  /* search-lorem-heading */
  .Search-lorem-ipsum {
    padding-bottom: 90px;
  }
  .search-lorem-heading h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .seacrh-list-image img {
    max-width: 200px;
    width: 100%;
    margin-right: 20px;
    height: 160px;
    object-fit: cover;
  }
  .search-list-detail {
    width: 77%;
  }
  .search-list-detail h3 {
    font-size: 24px;
    color: #424244;
    margin-bottom: 13px;
    font-family: var(--font-source);
    font-weight: 700;
    margin-top: 0px;
  }
  .search-list-detail p {
    font-size: 16px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 400;
    margin-bottom: 15px;
  }
  .search-list-main {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .search-list-detail ul.nit_icons li {
    width: auto !important;
    padding: 9px 15px;
    margin-right: 10px;
    margin-left: 0px;
    font-size: 12px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 700;
  }
  .search-list-detail ul.nit_icons li img {
    margin-right: 7px;
  }
  .search-list-detail ul.nit_icons {
    margin-left: 0px;
  }
  .dont-miss-boxx {
    padding: 20px;
    background: #ffffff;
    box-shadow: 0px 26px 80px rgba(0, 0, 0, 0.05),
    0px 16.8519px 46.8519px rgba(0, 0, 0, 0.037963),
    0px 10.0148px 25.4815px rgba(0, 0, 0, 0.0303704),
    0px 5.2px 13px rgba(0, 0, 0, 0.025),
    0px 2.11852px 6.51852px rgba(0, 0, 0, 0.0196296),
    0px 0.481481px 3.14815px rgba(0, 0, 0, 0.012037);
    border-radius: 10px;
    position: relative;
  }
  .dont-miss-boxx h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 8px;
  }
  .dont-miss-boxx p {
    font-size: 16px;
    color: #424244;
    margin-bottom: 25px;
  }
  .dont-miss-boxx .header_button {
    width: 100% !important;
    margin-bottom: 30px;
    background-color: #00aeef !important;
    color: white;
  }
  .dont-box-content {
    display: flex;
    align-items: center !important;
    margin-bottom: 20px;
  }
  .dont-box-content:last-child {
    margin-bottom: 0px;
  }
  .dont-box-content img {
    max-width: 100px;
    margin-right: 10px;
  }
  .dont-box-content p {
    font-size: 16px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 600;
    margin-bottom: 0px;
  }
  .box-login-button {
    background-color: white !important;
    color: #00aeef;
    font-family: var(--font-source);
    font-weight: 700;
    width: 100%;
  }
  .box-login-button:hover {
    color: #00aeef;
  }
  .shadow-design {
    background-color: white;
    height: 50px;
    width: 100%;
    filter: blur(12px);
    position: absolute;
    bottom: 56px;
    left: 0px;
  }
  .search-list-box-heading {
    display: flex;
    justify-content: space-between;
  }
  .search-list-box-heading ul {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .search-list-box-heading ul li {
    list-style: none;
    font-family: var(--font-source);
    font-weight: 400;
    color: #424244;
    font-size: 16px;
    display: inline-block;
  }
  .search-list-box-heading ul li img {
    margin-right: 10px;
    max-width: 40px;
    border-radius: 5px;
  }

  /* sidebar-sec */
  .sidebar-sec {
    padding-bottom: 80px;
  }
  .sidebar-img img {
    max-width: 200px;
    border-radius: 50%;
    margin-bottom: 20px;
  }
  .sidebar-img h3 {
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .sidebar-img {
    text-align: center;
  }
  .social-icon {
    text-align: center;
  }
  .social-icon i {
    font-size: 20px;
    color: #00aeef;
    margin-right: 10px;
  }
  .sidebar-main-design {
    background-color: white;
    box-shadow: 0px 26px 80px rgba(0, 0, 0, 0.05),
    0px 16.8519px 46.8519px rgba(0, 0, 0, 0.037963),
    0px 10.0148px 25.4815px rgba(0, 0, 0, 0.0303704),
    0px 5.2px 13px rgba(0, 0, 0, 0.025),
    0px 2.11852px 6.51852px rgba(0, 0, 0, 0.0196296),
    0px 0.481481px 3.14815px rgba(0, 0, 0, 0.012037);
    border-radius: 10px;
    padding: 20px;
  }
  .sidebar-main-design button {
    width: 100% !important;
    background-color: #00aeef;
    color: white;
    margin-top: 30px !important;
    margin-bottom: 20px;
  }
  .Specializes-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #424244;
    padding-bottom: 20p;
  }
  .Specializes-sec h3 {
    font-size: 16px;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .Specializes-sec img {
    max-width: 20px;
  }
  .specializes-tags ul {
    padding-top: 20px;
  }
  .specializes-tags ul {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .specializes-tags ul li {
    color: #424244;
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 400;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    display: inline-flex;
    border-radius: 10px;
  }

  /* About-me-detail */
  .About-me-detail {
    margin-bottom: 30px;
  }
  .About-me-detail h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
    margin-bottom: 8px;
  }
  .About-me-detail p {
    font-size: 16px;
    color: #424244;
    margin-bottom: 0px;
    font-family: var(--font-source);
    font-weight: 400;
  }
  .Office-location {
    margin-bottom: 15px;
  }
  .Office-location h3 {
    font-size: 24px;
    color: #424244;
    margin-bottom: 10px;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .office-adres h3 {
    font-size: 16px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
  }
  .office-adres p {
    font-size: 16px;
    margin-bottom: 0px;
    font-family: var(--font-source);
    font-weight: 400;
  }
  .timings-sec ul {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .timings-sec ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 400;
    list-style: none;
  }
  .timings-sec ul li span {
    color: red;
  }
  .about-tabs {
    background-color: white;
    box-shadow: 0px 26px 80px rgba(0, 0, 0, 0.05),
    0px 16.8519px 46.8519px rgba(0, 0, 0, 0.037963),
    0px 10.0148px 25.4815px rgba(0, 0, 0, 0.0303704),
    0px 5.2px 13px rgba(0, 0, 0, 0.025),
    0px 2.11852px 6.51852px rgba(0, 0, 0, 0.0196296),
    0px 0.481481px 3.14815px rgba(0, 0, 0, 0.012037);
    border-radius: 10px;
    padding: 20px;
  }
  .about-sec-vedio-list {
    padding: 25px 0px;
  }

  /* login page */
  .login-structure {
    padding: 30px 60px;
  }
  .login-deatil-sec {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
  }
  .login-logo {
    text-align: center;
    margin-bottom: 15px;
  }
  .login-logo img {
    max-width: 230px;
    width: 100%;
  }
  .Medical-Personnel-text {
    text-align: center;
  }
  .Medical-Personnel-text h2 {
    font-size: 24px;
    color: #828282;
    font-family: var(--font-source);
    font-weight: 700;
    margin-bottom: 120px;
  }
  .login-text {
    text-align: center;
    margin-bottom: 20px;
  }
  .login-text h3 {
    font-size: 24px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 700;
  }
  .login-vedio {
    text-align: center;
  }
  .login-vedio img {
    max-width: 460px;
    width: 100%;
    height: 260px;
  }

  /* "sign-up-sec */
  .sign-up-sec-main {
    height: 100%;
  }
  .sign-up-sec {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
  }
  .sign-up-sec h3 {
    font-size: 34px;
    color: #424244;
    font-family: var(--font-source);
    font-weight: 700;
    margin-bottom: 20px;
  }
  .sign-up-sec input {
    font-size: 16px;
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 45px;
    color: blackjcn;
    font-family: var(--font-source);
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    margin-bottom: 20px;
  }
  .sign-up-sec input::placeholder {
    color: #bdbdbd !important;
  }
  .sign-up-sec select {
    font-size: 16px;
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 45px;
    color: #bdbdbd;
    font-family: var(--font-source);
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    margin-bottom: 20px;
  }
  .stateinput-sec {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .stateinput-sec select {
    width: 48% !important;
    margin-bottom: 0px;
  }
  .stateinput-sec input {
    width: 48% !important;
    margin-bottom: 0px;
  }
  .add-license {
    background-color: transparent;
    color: #00aeef;
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    padding: 0px;
    margin-bottom: 20px;
  }
  .submit-button {
    text-align: center;
    margin-top: 20px;
  }
  .submit-button button {
    max-width: 212px;
    width: 100%;
    height: 45px;
  }
  .add-license:hover {
    color: #00aeef !important;
  }
  .login-sec-main {
    height: 93vh;
    background: #f2f2f2;
    border-radius: 10px;
    padding: 20px;
  }
  .add-option {
    margin-bottom: 20px;
  }
  .add-option button {
    background: rgba(0, 174, 239, 0.1);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-source);
    margin-right: 10px;
    color: #00aeef;
  }
  .add-option button:hover {
    color: #00aeef;
  }
  .add-option button i {
    font-size: 12px;
    color: #eb5757;
    margin-left: 10px;
  }

  /* profile-sec-detail */
  .profil-sec {
    padding-bottom: 80px;
  }
  .profile-sec-detail h2 {
    font-size: 34px;
    color: #424244;
    font-family: var(--font-head);
    font-weight: 700;
    margin-bottom: 20px;
    color: #424244;
  }
  .profile-sec-detail h3 {
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    margin-bottom: 20px;
    color: #828282;
  }
  .user-img {
    width: 130px;
    background-color: #f2f2f2;
    border-radius: 50%;
    margin-bottom: 30px;
    position: relative;
  }
  .profile-detail-form h3 {
    font-size: 24px;
    font-family: var(--font-source);
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .profile-detail-form select {
    font-size: 16px;
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 45px;
    color: #bdbdbd;
    font-family: var(--font-source);
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    margin-bottom: 20px;
  }
  .profile-detail-form input {
    font-size: 16px;
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 45px;
    color: #bdbdbd;
    font-family: var(--font-source);
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    margin-bottom: 20px;
  }
  .profile-detail-form input::placeholder {
    color: #424244;
  }
  .profile-detail-form textarea {
    font-size: 16px;
    width: 100%;
    border: 1px solid #e0e0e0;
    height: 90px;
    color: #bdbdbd;
    font-family: var(--font-source);
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    margin-bottom: 20px;
  }
  .line-img {
    width: 32px;
    background-color: white;
    border-radius: 50%;
    padding: 7px;
    position: absolute;
    bottom: 30px;
    right: 5px;
  }
  .user-add-img {
    position: relative;
    width: fit-content;
  }
  .combine-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .combine-button .doctor-says-button {
    max-width: 212px;
    width: 100%;
    height: 45px;
  }
  .combine-button .add-license {
    margin-bottom: 0px !important;
  }
  .show-pasword-input {
    position: relative;
  }
  .show-pasword-input span {
    color: #00aeef;
    font-size: 16px;
    font-family: var(--font-source);
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
  }
  .combine-button-new {
    justify-content: center;
  }

  /* legal-para-content */
  .legal-para-content {
    padding: 20px 250px;
    padding-bottom: 80px;
  }
  .legal-para-content h2 {
    font-size: 36px;
    font-family: var(--font-head);
    font-weight: 700;
    color: #424244;
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: center;
  }
  .legal-para-content h3 {
    font-size: 24px;
    font-family: var(--font-head);
    font-weight: 700;
    color: #828282;
    margin-bottom: 20px;
    margin-top: 0px;
    text-align: center;
  }
  .legal-para-content p {
    font-size: 16px;
    line-height: 21px;
    color: #424244;
    margin-bottom: 20px;
    font-family: var(--font-source);
    font-weight: 400;
  }
  @media screen and (max-width: 992px) {
    .dropdown-lable img {
    width: 13px;
    height: 8px;
    position: absolute;
    /* right: 0; */
    top: 21px;
    left: 65px;
}
    .destop-view-design {
      display: none;
    }
    .navbar-expand-lg .navbar-collapse {
      padding-left: 0px;
    }
    .dropdown {
      justify-content: flex-start !important;
    }
    .login-button-header {
      width: 100%;
      text-align: left;
    }
    .navbar-nav .nav-link {
      padding: 10px 12px !important;
    }
    .login-button-header {
      margin-bottom: 20px;
    }
    .second-row .news_item {
      margin-bottom: 40px !important;
    }
    .special_content {
      padding: 20px 20px !important;
    }
    .hm_special_ul li {
      margin-bottom: 10px;
    }
    .newsletter-button {
      justify-content: flex-start;
      margin-top: 30px;
    }
    .subfooter-list ul {
      text-align: left;
    }
   /* .structure-main {
      padding: 0px 20px;
    }*/
    .right-side-deisgn {
      max-width: 40px;
    }
    .left-side-deisgn {
      max-width: 40px;
    }
    .tab {
      display: inline-grid;
      width: 100%;
    }
    .tab button {
      width: 100%;
    }
    .ni_title_main {
      display: flex;
      align-items: start;
      justify-content: inherit;
      flex-direction: column;
      margin-bottom: 30px;
    }
    ul.nit_icons {
      margin-left: 0px;
    }
    ul.nit_icons li {
      margin-left: 0px;
      margin-right: 20px;
    }
    .frame-two-input {
      margin-bottom: 20px;
    }
    .search-list-main {
      flex-direction: column;
    }
    .seacrh-list-image {
      width: 100%;
      margin-bottom: 20px;
    }
    .seacrh-list-image img {
      max-width: 100% !important;
    }
    .search-list-detail {
      width: 100%;
    }
    .search-list-box-heading {
      flex-direction: column;
    }
    .search-list-box-heading ul {
      margin-bottom: 20px;
    }
    .sidebar-main-design {
      margin-bottom: 20px;
    }
    .about-tabs {
      padding: 20px 10px;
    }
    .mb-view-buttons-design {
      display: block !important;
    }
    .legal-para-content {
      padding: 0px;
      padding-bottom: 80px;
    }
    #openDropdown:checked + .dropdown-menu {
      width: 100%;
    }
    .sign-up-sec {
      position: relative;
      transform: translateY(-50%);
      top: 50%;
      padding: 20px 0px 80px;
    }
    .content-sec{
      padding: 70px 30px;
    }
    .content-detail h1{
      font-size: 25px;
    }
    .media-icon{
      margin: 10px 0px;
    }
    .banner_first {
    margin-bottom: 70px;
     }
     input.sf_s_field{
        font-size: 20px;
     }
     form.search_form .sf_submit {
    background: url(../img/search-icon.png);
    border: 0;
    display: block;
    height: 30px;
    width: 30px;
    font-size: 0px;
    background-repeat: no-repeat;
    position: absolute;
    top: 16px;
    left: 15px;
     }
     .content-detail p{
      font-size: 18px;
     }
     .mb-view-buttons-design button{
      color: #00aeef !important;
     }
     .mb-view-buttons-design .sign-in-button:hover{
      color: white  !important;
     }
  }

  .subdropdown-design-new img{
   width: 100% !important;
   margin-bottom: 10px;
 }
 .subdropdown-design-new h3{
  font-size: 18px;
  font-family: var(--font-source);
  font-weight: 600;
  color: black;
  margin-top: 0px;
  margin-bottom: 10px;
  text-decoration: none;
}
.subdropdown-design-new p{
  font-size: 14px;
  color: #424244;
  text-decoration: none;
  margin-bottom: 0px;
}
.sub-drop-link{
  text-decoration: none;
}
.subdrop-row-list{
  margin-bottom: 15px;
}
.dropdown-deisgn-vedios h3{
  font-size: 24px;
  font-family: var(--font-source);
  font-weight: 600;
  color: black;
  margin-bottom: 20px;
  margin-top: 0px;
}
.dropdown-deisgn-vedios ul{
  padding-left: 0px;
  margin-bottom: 20px;
}
.dropdown-deisgn-vedios ul li{
  list-style: none;
  font-size: 16px;
  color: #888;
    margin-bottom: 10px;
  font-family: var(--font-source);
  font-weight: 600;
}
.dropdown-deisgn-vedios ul li a{
  font-size: 16px;
  color: #888;
  font-family: var(--font-source);
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}
.dropdown-deisgn-vedios ul li a:hover{
  color: #00aeef;
}
.trending-searches ul{
     padding-left: 0px;
     margin-bottom: 0px;
}
.trending-searches ul li{
  border:1px solid lightgray !important;
  font-size: 14px;
  color: black;
  display: inline-flex;
  padding: 5px 8px  !important;
  border-radius: 10px;
  transition: 0.3s;
  cursor: pointer;
}
.trending-searches h3{
      font-size: 24px;
  font-family: var(--font-source);
  font-weight: 600;
  color: black; 
  margin-top: 10px;
  margin-bottom: 20px;
}
.trending-searches ul li:hover{
  background-color: #00aeef;
  border:1px solid #00aeef !important;
  color: white;
}




/*new css*/
.dropbtn {
  background-color: transparent;
  color: #021229;
  padding: 8px 18px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-family: 'Clash Display', sans-serif;
  font-weight: 600;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: transparent !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 240px;
  filter: drop-shadow(0px 40px 120px rgba(6, 24, 86, 0.24));
  z-index: 1;
  border-radius: 0px !important;
}

/* Links inside the dropdown */
.dropdown-content a {
  font-size: 16px;
  color: #021229;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
 font-weight: 300;
}
.dropdown-content a img{
  max-width: 19px;
  width: 100%;
  margin-right: 10px;
  position: relative;
  bottom: 2px;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #EAEEFF;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.dropdown-content { z-index: 1234 !important;}