/* Css For Docpro */
   /************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/
   /***

====================================================================
  Reset
====================================================================

 ***/

   * {
       margin: 0px;
       padding: 0px;
       border: none;
       outline: none;
   }

    :root {
       --main: #ff9136;
       --font-main: #000;
       --font-gray: #767676;
       --light-black: #323232;
       --light-orange: #ffe0c5;
       --box-shadow: #ffe7d1;
       --w-orange: #fff1e5;
       --background-light: #f3eae2;
       --background-ndark: #ffe3ca;
   }
   /***

====================================================================
  Global Settings
====================================================================

 ***/

   body {
       font-size: 15px;
       color: #808080;
       line-height: 28px;
       font-weight: 400;
       background: #ffffff;
       font-family: 'Poppins', sans-serif;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center top;
       -webkit-font-smoothing: antialiased;
   }

   @media (min-width:1200px) {
       .container {
           max-width: 1170px;
           padding: 0px 15px;
       }
   }

   .large-container {
       max-width: 1500px;
       padding: 0px 15px;
       margin: 0 auto;
   }

   .container-fluid {
       padding: 0px;
   }

   .auto-container {
       position: static;
       max-width: 1200px;
       padding: 0px 15px;
       margin: 0 auto;
   }

   .small-container {
       max-width: 680px;
       margin: 0 auto;
   }

   .boxed_wrapper {
       position: relative;
       margin: 0 auto;
       overflow: hidden !important;
       width: 100%;
       min-width: 300px;
   }

   a {
       text-decoration: none;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
   }

   a:hover {
       text-decoration: none;
       outline: none;
   }

   input,
   button,
   select,
   textarea {
       font-family: 'Poppins', sans-serif;
       font-weight: 400;
       font-size: 16px;
   }

   ul,
   li {
       list-style: none;
       padding: 0px;
       margin: 0px;
   }

   input {
       transition: all 500ms ease;
   }

   button:focus,
   input:focus,
   textarea:focus {
       outline: none;
       box-shadow: none;
       transition: all 500ms ease;
   }

   p {
       position: relative;
       font-family: 'Poppins', sans-serif;
       color: #808080;
       font-weight: 400;
       margin: 0px;
       transition: all 500ms ease;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       position: relative;
       font-family: 'Jost', sans-serif;
       font-weight: 400;
       color: var(--font-main);
       margin: 0px;
       transition: all 500ms ease;
   }
   /* Preloader */

   .preloader {
       position: fixed;
       left: 0px;
       top: 0px;
       height: 100%;
       width: 100%;
       z-index: 999999;
       background-color: #fff;
       background-position: center center;
       background-repeat: no-repeat;
       background-image: url(../images/icons/preloader.svg);
   }

   .centred {
       text-align: center;
   }

   .pull-left {
       float: left;
   }

   .pull-right {
       float: right;
   }

   figure {
       margin: 0px;
   }

   img {
       display: inline-block;
       max-width: 100%;
       height: auto;
   }
   /** button **/

   .theme-btn-one {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       color: #fff !important;
       text-align: center;
       padding: 17px 40px;
       border-radius: 30px;
       z-index: 1;
       box-shadow: 0 20px 30px var(--box-shadow);
       transition: all 500ms ease;
   }

   .theme-btn-one i {
       position: relative;
       font-size: 13px;
       margin-left: 10px;
   }

   .theme-btn-one:before {
       position: absolute;
       content: '';
       width: 100%;
       height: 100%;
       border-radius: 30px;
       left: 0px;
       top: 0px;
       z-index: -1;
       transform: scale(0, 0);
       transition: all 500ms ease;
   }

   .theme-btn-one:hover:before {
       transform: scale(1, 1);
   }

   .theme-btn-two {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       text-align: center;
       padding: 12px 40px;
       border-radius: 30px;
       z-index: 1;
       border: 2px solid #ebeef1;
       transition: all 500ms ease;
   }

   .theme-btn-two:hover {
       color: #fff;
   }

   .pagination {
       position: relative;
       display: block;
   }

   .pagination li {
       display: inline-block;
       margin: 0px 3px;
   }

   .pagination li a {
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       color: var(--font-gray);
       z-index: 1;
       transition: all 500ms ease;
   }

   .pagination li a:hover,
   .pagination li a.current {
       color: #fff;
       box-shadow: 0 10px 10px var(--box-shadow);
   }

   .sec-pad {
       padding: 115px 0px 120px 0px;
   }

   .mr-0 {
       margin: 0px;
   }

   .scroll-top {
       width: 55px;
       height: 55px;
       line-height: 55px;
       position: fixed;
       bottom: 105%;
       right: 30px;
       font-size: 24px;
       z-index: 99;
       color: #ffffff;
       text-align: center;
       cursor: pointer;
       transition: 1s ease;
   }

   .scroll-top.open {
       bottom: 50px;
   }

   .scroll-top span {
       color: #fff;
   }

   .sec-title {
       position: relative;
       display: block;
       margin-bottom: 30px;
   }

   .sec-title.centred {
       text-align: center !important;
   }

   .sec-title p {
       position: relative;
       display: inline-block;
       font-size: 17px;
       line-height: 26px;
       font-weight: 600;
       text-transform: uppercase;
       padding-bottom: 17px;
   }

   .sec-title h2 {
       position: relative;
       display: block;
       font-size: 50px;
       line-height: 55px;
       font-weight: 900;
   }

   .sec-title.light h2 {
       color: #fff;
   }
   /***

====================================================================
                        Home-Page-One
====================================================================

***/
   /** main-header **/

   .main-header {
       position: relative;
       left: 0px;
       top: 0px;
       z-index: 999;
       width: 100%;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
   }

   .sticky-header {
       position: fixed;
       opacity: 0;
       visibility: hidden;
       background: #fff;
       left: 0px;
       top: 0px;
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
       width: 100%;
       z-index: 0;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
   }

   .fixed-header .sticky-header {
       z-index: 999;
       opacity: 1;
       visibility: visible;
       -ms-animation-name: fadeInDown;
       -moz-animation-name: fadeInDown;
       -op-animation-name: fadeInDown;
       -webkit-animation-name: fadeInDown;
       animation-name: fadeInDown;
       -ms-animation-duration: 500ms;
       -moz-animation-duration: 500ms;
       -op-animation-duration: 500ms;
       -webkit-animation-duration: 500ms;
       animation-duration: 500ms;
       -ms-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
       -op-animation-timing-function: linear;
       -webkit-animation-timing-function: linear;
       animation-timing-function: linear;
       -ms-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
       -op-animation-iteration-count: 1;
       -webkit-animation-iteration-count: 1;
       animation-iteration-count: 1;
   }
   /** header-top **/

   .header-top {
       position: relative;
       padding-top: 30px;
   }

   .main-header.style-one .header-top .info {
       position: relative;
       display: inline-block;
       background: var(--background-light);
       border-radius: 5px;
       padding: 4px 12px;
   }

   .header-top .info li {
       position: relative;
       display: inline-block;
       margin: 0px 15px;
   }

   .header-top .info li a {
       position: relative;
       display: inline-block;
       color: var(--font-gray);
   }

   .header-top .info li a:hover {}

   .header-top .info li.language {
       position: relative;
       cursor: pointer;
   }

   .header-top .info li:last-child {
       margin-right: 0px;
   }

   .header-top .info li.language:before {
       position: absolute;
       content: '';
       width: 30px;
       height: 30px;
       left: 0px;
       top: 3px;
   }

   .header-top .info li.language:after {
       position: absolute;
       top: 2px;
       right: 0px;
       content: "\f107";
       font-family: 'Font Awesome 5 Pro';
       font-size: 15px;
       font-weight: 500;
       color: var(--font-gray);
   }

   .header-top .info li.language a {
       padding-right: 13px;
   }

   .header-top .info li.language .language-dropdown {
       position: absolute;
       right: 0;
       top: 100%;
       margin-top: 4px;
       width: 150px;
       padding: 5px 0px;
       opacity: 0;
       visibility: hidden;
       z-index: 2;
       -webkit-transform: translateY(20px);
       -ms-transform: translateY(20px);
       transform: translateY(20px);
       -webkit-transition: all 300ms linear;
       -ms-transition: all 300ms linear;
       transition: all 300ms linear;
   }

   .header-top .info li.language:hover .language-dropdown {
       opacity: 1;
       visibility: visible;
       -webkit-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
   }

   .header-top .info li.language .language-dropdown li {
       position: relative;
       display: block;
       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
       margin: 0px 15px !important;
   }

   .header-top .info li.language .language-dropdown li:last-child {
       border: none;
   }

   .header-top .info li.language .language-dropdown li a {
       position: relative;
       display: block;
       padding: 5px 0px;
       font-size: 14px;
       line-height: 24px;
       color: #fff;
       text-align: left;
   }

   .header-top .info li.language .language-dropdown li a:hover {}

   .main-header .logo-box .logo {
       position: relative;
       max-width: 194px;
       width: 100%;
       z-index: 1;
   }

   .main-header .logo-box .logo img {
       position: relative;
       width: 100%;
   }

   .main-header.style-one .logo-box {
       position: relative;
       padding: 19px 100px 30px 0px;
   }

   .main-header .logo-box .pattern {
       position: absolute;
       top: -66px;
       right: 60px;
       width: 604px;
       height: 166px;
       background-repeat: no-repeat;
       z-index: 1;
   }

   .main-header .logo-box .bg-color {
       position: absolute;
       top: -66px;
       right: 0px;
       width: 5000px;
       height: 166px;
       clip-path: polygon(0% 0%, 100% 0%, 99% 100%, 0% 100%, 0% 0%);
   }

   .main-header .btn-box {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       flex-wrap: wrap;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
   }

   .main-header .btn-box .theme-btn-one {
       padding: 12px 30px;
       font-size: 17px;
       font-weight: 500;
       box-shadow: 0 10px 10px var(--box-shadow);
   }

   .main-header .btn-box .theme-btn-one i {
       font-size: 18px;
       margin-right: 10px;
       top: 3px;
       margin-left: 0px;
   }

   .main-header .outer-box {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: space-between;
   }
   /** main-menu **/

   .main-menu {
       float: left;
   }

   .main-menu .navbar-collapse {
       padding: 0px;
       display: block !important;
   }

   .main-menu .navigation {
       margin: 0px;
   }

   .main-menu .navigation>li {
       position: inherit;
       float: left;
       z-index: 2;
       padding: 35px 0px;
       margin: 0px 3px;
       -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
       -o-transition: all 300ms ease;
       transition: all 300ms ease;
   }

   .main-menu .navigation>li:last-child {
       margin-right: 0px !important;
   }

   .main-menu .navigation>li:first-child {
       margin-left: 0px !important;
   }

   .main-menu .navigation>li>a {
       position: relative;
       display: block;
       text-align: center;
       font-size: 17px;
       line-height: 30px;
       font-weight: 500;
       padding: 0px 19px;
       opacity: 1;
       color: var(--font-gray);
       z-index: 1;
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
   }

   .main-menu .navigation>li.current>a,
   .main-menu .navigation>li:hover>a {}

   .main-menu .navigation>li>a:before {
       position: absolute;
       content: '';
       width: 100%;
       height: 3px;
       left: 0px;
       bottom: -12px;
       transform: scale(0, 0);
       transition: all 500ms ease;
   }

   .main-menu .navigation>li:hover>a:before,
   .main-menu .navigation>li.current>a:before {
       transform: scale(1, 1);
   }

   .main-menu .navigation>li.dropdown>a:after {
       position: absolute;
       top: 2px;
       right: 0px;
       content: "\f107";
       font-family: 'Font Awesome 5 Pro';
   }

   .main-menu .navigation>li>ul,
   .main-menu .navigation>li>.megamenu {
       position: absolute;
       left: inherit;
       top: 100%;
       width: 250px;
       z-index: 100;
       display: none;
       opacity: 0;
       visibility: hidden;
       padding: 10px 0px;
       background: var(--font-gray);
       filter: alpha(opacity=0);
       -webkit-transition: all 0.2s ease-out;
       transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
       -ms-transition: all 0.2s ease-out;
       -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
       box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
       -webkit-transform: rotateX(-90deg);
       transform: rotateX(-90deg);
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0;
   }

   .main-menu .navigation>li>ul.from-right {
       left: auto;
       right: 0px;
   }

   .main-menu .navigation>li>ul>li {
       position: relative;
       width: 100%;
       padding: 0px 30px;
       -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
       transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
       opacity: 0;
       visibility: hidden;
       -webkit-transform: translateY(5px);
       transform: translateY(5px);
   }

   .main-menu .navigation>li:hover>ul>li {
       opacity: 1;
       visibility: visible;
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+1) {
       -webkit-transition-delay: 0.1s;
       transition-delay: 0.1s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+2) {
       -webkit-transition-delay: 0.15s;
       transition-delay: 0.15s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+3) {
       -webkit-transition-delay: 0.2s;
       transition-delay: 0.2s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+4) {
       -webkit-transition-delay: 0.25s;
       transition-delay: 0.25s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+5) {
       -webkit-transition-delay: 0.3s;
       transition-delay: 0.3s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+6) {
       -webkit-transition-delay: 0.35s;
       transition-delay: 0.35s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+7) {
       -webkit-transition-delay: 0.4s;
       transition-delay: 0.4s;
   }

   .main-menu .navigation>li>ul>li:nth-child(2n+8) {
       -webkit-transition-delay: 0.45s;
       transition-delay: 0.45s;
   }

   .main-menu .navigation>li>ul>li:last-child {
       border-bottom: none;
   }

   .main-menu .navigation>li>ul>li>a,
   .main-menu .navigation>li>.megamenu li>a {
       position: relative;
       display: block;
       padding: 14px 0px;
       line-height: 24px;
       font-weight: 400;
       font-size: 16px;
       text-transform: capitalize;
       color: #fff;
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       text-align: left;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
   }

   .main-menu .navigation>li>ul>li>a:hover,
   .main-menu .navigation>li>.megamenu li>a:hover {}

   .main-menu .navigation>li>ul>li:last-child>a,
   .main-menu .navigation>li>.megamenu li:last-child>a {
       border-bottom: none;
   }

   .main-menu .navigation>li>ul>li>a:hover {}

   .main-menu .navigation>li>ul>li.dropdown>a:after {
       font-family: 'Font Awesome 5 Pro';
       content: "\f105";
       position: absolute;
       right: 0px;
       top: 14px;
       display: block;
       line-height: 24px;
       font-size: 16px;
       font-weight: 800;
       text-align: center;
       z-index: 5;
   }

   .main-menu .navigation>li>ul>li>ul {
       position: absolute;
       right: 100%;
       top: 0%;
       width: 230px;
       z-index: 100;
       display: none;
       padding: 10px 0px;
       background: var(--font-gray);
       filter: alpha(opacity=0);
       -webkit-transition: all 0.2s ease-out;
       transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
       -ms-transition: all 0.2s ease-out;
       -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
       box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);
       -webkit-transform: rotateX(-90deg);
       transform: rotateX(-90deg);
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0;
   }

   .main-menu .navigation>li>ul>li>ul.from-right {
       left: auto;
       right: 0px;
   }

   .main-menu .navigation>li>ul>li>ul>li {
       position: relative;
       width: 100%;
       padding: 0px 30px;
   }

   .main-menu .navigation>li>ul>li>ul>li {
       position: relative;
       width: 100%;
       padding: 0px 30px;
       -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
       transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
       opacity: 0;
       visibility: hidden;
       -webkit-transform: translateY(5px);
       transform: translateY(5px);
   }

   .main-menu .navigation>li>ul>li:hover>ul>li {
       opacity: 1;
       visibility: visible;
       -webkit-transform: translateY(0);
       transform: translateY(0);
   }

   .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+1) {
       -webkit-transition-delay: 0.1s;
       transition-delay: 0.1s;
   }

   .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+2) {
       -webkit-transition-delay: 0.15s;
       transition-delay: 0.15s;
   }

   .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+3) {
       -webkit-transition-delay: 0.2s;
       transition-delay: 0.2s;
   }

   .main-menu .navigation>li>ul>li>ul>li:nth-child(2n+4) {
       -webkit-transition-delay: 0.25s;
       transition-delay: 0.25s;
   }

   .main-menu .navigation>li>ul>li>ul>li:last-child {
       border-bottom: none;
   }

   .main-menu .navigation>li>ul>li>ul>li:last-child {
       border-bottom: none;
   }

   .main-menu .navigation>li>ul>li>ul>li>a {
       position: relative;
       display: block;
       padding: 14px 0px;
       line-height: 24px;
       font-weight: 400;
       font-size: 16px;
       text-transform: capitalize;
       color: #fff;
       border-bottom: 1px solid rgba(255, 255, 255, 0.1);
       text-align: left;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
   }

   .main-menu .navigation>li>ul>li>ul>li:last-child>a {
       border-bottom: none;
   }

   .main-menu .navigation>li>ul>li>ul>li>a:hover {}

   .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
       font-family: 'Font Awesome 5 Pro';
       content: "\f105";
       position: absolute;
       right: 20px;
       top: 12px;
       display: block;
       line-height: 24px;
       font-size: 16px;
       font-weight: 900;
       z-index: 5;
   }

   .main-menu .navigation>li.dropdown:hover>ul,
   .main-menu .navigation>li.dropdown:hover>.megamenu {
       visibility: visible;
       opacity: 1;
       filter: alpha(opacity=100);
       top: 99%;
       -webkit-transform: rotateX(0);
       transform: rotateX(0);
   }

   .main-menu .navigation li>ul>li.dropdown:hover>ul {
       visibility: visible;
       opacity: 1;
       filter: alpha(opacity=100);
       top: 0%;
       -webkit-transform: rotateX(0);
       transform: rotateX(0);
   }

   .main-menu .navigation li.dropdown .dropdown-btn {
       position: absolute;
       right: -32px;
       top: 66px;
       width: 34px;
       height: 30px;
       text-align: center;
       font-size: 18px;
       line-height: 26px;
       color: #3b3b3b;
       cursor: pointer;
       display: none;
       z-index: 5;
       transition: all 500ms ease;
   }

   .main-menu .navigation li.current.dropdown .dropdown-btn,
   .main-menu .navigation li:hover .dropdown-btn {}

   .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn {
       display: none;
   }

   .menu-area .mobile-nav-toggler {
       position: relative;
       float: right;
       font-size: 40px;
       line-height: 50px;
       cursor: pointer;
       color: #3786ff;
       display: none;
   }

   .menu-area .mobile-nav-toggler .icon-bar {
       position: relative;
       height: 2px;
       width: 30px;
       display: block;
       margin-bottom: 5px;
       background-color: #3b3b3b;
       -webkit-transition: all 300ms ease;
       -moz-transition: all 300ms ease;
       -ms-transition: all 300ms ease;
       -o-transition: all 300ms ease;
       transition: all 300ms ease;
   }

   .menu-area .mobile-nav-toggler .icon-bar:last-child {
       margin-bottom: 0px;
   }

   .main-header .sticky-header .logo-box {
       padding: 19.5px 0px !important;
   }

   .main-header .sticky-header .main-menu .navigation>li {
       padding: 30px 0px !important;
   }
   /** megamenu-style **/

   .main-menu .navigation>li.dropdown>.megamenu {
       position: absolute;
       width: 100%;
       padding: 30px 50px;
       left: 0px;
   }

   .main-menu .navigation li.dropdown .megamenu li h4 {
       margin-bottom: 15px;
       color: #fff;
   }
   /** mobile-menu **/

   .nav-outer .mobile-nav-toggler {
       position: relative;
       float: right;
       font-size: 40px;
       line-height: 50px;
       cursor: pointer;
       color: #3786ff;
       display: none;
   }

   .mobile-menu {
       position: fixed;
       right: 0;
       top: 0;
       width: 300px;
       padding-right: 30px;
       max-width: 100%;
       height: 100%;
       opacity: 0;
       visibility: hidden;
       z-index: 999999;
   }

   .mobile-menu .navbar-collapse {
       display: block !important;
   }

   .mobile-menu .nav-logo {
       position: relative;
       padding: 50px 25px;
       text-align: left;
       padding-bottom: 100px;
   }

   .mobile-menu-visible {
       overflow: hidden;
   }

   .mobile-menu-visible .mobile-menu {
       opacity: 1;
       visibility: visible;
   }

   .mobile-menu .menu-backdrop {
       position: fixed;
       right: 0;
       top: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
       background: rgba(0, 0, 0, 0.5);
       -webkit-transform: translateX(101%);
       -ms-transform: translateX(101%);
       transform: translateX(101%);
       transition: all 900ms ease;
       -moz-transition: all 900ms ease;
       -webkit-transition: all 900ms ease;
       -ms-transition: all 900ms ease;
       -o-transition: all 900ms ease;
   }

   .mobile-menu-visible .mobile-menu .menu-backdrop {
       opacity: 0.70;
       visibility: visible;
       -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
       -ms-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
       transition: all 0.7s ease;
       -webkit-transform: translateX(0%);
       -ms-transform: translateX(0%);
       transform: translateX(0%);
   }

   .mobile-menu .menu-box {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       max-height: 100%;
       overflow-y: auto;
       background: #202020;
       padding: 0px 0px;
       z-index: 5;
       opacity: 0;
       visibility: hidden;
       border-radius: 0px;
       -webkit-transform: translateX(101%);
       -ms-transform: translateX(101%);
       transform: translateX(101%);
   }

   .mobile-menu-visible .mobile-menu .menu-box {
       opacity: 1;
       visibility: visible;
       -webkit-transition: all 0.7s ease;
       -moz-transition: all 0.7s ease;
       -ms-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
       transition: all 0.7s ease;
       -webkit-transform: translateX(0%);
       -ms-transform: translateX(0%);
       transform: translateX(0%);
   }

   .mobile-menu .close-btn {
       position: absolute;
       right: 25px;
       top: 10px;
       line-height: 30px;
       width: 24px;
       text-align: center;
       font-size: 16px;
       color: #ffffff;
       cursor: pointer;
       z-index: 10;
       -webkit-transition: all 0.9s ease;
       -moz-transition: all 0.9s ease;
       -ms-transition: all 0.9s ease;
       -o-transition: all 0.9s ease;
       transition: all 0.9s ease;
   }

   .mobile-menu-visible .mobile-menu .close-btn {
       -webkit-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       transform: rotate(360deg);
   }

   .mobile-menu .close-btn:hover {
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
   }

   .mobile-menu .navigation {
       position: relative;
       display: block;
       width: 100%;
       float: none;
   }

   .mobile-menu .navigation li {
       position: relative;
       display: block;
       border-top: 1px solid rgba(255, 255, 255, 0.10);
   }

   .mobile-menu .navigation:last-child {
       border-bottom: 1px solid rgba(255, 255, 255, 0.10);
   }

   .mobile-menu .navigation li>ul>li:first-child {
       border-top: 1px solid rgba(255, 255, 255, 0.10);
   }

   .mobile-menu .navigation li>a {
       position: relative;
       display: block;
       line-height: 24px;
       padding: 10px 25px;
       font-size: 15px;
       font-weight: 500;
       color: #ffffff;
       text-transform: uppercase;
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
   }

   .mobile-menu .navigation li ul li>a {
       font-size: 16px;
       margin-left: 20px;
       text-transform: capitalize;
   }

   .mobile-menu .navigation li>a:before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       height: 0;
       border-left: 5px solid #fff;
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
   }

   .mobile-menu .navigation li.current>a:before {
       height: 100%;
   }

   .mobile-menu .navigation li.dropdown .dropdown-btn {
       position: absolute;
       right: 6px;
       top: 6px;
       width: 32px;
       height: 32px;
       text-align: center;
       font-size: 16px;
       line-height: 32px;
       color: #ffffff;
       background: rgba(255, 255, 255, 0.10);
       cursor: pointer;
       border-radius: 2px;
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
       z-index: 5;
   }

   .mobile-menu .navigation li.dropdown .dropdown-btn.open {
       background: #fff;
       color: #3b3b3b;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
   }

   .mobile-menu .navigation li>ul,
   .mobile-menu .navigation li>ul>li>ul,
   .mobile-menu .navigation>li.dropdown>.megamenu {
       display: none;
   }

   .mobile-menu .social-links {
       position: relative;
       padding: 0px 25px;
   }

   .mobile-menu .social-links li {
       position: relative;
       display: inline-block;
       margin: 0px 10px 10px;
   }

   .mobile-menu .social-links li a {
       position: relative;
       line-height: 32px;
       font-size: 16px;
       color: #ffffff;
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
   }

   .mobile-menu .social-links li a:hover {}

   div#mCSB_1_container {
       top: 0px !important;
   }

   .mobile-menu .contact-info {
       position: relative;
       padding: 120px 30px 20px 30px;
   }

   .mobile-menu .contact-info h4 {
       position: relative;
       font-size: 20px;
       color: #ffffff;
       font-weight: 700;
       margin-bottom: 20px;
   }

   .mobile-menu .contact-info ul li {
       position: relative;
       display: block;
       font-size: 15px;
       color: rgba(255, 255, 255, 0.80);
       margin-bottom: 3px;
   }

   .mobile-menu .contact-info ul li a {
       color: rgba(255, 255, 255, 0.80);
   }

   .mobile-menu .contact-info ul li a:hover {}

   .mobile-menu .contact-info ul li:last-child {
       margin-bottom: 0px;
   }
   /** banner-section **/

   .banner-section {
       position: relative;
       overflow: hidden;
       padding: 65px 0px 70px 0px;
   }

   .select-box li {
       position: relative;
       display: inline-block;
       float: left;
       margin-right: 24px;
   }

   .select-box li:last-child {
       margin: 0px !important;
   }

   .select-box .single-checkbox {
       position: relative;
       display: block;
   }

   .select-box label {
       position: relative;
       display: block;
       padding-left: 20px;
       margin-right: 0px;
       margin-bottom: 0;
       color: var(--font-gray);
       font-size: 17px;
       line-height: 30px;
       font-weight: 500;
       cursor: pointer;
   }

   .select-box input[type="radio"] {
       display: none;
   }

   .select-box input[type="radio"]+label span {
       position: absolute;
       top: 10px;
       left: 0;
       width: 10px;
       height: 10px;
       vertical-align: middle;
       background-color: transparent;
       border: 2px solid var(--font-gray);
       border-radius: 50%;
       cursor: pointer;
       transition: all 300ms ease;
   }

   .select-box label span:before {
       position: absolute;
       content: '';
       width: 10px;
       height: 10px;
       left: -2px;
       top: -2px;
       border-radius: 50%;
       opacity: 0;
       transform: scale(0, 0);
       transition: all 500ms ease;
   }

   .select-box input[type="radio"]:checked+label span:before {
       opacity: 1;
       transform: scale(1, 1);
   }

   .select-box input[type="radio"]:checked+label span {}

   .banner-section .content-box h1 {
       display: block;
       font-size: 75px;
       line-height: 80px;
       margin-bottom: 31px;
       font-weight: 900;
   }

   .banner-section .content-box p {
       font-size: 20px;
       line-height: 28px;
       color: var(--font-gray);
       margin-bottom: 43px;
   }

   .banner-section .content-box form .form-group {
       position: relative;
       margin-bottom: 21px;
       margin-right: 100px;
   }

   .banner-section .content-box form .form-group input[type='text'] {
       position: relative;
       width: 100%;
       height: 70px;
       background: #fff;
       border-radius: 40px;
       padding: 10px 90px 10px 30px;
       font-size: 16px;
       color: #848484;
       border: 1px solid #fff;
       box-shadow: 0 10px 30px rgb(57 202 187 / 15%);
       transition: all 500ms ease;
   }

   .banner-section .content-box form .form-group input:focus {
       border-color: var(--font-gray);
   }

   .banner-section .content-box form .form-group button {
       position: absolute;
       top: 5px;
       right: 5px;
       width: 60px;
       height: 60px;
       line-height: 60px;
       text-align: center;
       border-radius: 50%;
       font-size: 18px;
       color: #fff;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .banner-section .content-box form .form-group input:focus+button,
   .banner-section .content-box form .form-group button:hover {
       background: var(--font-gray);
   }

   .banner-section .image-box {
       position: relative;
       display: block;
       margin-left: -40px;
   }

   .banner-section .image-box .image img {
       max-width: none;
       float: left;
   }

   .banner-section .pattern-layer {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .owl-nav-none .owl-nav,
   .owl-dots-none .owl-dots {
       display: none !important;
   }
   /** clients-section **/

   .clients-section {
       position: relative;
       padding: 95px 0px;
   }

   .clients-section .clients-logo-box {
       position: relative;
       display: block;
   }

   .clients-section .clients-logo-box img {
       display: block;
       max-width: 100%;
       width: auto;
       margin: 0 auto;
       filter: grayscale(100%);
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       transition: all 500ms ease;
   }

   .clients-section .clients-logo-box img:hover {
       filter: grayscale(0%);
       -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
       -o-filter: grayscale(0%);
   }

   .clients-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 382px;
       height: 234px;
       background-repeat: no-repeat;
   }

   .clients-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 0px;
       top: 0px;
       width: 405px;
       height: 211px;
       background-repeat: no-repeat;
   }
   /** feature-section **/

   .feature-section {
       position: relative;
       padding: 120px 0px;
   }

   .feature-block-one .inner-box {
       position: relative;
       display: block;
       background: #fff;
       padding: 30px 30px 45px 30px;
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 10px 30px #eaf2f1;
       transition: all 500ms ease;
   }

   .feature-block-one .inner-box:hover {
       box-shadow: 0 20px 30px #cee4e2;
   }

   .feature-block-one .inner-box .icon-box {
       position: relative;
       min-height: 100px;
       margin-bottom: 5px;
   }

   .feature-block-one .inner-box .icon-box img {
       display: inline-block;
   }

   .feature-block-one .inner-box p {
       color: var(--font-gray);
       margin-bottom: 0px;
   }

   .feature-block-one .inner-box h3 {
       font-size: 24px;
       line-height: 26px;
       font-weight: 900;
       margin-bottom: 25px;
   }

   .feature-block:nth-child(2) .feature-block-one .inner-box h3 {}

   .feature-block:nth-child(3) .feature-block-one .inner-box h3 {}

   .feature-block:nth-child(4) .feature-block-one .inner-box h3 {}

   .feature-block-one .inner-box .link a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 54px;
       text-align: center;
       font-size: 16px;
       background: var(--light-orange);
       border-radius: 50%;
       transform: scale(1, 1);
   }

   .feature-block-one .inner-box:hover .link a {
       transform: scale(0, 0);
   }

   .feature-block-one .inner-box .btn-box {
       position: absolute;
       left: 0px;
       bottom: 45px;
       width: 100%;
       text-align: center;
   }

   .feature-block-one .inner-box .btn-box .theme-btn-one {
       padding: 12px 30px;
       font-size: 15px;
       font-weight: 600;
       transform: scale(0, 0);
   }

   .feature-block-one .inner-box:hover .btn-box .theme-btn-one {
       transform: scale(1, 1);
   }

   .feature-block-one .inner-box .pattern .pattern-1 {
       position: absolute;
       left: -30px;
       top: 0px;
       width: 229px;
       height: 103px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .feature-block-one .inner-box:hover .pattern .pattern-1 {
       left: 0px;
       opacity: 1;
   }

   .feature-block-one .inner-box .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 149px;
       height: 87px;
       opacity: 0;
       background-repeat: no-repeat;
       transition: all 500ms ease;
   }

   .feature-block-one .inner-box:hover .pattern .pattern-2 {
       opacity: 1;
   }

   .feature-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 80px;
       bottom: 0px;
       width: 299px;
       height: 142px;
       background-repeat: no-repeat;
   }

   .feature-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 80px;
       top: 0px;
       width: 299px;
       height: 142px;
       background-repeat: no-repeat;
   }
   /** about-section **/

   .about-section {
       position: relative;
       padding: 110px 0px 120px 0px;
   }

   .image_block_1 .image-box {
       position: relative;
       display: block;
       max-width: 570px;
   }

   .image_block_1 .image-box .image img {
       position: relative;
       max-width: none;
       float: right;
   }

   .image_block_1 .image-box:before {
       position: absolute;
       content: '';
       background: #b7e9e1;
       width: 400px;
       height: 400px;
       border-radius: 50%;
       left: 5px;
       top: 150px;
   }

   .image_block_1 .image-box .pattern .pattern-1 {
       position: absolute;
       right: 120px;
       top: 105px;
       width: 560px;
       height: 491px;
       z-index: -1;
       background-repeat: no-repeat;
   }

   .image_block_1 .image-box .pattern .pattern-2 {
       position: absolute;
       left: 0px;
       top: 170px;
       width: 80px;
       height: 80px;
       border-radius: 50%;
       opacity: 0.7;
       -webkit-animation: zoom-fade 3s infinite linear;
       animation: zoom-fade 3s infinite linear;
   }

   .image_block_1 .image-box .pattern .pattern-3 {
       position: absolute;
       top: 167px;
       right: 168px;
       width: 124px;
       height: 144px;
       z-index: 1;
       background-repeat: no-repeat;
   }

   .about-section .content_block_1 .content-box {
       margin-left: 50px;
   }

   .content_block_1 .content-box .text {
       margin-bottom: 24px;
   }

   .list-style-one {
       position: relative;
       display: block;
   }

   .list-style-one li {
       position: relative;
       display: block;
       font-size: 18px;
       line-height: 26px;
       font-family: 'Jost', sans-serif;
       color: var(--font-main);
       font-weight: 500;
       margin-bottom: 8px;
       padding-left: 30px;
   }

   .list-style-one li:last-child {
       margin-bottom: 0px;
   }

   .list-style-one li:before {
       position: absolute;
       content: '';
       width: 14px;
       height: 14px;
       left: 0px;
       top: 6px;
       border-radius: 50%;
   }

   .content_block_1 .content-box .list-style-one {
       margin-bottom: 34px;
   }

   .content_block_1 .content-box .sec-title {
       margin-bottom: 24px;
   }
   /** process-section **/

   .process-section {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .process-section .sec-title {
       margin-bottom: 50px;
   }

   .process-section .inner-content {
       position: relative;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .processing-block-one .inner-box {
       position: relative;
       display: block;
       padding: 47px 40px 46px 40px;
   }

   .processing-block-one .inner-box:after {
       position: absolute;
       content: '';
       width: 145px;
       height: 6px;
       bottom: 0px;
       right: 40px;
       transition: all 500ms ease;
   }

   .processing-block:nth-child(2) .processing-block-one .inner-box:after {}

   .processing-block-one .inner-box:hover:after {
       width: 100%;
       right: 0px;
   }

   .processing-block-one .inner-box:before {
       position: absolute;
       content: '';
       background: #e4f2f1;
       width: 1px;
       height: 100%;
       top: 0px;
       right: -15px;
   }

   .processing-block:last-child .processing-block-one .inner-box:before {
       display: none;
   }

   .processing-block-one .inner-box .icon-box {
       position: relative;
       display: inline-block;
       min-height: 97px;
       margin-bottom: 10px;
   }

   .processing-block-one .inner-box .icon-box span {
       position: absolute;
       top: -2px;
       right: -35px;
       font-size: 24px;
       font-family: 'Jost', sans-serif;
       color: #fff;
       background: var(--font-gray);
       width: 50px;
       height: 50px;
       line-height: 50px;
       text-align: center;
       border-radius: 50%;
       box-shadow: 0 10px 20px rgba(0, 24, 73, 0.3);
   }

   .processing-block-one .inner-box h3 {
       position: relative;
       display: block;
       font-size: 26px;
       line-height: 32px;
       font-weight: 700;
       margin-bottom: 22px;
   }

   .processing-block-one .inner-box h3 a {
       display: inline-block;
       color: var(--font-main);
   }

   .processing-block-one .inner-box h3 a:hover {}

   .process-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 70px;
       bottom: 0px;
       width: 299px;
       height: 142px;
       background-repeat: no-repeat;
   }

   .process-section .pattern-layer .pattern-2 {
       position: absolute;
       left: 150px;
       top: 110px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .process-section .pattern-layer .pattern-3 {
       position: absolute;
       right: 70px;
       top: 0px;
       width: 382px;
       height: 285px;
       background-repeat: no-repeat;
   }

   .process-section .pattern-layer .pattern-4 {
       position: absolute;
       right: 135px;
       bottom: 30px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /** testimonial-section **/

   .testimonial-section {
       position: relative;
       padding: 120px 0px;
   }

   .testimonial-section .owl-stage-outer {
       overflow: visible;
   }

   .testimonial-section .owl-item {
       opacity: 0;
       transition: all 500ms ease;
   }

   .testimonial-section .owl-item.active {
       opacity: 1;
   }

   .testimonial-section .bg-layer {
       position: absolute;
       content: '';
       width: 50%;
       height: 100%;
       top: 0px;
       right: 0px;
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
   }

   .testimonial-section .testimonial-inner {
       position: relative;
       background: #fff;
       padding: 63px 150px 70px 70px;
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 0px 30px rgba(0, 24, 73, 0.1);
   }

   .testimonial-block-one .inner-box {
       position: relative;
       display: block;
   }

   .testimonial-block-one .inner-box .text {
       position: relative;
       margin-bottom: 30px;
   }

   .testimonial-block-one .inner-box .text p {
       font-size: 18px;
       line-height: 30px;
       color: var(--font-gray);
   }

   .testimonial-block-one .inner-box .author-info {
       position: relative;
       display: block;
       padding: 10px 0px 6px 90px;
   }

   .testimonial-block-one .inner-box .author-info .author-thumb {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 70px;
       height: 70px;
       border-radius: 50%;
       box-shadow: 0 10px 20px rgba(0, 24, 73, 0.1);
   }

   .testimonial-block-one .inner-box .author-info .author-thumb img {
       width: 100%;
       border-radius: 50%;
   }

   .testimonial-block-one .inner-box .author-info h3 {
       position: relative;
       font-size: 22px;
       line-height: 26px;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .testimonial-block-one .inner-box .author-info .designaion {
       position: relative;
       display: block;
       font-size: 16px;
       line-height: 24px;
   }

   .nav-style-one .owl-prev,
   .nav-style-one .owl-next {
       position: relative;
       display: inline-block;
       width: 60px;
       height: 60px;
       line-height: 60px;
       font-size: 20px;
       text-align: center;
       border-radius: 50%;
       background: #fff;
       color: var(--font-gray);
       box-shadow: 0 0px 50px var(--box-shadow);
       cursor: pointer;
       transition: all 500ms ease;
   }

   .nav-style-one .owl-prev:hover,
   .nav-style-one .owl-next:hover {
       color: #fff;
   }

   .testimonial-section .nav-style-one .owl-prev,
   .testimonial-section .nav-style-one .owl-next {
       display: block;
   }

   .testimonial-section .nav-style-one .owl-prev {
       margin-bottom: 10px;
   }

   .testimonial-section .owl-nav {
       position: absolute;
       right: -90px;
       bottom: -25px;
   }

   .testimonial-section .testimonial-inner .pattern {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 202px;
       height: 250px;
       background-repeat: no-repeat;
   }

   .testimonial-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 239px;
       height: 376px;
       background-repeat: no-repeat;
   }

   .testimonial-section .pattern-layer .pattern-2 {
       position: absolute;
       left: 280px;
       bottom: 150px;
       width: 174px;
       height: 174px;
       background-repeat: no-repeat;
   }

   .bg-color-3 {
       background: var(--background-light);
   }
   /** team-section **/

   .team-section {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .team-block-one .inner-box {
       position: relative;
       display: block;
       overflow: hidden;
       background: #fff;
       border-radius: 10px;
       padding: 35px 40px 31px 170px;
       margin-bottom: 30px;
       box-shadow: 0 20px 50px rgba(0, 24, 73, 0.07);
   }

   .team-block-one .inner-box .image-box {
       position: absolute;
       left: 40px;
       top: 40px;
       width: 100px;
       height: 100px;
       border-radius: 20px;
       box-shadow: 0 10px 40px rgba(0, 24, 73, 0.2);
   }

   .team-block-one .inner-box .image-box img {
       width: 100%;
       border-radius: 20px;
   }

   .team-block-one .inner-box .content-box .like-box {
       position: absolute;
       top: 5px;
       right: 0px;
   }

   .team-block-one .inner-box .content-box .like-box a {
       position: relative;
       display: inline-block;
       font-size: 15px;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;
       background: var(--w-orange);
       border-radius: 50%;
       z-index: 1;
   }

   .team-block-one .inner-box .content-box .like-box a:hover {
       color: #fff;
   }

   .team-block-one .inner-box .content-box .name-box li {
       position: relative;
       display: inline-block;
       margin-right: 6px;
       font-size: 20px;
   }

   .team-block-one .inner-box .content-box .name-box li:nth-child(2) {
       top: 2px;
   }

   .team-block-one .inner-box .content-box .name-box li:last-child {
       top: 2px;
   }

   .team-block-one .inner-box .content-box .name-box li:last-child {
       margin: 0px !important;
   }

   .team-block-one .inner-box .content-box .name-box li h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 26px;
       font-weight: 700;
   }

   .team-block-one .inner-box .content-box .name-box li h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .team-block-one .inner-box .content-box .name-box li h3 a:hover {}

   .team-block-one .inner-box .content-box .designation {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 24px;
       margin-bottom: 8px;
   }

   .team-block-one .inner-box .content-box .text {
       position: relative;
       margin-bottom: 9px;
   }

   .team-block-one .inner-box .content-box .text p {
       line-height: 26px;
   }

   .team-block-one .inner-box .content-box .rating li {
       position: relative;
       display: inline-block;
       float: left;
       font-size: 14px;
       margin-right: 3px;
   }

   .team-block-one .inner-box .content-box .rating li:last-child {
       margin-right: 0px !important;
       margin-left: 5px !important;
   }

   .team-block-one .inner-box .content-box .rating li a {
       display: inline-block;
       font-size: 15px;
       position: relative;
       color: #808080;
   }

   .team-block-one .inner-box .content-box .rating li a:hover {}

   .team-block-one .inner-box .content-box .rating,
   .team-block-one .inner-box .content-box .link {
       position: relative;
       display: inline-block;
       float: left;
   }

   .team-block-one .inner-box .content-box .link {
       padding-left: 15px;
       margin-left: 15px;
   }

   .team-block-one .inner-box .content-box .link a {
       font-size: 15px;
   }

   .team-block-one .inner-box .content-box .link a:hover {
       color: var(--font-gray) !important;
   }

   .team-block-one .inner-box .content-box .link.not-available a {}

   .team-block-one .inner-box .content-box .link:before {
       position: absolute;
       content: '';
       background: #e5e5e5;
       width: 1px;
       height: 18px;
       left: 0px;
       top: 4px;
   }

   .team-block-one .inner-box .content-box .rating-box {
       position: relative;
       margin-bottom: 5px;
   }

   .team-block-one .inner-box .content-box .location-box {
       position: relative;
       display: block;
   }

   .team-block-one .inner-box .content-box .location-box p {
       font-size: 15px;
       color: #808080;
   }

   .team-block-one .inner-box .content-box .location-box p i {
       margin-right: 8px;
   }

   .team-block-one .inner-box .pattern .pattern-1 {
       position: absolute;
       left: -30px;
       top: 0px;
       width: 254px;
       height: 115px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .team-block-one .inner-box:hover .pattern .pattern-1 {
       left: 0px;
       opacity: 1;
   }

   .team-block-one .inner-box .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 208px;
       height: 104px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .team-block-one .inner-box:hover .pattern .pattern-2 {
       opacity: 1;
   }

   .team-section .more-btn {
       position: relative;
       margin-top: 30px;
   }

   .team-section .sec-title {
       margin-bottom: 50px;
   }
   /** search-doctors **/

   .search-doctors {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .doctors-block-one .inner-box {
       position: relative;
       display: block;
       background: #fff;
       padding: 60px 40px;
       border-radius: 10px;
   }

   .doctors-block-one .inner-box h3 {
       position: relative;
       display: block;
       font-size: 26px;
       line-height: 32px;
       font-weight: 700;
       margin-bottom: 27px;
   }

   .doctors-block-one .inner-box .doctors-list li {
       position: relative;
       display: block;
       font-size: 16px;
       line-height: 26px;
       color: var(--font-gray);
       margin-bottom: 10px;
   }

   .doctors-block-one .inner-box .doctors-list li:last-child {
       margin-bottom: 0px;
   }

   .doctors-block-one .inner-box .doctors-list li a {
       display: inline-block;
       color: var(--font-gray);
   }

   .doctors-block-one .inner-box .doctors-list li a:hover {}

   .doctors-block-one .inner-box .doctors-list {
       position: relative;
       margin-bottom: 32px;
   }

   .doctors-block-one .inner-box .btn-box {
       position: absolute;
       left: 40px;
       bottom: 60px;
       transform: scale(0, 0);
       z-index: 1;
       transition: all 500ms ease;
   }

   .doctors-block-one .inner-box:hover .btn-box {
       transform: scale(1, 1);
   }

   .doctors-block-one .inner-box .btn-box .theme-btn-one {
       padding: 12px 30px;
   }

   .doctors-block-one .inner-box .pattern {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 193px;
       height: 99px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .doctors-block-one .inner-box:hover .pattern {
       opacity: 1;
   }

   .doctors-block-one .inner-box .link a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 54px;
       text-align: center;
       font-size: 16px;
       background: var(--light-orange);
       border-radius: 50%;
       opacity: 1;
       transition: all 500ms ease;
   }

   .doctors-block-one .inner-box:hover .link a {
       opacity: 0;
   }

   .search-doctors .pattern-layer .pattern-1 {
       position: absolute;
       right: 70px;
       top: 0px;
       width: 348px;
       height: 227px;
       background-repeat: no-repeat;
   }

   .search-doctors .pattern-layer .pattern-2 {
       position: absolute;
       left: 190px;
       top: 120px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .search-doctors .pattern-layer .pattern-3 {
       position: absolute;
       right: 115px;
       bottom: 60px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /** cta-section **/

   .cta-section {
       position: relative;
       padding-top: 80px;
   }

   .cta-section .image-box {
       position: relative;
       z-index: 1;
   }

   .cta-section .image-box .image {
       position: relative;
       margin-bottom: -95px;
   }

   .cta-section .content_block_2 .content-box {
       position: relative;
       padding-bottom: 120px;
       margin-top: 35px;
   }

   .content_block_2 .content-box .text {
       position: relative;
       margin-bottom: 40px;
   }

   .content_block_2 .content-box .text p {
       color: #fff;
   }

   .content_block_2 .content-box .btn-box .download-btn {
       position: relative;
       display: inline-block;
       float: left;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       color: #fff;
       padding: 16px 50px 15px 90px;
       border-radius: 40px;
       z-index: 1;
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
   }

   .content_block_2 .content-box .btn-box .download-btn.app-store {
       margin-right: 30px;
   }

   .content_block_2 .content-box .btn-box .download-btn.play-store {}

   .content_block_2 .content-box .btn-box .download-btn i {
       position: absolute;
       left: 37px;
       top: 16px;
       font-size: 45px;
   }

   .content_block_2 .content-box .btn-box .download-btn span {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 18px;
       font-family: 'Jost', sans-serif;
       font-weight: 500;
   }

   .content_block_2 .content-box .btn-box .download-btn h3 {
       position: relative;
       display: block;
       font-size: 24px;
       line-height: 26px;
       color: #fff;
       font-weight: 600;
       transition: all 500ms ease;
   }

   .content_block_2 .content-box .btn-box .download-btn:hover {
       background: var(--font-gray) !important;
   }

   .content_block_2 .content-box .btn-box .download-btn:hover h3 {
       color: #fff;
   }

   .content_block_2 .content-box .sec-title {
       margin-bottom: 32px;
   }

   .cta-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 70px;
       bottom: 0px;
       width: 299px;
       height: 142px;
       background-repeat: no-repeat;
   }

   .cta-section .pattern-layer .pattern-2 {
       position: absolute;
       left: 240px;
       top: 15px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .cta-section .pattern-layer .pattern-3 {
       position: absolute;
       right: 70px;
       top: 0px;
       width: 349px;
       height: 228px;
       background-repeat: no-repeat;
   }

   .my-account-button {
       display: none;
   }
   /** news-section **/

   .news-section {
       position: relative;
       padding: 165px 0px 120px 0px;
   }

   .news-block-one .inner-box {
       position: relative;
       display: block;
       overflow: hidden;
       border-radius: 10px;
       box-shadow: 0 10px 30px rgba(0, 24, 73, 0.1);
   }

   .news-block-one .inner-box .image-box {
       position: relative;
       display: block;
       overflow: hidden;
   }

   .news-block-one .inner-box .image-box:before {
       position: absolute;
       content: '';
       width: 100%;
       height: 0%;
       left: 0px;
       top: 0px;
       opacity: 0.9;
       z-index: 1;
       transition: all 500ms ease;
   }

   .news-block-one .inner-box:hover .image-box:before {
       height: 100%;
   }

   .news-block-one .inner-box .image-box img {
       width: 100%;
       transition: all 500ms ease;
   }

   .news-block-one .inner-box:hover .image-box img {
       transform: scale(1.1);
   }

   .news-block-one .inner-box .image-box .link {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       font-size: 0px;
       color: #fff;
       z-index: 2;
   }

   .news-block-one .inner-box .image-box .category {
       position: absolute;
       left: 30px;
       bottom: 20px;
       font-size: 13px;
       line-height: 26px;
       font-weight: 500;
       color: #fff;
       padding: 0px 15px;
       border-radius: 3px;
       z-index: 2;
       text-transform: uppercase;
   }

   .news-block:nth-child(2) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(3) .news-block-one .inner-box .image-box .category {}

   .news-block-one .inner-box .lower-content {
       position: relative;
       padding: 25px 30px 35px 30px;
   }

   .news-block-one .inner-box .lower-content h3 {
       position: relative;
       display: block;
       font-size: 26px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 20px;
   }

   .news-block-one .inner-box .lower-content h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .news-block-one .inner-box .lower-content h3 a:hover {}

   .news-block-one .inner-box .lower-content .post-info li {
       position: relative;
       display: inline-block;
       font-size: 15px;
       margin-right: 25px;
   }

   .news-block-one .inner-box .lower-content .post-info li:last-child {
       margin: 0px !important;
   }

   .news-block-one .inner-box .lower-content .post-info li a {
       font-weight: 600;
       color: #2d2929;
   }

   .news-block-one .inner-box .lower-content .post-info li a:hover {}

   .news-block-one .inner-box .lower-content .post-info li img {
       margin-right: 10px;
   }

   .news-block-one .inner-box .lower-content .post-info {
       position: relative;
       margin-bottom: 21px;
   }

   .news-block-one .inner-box .lower-content .post-info li:before {
       position: absolute;
       content: '';
       background: #e5e7ec;
       width: 1px;
       height: 18px;
       top: 10px;
       right: -13px;
   }

   .news-block-one .inner-box .lower-content .post-info li:last-child:before {
       display: none;
   }

   .news-block-one .inner-box .lower-content .link a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 54px;
       text-align: center;
       font-size: 16px;
       background: var(--light-orange);
       border-radius: 50%;
       opacity: 1;
       transition: all 500ms ease;
   }

   .news-block-one .inner-box:hover .lower-content .link a {
       opacity: 0;
   }

   .news-block-one .inner-box .lower-content .btn-box {
       position: absolute;
       left: 30px;
       bottom: 35px;
       transform: scale(0, 0);
       transition: all 500ms ease;
   }

   .news-block-one .inner-box .lower-content p {
       margin-bottom: 20px;
   }

   .news-block-one .inner-box .lower-content .btn-box .theme-btn-one {
       padding: 12px 28px;
   }

   .news-block-one .inner-box:hover .lower-content .btn-box {
       transform: scale(1, 1);
   }
   /** agent-section **/

   .agent-section {
       position: relative;
   }

   .agent-section .inner-container {
       position: relative;
       padding: 50px 50px;
       border-radius: 10px;
       margin-bottom: -140px;
       z-index: 1;
   }

   .content_block_3 .content-box {
       position: relative;
       display: block;
       border: 1px dashed rgba(255, 255, 255, 0.3);
       border-radius: 10px;
       padding: 27px 40px 36px 40px;
   }

   .content_block_3 .content-box h3 {
       display: block;
       font-size: 30px;
       line-height: 38px;
       font-weight: 900;
       color: #fff;
       margin-bottom: 14px;
   }

   .content_block_3 .content-box .support-box {
       position: relative;
       padding-left: 65px;
   }

   .content_block_3 .content-box .support-box .icon-box {
       position: absolute;
       left: 0px;
       top: 12px;
       font-size: 26px;
       line-height: 30px;
   }

   .content_block_3 .content-box .support-box .icon-box:before {
       position: absolute;
       content: '';
       height: 44px;
       width: 36px;
       top: -5px;
       left: 0px;
       clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
       opacity: 0.1;
   }

   .content_block_3 .content-box .support-box span {
       font-size: 15px;
       line-height: 26px;
       font-weight: 500;
       color: #fff;
       margin-bottom: 0px;
   }

   .content_block_3 .content-box .support-box h3 {
       display: block;
       font-size: 24px;
       line-height: 32px;
       font-family: 'Poppins', sans-serif;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .content_block_3 .content-box .support-box h3 a {
       display: inline-block;
   }

   .content_block_3 .content-box .support-box h3 a:hover {
       color: #fff;
   }

   .content_block_4 .content-box {
       position: relative;
       display: block;
       border: 1px dashed rgba(255, 255, 255, 0.3);
       border-radius: 10px;
       padding: 29px 40px 37px 40px;
   }

   .content_block_4 .content-box h3 {
       display: block;
       font-size: 30px;
       line-height: 38px;
       font-weight: 900;
       color: #fff;
       margin-bottom: 21px;
   }

   .content_block_4 .content-box .subscribe-form .form-group {
       position: relative;
       margin: 0px;
       padding-right: 175px;
       border-radius: 30px;
       overflow: hidden;
   }

   .content_block_4 .content-box .subscribe-form .form-group input[type='email'] {
       position: relative;
       display: block;
       width: 100%;
       height: 50px;
       border: 1px solid rgba(255, 255, 255, 0.1);
       background: rgba(255, 255, 255, 0.1);
       font-size: 15px;
       color: #fff;
       padding: 10px 20px;
       border-radius: 30px 0px 0px 30px;
       transition: all 500ms ease;
   }

   .content_block_4 .content-box .subscribe-form .form-group input:focus {}

   .content_block_4 .content-box .subscribe-form .form-group button {
       position: absolute;
       top: 0px;
       right: 0px;
       border-radius: 0px;
       padding: 12px 30px;
       box-shadow: none;
       transition: all 500ms ease;
   }

   .content_block_4 .content-box .subscribe-form .form-group button:before {
       border-radius: 0px;
       background: #fff;
   }

   .content_block_4 .content-box .subscribe-form .form-group button:hover {}

   .content_block_4 .content-box .subscribe-form .form-group input::-webkit-input-placeholder {
       color: #fff;
   }

   .content_block_3 .content-box:before,
   .content_block_4 .content-box:before {
       position: absolute;
       content: '';
       left: 40px;
       top: -1px;
       width: 145px;
       height: 5px;
   }
   /** main-footer **/

   .main-footer {
       position: relative;
   }

   .footer-top {
       position: relative;
       background: #1a2332;
       padding: 200px 0px 90px 0px;
   }

   .footer-top .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 363px;
       height: 376px;
       background-repeat: no-repeat;
   }

   .footer-top .pattern-layer .pattern-2 {
       position: absolute;
       right: 0px;
       top: 0px;
       width: 470px;
       height: 365px;
       background-repeat: no-repeat;
   }

   .footer-top .logo-widget .footer-logo {
       position: relative;
       max-width: 194px;
       width: 100%;
       margin-bottom: 24px;
   }

   .footer-top .logo-widget .footer-logo img {
       width: 100%;
   }

   .footer-top .logo-widget .text p {
       color: #fff;
       margin: 0px;
   }

   .footer-top .logo-widget {
       margin-right: 50px;
   }

   .footer-top .widget-title {
       position: relative;
       display: block;
       margin-bottom: 35px;
   }

   .footer-top .widget-title h3 {
       font-size: 26px;
       line-height: 34px;
       color: #fff;
       font-weight: 700;
   }

   .footer-top .links-widget .links li {
       position: relative;
       display: block;
       margin-bottom: 10px;
   }

   .footer-top .links-widget .links li:last-child {
       margin-bottom: 0px;
   }

   .footer-top .links-widget .links li a {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 22px;
       color: #fff;
   }

   .footer-top .links-widget .links li a:hover {}

   .footer-top .links-widget .links li a:before {
       position: absolute;
       content: '';
       width: 0%;
       height: 1px;
       left: 0px;
       bottom: 0px;
       transition: all 500ms ease;
   }

   .footer-top .links-widget .links li a:hover:before {
       width: 100%;
   }

   .footer-top .links-widget {
       margin-left: 30px;
   }

   .footer-top .contact-widget .widget-content li {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       color: #fff;
       margin-bottom: 20px;
       padding-left: 36px;
   }

   .footer-top .contact-widget .widget-content li a {
       color: #fff;
   }

   .footer-top .contact-widget .widget-content li:last-child {
       margin-bottom: 0px;
   }

   .footer-top .contact-widget .widget-content li a:hover {}

   .footer-top .contact-widget .widget-content li i {
       position: absolute;
       left: 0px;
       top: 2px;
       font-size: 20px;
   }

   .footer-top .contact-widget .widget-content li:first-child i {
       top: 7px;
   }

   .footer-top .logo-widget {
       margin-top: -6px;
   }

   .footer-bottom {
       position: relative;
       width: 100%;
       background: #272f3e;
       padding: 36px 0px;
   }

   .footer-bottom .copyright p,
   .footer-bottom .copyright p a {
       color: #fff;
   }

   .footer-bottom .copyright p a:hover {}

   .footer-bottom .footer-nav li {
       position: relative;
       display: inline-block;
       color: #fff;
       margin-right: 25px;
   }

   .footer-bottom .footer-nav li:last-child {
       margin: 0px !important;
   }

   .footer-bottom .footer-nav li a {
       color: #fff;
   }

   .footer-bottom .footer-nav li a:hover {}

   .footer-bottom .footer-nav li:before {
       position: absolute;
       content: '';
       background: #fff;
       width: 1px;
       height: 13px;
       top: 8px;
       right: -15px;
   }

   .footer-bottom .footer-nav li:last-child:before {
       display: none;
   }
   /***

====================================================================
                        Home-Page-Two
====================================================================

***/
   /** header-style-two **/

   .main-header.style-two .header-top {
       background: #1a2332;
       padding: 11px 0px;
   }

   .main-header.style-two .header-top .info li a {
       color: #fff;
   }

   .main-header.style-two .header-top .info li.language:after {
       color: #fff;
   }

   .main-header.style-two .header-top .top-left li {
       position: relative;
       display: inline-block;
       margin: 0px 40px 0px 0px;
       font-size: 15px;
       color: #fff;
       padding-left: 22px;
   }

   .main-header.style-two .header-top .top-left li:last-child {
       margin: 0px !important;
   }

   .main-header.style-two .header-top .top-left li a {
       color: #fff;
   }

   .main-header.style-two .header-top .top-left li a:hover {}

   .main-header.style-two .header-top .top-left li i {
       position: absolute;
       left: 0px;
       top: 6px;
       font-size: 15px;
   }

   .main-header.style-two .header-top .top-left li:before {
       position: absolute;
       content: '';
       background: rgba(255, 255, 255, 0.2);
       width: 1px;
       height: 16px;
       top: 5px;
       right: -22px;
   }

   .main-header.style-two .header-top .top-left li:last-child:before {
       display: none;
   }

   .main-header.style-two .logo-box {
       padding: 30px 0px;
   }

   .main-header.style-two .main-menu .navigation>li {
       padding: 40px 0px;
   }
   /** banner-style-two **/

   .banner-section.style-two {
       position: relative;
       padding: 110px 0px 245px 0px;
   }

   .middle {
       position: absolute;
       top: 40px;
       right: 50px;
       ;
       /*transform: translate(-50%, -50%);*/
   }

   .sm-container {
       text-align: center;
   }

   .seldoctor select {
       border: 1px solid #e5e7ec;
       padding: 11px;
       width: 100%;
       border-radius: 9px;
       color: #808080;
   }

   .sm-container i {
       color: black;
       font-size: 15px;
       width: 40px;
       height: 40px;
       cursor: pointer;
       transition: 0.4s;
       background-color: #d7d7d7;
       border-radius: 50%;
       padding: 12px;
       background: var(--w-orange);
       color: var(--main);
   }

   .sm-container i:hover {
       background: var(--main);
       color: white;
   }

   .sm-menu {
       /* background: #487eb0; */
       z-index: 10;
       position: relative;
       border-radius: 8px;
       visibility: hidden;
       opacity: 0;
       transition: .3s;
       top: 5px;
   }

   .sm-menu.active {
       visibility: visible;
       opacity: 1;
   }

   .sm-menu.active a {
       margin-right: 5px;
   }

   .banner-section.style-two .content-box h1 {
       margin-bottom: 21px;
   }

   .banner-section.style-two .content-box p {
       margin-bottom: 33px;
   }

   .banner-section.style-two .bg-layer {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 50%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
       clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 0%);
   }

   .banner-section.style-two .pattern .pattern-1 {
       position: absolute;
       left: 40px;
       top: 0px;
       width: 366px;
       height: 257px;
       background-repeat: no-repeat;
   }

   .banner-section.style-two .pattern .pattern-2 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 296px;
       height: 458px;
       background-repeat: no-repeat;
   }

   .banner-section.style-two .pattern .pattern-3 {
       position: absolute;
       left: 40px;
       bottom: 0px;
       width: 295px;
       height: 140px;
       background-repeat: no-repeat;
   }

   .banner-section.style-two .pattern .pattern-4 {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 337px;
       height: 100%;
       background-repeat: no-repeat;
   }
   /** search-doctors-two **/

   .search-doctors-two .doctors-block-one .inner-box {
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 24, 73, 0.1);
   }

   .search-doctors-two .inner-container {
       position: relative;
       margin-top: -140px;
       z-index: 1;
   }

   .search-doctors-two .doctors-block-one .inner-box .pattern-2 {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 144px;
       height: 161px;
       background-repeat: no-repeat;
   }
   /** about-style-two **/

   .about-style-two {
       position: relative;
       padding: 120px 0px;
   }

   .image_block_2 .image-box {
       position: relative;
       padding: 0px 100px 95px 60px;
   }

   .about-style-two .image_block_2 .image-box {
       margin-right: 40px;
   }

   .image_block_2 .image-box .image {
       border-radius: 10px;
       box-shadow: 0 10px 40px rgba(0, 24, 73, 0.4);
   }

   .image_block_2 .image-box .image img {
       width: 100%;
       border-radius: 10px;
   }

   .image_block_2 .image-box .image-2 {
       position: absolute;
       left: 0px;
       bottom: 0px;
   }

   .image_block_2 .image-box .image-content {
       position: absolute;
       top: 105px;
       right: 0px;
       background: #fff;
       max-width: 240px;
       width: 100%;
       border-radius: 10px;
       padding: 32px 20px 32px 90px;
       box-shadow: 17px 20px 80px rgba(0, 24, 73, 0.30);
   }

   .image_block_2 .image-box .image-content .icon-box {
       position: absolute;
       left: 23px;
       top: 23px;
   }

   .image_block_2 .image-box .image-content span {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 20px;
       color: var(--font-gray);
   }

   .image_block_2 .image-box .image-content h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 26px;
       font-weight: 900;
   }

   .image_block_2 .image-box .pattern .pattern-1 {
       position: absolute;
       left: 0px;
       top: 35px;
       width: 490px;
       height: 506px;
       background-repeat: no-repeat;
       z-index: -1;
   }

   .image_block_2 .image-box .pattern .pattern-2 {
       position: absolute;
       left: 60px;
       top: 0px;
       width: 123px;
       height: 144px;
       z-index: 1;
       background-repeat: no-repeat;
   }

   .image_block_2 .image-box .pattern .pattern-3 {
       position: absolute;
       left: 0px;
       top: 50px;
       width: 90px;
       height: 90px;
       border-radius: 50%;
       opacity: 0.8;
       z-index: 1;
       transition: all 500ms ease;
       -webkit-animation: zoom-fade 3s infinite linear;
       animation: zoom-fade 3s infinite linear;
   }
   /** process-style-two **/

   .process-style-two {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .processing-block-two .inner-box {
       position: relative;
       display: block;
       padding: 0px 50px;
   }

   .process-style-two .inner-content {
       position: relative;
   }

   .process-style-two .inner-content .arrow {
       position: absolute;
       left: 270px;
       top: 65px;
       width: 650px;
       height: 51px;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
   }

   .processing-block-two .inner-box .icon-box {
       position: relative;
       display: inline-block;
       width: 200px;
       height: 200px;
       background: #fff;
       border-radius: 70px;
       line-height: 200px;
       text-align: center;
       margin-bottom: 33px;
       box-shadow: 0px 20px 40px rgba(0, 24, 73, 0.10);
   }

   .processing-block-two .inner-box .icon-box img {
       display: inline-block;
   }

   .processing-block-two .inner-box h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 30px;
       font-weight: 900;
   }

   .processing-block-two .inner-box h3 a {
       display: inline-block;
       color: #012550;
   }

   .processing-block-two .inner-box h3 a:hover {}

   .process-style-two .pattern-layer .pattern-1 {
       position: absolute;
       left: 150px;
       top: 110px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .process-style-two .pattern-layer .pattern-2 {
       position: absolute;
       left: 70px;
       bottom: 0px;
       width: 299px;
       height: 142px;
       background-repeat: no-repeat;
   }

   .process-style-two .pattern-layer .pattern-3 {
       position: absolute;
       right: 70px;
       top: 0px;
       width: 382px;
       height: 285px;
       background-repeat: no-repeat;
   }

   .process-style-two .pattern-layer .pattern-4 {
       position: absolute;
       right: 140px;
       bottom: 30px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /** team-style-two **/

   .team-style-two {
       position: relative;
       padding: 110px 0px 120px 0px;
   }

   .team-block-two .inner-box {
       position: relative;
       display: block;
       border-radius: 10px;
       overflow: hidden;
       background: #fff;
       box-shadow: 0 10px 30px rgba(0, 24, 73, 0.1);
       margin-bottom: 30px;
   }

   .team-block-two .inner-box .image-box {
       position: relative;
       display: block;
       overflow: hidden;
   }

   .team-block-two .inner-box .image-box a {
       position: absolute;
       top: 15px;
       right: 15px;
       width: 40px;
       height: 40px;
       line-height: 40px;
       background: var(--w-orange);
       text-align: center;
       border-radius: 50%;
       font-size: 15px;
       z-index: 2;
   }

   .team-block-two .inner-box .image-box a:hover {
       color: #fff;
       background: var(--font-gray);
   }

   .team-block-two .inner-box .image-box img {
       width: 100%;
       transition: all 500ms ease;
   }

   .team-block-two .inner-box:hover .image-box img {
       transform: scale(1.1);
   }

   .team-block-two .inner-box .lower-content {
       position: relative;
       padding: 23px 30px 37px 30px;
   }

   .team-block-two .inner-box .lower-content h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .team-block-two .inner-box .lower-content h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .team-block-two .inner-box .lower-content h3 a:hover {}

   .team-block-two .inner-box .lower-content .designation {
       position: relative;
       display: block;
       font-size: 15px;
       margin-bottom: 5px;
   }

   .team-block-two .inner-box .lower-content .rating li {
       position: relative;
       display: inline-block;
       float: left;
       font-size: 14px;
       margin-right: 3px;
   }

   .team-block-two .inner-box .lower-content .rating li:last-child {
       margin-right: 0px;
   }

   .team-block-two .inner-box .lower-content .rating li a {
       display: inline-block;
       font-size: 15px;
       position: relative;
       color: #808080;
       margin-left: 6px;
   }

   .team-block-two .inner-box .lower-content .rating li a:hover {}

   .team-block-two .inner-box .lower-content .rating {
       position: relative;
       margin-bottom: 9px;
   }

   .team-block-two .inner-box .lower-content .location-box p {
       position: relative;
       padding-left: 20px;
       font-size: 15px;
       line-height: 20px;
   }

   .team-block-two .inner-box .lower-content .location-box p i {
       position: absolute;
       left: 0px;
       top: 2px;
       color: #c7c7c7;
   }

   .team-block-two .inner-box .pattern {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 153px;
       height: 82px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .team-block-two .inner-box:hover .pattern {
       opacity: 1;
   }

   .team-style-two .more-btn {
       margin-top: 30px;
   }

   .testimonial-section .image-layer {
       position: absolute;
       right: 290px;
       bottom: 0px;
   }

   .testimonial-section .pattern-layer .pattern-3 {
       position: absolute;
       left: 0px;
       top: 0px;
       right: 0px;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
   }
   /***

====================================================================
                        Home-Page-Three
====================================================================

***/
   /** banner-style-three **/

   .banner-section.style-three {
       position: relative;
       width: 100%;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center;
       padding: 115px 0px 315px 0px;
   }

   .banner-section.style-three:before {
       position: absolute;
       content: '';
       width: 100%;
       height: 100%;
       left: 0px;
       top: 0px;
       opacity: 0.95;
   }

   .banner-section.style-three .pattern-layer {
       position: absolute;
       right: 0px;
       bottom: 0px;
       top: inherit;
       width: 100%;
       height: 162px;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .banner-section.style-three .content-box form .form-group input[type='text'] {
       box-shadow: 0 20px 30px rgba(57, 202, 187, 0.2);
   }

   .banner-section.style-three .content-box {
       max-width: 770px;
       margin: 0 auto;
   }

   .banner-section.style-three .content-box h1 {
       color: #fff;
       margin-bottom: 23px;
   }

   .banner-section.style-three .content-box p {
       color: #fff;
       margin-bottom: 33px;
   }

   .banner-section.style-three .select-box li {
       float: none;
       margin: 0px 12px;
   }

   .banner-section.style-three .select-box label {
       color: #fff;
   }

   .banner-section.style-three .content-box form .form-group {
       margin-right: 0px;
   }

   .banner-section.style-three .select-box input[type="radio"]+label span {
       border-color: #fff;
   }

   .anim-icon {
       position: absolute;
       left: 0px;
       top: 0px;
       right: 0px;
       max-width: 1920px;
       width: 100%;
       height: 100%;
       margin: 0 auto;
   }

   .anim-icon .icon {
       position: absolute;
       background-repeat: no-repeat;
   }

   .float-bob-y {
       animation-name: float-bob-y;
       animation-duration: 2s;
       animation-iteration-count: infinite;
       animation-timing-function: linear;
       -webkit-animation-name: float-bob-y;
       -webkit-animation-duration: 2s;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-timing-function: linear;
       -moz-animation-name: float-bob-y;
       -moz-animation-duration: 2s;
       -moz-animation-iteration-count: infinite;
       -moz-animation-timing-function: linear;
       -ms-animation-name: float-bob-y;
       -ms-animation-duration: 2s;
       -ms-animation-iteration-count: infinite;
       -ms-animation-timing-function: linear;
       -o-animation-name: float-bob-y;
       -o-animation-duration: 2s;
       -o-animation-iteration-count: infinite;
       -o-animation-timing-function: linear;
   }

   .float-bob-x {
       animation-name: float-bob-x;
       animation-duration: 15s;
       animation-iteration-count: infinite;
       animation-timing-function: linear;
       -webkit-animation-name: float-bob-x;
       -webkit-animation-duration: 15s;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-timing-function: linear;
       -moz-animation-name: float-bob-x;
       -moz-animation-duration: 15s;
       -moz-animation-iteration-count: infinite;
       -moz-animation-timing-function: linear;
       -ms-animation-name: float-bob-x;
       -ms-animation-duration: 15s;
       -ms-animation-iteration-count: infinite;
       -ms-animation-timing-function: linear;
       -o-animation-name: float-bob-x;
       -o-animation-duration: 15s;
       -o-animation-iteration-count: infinite;
       -o-animation-timing-function: linear;
   }

   .rotate-me {
       animation-name: rotateme;
       animation-duration: 30s;
       animation-iteration-count: infinite;
       animation-timing-function: linear;
       -webkit-animation-name: rotateme;
       -webkit-animation-duration: 30s;
       -webkit-animation-iteration-count: infinite;
       -webkit-animation-timing-function: linear;
       -moz-animation-name: rotateme;
       -moz-animation-duration: 30s;
       -moz-animation-iteration-count: infinite;
       -moz-animation-timing-function: linear;
       -ms-animation-name: rotateme;
       -ms-animation-duration: 30s;
       -ms-animation-iteration-count: infinite;
       -ms-animation-timing-function: linear;
       -o-animation-name: rotateme;
       -o-animation-duration: 30s;
       -o-animation-iteration-count: infinite;
       -o-animation-timing-function: linear;
   }

   .banner-section.style-three .anim-icon .icon-1 {
       width: 77px;
       height: 96px;
       left: 30px;
       top: 180px;
   }

   .banner-section.style-three .anim-icon .icon-2 {
       width: 338px;
       height: 226px;
       left: 150px;
       bottom: 100px;
   }

   .banner-section.style-three .anim-icon .icon-3 {
       width: 51px;
       height: 51px;
       left: 600px;
       bottom: 90px;
   }

   .banner-section.style-three .anim-icon .icon-4 {
       width: 76px;
       height: 77px;
       left: 50%;
       bottom: 150px;
   }

   .banner-section.style-three .anim-icon .icon-5 {
       width: 116px;
       height: 126px;
       left: 60%;
       bottom: 80px;
   }

   .banner-section.style-three .anim-icon .icon-6 {
       width: 84px;
       height: 73px;
       right: 275px;
       bottom: 230px;
   }

   .banner-section.style-three .anim-icon .icon-7 {
       width: 96px;
       height: 125px;
       right: 0px;
       bottom: 100px;
   }

   .banner-section.style-three .anim-icon .icon-8 {
       width: 79px;
       height: 76px;
       right: 60px;
       top: 200px;
   }
   /** category-section **/

   .category-section {
       position: relative;
       padding: 50px 0px 120px 0px;
   }

   .category-block-one .inner-box {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 70px;
       padding: 40px 15px;
       margin-bottom: 30px;
       overflow: hidden;
       transition: all 500ms ease;
   }

   .category-block-one .inner-box:hover {
       box-shadow: 0 20px 30px rgba(57, 202, 187, 0.15);
   }

   .category-block-one .inner-box .pattern .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 229px;
       height: 103px;
       opacity: 0;
       left: -30px;
       transition: all 500ms ease;
   }

   .category-block-one .inner-box:hover .pattern .pattern-1 {
       left: 0px;
       opacity: 1;
   }

   .category-block-one .inner-box .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 149px;
       height: 87px;
       opacity: 0;
       transition: all 500ms ease;
   }

   .category-block-one .inner-box:hover .pattern .pattern-2 {
       opacity: 1;
   }

   .category-block-one .inner-box .icon-box {
       position: relative;
       min-height: 70px;
       margin-bottom: 15px;
   }

   .category-block-one .inner-box .icon-box img {
       transition: all 500ms ease;
       display: inline-block;
   }

   .category-block-one .inner-box:hover .icon-box img {
       transform: scale(1.1);
   }

   .category-block-one .inner-box h3 {
       position: relative;
       display: block;
       font-size: 24px;
       line-height: 30px;
       font-weight: 500;
       margin-bottom: 25px;
   }

   .category-block-one .inner-box h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .category-block-one .inner-box h3 a:hover {}

   .category-block-one .inner-box .link a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 54px;
       text-align: center;
       font-size: 16px;
       background: var(--light-orange);
       border-radius: 50%;
       transform: scale(1, 1);
       transition: all 500ms ease;
   }

   .category-block-one .inner-box:hover .link a {
       transform: scale(0, 0);
   }

   .category-block-one .inner-box .btn-box {
       position: absolute;
       left: 0px;
       bottom: 40px;
       width: 100%;
       text-align: center;
   }

   .category-block-one .inner-box .btn-box a {
       padding: 12px 30px;
       transform: scale(0, 0);
   }

   .category-block-one .inner-box:hover .btn-box a {
       transform: scale(1, 1);
   }

   .category-section .more-btn {
       position: relative;
       margin-top: 30px;
   }

   .category-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       bottom: 0px;
       width: 430px;
       height: 375px;
       background-repeat: no-repeat;
   }

   .category-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 250px;
       top: 110px;
       width: 380px;
       height: 290px;
       background-repeat: no-repeat;
   }

   .mr-50 {
       margin-right: 50px;
   }

   .image_block_3 .image-box {
       position: relative;
       padding: 0px 60px 95px 100px;
       margin-right:
   }

   .about-style-two .image_block_3 .image-box {
       margin-left: 40px;
   }

   .image_block_3 .image-box .image {
       border-radius: 15px;
       box-shadow: 0 10px 40px rgba(0, 24, 73, 0.4);
   }

   .image_block_3 .image-box .image img {
       width: 100%;
       border-radius: 15px;
   }

   .image_block_3 .image-box .image-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
   }

   .image_block_3 .image-box .image-content {
       position: absolute;
       top: 105px;
       left: 0px;
       background: #fff;
       max-width: 240px;
       width: 100%;
       border-radius: 10px;
       padding: 32px 20px 32px 90px;
       box-shadow: 17px 20px 80px rgba(0, 24, 73, 0.30);
   }

   .image_block_3 .image-box .image-content .icon-box {
       position: absolute;
       left: 23px;
       top: 23px;
   }

   .image_block_3 .image-box .image-content span {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 20px;
       color: var(--font-gray);
   }

   .image_block_3 .image-box .image-content h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 26px;
       font-weight: 900;
   }

   .image_block_3 .image-box .pattern .pattern-1 {
       position: absolute;
       left: 40px;
       top: 35px;
       width: 490px;
       height: 506px;
       background-repeat: no-repeat;
   }

   .image_block_3 .image-box .pattern .pattern-2 {
       position: absolute;
       top: 0px;
       right: 60px;
       width: 124px;
       height: 144px;
       background-repeat: no-repeat;
       z-index: 1;
   }

   .image_block_3 .image-box .pattern .pattern-3 {
       position: absolute;
       top: 70px;
       right: 0px;
       width: 90px;
       height: 90px;
       border-radius: 50%;
       z-index: 1;
       opacity: 0.5;
   }
   /** team-style-three **/

   .team-style-three {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .team-block-three .inner-box {
       position: relative;
       display: block;
       overflow: hidden;
       background: #fff;
       box-shadow: 0 20px 30px rgba(0, 24, 73, 0.1);
       border-radius: 20px;
   }

   .team-block-three .inner-box .image-box {
       position: relative;
       display: block;
       overflow: hidden;
   }

   .team-block-three .inner-box .image-box img {
       width: 100%;
       transition: all 500ms ease;
   }

   .team-block-three .inner-box:hover .image-box img {
       transform: scale(1.1);
   }

   .team-block-three .inner-box .image-box a {
       position: absolute;
       top: 20px;
       right: 20px;
       display: inline-block;
       font-size: 15px;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;
       background: var(--w-orange);
       border-radius: 50%;
   }

   .team-block-three .inner-box .image-box a:hover {
       background: var(--font-gray);
   }

   .team-block-three .inner-box .lower-content {
       position: relative;
       padding: 25px 30px 30px 30px;
   }

   .team-block-three .inner-box .lower-content .name-box li {
       position: relative;
       display: inline-block;
       margin-right: 6px;
       font-size: 20px;
   }

   .team-block-three .inner-box .lower-content .name-box li:nth-child(2) {
       top: 2px;
   }

   .team-block-three .inner-box .lower-content .name-box li:last-child {
       top: 2px;
   }

   .team-block-three .inner-box .lower-content .name-box li:last-child {
       margin: 0px !important;
   }

   .team-block-three .inner-box .lower-content .name-box li h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 26px;
       font-weight: 700;
   }

   .team-block-three .inner-box .lower-content .name-box li h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .team-block-three .inner-box .lower-content .name-box li h3 a:hover {}

   .team-block-three .inner-box .lower-content .designation {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 24px;
       margin-bottom: 12px;
   }

   .team-block-three .inner-box .lower-content .rating li {
       position: relative;
       display: inline-block;
       float: left;
       font-size: 14px;
       margin-right: 3px;
   }

   li.light i {
       color: gray;
   }

   .team-block-three .inner-box .lower-content .rating li:last-child {
       margin-right: 0px !important;
       margin-left: 5px !important;
   }

   .team-block-three .inner-box .lower-content .rating li a {
       display: inline-block;
       font-size: 15px;
       position: relative;
       color: #808080;
   }

   .team-block-three .inner-box .lower-content .rating li a:hover {}

   .team-block-three .inner-box .lower-content .rating-box {
       position: relative;
       margin-bottom: 0px;
   }

   .team-block-three .inner-box .lower-content .location-box {
       position: relative;
       display: block;
       margin-bottom: 22px;
   }

   .team-block-three .inner-box .lower-content .location-box p {
       font-size: 15px;
       color: #808080;
   }

   .team-block-three .inner-box .lower-content .location-box p i {
       margin-right: 8px;
   }

   .team-block-three .inner-box .lower-content .lower-box .text {
       position: relative;
       float: left;
       font-size: 15px;
       line-height: 44px;
   }

   .team-block-three .inner-box .lower-content .lower-box .text.not-available {}

   .team-block-three .inner-box .lower-content .lower-box a {
       position: relative;
       display: inline-block;
       float: right;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       border: 2px solid #ebeef1;
       border-radius: 30px;
       text-align: center;
       padding: 7px 27px;
       text-align: center;
   }

   .team-block-three .inner-box .lower-content .lower-box a:hover {
       color: #fff;
   }

   .team-style-three .more-btn {
       position: absolute;
       top: 30px;
       right: 0px;
   }

   .team-style-three:before {
       position: absolute;
       content: '';
       width: calc(100% - 675px);
       height: 430px;
       top: 0px;
       right: 675px;
   }

   .team-style-three .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 469px;
       height: 361px;
       background-repeat: no-repeat;
   }

   .team-style-three .pattern-layer .pattern-2 {
       position: absolute;
       right: 675px;
       top: 0px;
       width: 159px;
       height: 181px;
       background-repeat: no-repeat;
   }

   .team-style-three .pattern-layer .pattern-3 {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 85px;
       height: 430px;
       background-repeat: no-repeat;
   }
   /** faq-section **/

   .faq-section {
       position: relative;
   }

   .image_block_4 .image-box {
       position: relative;
       display: block;
       margin-right: 30px;
   }

   .image_block_4 .image-box .pattern {
       position: absolute;
       left: 0px;
       top: 120px;
       width: 558px;
       height: 449px;
       background-repeat: no-repeat;
       -webkit-animation: zoom-fade 5s infinite linear;
       animation: zoom-fade 5s infinite linear;
   }

   .image_block_4 .image-box img {
       position: relative;
       width: 100%;
   }

   .faq-section .content_block_5 .content-box {
       margin-left: 40px;
       padding-bottom: 120px;
       margin-top: 30px;
   }

   .accordion-box .block {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       margin-bottom: 20px;
       box-shadow: 0 10px 30px #e3eae9;
       transition: all 500ms ease;
   }

   .accordion-box .block:last-child {
       margin-bottom: 0px;
   }

   .accordion-box .block .acc-content {
       position: relative;
       display: none;
       padding: 0px 35px 33px 30px;
   }

   .accordion-box .block .acc-content.current {
       display: block;
   }

   .accordion-box .block .acc-btn .icon-outer {
       position: absolute;
       width: 60px;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       top: 0px;
       right: 6px;
       text-align: center;
       cursor: pointer;
       transition: all 500ms ease;
       z-index: 1;
   }

   .accordion-box .block .acc-btn .icon-outer:after {
       position: absolute;
       content: "\f107";
       font-size: 24px;
       color: var(--font-main);
       font-family: 'Font Awesome 5 Pro';
       font-weight: 400;
   }

   .accordion-box .block .acc-btn.active .icon-outer:after {
       opacity: 0;
   }

   .accordion-box .block .acc-btn.active .icon-outer:before {
       position: relative;
       font-size: 24px;
       font-family: 'Font Awesome 5 Pro';
       font-weight: 400;
       margin: 0px;
       content: "\f106";
       color: var(--font-main);
   }

   .accordion-box .block .acc-btn {
       position: relative;
       display: block;
       overflow: hidden;
       padding: 28px 80px 24px 30px;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .accordion-box .block .acc-btn h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin: 0px;
   }
   /** testimonial-style-two **/

   .testimonial-style-two {
       position: relative;
       padding: 115px 0px 120px 0px;
   }

   .testimonial-style-two .owl-stage-outer {
       overflow: visible;
   }

   .testimonial-style-two .owl-item {
       opacity: 0;
       transition: all 500ms ease;
   }

   .testimonial-style-two .owl-item.active {
       opacity: 1;
   }

   .testimonial-block-two .inner-box {
       position: relative;
       display: block;
       background: #fff;
       padding: 49px 30px 50px 40px;
       border-radius: 10px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }

   .testimonial-block-two .inner-box .text {
       margin-bottom: 21px;
   }

   .testimonial-block-two .inner-box .text p {
       font-size: 18px;
       line-height: 30px;
       color: var(--font-gray);
   }

   .testimonial-block-two .inner-box .author-info {
       position: relative;
       padding: 7px 0px 1px 80px;
   }

   .testimonial-block-two .inner-box .author-info .author-thumb {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 60px;
       height: 60px;
       border-radius: 50%;
   }

   .testimonial-block-two .inner-box .author-info .author-thumb img {
       width: 100%;
       border-radius: 50%;
   }

   .testimonial-block-two .inner-box .author-info h4 {
       font-size: 20px;
       line-height: 26px;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .testimonial-block-two .inner-box .author-info .designation {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
   }

   .testimonial-style-two .owl-dots {
       position: relative;
       display: block;
       text-align: center;
       margin-top: 50px;
   }

   .testimonial-style-two .owl-theme .owl-dots .owl-dot span {
       position: relative;
       display: inline-block;
       width: 10px;
       height: 10px;
       background: transparent;
       border: 2px solid #bfd5d3;
       border-radius: 50%;
       margin: 0px 10px;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,
   .testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover {}

   .testimonial-style-two .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 239px;
       height: 376px;
       background-repeat: no-repeat;
   }

   .testimonial-style-two .pattern-layer .pattern-2 {
       position: absolute;
       left: 0px;
       bottom: 0px;
       width: 129px;
       height: 226px;
       background-repeat: no-repeat;
   }

   .testimonial-style-two .pattern-layer .pattern-3 {
       position: absolute;
       left: 300px;
       bottom: 160px;
       width: 121px;
       height: 121px;
       background-repeat: no-repeat;
   }

   .testimonial-style-two .pattern-layer .pattern-4 {
       position: absolute;
       top: 0px;
       right: 50px;
       width: 321px;
       height: 179px;
       background-repeat: no-repeat;
   }

   .testimonial-style-two .pattern-layer .pattern-5 {
       position: absolute;
       right: 170px;
       bottom: 0px;
       width: 370px;
       height: 311px;
       background-repeat: no-repeat;
   }

   .pt-115 {
       padding-top: 115px;
   }
   /***

====================================================================
                        Home-Page-Four
====================================================================

***/
   /** banner-style-four **/

   .banner-section.style-four {
       padding: 190px 0px 310px 0px;
   }

   .banner-section.style-four .image-box .anim-icon .icon-1 {
       position: absolute;
       right: 150px;
       top: 0px;
       width: 12px;
       height: 13px;
   }

   .banner-section.style-four .image-box .anim-icon .icon-2 {
       position: absolute;
       left: 170px;
       top: 100px;
       width: 21px;
       height: 22px;
   }

   .banner-section.style-four .image-box .anim-icon .icon-3 {
       position: absolute;
       left: 150px;
       top: 155px;
       width: 12px;
       height: 13px;
   }

   .banner-section.style-four .image-box .anim-icon .icon-4 {
       position: absolute;
       left: 220px;
       top: 155px;
       width: 91px;
       height: 91px;
       border-radius: 50%;
       opacity: 0.8;
       z-index: 1;
   }

   .banner-section.style-four .image-box .anim-icon .icon-5 {
       position: absolute;
       left: 175px;
       top: 230px;
       width: 115px;
       height: 115px;
       z-index: -1;
   }

   .banner-section.style-four .pattern-layer .pattern-1 {
       position: absolute;
       top: 0px;
       right: 0px;
       width: 640px;
       height: 100%;
       background-repeat: no-repeat;
   }

   .main-header.style-two {
       box-shadow: 0 10px 30px rgb(57 202 187 / 10%);
   }

   .banner-section.style-four .pattern-layer .pattern-2 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 239px;
       height: 376px;
       background-repeat: no-repeat;
   }

   .banner-section.style-four .pattern-layer .pattern-3 {
       position: absolute;
       left: 70px;
       top: 0px;
       width: 353px;
       height: 235px;
       background-repeat: no-repeat;
   }

   .banner-section.style-four .pattern-layer .pattern-4 {
       position: absolute;
       left: 0px;
       bottom: 0px;
       width: 246px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .banner-section.style-four .pattern-layer .pattern-5 {
       position: absolute;
       left: 90px;
       bottom: 190px;
       width: 115px;
       height: 115px;
       background-repeat: no-repeat;
   }

   .banner-section.style-four .image-box {
       position: absolute;
       right: 165px;
       top: 64px;
       margin: 0px;
   }

   .feature-section.alternat-2 {
       padding: 0px;
   }
   /** about-style-three **/

   .about-style-three {
       position: relative;
   }

   .about-style-three .image-box {
       position: relative;
   }

   .about-style-three .image-box .image {
       position: relative;
       float: left;
       border-radius: 10px;
   }

   .about-style-three .image-box .image img {
       width: 100%;
       border-radius: 10px;
   }

   .about-style-three .image-box .image-1 {
       margin-right: 10px;
   }

   .about-style-three .image-box:before {
       position: absolute;
       top: 0;
       left: -75%;
       display: block;
       content: '';
       width: 50%;
       height: 100%;
       background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
       background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
       background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
       -webkit-transform: skewX(-25deg);
       -ms-transform: skewX(-25deg);
       transform: skewX(-25deg);
       z-index: 1;
   }

   .about-style-three .image-box:hover:before {
       -webkit-animation: shine 2s;
       animation: shine 2s;
   }

   @-webkit-keyframes shine {
       100% {
           left: 125%;
       }
   }

   @keyframes shine {
       100% {
           left: 125%;
       }
   }

   .about-style-three .sec-title {
       margin-bottom: 24px;
   }

   .about-style-three .title-inner {
       position: relative;
       margin-bottom: 52px;
   }

   .about-style-three .image-box .pattern .pattern-1 {
       position: absolute;
       left: -50px;
       top: 215px;
       width: 115px;
       height: 115px;
   }

   .about-style-three .image-box .pattern .pattern-2 {
       position: absolute;
       right: -35px;
       top: 40px;
       width: 115px;
       height: 115px;
   }

   .about-style-three .image-box .pattern .pattern-3 {
       position: absolute;
       top: -125px;
       right: -165px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .process-style-two .pattern-layer .pattern-5 {
       position: absolute;
       left: 0px;
       bottom: 0px;
       width: 100%;
       height: 860px;
       background-repeat: no-repeat;
       background-size: cover;
       z-index: -1;
   }
   /***

====================================================================
                        Home-Page-Five
====================================================================

***/

   .main-header .outer-container {
       position: relative;
       padding: 0px 70px;
   }

   .menu-area {
       z-index: 1;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
   }
   /** banner-style-five **/

   .banner-section.style-five {
       position: relative;
       padding-top: 110px;
       padding-bottom: 0px;
       overflow: visible;
   }

   .banner-section.style-five .map-layer {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .banner-section.style-five .content-inner {
       position: relative;
       min-height: 295px;
       display: block;
       width: 100%;
       margin-bottom: 100px;
   }

   .banner-section.style-five .content-inner .doctors-box {
       position: absolute;
       top: 0px;
       left: 80px;
       width: 240px;
       background: #fff;
       padding: 30px 30px 36px 30px;
       border-radius: 10px;
       opacity: 0;
       visibility: hidden;
       transition: all 500ms ease;
   }

   .banner-section.style-five .content-inner .doctors-box .shape {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 90px;
       background-repeat: no-repeat;
   }

   .banner-section.style-five .content-inner .single-item:hover .doctors-box {
       left: 65px;
       opacity: 1;
       visibility: visible;
   }

   .banner-section.style-five .content-inner .location-pin {
       position: absolute;
       left: 0px;
       top: 125px;
       cursor: pointer;
       width: 45px;
       height: 57px;
   }

   .banner-section.style-five .content-inner .doctors-box:before {
       position: absolute;
       content: '';
       background: #fff;
       width: 15px;
       height: 15px;
       left: -7px;
       top: 50%;
       transform: translateY(-50%) rotate(45deg);
   }

   .banner-section.style-five .content-inner .doctors-box .image {
       position: relative;
       display: inline-block;
       width: 90px;
       height: 90px;
       border-radius: 50%;
       margin-bottom: 16px;
       z-index: 1;
   }

   .banner-section.style-five .content-inner .doctors-box .image img {
       width: 100%;
       border-radius: 50%;
   }

   .banner-section.style-five .content-inner .doctors-box h3 {
       font-size: 22px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 2px;
   }

   .banner-section.style-five .content-inner .doctors-box h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .banner-section.style-five .content-inner .doctors-box h3 a:hover {}

   .banner-section.style-five .content-inner .doctors-box .designation {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 24px;
       margin-bottom: 13px;
   }

   .banner-section.style-five .content-inner .doctors-box .info li {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 24px;
       margin-bottom: 5px;
   }

   .banner-section.style-five .content-inner .doctors-box .info li:last-child {
       margin-bottom: 0px;
   }

   .banner-section.style-five .content-inner .doctors-box .info li a {
       display: inline-block;
       color: #808080;
   }

   .banner-section.style-five .content-inner .doctors-box .info li a:hover {}

   .banner-section.style-five .content-inner .doctors-box .info li i {
       margin-right: 10px;
   }

   .banner-section.style-five .content-inner .single-item.box-1 {
       position: absolute;
       left: 90px;
       top: 0px;
   }

   .banner-section.style-five .content-inner .single-item.box-2 {
       position: absolute;
       top: 0px;
       right: 300px;
   }

   .banner-section.style-five .content-inner .single-item.box-3 {
       position: absolute;
       top: -100px;
       right: 415px;
   }

   .banner-section.style-five .content-box {
       position: relative;
       margin-bottom: -130px;
       border-radius: 10px;
       padding: 43px 380px 41px 70px;
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
       z-index: 1;
   }

   .banner-section.style-five .content-box .image-box {
       position: absolute;
       right: -65px;
       bottom: -79px;
   }

   .banner-section.style-five .content-box h2 {
       position: relative;
       display: block;
       font-size: 40px;
       line-height: 50px;
       color: #fff;
       font-weight: 900;
       margin-bottom: 21px;
   }

   .banner-section.style-five .content-box form .form-group {
       margin-right: 0px;
       background: #fff;
       border-radius: 40px;
   }

   .banner-section.style-five .content-box .select-box label {
       color: #fff;
   }

   .banner-section.style-five .content-box .select-box input[type="radio"]+label span {
       border-color: #fff;
   }

   .nice-select:after {
       position: absolute;
       content: "\f107";
       font-family: 'Font Awesome 5 Pro';
       font-size: 16px;
       top: 20px;
       right: 30px;
       color: #848484;
       font-weight: 400;
       border: none !important;
       transform: rotate(0deg) !important;
   }

   .nice-select {
       position: relative;
       display: block;
       width: 100%;
       height: 70px;
       border: none !important;
       background: transparent;
       font-size: 16px;
       color: #848484;
       padding: 17px 40px;
   }

   .banner-section.style-five .content-box form .form-group .wide {
       position: relative;
       float: left;
       max-width: 240px;
       width: 100%;
   }

   .banner-section.style-five .content-box form .form-group input {
       float: left;
       width: 415px;
       border: none;
   }

   .banner-section.style-five .content-box form .form-group .wide:before {
       position: absolute;
       content: '';
       background: #e5e5e5;
       width: 1px;
       height: 40px;
       top: 15px;
       right: 0px;
   }

   .process-style-two.alternat-2 {
       background: #fff;
       padding-top: 240px;
   }

   .team-style-four {
       position: relative;
       padding: 115px 0px 90px 0px;
   }

   .team-style-four .team-block-three .inner-box {
       margin-bottom: 30px;
   }
   /** funfact-section **/

   .funfact-section {
       position: relative;
       padding: 76px 0px 78px 0px;
   }

   .counter-block-one {
       position: relative;
       display: inline-block;
       text-align: center;
   }

   .counter-block-one .inner-box {
       position: relative;
       display: block;
       text-align: left;
   }

   .counter-block-one .inner-box .count-outer {
       position: relative;
       display: block;
       font-size: 60px;
       line-height: 60px;
       font-family: 'Jost', sans-serif;
       font-weight: 700;
       margin-bottom: 10px;
   }

   .counter-block-one .inner-box h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 26px;
       color: #fff;
       font-weight: 600;
   }

   .funfact-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 382px;
       height: 100%;
       background-repeat: no-repeat;
   }

   .funfact-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 0px;
       top: 0px;
       width: 405px;
       height: 211px;
       background-repeat: no-repeat;
   }

   .pt-80 {
       padding-top: 80px;
   }

   .cta-section.alternat-2 .image-box {
       margin-left: 30px;
   }

   .cta-section.alternat-2 .pattern-layer .pattern-2 {
       left: inherit;
       right: 480px;
       top: 40px;
   }
   /***

====================================================================
                        About-Page
====================================================================

***/
   /** page-title **/

   .page-title {
       position: relative;
       padding: 38px 0px 35px 0px;
   }

   .page-title .title {
       position: relative;
       display: block;
       margin-bottom: 4px;
   }

   .page-title .title h1 {
       font-size: 35px;
       line-height: 45px;
       font-weight: 900;
   }

   .page-title .bread-crumb li {
       position: relative;
       display: inline-block;
       font-size: 18px;
       line-height: 26px;
       color: #54717a;
       padding-right: 10px;
       margin-right: 2px;
   }

   .page-title .bread-crumb li:last-child {
       padding: 0px !important;
       margin: 0px !important;
   }

   .page-title .bread-crumb li a {
       color: var(--font-gray);
   }

   .page-title .bread-crumb li a:hover {
       text-decoration: underline;
   }

   .page-title .bread-crumb li:before {
       position: absolute;
       content: "\f105";
       font-family: 'Font Awesome 5 Pro';
       font-size: 16px;
       top: 1px;
       right: 0px;
       color: var(--font-gray);
       font-weight: 400;
   }

   .page-title .bread-crumb li:last-child:before {
       display: none;
   }

   .page-title .pattern-layer .pattern-1 {
       position: absolute;
       left: 100px;
       top: 0px;
       width: 281px;
       height: 111px;
       background-repeat: no-repeat;
   }

   .page-title .pattern-layer .pattern-2 {
       position: absolute;
       right: 80px;
       bottom: 0px;
       width: 279px;
       height: 111px;
       background-repeat: no-repeat;
   }

   .pb-90 {
       padding-bottom: 90px;
   }

   .pt-125 {
       padding-top: 125px;
   }
   /** page-title-two **/

   .page-title-two {
       position: relative;
       border-bottom: 1px solid #efefef;
   }

   .page-title-two .title-box {
       position: relative;
       padding: 52px 0px 48px 0px;
   }

   .page-title-two .title-box h1 {
       font-size: 40px;
       line-height: 50px;
       font-weight: 900;
       color: #fff;
   }

   .page-title-two .bread-crumb li {
       position: relative;
       display: inline-block;
       font-size: 18px;
       line-height: 26px;
       color: #54717a;
       padding-right: 10px;
       margin-right: 2px;
   }

   .page-title-two .bread-crumb li:last-child {
       padding: 0px !important;
       margin: 0px !important;
   }

   .page-title-two .bread-crumb li a {
       color: var(--font-gray);
   }

   .page-title-two .bread-crumb li a:hover {
       text-decoration: underline;
   }

   .page-title-two .bread-crumb li:before {
       position: absolute;
       content: "\f105";
       font-family: 'Font Awesome 5 Pro';
       font-size: 16px;
       top: 1px;
       right: 0px;
       color: var(--font-gray);
       font-weight: 400;
   }

   .page-title-two .bread-crumb li:last-child:before {
       display: none;
   }

   .page-title-two .pattern-layer .pattern-1 {
       position: absolute;
       left: 100px;
       top: 0px;
       width: 281px;
       height: 111px;
       background-repeat: no-repeat;
   }

   .page-title-two .pattern-layer .pattern-2 {
       position: absolute;
       right: 80px;
       bottom: 0px;
       width: 279px;
       height: 111px;
       background-repeat: no-repeat;
   }

   .page-title-two .lower-content {
       padding: 13px 0px;
   }

   .content_block_5 .content-box .sec-title h3 {
       position: relative;
       display: block;
       font-size: 30px;
       line-height: 40px;
       font-weight: 700;
       margin-top: 45px;
   }

   .faq-page-section {
       position: relative;
       padding-top: 125px;
   }

   .faq-page-section .content_block_5 .content-box .sec-title {
       margin-bottom: 30px;
   }

   .faq-page-section .categories-list {
       position: relative;
       display: block;
       background: #fff;
       box-shadow: 0 10px 30px #e3eae9;
       border-radius: 10px;
       overflow: hidden;
       max-width: 370px;
       width: 100%;
   }

   .faq-page-section .categories-list li {
       position: relative;
       display: block;
       background: #fff;
       font-size: 17px;
       line-height: 28px;
       font-weight: 600;
       padding: 0px 30px;
   }

   .faq-page-section .categories-list li:before {
       position: absolute;
       content: '';
       width: 0%;
       height: 100%;
       left: 0px;
       top: 0px;
       transition: all 500ms ease;
   }

   .faq-page-section .categories-list li:hover:before,
   .faq-page-section .categories-list li.current:before {
       width: 100%;
   }

   .faq-page-section .categories-list li a {
       position: relative;
       display: block;
       color: var(--font-main);
       border-bottom: 1px solid #e5eded;
       padding: 16px 0px;
   }

   .faq-page-section .categories-list li:last-child a {
       border-bottom: none !important;
   }

   .faq-page-section .categories-list li:hover a,
   .faq-page-section .categories-list li.current a {
       border-bottom: 1px solid transparent;
       color: #fff;
   }

   .faq-page-section .categories-list li a:before {
       position: absolute;
       content: "\f105";
       font-family: 'Font Awesome 5 Pro';
       font-size: 17px;
       color: var(--font-main);
       top: 14px;
       right: 0px;
       transition: all 500ms ease;
   }

   .faq-page-section .categories-list li:hover a:before,
   .faq-page-section .categories-list li.current a:before {
       color: #fff;
   }

   .faq-page-section .image-box {
       position: relative;
       margin: 61px 55px 0px -125px;
   }

   .faq-page-section .image-box .pattern {
       position: absolute;
       right: -20px;
       top: 90px;
       width: 452px;
       height: 366px;
       background-repeat: no-repeat;
       z-index: -1;
   }
   /** questions-section **/

   .questions-section {
       position: relative;
   }

   .questions-section .form-inner form .form-group {
       position: relative;
       margin-bottom: 30px;
   }

   .questions-section .form-inner form .form-group:last-child {
       margin-bottom: 0px;
   }

   .questions-section .form-inner form .form-group input[type='text'],
   .questions-section .form-inner form .form-group textarea {
       position: relative;
       display: block;
       width: 100%;
       height: 60px;
       background: #fff;
       font-size: 15px;
       color: #848484;
       font-style: italic;
       ;
       border: 1px solid #fff;
       padding: 10px 30px;
       border-radius: 40px;
       box-shadow: 0 10px 30px #e3eae9;
       transition: all 500ms ease;
   }

   .questions-section .form-inner form .form-group textarea {
       height: 220px;
       resize: none;
       padding-top: 30px;
   }

   .questions-section .form-inner form .form-group input:focus,
   .questions-section .form-inner form .form-group textarea:focus {}

   .questions-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 190px;
       top: 130px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .questions-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 120px;
       bottom: -50px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .questions-section .pattern-layer .pattern-3 {
       position: absolute;
       top: 0px;
       right: 70px;
       width: 348px;
       height: 227px;
       background-repeat: no-repeat;
   }
   /***

====================================================================
                        Pricing-Page
====================================================================

***/

   .pricing-section {
       position: relative;
   }

   .tabs-box .tab {
       position: relative;
       display: none;
       transition: all 900ms ease;
       -moz-transition: all 900ms ease;
       -webkit-transition: all 900ms ease;
       -ms-transition: all 900ms ease;
       -o-transition: all 900ms ease;
   }

   .tabs-box .tab.active-tab {
       display: block;
   }

   .tabs-box .tab {
       transform: scale(0.9, 0.9) translateY(0px);
   }

   .tabs-box .tab.active-tab {
       transform: scale(1) translateY(0px);
   }

   .pricing-block-one .pricing-table {
       position: relative;
       display: block;
       background: #fff;
       padding: 85px 40px 50px 40px;
       border-radius: 10px;
       overflow: hidden;
       transition: all 500ms ease;
   }

   .pricing-block-one .pricing-table.active {
       box-shadow: 0 20px 40px 10px #cde4e1;
   }

   .pricing-block-one .pricing-table .table-header h2 {
       font-size: 30px;
       line-height: 38px;
       font-weight: 700;
       margin-bottom: 5px;
   }

   .pricing-block-one .pricing-table .table-header h3 {
       position: relative;
       font-size: 22px;
       line-height: 32px;
       font-weight: 600;
   }

   .pricing-block-one .pricing-table .table-header {
       position: relative;
       margin-bottom: 34px;
       border-bottom: 1px solid #efefef;
       padding-bottom: 23px;
   }

   .pricing-block-one .pricing-table .table-content ul li {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       color: var(--font-gray);
       padding-left: 20px;
       margin-bottom: 14px;
   }

   .pricing-block-one .pricing-table .table-content ul li.light {
       color: #808080;
   }

   .pricing-block-one .pricing-table .table-content ul li.light:before {
       color: #d2d4d9;
   }

   .pricing-block-one .pricing-table .table-content ul li:last-child {
       margin-bottom: 0px;
   }

   .pricing-block-one .pricing-table .table-content ul li:before {
       position: absolute;
       content: "\f00c";
       font-family: 'Font Awesome 5 Pro';
       font-size: 10px;
       left: 0px;
       top: 0px;
       font-weight: 700;
   }

   .pricing-block-one .pricing-table .table-content {
       position: relative;
       margin-bottom: 37px;
   }

   .pricing-block-one .pricing-table .table-footer .link a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 54px;
       text-align: center;
       font-size: 16px;
       background: var(--light-orange);
       border-radius: 50%;
       transform: scale(1, 1);
   }

   .pricing-block-one .pricing-table:hover .table-footer .link a {
       transform: scale(0, 0);
   }

   .pricing-block-one .pricing-table .table-footer .btn-box {
       position: absolute;
       left: 0px;
       bottom: 0px;
       opacity: 0;
       transition: all 900ms ease;
   }

   .pricing-block-one .pricing-table:hover .table-footer .btn-box,
   .pricing-block-one .pricing-table.active .table-footer .btn-box {
       opacity: 1;
   }

   .pricing-block-one .pricing-table .table-footer {
       position: relative;
   }

   .pricing-block-one .pricing-table .pattern .pattern-1 {
       position: absolute;
       left: 50%;
       top: 55%;
       transform: translate(-50%, -50%);
       width: 196px;
       height: 165px;
       background-repeat: no-repeat;
   }

   .pricing-block-one .pricing-table .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 217px;
       height: 104px;
       background-repeat: no-repeat;
   }

   .pricing-block-one .pricing-table .table-footer .btn-box .theme-btn-one {
       padding: 12px 30px;
   }

   .pricing-block-one .pricing-table .pattern .pattern-3 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 159px;
       height: 70px;
       background-repeat: no-repeat;
   }

   .pricing-section .tab-btn-box .tab-btns {
       position: relative;
       display: inline-block;
       margin-bottom: 60px;
   }

   .pricing-section .tab-btn-box .tab-btns:before {
       position: absolute;
       left: 0;
       right: 0;
       margin: 0 auto;
       height: 40px;
       width: 90px;
       content: "";
       border-radius: 30px;
       box-shadow: 0 20px 40px 10px #c0e4e1;
   }

   .pricing-section .tab-btn-box .tab-btns li {
       position: relative;
       display: inline-block;
       min-width: 160px;
       text-align: right;
       font-size: 15px;
       padding: 7px 65px 3px 0px;
       line-height: 30px;
       font-weight: 600;
       color: var(--font-gray);
       cursor: pointer;
       transition: all 500ms ease;
   }

   .pricing-section .tab-btn-box .tab-btns li.active-btn {}

   .pricing-section .tab-btn-box .tab-btns li:last-child {
       padding-right: 0;
       padding-left: 65px;
       text-align: left;
   }

   .pricing-section .tab-btn-box .tab-btns li.active-btn:before {
       right: 7px;
   }

   .pricing-section .tab-btn-box .tab-btns li:before {
       position: absolute;
       top: 4px;
       height: 32px;
       width: 32px;
       border-radius: 30px;
       content: "";
       right: -43px;
       background: #fff;
       -webkit-transition: all 300ms ease;
       -o-transition: all 300ms ease;
       transition: all 300ms ease;
   }

   .pricing-section .tab-btn-box .tab-btns li:last-child:before {
       display: none;
   }
   /***

====================================================================
                        Error-Page
====================================================================

***/

   .error-section {
       position: relative;
       padding: 100px 0px 120px 0px;
   }

   .error-section .inner-box .theme-btn-one i {
       margin-right: 10px;
   }

   .error-section .inner-box .error-image {
       position: relative;
       display: inline-block;
       margin-bottom: 60px;
   }

   .error-section .inner-box h1 {
       font-size: 200px;
       line-height: 200px;
       font-weight: 900;
       margin-bottom: 10px;
   }

   .error-section .inner-box h2 {
       position: relative;
       display: block;
       font-size: 30px;
       line-height: 42px;
       font-weight: 700;
       margin-bottom: 60px;
   }
   /***

====================================================================
                        Clinic-Page
====================================================================

***/

   .select-field {
       position: relative;
       padding: 30px 0px;
   }

   .select-field .form-inner form {
       position: relative;
       float: right;
       max-width: 720px;
       width: 100%;
   }

   .select-field .form-inner .select-box {
       float: left;
       margin-top: 15px;
   }

   .select-field .content-box form .form-group {
       position: relative;
       background: #fff;
       border-radius: 30px;
       margin-bottom: 0px;
   }

   .select-field .content-box form .form-group .wide {
       position: relative;
       float: left;
       max-width: 240px;
       width: 100%;
   }

   .select-field .content-box form .form-group input {
       position: relative;
       display: block;
       float: left;
       width: 415px;
       border: none;
       height: 60px;
       font-size: 16px;
       color: #848484;
       padding: 10px 40px 10px 40px;
   }

   .select-field .content-box form .form-group .wide:before {
       position: absolute;
       content: '';
       background: #e5e5e5;
       width: 1px;
       height: 30px;
       top: 15px;
       right: 0px;
   }

   .select-field .content-box form .form-group button {
       position: absolute;
       top: 5px;
       right: 5px;
       width: 50px;
       height: 50px;
       line-height: 50px;
       text-align: center;
       border-radius: 50%;
       font-size: 18px;
       color: #fff;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .select-field .content-box form .form-group .nice-select {
       height: 60px;
       padding: 12px 40px;
   }

   .select-field .content-box form .form-group .nice-select:after {
       top: 15px;
   }
   /** clinic-section **/

   .clinic-section {
       position: relative;
       padding: 50px 0px 120px 0px;
   }

   .clinic-block-one .inner-box {
       position: relative;
       display: block;
       overflow: hidden;
       background: #fff;
       border-radius: 10px;
       padding: 35px 40px 31px 170px;
       margin-bottom: 30px;
       box-shadow: 0 15px 40px 10px #edf1f1;
       z-index: 1;
   }

   .clinic-block-one .inner-box .image-box {
       position: absolute;
       left: 40px;
       top: 40px;
       width: 100px;
       height: 100px;
       border-radius: 20px;
       box-shadow: 0 10px 40px rgba(0, 24, 73, 0.2);
   }

   .clinic-block-one .inner-box .image-box img {
       width: 100%;
       border-radius: 20px;
   }

   .clinic-block-one .inner-box .content-box .like-box {
       position: absolute;
       top: 40px;
       right: 40px;
   }

   .clinic-block-one .inner-box .content-box .like-box a {
       position: relative;
       display: inline-block;
       font-size: 15px;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;
       background: var(--w-orange);
       border-radius: 50%;
       z-index: 1;
   }

   .clinic-block-one .inner-box .content-box .like-box a:hover {
       color: #fff;
   }

   .clinic-block-one .inner-box .content-box .name-box li {
       position: relative;
       display: inline-block;
       margin-right: 6px;
       font-size: 20px;
   }

   .clinic-block-one .inner-box .content-box .name-box li:nth-child(2) {
       top: 2px;
   }

   .clinic-block-one .inner-box .content-box .name-box li:last-child {
       top: 2px;
   }

   .clinic-block-one .inner-box .content-box .name-box li:last-child {
       margin: 0px !important;
   }

   .clinic-block-one .inner-box .content-box .name-box li h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 26px;
       font-weight: 700;
   }

   .clinic-block-one .inner-box .content-box .name-box li h3 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .clinic-block-one .inner-box .content-box .name-box li h3 a:hover {}

   .clinic-block-one .inner-box .content-box .designation {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 24px;
       margin-bottom: 8px;
   }

   .clinic-block-one .inner-box .content-box .text {
       position: relative;
       margin-bottom: 9px;
   }

   .clinic-block-one .inner-box .content-box .text p {
       line-height: 26px;
   }

   .clinic-block-one .inner-box .content-box .rating li {
       position: relative;
       display: inline-block;
       float: left;
       font-size: 14px;
       margin-right: 3px;
   }

   .clinic-block-one .inner-box .content-box .rating li:last-child {
       margin-right: 0px !important;
       margin-left: 5px !important;
   }

   .clinic-block-one .inner-box .content-box .rating li a {
       display: inline-block;
       font-size: 15px;
       position: relative;
       color: #808080;
   }

   .clinic-block-one .inner-box .content-box .rating li a:hover {}

   .clinic-block-one .inner-box .content-box .rating,
   .clinic-block-one .inner-box .content-box .link {
       position: relative;
       display: inline-block;
       float: left;
   }

   .clinic-block-one .inner-box .content-box .link {
       padding-left: 15px;
       margin-left: 15px;
   }

   .clinic-block-one .inner-box .content-box .link a {
       font-size: 15px;
   }

   .clinic-block-one .inner-box .content-box .link a:hover {
       color: var(--font-gray) !important;
   }

   .clinic-block-one .inner-box .content-box .link.not-available a {}

   .clinic-block-one .inner-box .content-box .link:before {
       position: absolute;
       content: '';
       background: #e5e5e5;
       width: 1px;
       height: 18px;
       left: 0px;
       top: 4px;
   }

   .clinic-block-one .inner-box .content-box .rating-box {
       position: relative;
       margin-bottom: 5px;
   }

   .clinic-block-one .inner-box .content-box .location-box {
       position: relative;
       display: block;
   }

   .clinic-block-one .inner-box .content-box .location-box p {
       font-size: 15px;
       color: #808080;
   }

   .clinic-block-one .inner-box .content-box .location-box p i {
       margin-right: 8px;
   }

   .clinic-block-one .inner-box .content-box .btn-box {
       position: absolute;
       right: 40px;
       bottom: 40px;
   }

   .clinic-block-one .inner-box .content-box .btn-box a {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       border: 2px solid #ebeef1;
       border-radius: 30px;
       padding: 7px 30px;
   }

   .clinic-block-one .inner-box .content-box .btn-box a:hover {
       color: #fff;
   }

   .clinic-block-one .inner-box .pattern .pattern-1 {
       position: absolute;
       left: -30px;
       top: 0px;
       width: 254px;
       height: 115px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .clinic-block-one .inner-box:hover .pattern .pattern-1 {
       left: 0px;
       opacity: 1;
   }

   .clinic-block-one .inner-box .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 208px;
       height: 104px;
       background-repeat: no-repeat;
       opacity: 0;
       transition: all 500ms ease;
   }

   .clinic-block-one .inner-box:hover .pattern .pattern-2 {
       opacity: 1;
   }

   .clinic-section .item-shorting {
       position: relative;
       margin-bottom: 40px;
   }

   .clinic-section .item-shorting .left-column h3 {
       font-size: 26px;
       line-height: 50px;
       font-weight: 700;
   }

   .clinic-section .item-shorting .right-column .short-box {
       float: left;
       width: 190px;
       margin-right: 10px;
       margin-top: 13px;
   }

   .clinic-section .item-shorting .right-column .menu-box {
       float: left;
   }

   .nice-select .option {
       float: none;
       display: block;
       margin: 0px;
   }

   .clinic-section .item-shorting .right-column .nice-select {
       height: 50px;
       border: 1px solid #e5e7ec !important;
       border-radius: 30px;
       padding: 6px 30px;
       font-size: 15px;
       font-weight: 500;
   }

   .clinic-section .item-shorting .right-column .nice-select:after {
       top: 10px;
   }

   .clinic-section .item-shorting .right-column .menu-box button {
       position: relative;
       display: inline-block;
       float: left;
       width: 50px;
       height: 50px;
       line-height: 50px;
       font-size: 14px;
       border: 1px solid #e3e6ea;
       border-radius: 50%;
       color: #93959e;
       background: transparent;
       cursor: pointer;
       margin-right: 10px;
       transition: all 500ms ease;
   }

   .clinic-section .item-shorting .right-column .menu-box button:last-child {
       margin-right: 0px !important;
       font-size: 16px;
   }

   .clinic-section .item-shorting .right-column .menu-box button.on {
       color: #fff;
   }

   .clinic-section .pagination-wrapper {
       position: relative;
       padding-top: 30px;
   }

   .wrapper.list .clinic-list-content {
       display: block;
   }

   .wrapper.list .clinic-grid-content {
       display: none
   }

   .wrapper.grid .clinic-list-content {
       display: none;
   }

   .wrapper.grid .clinic-grid-content {
       display: block
   }

   .clinic-section .team-block-three .inner-box {
       margin-bottom: 30px;
   }

   .clinic-section .map-inner {
       position: relative;
       border-radius: 10px;
   }

   .clinic-section .map-inner #contact-google-map {
       position: relative;
       width: 100%;
       height: 500px;
   }

   .ml-10 {
       margin-left: 10px;
   }

   .clinic-half-map {
       position: relative;
   }

   .clinic-half-map .left-inner {
       width: 45%;
       padding: 0px;
       position: fixed;
       left: 0px;
       overflow-x: hidden;
       overflow-y: auto;
       min-height: 500px;
       height: 100%;
   }

   .clinic-half-map .right-inner {
       width: 55%;
   }

   .clinic-half-map .left-inner .form-inner {
       position: relative;
       padding: 12px 30px 25px 30px;
   }

   .clinic-half-map .left-inner .form-inner .select-box label {
       color: #fff;
   }

   .clinic-half-map .left-inner .form-inner .select-box input[type="radio"]+label span {
       border: 2px solid #fff;
   }

   .clinic-half-map .left-inner .form-inner form {
       max-width: 100%;
   }

   .clinic-half-map .left-inner .form-inner .select-box {
       margin-bottom: 6px;
       margin-top: 0px;
   }

   .clinic-half-map .clinic-section {
       padding: 30px 30px 150px 30px;
   }

   .clinic-half-map .clinic-section .item-shorting {
       margin-bottom: 30px;
   }

   .clinic-half-map .banner-section.style-five .content-inner {
       margin-bottom: 0px;
   }

   .clinic-half-map .outer-container {
       position: relative;
   }

   .clinic-half-map .banner-section.style-five {
       padding: 260px 0px;
   }
   /** clinic-details **/

   .clinic-details {
       position: relative;
       padding: 80px 0px 120px 0px;
   }

   .clinic-details-content {
       position: relative;
       margin-right: 10px;
   }

   .clinic-details-content .clinic-block-one .inner-box .image-box {
       width: 190px;
       height: 220px;
   }

   .clinic-details-content .clinic-block-one .inner-box {
       padding: 34px 40px 37px 260px;
       box-shadow: none;
       margin-bottom: 40px;
   }

   .clinic-details-content .clinic-block-one .inner-box h2 {
       font-size: 30px;
       line-height: 38px;
       font-weight: 700;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info {
       position: relative;
       float: left;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info li {
       position: relative;
       display: block;
       font-size: 15px;
       padding-left: 30px;
       margin-bottom: 3px;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info li:last-child {
       margin-bottom: 0px;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info li i {
       position: absolute;
       left: 0px;
       top: 6px;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info li a {
       color: var(--font-gray);
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .info li a:hover {}

   .clinic-details-content .clinic-block-one .inner-box .lower-box .view-map {
       position: relative;
       float: left;
       margin-left: 15px;
       padding-left: 15px;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .view-map a {
       position: relative;
       display: inline-block;
       font-size: 15px;
   }

   .clinic-details-content .clinic-block-one .inner-box .lower-box .view-map:before {
       position: absolute;
       content: '';
       background: #e5e5e5;
       width: 1px;
       height: 18px;
       left: 0px;
       top: 4px;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .designation {
       margin-bottom: 2px;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .rating-box {
       margin-bottom: 12px;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .text {
       margin-bottom: 14px;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .share-box {
       position: absolute;
       top: 40px;
       right: 90px;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .share-box a.share-btn {
       position: relative;
       display: inline-block;
       font-size: 15px;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;
       background: var(--w-orange);
       border-radius: 50%;
       z-index: 1;
   }

   .clinic-details-content .clinic-block-one .inner-box .content-box .share-box a.share-btn:hover {
       color: #fff;
   }

   .clinic-details-content .tabs-box {
       position: relative;
       display: block;
       background: #fff;
       overflow: hidden;
       border-radius: 10px;
   }

   .clinic-details-content .tabs-box .tabs-content {
       position: relative;
       padding: 43px 40px 50px 40px;
   }

   .clinic-details-content .tabs-box .tab-btn-box {
       position: relative;
       display: block;
   }

   .clinic-details-content .tabs-box .tab-btn-box .tab-btns li {
       position: relative;
       display: inline-block;
       float: left;
       width: 33.333%;
       text-align: center;
       font-size: 16px;
       line-height: 26px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.6);
       padding: 15px 15px 15px 15px;
       cursor: pointer;
       border-right: 1px solid rgba(255, 255, 255, 0.1);
       transition: all 500ms ease;
   }

   .clinic-details-content .tabs-box .tab-btn-box .tab-btns li:last-child {
       border-right: none;
   }

   .clinic-details-content .tabs-box .tab-btn-box .tab-btns li.active-btn {}

   .clinic-details-content .tabs-box .tabs-content h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 16px;
   }

   .clinic-details-content .tabs-box .tabs-content .inner-box .text p {
       margin-bottom: 35px;
   }

   .clinic-details-content .tabs-box .tabs-content .inner-box .text .list li {
       position: relative;
       display: inline-block;
       float: left;
       width: 50%;
       font-size: 16px;
       color: var(--font-gray);
       font-weight: 500;
       margin-bottom: 6px;
       padding-left: 23px;
   }

   .clinic-details-content .tabs-box .tabs-content .inner-box .text .list li:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
   }

   .clinic-details-content .tabs-box .tabs-content .inner-box .text .list {
       position: relative;
       margin-bottom: 28px;
   }

   .clinic-details-content .tabs-box .accordion-box .title-box {
       position: relative;
       background: var(--background-light);
       padding: 12px 75px 12px 30px;
   }

   .light {
       color: gray;
   }

   .clinic-details-content .tabs-box .accordion-box h6 {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       font-family: 'Poppins', sans-serif;
       font-weight: 600;
   }

   .clinic-details-content .tabs-box .accordion-box h6 span {
       float: right;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn h6 {
       font-weight: 500;
   }

   .clinic-details-content .tabs-box .accordion-box .accordion-inner {
       position: relative;
       border: 1px solid #e5e5e5;
       border-top: none;
   }

   .clinic-details-content .tabs-box .accordion-box .block {
       box-shadow: none;
       margin: 0px;
       border-radius: 0px;
       border-bottom: 1px solid #e5e5e5;
   }

   .clinic-details-content .tabs-box .accordion-box .block:last-child {
       border-bottom: none;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn {
       padding: 13px 80px 11px 30px;
       border-bottom: 1px solid transparent
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn.active {
       border-bottom: 1px solid #e5e5e5;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-content {
       padding: 22px 30px 30px 30px;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-content p {
       margin: 0px;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn .icon-outer {
       border-left: 1px solid #e5e5e5;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn .icon-outer:after {
       content: "\f067";
       font-size: 20px;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn.active .icon-outer:before {
       content: "\f068";
       font-size: 20px;
   }

   .clinic-details-content .tabs-box .accordion-box .block .acc-btn .icon-outer {
       right: 0px;
       width: 50px;
   }

   .clinic-details-content .tabs-box .award-box .list li {
       position: relative;
       display: block;
       font-size: 15px;
       color: var(--font-gray);
       font-weight: 500;
       margin-bottom: 6px;
       padding-left: 23px;
   }

   .clinic-details-content .tabs-box .award-box .list li span {
       font-weight: 400;
       color: #808080;
   }

   .clinic-details-content .tabs-box .award-box .list li:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
   }

   .clinic-details-content .tabs-box .accordion-box {
       margin-bottom: 44px;
   }

   .clinic-details-content .tabs-box .accordion-box h3 {
       margin-bottom: 24px !important;
   }

   .clinic-details-content .tabs-box .award-box {
       margin-bottom: 35px;
   }

   .clinic-details-content .tabs-box .image-gallery .image-list {
       position: relative;
       margin: 0px -5px;
   }

   .clinic-details-content .tabs-box .image-gallery .image-list li {
       position: relative;
       float: left;
       width: 33.333%;
   }

   .clinic-details-content .tabs-box .image-gallery .image-list li .image {
       position: relative;
       margin: 0px 5px;
       border-radius: 10px;
   }

   .clinic-details-content .tabs-box .image-gallery .image-list li .image img {
       width: 100%;
       border-radius: 10px;
   }

   .clinic-details-content .tabs-box .tabs-content .inner-box .image-gallery h3 {
       margin-bottom: 23px !important;
   }

   .clinic-details-content .tabs-box .onboard-doctors {
       position: relative;
   }

   .clinic-details-content .tabs-box .team-block-one .btn-box {
       position: absolute;
       right: 0px;
       bottom: 0px;
       z-index: 1;
   }

   .clinic-details-content .tabs-box .team-block-one .btn-box .theme-btn-one {
       padding: 9px 26px;
   }

   .clinic-details-content .tabs-box .location-box .map-inner {
       position: relative;
       border-radius: 10px;
       border: 5px solid #dad9e7;
       height: 250px;
       margin-bottom: 20px;
   }

   .clinic-details-content .tabs-box .location-box .map-inner #contact-google-map {
       position: relative;
       width: 100%;
       height: 250px;
   }

   .clinic-details-content .tabs-box .location-box h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 28px;
       font-weight: 700;
       margin-bottom: 6px;
   }

   .clinic-details-content .tabs-box .location-box .location-info li {
       position: relative;
       display: block;
       padding-left: 20px;
       margin-bottom: 6px;
   }

   .clinic-details-content .tabs-box .location-box .location-info li:last-child {
       margin-bottom: 0px;
   }

   .clinic-details-content .tabs-box .location-box .location-info li a {
       color: var(--font-gray);
   }

   .clinic-details-content .tabs-box .location-box .location-info li a:hover {}

   .clinic-details-content .tabs-box .location-box .location-info li i {
       position: absolute;
       left: 0px;
       top: 7px;
   }

   .clinic-sidebar .form-widget {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
       margin-bottom: 40px;
   }

   .clinic-sidebar .form-widget .form-title {
       position: relative;
       padding: 28px 40px 24px 40px;
   }

   .clinic-sidebar .form-widget .form-title h3 {
       font-size: 26px;
       line-height: 30px;
       color: #fff;
       font-weight: 700;
   }

   .clinic-sidebar .form-widget .form-title p {
       color: rgba(255, 255, 255, 0.6);
   }

   .clinic-sidebar .form-widget .form-inner {
       position: relative;
       padding: 40px 40px;
   }

   .clinic-sidebar .form-widget .form-inner .form-group {
       position: relative;
       margin-bottom: 10px;
   }

   .clinic-sidebar .form-widget .form-inner .form-group:last-child {
       margin-bottom: 0px;
   }

   .clinic-sidebar .form-widget .form-inner .form-group input[type='text'],
   .clinic-sidebar .form-widget .form-inner .form-group input[type='email'],
   .clinic-sidebar .form-widget .form-inner .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       padding: 10px 20px;
       font-size: 15px;
       color: #808080;
       transition: all 500ms ease;
   }

   .clinic-sidebar .form-widget .form-inner .form-group textarea {
       height: 120px;
       resize: none;
   }

   .clinic-sidebar .form-widget .form-inner .form-group .nice-select {
       height: 50px;
       border: 1px solid #e5e7ec !important;
       border-radius: 10px;
       padding: 5px 20px;
       font-size: 15px;
       color: #808080;
       z-index: 1;
   }

   .clinic-sidebar .form-widget .form-inner .form-group .nice-select:after {
       top: 10px;
       color: #808080;
   }

   .clinic-sidebar .form-widget .form-inner .form-group.select-box {
       height: 50px;
   }

   .clinic-sidebar .form-widget .form-inner .form-group input:focus,
   .clinic-sidebar .form-widget .form-inner .form-group textarea:focus {}

   .clinic-sidebar .form-widget .form-inner .form-group .theme-btn-one {
       display: block;
       width: 100%;
   }

   .clinic-sidebar .info-widget {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .clinic-sidebar .info-widget .info-title {
       position: relative;
       padding: 28px 40px 24px 40px;
   }

   .clinic-sidebar .info-widget .info-title h3 {
       font-size: 26px;
       line-height: 30px;
       color: #fff;
       font-weight: 700;
   }

   .clinic-sidebar .info-widget .info-title p {
       color: rgba(255, 255, 255, 0.6);
   }

   .clinic-sidebar .info-widget .info-inner {
       position: relative;
       padding: 34px 40px 40px 40px;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li {
       position: relative;
       display: block;
       padding-bottom: 23px;
       margin-bottom: 24px;
       border-bottom: 1px solid #e5e7ec;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li:last-child {
       margin-bottom: 0px;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin-bottom: 5px;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li p {
       font-size: 15px;
       line-height: 26px;
       color: #808080;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li p a {
       color: #808080;
   }

   .clinic-sidebar .info-widget .info-inner .info-list li p a:hover {}

   .clinic-sidebar .info-widget .social-box h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin-bottom: 12px;
   }

   .clinic-sidebar .info-widget .social-box .social-links li {
       position: relative;
       display: inline-block;
       float: left;
       margin-right: 10px;
   }

   .clinic-sidebar .info-widget .social-box .social-links li:last-child {
       margin: 0px !important;
   }

   .clinic-sidebar .info-widget .social-box .social-links li a {
       position: relative;
       display: inline-block;
       width: 44px;
       height: 44px;
       line-height: 44px;
       border: 1px solid #e6e7ec;
       border-radius: 50%;
       text-align: center;
       font-size: 16px;
       color: #8e9998;
   }

   .clinic-sidebar .info-widget .social-box .social-links li a:hover {
       color: #fff;
   }

   .clinic-sidebar .info-widget .info-inner .info-list {
       margin-bottom: 26px;
   }

   .page-title-two .lower-content {
       padding: 13px 50px;
   }

   .patient-dashboard {
       position: relative;
       /* height: 1160px; */
       padding: 50px 50px;
       display: flex;
   }

   .profile-box {
       width: 375px;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
       border: 1px solid #e5eded;
       min-height: 980px;
   }

   .right-panel {
       width: 100%;
   }

   .profile-box.patient-profile {
       min-height: 813px;
   }

   .profile-box .upper-box {
       position: relative;
       margin-bottom: 70px;
   }

   .profile-box .upper-box .profile-image {
       position: relative;
       display: block;
       text-align: center;
   }

   .profile-box .upper-box .profile-image img {
       width: 100%;
   }

   .profile-box .upper-box .title-box {
       position: relative;
       margin: 0px 40px;
   }

   .profile-box .upper-box .title-box .inner {
       position: relative;
       background: #fff;
       border-radius: 10px;
       padding: 37px 30px 35px 30px;
       margin-top: -65px;
       box-shadow: 0 20px 30px rgba(0, 24, 73, 0.08);
   }

   .profile-box .upper-box .title-box .inner h3 {
       font-size: 22px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .profile-box .upper-box .title-box .inner p i {
       font-size: 15px;
       margin-right: 10px;
   }

   .profile-box .profile-info {
       position: relative;
       padding-bottom: 34px;
   }

   .profile-box .profile-info .list li {
       position: relative;
       display: block;
       padding: 15px 40px 12px 40px;
       border-top: 1px solid #e5eded;
   }

   .profile-box .profile-info .list li a {
       font-size: 16px;
       line-height: 26px;
       color: var(--font-gray);
       font-weight: 500;
   }

   .profile-box .profile-info .list li a.current,
   .profile-box .profile-info .list li a:hover {}

   .profile-box .profile-info .list li a i {
       font-size: 15px;
       margin-right: 20px;
       color: #b3b3b3;
       transition: all 500ms ease;
   }

   .profile-box .profile-info .list li a.current i,
   .profile-box .profile-info .list li a:hover i {}

   .profile-box .profile-info .list li span {
       position: absolute;
       top: 20px;
       right: 40px;
       font-size: 10px;
       line-height: 14px;
       font-weight: 500;
       display: inline-block;
       color: #fff;
       padding: 0px 9px;
       border-radius: 15px;
   }

   .right-panel .content-container {
       margin-left: 50px;
   }

   .left-panel {
       /*position: absolute;*/
       display: inline-block;
   }

   .feature-block-two .inner-box {
       position: relative;
       display: block;
       background: #fff;
       overflow: hidden;
       border-radius: 10px;
       border: 1px solid #e5eded;
       padding: 67px 60px 62px 180px;
   }

   .feature-block-two .inner-box .icon-box {
       position: absolute;
       left: 50px;
       top: 50px;
       width: 100px;
       height: 100px;
       line-height: 100px;
       background: #fff;
       font-size: 50px;
       text-align: center;
       border-radius: 50%;
       box-shadow: 0 10px 30px #e6efee;
   }

   .feature-block-two .inner-box h3 {
       font-size: 30px;
       line-height: 36px;
       font-weight: 900;
       margin-bottom: 0px;
   }

   .feature-block-two .inner-box h5 {
       font-size: 18px;
       line-height: 15px;
       color: #808080;
       font-weight: 500;
       margin-bottom: 6px;
   }

   .right-panel .outer-container {
       max-width: 1390px;
       width: 100%;
       margin: 0 auto;
       position: relative;
   }

   .feature-block-two .inner-box .pattern .pattern-1 {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 293px;
       height: 121px;
       background-repeat: no-repeat;
   }

   .feature-block-two .inner-box .pattern .pattern-2 {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 195px;
       height: 100px;
       background-repeat: no-repeat;
   }

   .right-panel .feature-content {
       position: relative;
       margin-bottom: 50px;
   }

   .doctors-appointment {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       border: 1px solid #e5eded;
   }

   .doctors-appointment .title-box {
       position: relative;
       padding: 33px 40px 40px 40px;
   }

   .doctors-appointment .title-box h3 {
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
       margin-bottom: 33px;
   }

   .doctors-appointment .title-box .btn-box .theme-btn-one {
       padding: 9px 28px;
       margin-right: 10px;
   }

   .doctors-appointment .title-box .btn-box .theme-btn-two {
       padding: 7px 28px;
   }

   .doctors-appointment .table-outer {
       overflow-x: auto;
       position: relative;
       width: 100%;
   }

   .doctors-appointment .doctors-table {
       min-width: 100%;
       width: 100%;
   }

   .doctors-appointment .doctors-table .table-header {
       position: relative;
       background: #f4f7f7;
   }

   .doctors-appointment .doctors-table tr {
       border-top: 1px solid #e5eded;
   }

   .doctors-appointment .doctors-table .table-header th {
       font-size: 18px;
       line-height: 26px;
       color: var(--font-gray);
       font-weight: 600;
       padding: 13px 30px;
   }

   .doctors-appointment .doctors-table .table-header th:first-child {
       padding-left: 40px;
   }

   .doctors-appointment .doctors-table tr td .name-box {
       position: relative;
       padding: 23px 0px 21px 100px;
   }

   .doctors-appointment .doctors-table tr td .name-box .image {
       position: absolute;
       left: 40px;
       top: 20px;
       width: 50px;
       height: 50px;
       border-radius: 50%;
   }

   .doctors-appointment .doctors-table tr td .name-box .image img {
       width: 100%;
       border-radius: 50%;
   }

   .doctors-appointment .doctors-table tr td .name-box h5 {
       font-size: 18px;
       line-height: 24px;
       font-weight: 500;
       margin-bottom: 0px;
   }

   .doctors-appointment .doctors-table tr td .name-box .designation {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 20px;
   }

   .doctors-appointment .doctors-table tr td p {
       font-size: 16px;
       line-height: 18px;
       color: var(--font-gray);
       padding: 0px 30px;
   }

   .doctors-appointment .doctors-table tr td .time {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 24px;
       padding: 0px 30px;
   }

   .doctors-appointment .doctors-table tr td .status {
       position: relative;
       display: inline-block;
       font-size: 13px;
       line-height: 16px;
       font-weight: 600;
       padding: 5px 15px;
       border-radius: 15px;
       background: #ebfbf3;
       margin-left: 30px;
   }

   .doctors-appointment .doctors-table tr td .status.cancel {
       background: #f5e7e5;
       position: relative;
       display: inline-block;
       font-size: 13px;
       line-height: 16px;
       font-weight: 600;
       padding: 5px 15px;
       border-radius: 15px;
   }

   .doctors-appointment .doctors-table tr td .status.pending {
       background: #fff6e5;
   }

   .doctors-appointment .doctors-table tr td .print {
       position: relative;
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       padding: 9px 20px;
       background: #ebfaf8;
       border-radius: 25px;
       margin-right: 10px;
       float: right;
   }

   .doctors-appointment .doctors-table tr td .print i {
       margin-right: 5px;
       font-size: 12px;
   }

   .doctors-appointment .doctors-table tr td .view {
       position: relative;
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       padding: 9px 20px;
       background: #e5f7fb;
       border-radius: 25px;
   }

   .doctors-appointment .doctors-table tr td .view i {
       margin-right: 5px;
       font-size: 12px;
   }

   .pt-100 {
       padding-top: 100px;
   }

   .doctors-appointment .doctors-table tr.cancel-block {
       background: #f4f7f7;
   }

   .submit-review {
       position: relative;
       padding: 120px 0px;
   }

   .submit-review .review-box {
       position: relative;
       max-width: 570px;
       width: 100%;
       margin: 0 auto;
   }

   .submit-review .review-box .content-box {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .submit-review .review-box .content-box .title-inner {
       position: relative;
       padding: 27px 40px 25px 40px;
   }

   .submit-review .review-box .content-box .title-inner h3 {
       font-size: 26px;
       line-height: 32px;
       color: #fff;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .submit-review .review-box .content-box .title-inner p {
       font-size: 15px;
       line-height: 26px;
       color: rgba(255, 255, 255, 0.6);
   }

   .submit-review .review-box .content-box .content-inner {
       position: relative;
       padding: 36px 40px 40px 40px;
   }

   .submit-review .review-box .content-inner .rating-box h4 {
       font-size: 20px;
       line-height: 28px;
       font-weight: 700;
       margin-bottom: 12px;
   }

   .submit-review .review-box .content-inner .rating-box .rating li {
       position: relative;
       display: inline-block;
       float: left;
       width: 45px;
       height: 45px;
       line-height: 45px;
       border: 1px solid #e5e7ec;
       border-radius: 5px;
       font-size: 18px;
       color: #d6dada;
       margin-right: 5px;
       text-align: center;
   }

   .submit-review .review-box .content-inner .rating-box .rating li:last-child {
       margin: 0px !important;
   }

   .submit-review .review-box .content-inner .rating-box {
       padding-bottom: 30px;
       border-bottom: 1px solid #e5e7ec;
   }

   .submit-review .custom-control.material-checkbox {
       --color: #ebebeb;
       padding: 0px;
       margin: 0px;
       margin-bottom: 0px !important;
   }

   .submit-review .custom-control.material-checkbox .material-control-input {
       display: none;
   }

   .submit-review .custom-control.material-checkbox .material-control-indicator {
       display: inline-block;
       position: absolute;
       top: 5px;
       left: 0px;
       width: 20px;
       height: 20px;
       border: 1px solid #e5e7ec;
       cursor: pointer;
   }

   .submit-review .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
       -webkit-transform: rotateZ(45deg) translate(1px, -5px);
       transform: rotateZ(45deg) translate(1px, -5px);
       width: 8px;
       border: 2px solid #848484;
       border-top: 0px;
       border-left: 0px;
       background: transparent;
       border-radius: 0px;
   }

   .submit-review .custom-controls-stacked .description {
       position: relative;
       display: inline-block;
       padding: 0px;
       margin-left: 30px;
       font-size: 15px;
       color: #808080;
       cursor: pointer;
       font-weight: 400;
   }

   .submit-review .custom-controls-stacked .description a {
       display: inline-block;
       line-height: 16px;
   }

   .submit-review .review-box .content-inner .form-inner {
       position: relative;
       padding-top: 23px;
   }

   .submit-review .review-box .content-inner .form-inner .form-group {
       position: relative;
       margin-bottom: 23px;
   }

   .submit-review .review-box .content-inner .form-inner .form-group:last-child {
       margin-bottom: 0px;
   }

   .submit-review .review-box .content-inner .form-inner .form-group label {
       position: relative;
       display: block;
       font-size: 15px;
       font-weight: 500;
       margin-bottom: 6px;
   }

   .submit-review .review-box .content-inner .form-inner .form-group input[type='text'],
   .submit-review .review-box .content-inner .form-inner .form-group input[type='email'],
   .submit-review .review-box .content-inner .form-inner .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .submit-review .review-box .content-inner .form-inner .form-group textarea {
       height: 150px;
       resize: none;
   }

   .submit-review .review-box .content-inner .form-inner .form-group input:focus,
   .submit-review .review-box .content-inner .form-inner .form-group textarea:focus {}

   .submit-review .review-box .content-inner .form-inner .form-group button {
       display: block;
       width: 100%;
   }

   .submit-review .pattern .pattern-1 {
       position: absolute;
       right: 550px;
       top: 50px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .submit-review .pattern .pattern-2 {
       position: absolute;
       left: 500px;
       bottom: 240px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /** appointment-section **/

   .appointment-section {
       position: relative;
       padding: 120px 0px;
   }

   .custom-check-box .custom-control.material-checkbox .material-control-input {
       display: none;
   }

   .custom-check-box .custom-control.material-checkbox .material-control-indicator {
       display: inline-block;
       position: absolute;
       top: 4px;
       left: 0px;
       width: 20px;
       height: 20px;
       border: 1px solid #e5e7ec;
       cursor: pointer;
       border-radius: 3px;
   }

   .custom-check-box .custom-control.material-checkbox .material-control-indicator:before {
       position: absolute;
       content: "\f00c";
       font-family: 'Font Awesome 5 Pro';
       font-size: 12px;
       color: #fff;
       width: 20px;
       height: 20px;
       line-height: 20px;
       text-align: center;
       opacity: 0;
   }

   .custom-check-box .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator:before {
       opacity: 1;
   }

   .custom-check-box .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
       display: inline-block;
       position: absolute;
       top: 4px;
       left: 0px;
       width: 20px;
       height: 20px;
       cursor: pointer;
       border-radius: 3px;
       border: 1px solid #e5e7ec;
   }

   .custom-check-box .custom-controls-stacked .description {
       position: relative;
       display: inline-block;
       padding: 0px;
       margin-left: 10px;
       font-size: 15px;
       color: var(--font-gray);
       cursor: pointer;
       font-weight: 400;
   }

   .appointment-section .appointment-information {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .appointment-section .title-box {
       position: relative;
       display: block;
       padding: 30px 40px 28px 40px;
   }

   .appointment-section .title-box h3 {
       font-size: 26px;
       line-height: 32px;
       color: #fff;
       font-weight: 700;
       margin: 0px;
   }

   .appointment-section .appointment-information .inner-box {
       padding: 30px 40px 40px 40px;
   }

   .appointment-section h3 {
       font-size: 22px;
       line-height: 30px;
       font-weight: 600;
       margin-bottom: 19px;
   }

   .appointment-section .appointment-information .inner-box .single-box {
       margin-bottom: 39px;
   }

   .appointment-section .appointment-information .custom-check-box {
       margin-bottom: 12px;
   }

   .appointment-section .appointment-information .custom-check-box:last-child {
       margin-bottom: 0px;
   }

   .appointment-section .information-form .form-group {
       position: relative;
       margin-bottom: 23px;
   }

   .appointment-section .information-form .form-group:last-child {
       margin-bottom: 0px;
   }

   .appointment-section .information-form .form-group label {
       position: relative;
       display: block;
       font-size: 15px;
       color: #808080;
       font-weight: 500;
       margin-bottom: 6px;
   }

   .appointment-section .information-form .form-group input[type='text'],
   .appointment-section .information-form .form-group input[type='email'],
   .appointment-section .information-form .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .appointment-section .information-form .form-group textarea {
       height: 150px;
       resize: none;
   }

   .appointment-section .information-form .form-group input:focus,
   .appointment-section .information-form .form-group textarea:focus {}

   .appointment-section .information-form .form-group .nice-select {
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec !important;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 5px 20px;
   }

   .appointment-section .information-form .form-group .nice-select:after {
       top: 10px;
   }

   .appointment-section .information-form {
       margin-bottom: 34px;
   }

   .appointment-section .payment-information .form-group {
       position: relative;
       margin-bottom: 23px;
   }

   .appointment-section .payment-information .form-group label {
       position: relative;
       display: block;
       font-size: 15px;
       font-weight: 500;
       margin-bottom: 6px;
       min-height: 28px;
   }

   .appointment-section .payment-information .form-group input[type='text'] {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .appointment-section .payment-information .form-group input:focus {}

   .appointment-section .payment-information .form-group .card-list li {
       position: relative;
       float: left;
       line-height: 50px;
       margin-right: 10px;
   }

   .appointment-section .payment-information .form-group .card-list li:last-child {
       margin: 0px !important;
   }

   .appointment-section .payment-information .custom-check-box {
       padding-top: 6px;
   }

   .appointment-section .payment-information .custom-check-box .description {
       color: #808080;
   }

   .appointment-section .appointment-information {
       margin-right: 10px;
   }

   .appointment-section .booking-information {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .appointment-section .booking-information .inner-box {
       padding: 14px 40px 18px 40px;
       border-bottom: 1px solid #e5e7ec;
   }

   .appointment-section .booking-information .single-box ul li {
       position: relative;
       display: block;
       font-size: 15px;
       font-weight: 500;
       color: var(--font-main);
       margin-bottom: 10px;
   }

   .appointment-section .booking-information .single-box ul li span {
       float: right;
   }

   .appointment-section .booking-information .single-box ul li:last-child {
       margin-bottom: 0px;
   }

   .appointment-section .booking-information .single-box {
       padding-bottom: 16px;
       border-bottom: 1px solid #e5e7ec;
       padding-top: 19px;
   }

   .appointment-section .booking-information .total-box h5 {
       position: relative;
       display: block;
       font-size: 18px;
       line-height: 26px;
       font-family: 'Poppins', sans-serif;
       font-weight: 500;
       padding-top: 21px;
   }

   .appointment-section .booking-information .total-box h5 span {
       float: right;
   }

   .appointment-section .booking-information .btn-box {
       padding: 30px 40px 50px 40px;
   }

   .appointment-section .booking-information .btn-box .theme-btn-one {
       display: block;
       width: 100%;
   }

   .confirm-section {
       position: relative;
       padding: 120px 0px;
   }

   .confirm-section .inner-box {
       position: relative;
       max-width: 570px;
       width: 100%;
       margin: 0 auto;
   }

   .confirm-section .inner-box .content-box {
       position: relative;
       display: block;
       background: #fff;
       padding: 100px 50px 90px 50px;
       border-radius: 10px;
   }

   .confirm-section .inner-box .content-box .icon-box {
       position: relative;
       display: inline-block;
       width: 120px;
       height: 120px;
       line-height: 120px;
       font-size: 40px;
       font-weight: 400;
       text-align: center;
       border-radius: 50%;
       margin-bottom: 25px;
   }

   .confirm-section .inner-box .content-box h3 {
       position: relative;
       display: block;
       font-size: 30px;
       line-height: 38px;
       font-weight: 900;
       margin-bottom: 22px;
   }

   .confirm-section .inner-box .content-box p {
       display: block;
       font-weight: 500;
   }

   .confirm-section .inner-box .content-box a {
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
   }

   .confirm-section .inner-box .content-box a:hover {
       text-decoration: underline;
   }

   .confirm-section .pattern .pattern-1 {
       position: absolute;
       right: 550px;
       top: 50px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .confirm-section .pattern .pattern-2 {
       position: absolute;
       left: 500px;
       bottom: 0px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .registration-section {
       position: relative;
       padding: 120px 0px;
   }

   .registration-section .inner-box {
       position: relative;
       max-width: 570px;
       width: 100%;
       margin: 0 auto;
   }

   .registration-section .content-box {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .registration-section .content-box .title-box {
       position: relative;
       display: block;
       padding: 27px 40px 31px 40px;
   }

   .registration-section .content-box .title-box h3 {
       font-size: 26px;
       line-height: 32px;
       color: #fff;
       font-weight: 700;
       margin: 0px;
   }

   .registration-section .content-box .title-box a {
       position: absolute;
       top: 33px;
       right: 40px;
       font-size: 18px;
       font-family: 'Jost', sans-serif;
       line-height: 26px;
       font-weight: 700;
       z-index: 1;
   }

   .registration-section .content-box .title-box a:hover {
       color: #fff;
   }

   .registration-section .content-box .inner {
       position: relative;
       padding: 33px 40px 35px 40px;
   }

   .registration-section .content-box .inner .form-group {
       position: relative;
       margin-bottom: 23px;
   }

   .registration-section .content-box .inner .form-group:last-child {
       margin-bottom: 0px;
   }

   .registration-section .content-box .inner .form-group label {
       position: relative;
       display: block;
       font-size: 15px;
       color: #808080;
       font-weight: 500;
       margin-bottom: 6px;
   }

   .registration-section .content-box .inner .form-group input[type='text'],
   .registration-section .content-box .inner .form-group input[type='email'],
   .registration-section .content-box .inner .form-group input[type='password'] {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .registration-section .content-box .inner .form-group button {
       display: block;
       width: 100%;
   }

   .registration-section .content-box .inner .form-group input:focus {}

   .registration-section .content-box .inner .social-links li {
       position: relative;
       display: inline-block;
       float: left;
       width: 50%;
   }

   .registration-section .content-box .inner .social-links li a {
       position: relative;
       display: inline-block;
       width: 240px;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       color: #fff;
       padding: 12px 20px;
       text-align: center;
       z-index: 1;
       border-radius: 30px;
   }

   .registration-section .content-box .inner .social-links li:first-child a {}

   .registration-section .content-box .inner .social-links li:last-child a {}

   .registration-section .content-box .inner .social-links {
       position: relative;
       margin-top:
   }

   .registration-section .content-box .inner .text {
       position: relative;
       display: block;
       text-align: center;
       margin-top: 20px;
       margin-bottom: 20px;
   }

   .registration-section .content-box .inner .text:before {
       position: absolute;
       content: '';
       background: #e5e7ec;
       width: 100%;
       height: 1px;
       left: 0px;
       top: 19px;
   }

   .registration-section .content-box .inner .text span {
       position: relative;
       display: inline-block;
       font-size: 26px;
       line-height: 32px;
       font-family: 'Jost', sans-serif;
       color: #8a8a8a;
       font-weight: 400;
       width: 65px;
       background: #fff;
       text-align: center;
   }

   .registration-section .content-box .login-now p a {
       display: inline-block;
   }

   .registration-section .content-box .login-now {
       position: relative;
       display: block;
       text-align: center;
       margin-top: 22px;
   }

   .registration-section .custom-check-box .custom-controls-stacked .description {
       color: #808080;
   }

   .registration-section .content-box .login-now p a:hover {
       text-decoration: underline;
   }

   .registration-section .pattern .pattern-1 {
       position: absolute;
       right: 550px;
       top: 50px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .registration-section .pattern .pattern-2 {
       position: absolute;
       left: 500px;
       bottom: 240px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /***

====================================================================
                        Docotrs-Page
====================================================================

***/

   .dashboard-section {
       position: relative;
   }

   .favourite-doctors {
       position: relative;
       padding: 50px 0px;
   }

   .favourite-doctors .team-block-three .inner-box {
       margin-bottom: 30px;
   }

   .favourite-doctors .title-box {
       position: relative;
       padding-bottom: 20px;
       border-bottom: 1px solid #e5eded;
       margin-bottom: 50px;
   }

   .favourite-doctors .title-box h3 {
       font-size: 26px;
       line-height: 32px;
       font-weight: 700;
       margin: 0px;
   }

   .favourite-doctors .pagination-wrapper {
       padding-top: 30px;
   }

   .doctor-details {
       position: relative;
       padding: 50px 0px 120px 0px;
   }

   .doctor-details-content .tabs-box .tab-btn-box .tab-btns li {
       width: 25%;
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .list li {
       width: 100%;
       float: none;
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .list li span {
       font-weight: 400;
       color: #808080;
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .treatments-list li {
       position: relative;
       display: block;
       font-size: 16px;
       color: var(--font-gray);
       margin-bottom: 6px;
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .treatments-list li:last-child {
       margin-bottom: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .treatments-list li a {
       color: var(--font-gray);
   }

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .treatments-list li a:hover {}

   .doctor-details-content .tabs-box .tabs-content .inner-box .text .treatments-list {
       margin-bottom: 35px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text h3 {
       position: relative;
       display: block;
       font-size: 22px;
       line-height: 30px;
       font-weight: 700;
       margin-bottom: 16px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text p {
       margin-bottom: 13px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list li {
       position: relative;
       display: block;
       font-size: 17px;
       line-height: 28px;
       font-weight: 500;
       color: var(--font-gray);
       padding-left: 25px;
       margin-bottom: 8px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list li:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list li:last-child {
       margin-bottom: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list li p {
       display: block;
       font-size: 15px;
       line-height: 30px;
       color: var(--font-gray);
       margin: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list li p span {
       color: #808080;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .experience-list {
       margin-bottom: 33px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .skills-list li {
       position: relative;
       display: block;
       font-size: 16px;
       line-height: 28px;
       color: var(--font-gray);
       padding-left: 25px;
       margin-bottom: 6px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .skills-list li:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
   }

   .doctor-details-content .tabs-box .tabs-content .experience-box .text .skills-list li:last-child {
       margin-bottom: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner {
       position: relative;
       padding-left: 180px;
       padding-bottom: 10px;
       border-bottom: 1px solid #e5e7ec;
       margin-bottom: 28px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 150px;
       border-radius: 10px;
       padding: 18px 15px 22px 15px;
       text-align: center;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box h2 {
       font-size: 40px;
       line-height: 40px;
       font-weight: 700;
       margin-bottom: 4px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box .clearfix li {
       position: relative;
       display: inline-block;
       font-size: 14px;
       line-height: 20px;
       margin: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box .clearfix li:last-child {
       color: #a29fc2;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box .clearfix {
       margin-bottom: 4px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-box span {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 17px;
       color: #fff;
       font-weight: 500;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress {
       position: relative;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .porgress-bar {
       position: relative;
       display: block;
       width: 100%;
       max-width: 390px;
       height: 15px;
       background: var(--background-light);
       border-radius: 5px;
       overflow: hidden;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .porgress-bar:before {
       position: absolute;
       content: '';
       height: 100%;
       left: 0px;
       top: 0px;
   }
   /*.doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress:first-child .porgress-bar:before{
  width: 80%;
}

.doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress:nth-child(2) .porgress-bar:before{
  width: 70%;
}

.doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress:nth-child(3) .porgress-bar:before{
  width: 60%;
}

.doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress:nth-child(4) .porgress-bar:before{
  width: 50%;
}

.doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress:last-child .porgress-bar:before{
  width: 40%;
}*/

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress .text {
       position: absolute;
       top: -6px;
       right: 5px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress {
       position: relative;
       margin-bottom: 19px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress .text p {
       color: var(--font-gray);
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .rating-inner .rating-pregress .single-progress .text p i {
       margin-right: 10px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box h3 {
       margin-bottom: 23px;
   }

   .single-review-box {
       position: relative;
       padding: 0px 0px 36px 125px;
       margin-bottom: 30px;
   }

   .single-review-box:last-child {
       margin-bottom: 0px;
   }

   .doctor-details-content .single-review-box {
       border-bottom: 1px solid #dfe2e7;
   }

   .single-review-box .image-box {
       position: absolute;
       left: 0px;
       top: 2px;
       width: 95px;
       height: 95px;
       border-radius: 10px;
   }

   .single-review-box .image-box img {
       width: 100%;
       border-radius: 10px;
   }

   .single-review-box .rating {
       position: relative;
       line-height: 14px;
   }

   .single-review-box .rating li {
       position: relative;
       display: inline-block;
       font-size: 14px;
       line-height: 20px;
       margin: 0px;
   }

   .single-review-box .rating li.light {
       color: #dae6e5;
   }

   .single-review-box h6 {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 22px;
       font-weight: 500;
       font-family: 'Poppins', sans-serif;
       margin-bottom: 7px;
   }

   .single-review-box h6 span {
       color: #808080;
   }

   .single-review-box p {
       line-height: 26px;
       margin: 0px;
   }

   .doctor-details-content .tabs-box .tabs-content .review-box .review-inner {
       margin-bottom: 30px;
   }

   #ui-datepicker-div.ui-widget-content {
       border: 1px solid #c5c5c5;
       background: #fff none repeat scroll 0 0;
       border: 1px solid #777;
       color: #252525;
       font-family: "Poppins", sans-serif;
       font-size: 14px;
       border-radius: 0px;
       width: 270px;
       padding: 5px;
   }

   #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
       background: #151515 none repeat scroll 0 0;
       border: 2px solid #252525;
       border-radius: 0;
       color: #fff;
       font-weight: 700;
       padding: 5px 0;
       position: relative;
   }

   .ui-datepicker td a {
       color: #000000 !important;
       text-align: center;
       background-image: none !important;
       background: #f5f5f5 !important;
       border: 1px solid #f9f9f9 !important;
   }

   .ui-state-highlight,
   .ui-widget-content .ui-state-highlight,
   .ui-widget-header .ui-state-highlight {
       border: 1px solid #333333 !important;
       background: #333333 !important;
       color: #ffffff !important;
   }

   .ui-datepicker .ui-datepicker-prev {
       left: 5px;
   }

   .ui-datepicker .ui-datepicker-prev,
   .ui-datepicker .ui-datepicker-next {
       border-radius: 30%;
       height: 20px;
       position: absolute;
       top: 7px;
       width: 20px;
       transition: all 500ms ease;
       cursor: pointer;
   }

   .ui-datepicker .ui-datepicker-next {
       right: 5px;
   }

   .ui-datepicker .ui-datepicker-prev:hover,
   .ui-datepicker .ui-datepicker-next:hover {
       top: 7px;
       background: #fff;
       border: none;
   }

   .ui-datepicker table {
       border-collapse: collapse;
       font-size: 13px;
       margin: 0 0 0.4em;
       width: 100%;
       z-index: 99999999;
   }

   .ui-datepicker th {
       border: medium none;
       font-weight: 600;
       padding: 2px 3px;
       text-align: center;
   }

   .ui-datepicker-calendar .ui-state-default:hover,
   .ui-datepicker-calendar .ui-state-default:active {
       background: #43c3ea;
       color: #fff;
       border-color: #43c3ea;
   }

   .doctors-sidebar .form-widget {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
   }

   .doctors-sidebar .form-widget .form-title {
       position: relative;
       padding: 20px 30px 20px 30px;
   }

   .doctors-sidebar .form-widget .form-title h3 {
       font-size: 26px;
       line-height: 34px;
       color: #fff;
       font-weight: 700;
       margin-bottom: 0px;
   }

   .doctors-sidebar .form-widget .form-title p {
       font-size: 15px;
       line-height: 26px;
       color: rgba(255, 255, 255, 0.7);
   }

   .doctors-sidebar .form-widget .appointment-time {
       position: relative;
       padding: 40px 40px;
       border-bottom: 1px solid #e5e7ec;
   }

   .doctors-sidebar .form-widget .appointment-time .form-group {
       position: relative;
       margin-bottom: 10px;
   }

   .doctors-sidebar .form-widget .appointment-time .form-group:last-child {
       margin-bottom: 0px;
   }

   .doctors-sidebar .form-widget .appointment-time .form-group input[type='text'] {
       position: relative;
       width: 100%;
       height: 50px;
       background: var(--background-light);
       padding: 10px 20px;
       color: #808080;
       font-size: 14px;
       border-radius: 10px;
   }

   .doctors-sidebar .form-widget .appointment-time .form-group i {
       position: absolute;
       top: 17px;
       right: 20px;
       z-index: 1;
   }

   .doctors-sidebar .form-widget .choose-service {
       position: relative;
       padding: 33px 40px 40px 40px;
   }

   .doctors-sidebar .form-widget .choose-service h4 {
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin-bottom: 12px;
   }

   .doctors-sidebar .form-widget .custom-check-box .custom-controls-stacked .description {
       font-weight: 500;
       display: block;
   }

   .doctors-sidebar .form-widget .custom-check-box .custom-controls-stacked .description .price {
       float: right;
   }

   .doctors-sidebar .form-widget .custom-check-box {
       padding: 9px 15px 3px 15px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       margin-bottom: 10px;
   }

   .doctors-sidebar .form-widget .custom-check-box:last-child {
       margin-bottom: 10px;
   }

   .doctors-sidebar .form-widget .custom-check-box .custom-control.material-checkbox .material-control-indicator {
       background: #e5e7ec;
       width: 15px;
       height: 15px;
       top: 7px;
   }

   .doctors-sidebar .form-widget .custom-check-box .custom-control.material-checkbox .material-control-indicator:before {
       width: 15px;
       height: 15px;
       line-height: 15px;
       font-size: 10px;
   }

   .doctors-sidebar .form-widget .custom-check-box .custom-controls-stacked .description {
       margin-left: 0px;
   }

   .doctors-sidebar .form-widget .choose-service .btn-box {
       position: relative;
       padding-top: 10px;
   }

   .doctors-sidebar .form-widget .choose-service .btn-box .theme-btn-one {
       display: block;
       width: 100%;
   }

   .doctors-dashboard {
       position: relative;
       padding: 50px 50px;
       min-height: 1080px;
       display: flex;
   }

   .doctors-appointment .doctors-table tr td .accept {
       position: relative;
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       padding: 9px 20px;
       background: #ebfaf8;
       border-radius: 25px;
       float: right;
       margin-right: 10px;
   }

   .doctors-appointment .doctors-table tr td .cancel {
       position: relative;
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       padding: 9px 21.5px;
       background: #ffeeec;
       border-radius: 25px;
       margin-right: 30px;
   }

   .doctors-appointment .doctors-table tr td .accept i {
       font-size: 12px;
       margin-right: 5px;
   }

   .doctors-appointment .doctors-table tr td .cancel i {
       font-size: 12px;
       margin-right: 5px;
   }

   .doctors-dashboard .right-panel .appointment-list {
       position: relative;
       display: block;
       background: #fff;
       border: 1px solid #e5eded;
       border-radius: 10px;
       overflow: hidden;
       margin-bottom: 30px;
   }

   .doctors-dashboard .right-panel .appointment-list .upper-box h3 {
       position: relative;
       font-size: 26px;
       line-height: 44px;
       font-weight: 700;
   }

   .doctors-dashboard .right-panel .appointment-list .upper-box {
       padding: 30px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .doctors-dashboard .right-panel .appointment-list .upper-box .nice-select {
       height: 44px;
       border: 1px solid #e5eded !important;
       border-radius: 30px;
       padding: 3px 20px;
       width: 175px;
       color: var(--font-gray);
       font-size: 14px;
       font-weight: 500;
   }

   .doctors-dashboard .right-panel .appointment-list .upper-box .nice-select:after {
       top: 7px;
       right: 20px;
       color: var(--font-gray);
   }

   .doctors-dashboard .right-panel .appointment-list .single-item {
       position: relative;
       padding: 16px 40px 13px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item:last-child {
       border-bottom: none;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .image-box {
       position: absolute;
       left: 40px;
       top: 20px;
       width: 100px;
       height: 100px;
       border-radius: 20px;
       box-shadow: 0 10px 40px rgba(0, 24, 73, 0.2);
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .image-box img {
       width: 100%;
       border-radius: 20px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner {
       padding-left: 150px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner h4 {
       position: relative;
       display: block;
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin-bottom: 5px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .info-list li {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       color: #727272;
       margin-bottom: 1px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .info-list li:last-child {
       margin-bottom: 0px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .info-list li a {
       display: inline-block;
       color: #727272;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .info-list li a:hover {}

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .info-list li i {
       font-size: 13px;
       margin-right: 15px;
       color: #c7c7c7;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .confirm-list {
       position: absolute;
       top: 48px;
       right: 40px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .confirm-list li {
       position: relative;
       display: inline-block;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       padding: 9px 20px;
       background: #e9f9f7;
       border-radius: 25px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .confirm-list li i {
       margin-right: 5px;
       font-size: 12px;
   }

   .doctors-dashboard .right-panel .appointment-list .single-item .inner .confirm-list li:last-child {
       background: #ffeeec;
   }

   .my-patients .title-box .search-form {
       position: relative;
       display: inline-block;
       width: 265px;
       margin: 0px;
       margin-right: 10px;
   }

   .my-patients .title-box .search-form .form-group {
       position: relative;
       margin: 0px;
   }

   .my-patients .title-box .search-form input[type='search'] {
       position: relative;
       width: 100%;
       height: 44px;
       border: 1px solid #e5eded;
       border-radius: 30px;
       font-size: 14px;
       font-weight: 500;
       color: #808080;
       padding: 10px 20px 10px 20px;
       transition: all 500ms ease;
   }

   .my-patients .title-box .search-form input:focus {}

   .my-patients .title-box .search-form button {
       position: absolute;
       top: 10px;
       right: 20px;
       font-size: 16px;
       color: #808080;
       background: transparent;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .my-patients .title-box .search-form input:focus+button,
   .my-patients .title-box .search-form button:hover {}

   .my-patients .title-box h3 {
       margin-bottom: 0px;
       line-height: 44px;
   }

   .my-patients .title-box {
       padding: 30px 40px;
   }

   .my-patients .doctors-table tr td .name-box {
       padding: 34px 0px 32px 100px;
   }

   .doctors-dashboard .pagination-wrapper {
       margin-top: 30px;
   }

   .add-listing .single-box {
       position: relative;
       display: block;
       background: #fff;
       border: 1px solid #e5eded;
       border-radius: 10px;
       margin-bottom: 50px;
   }

   .add-listing .single-box .title-box {
       position: relative;
       padding: 36px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .add-listing .single-box .title-box h3 {
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
       margin: 0px;
   }

   .add-listing .single-box .title-box a.menu {
       position: absolute;
       top: 30px;
       right: 40px;
       background: #fff;
       width: 44px;
       height: 44px;
       line-height: 44px;
       border: 1px solid #e6eeee;
       border-radius: 50%;
       text-align: center;
       font-size: 16px;
       color: #808080;
       z-index: 1;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .add-listing .single-box .title-box a.menu:hover {
       color: #fff;
   }

   .add-listing .single-box .title-box a.theme-btn-one {
       position: absolute;
       top: 30px;
       right: 104px;
       padding: 9px 30px;
       z-index: 1;
   }

   .add-listing .single-box .inner-box {
       position: relative;
       padding: 35px 40px 40px 40px;
   }

   .add-listing .single-box .inner-box .form-group {
       position: relative;
       margin-bottom: 24px;
   }

   .add-listing .single-box .inner-box .form-group:last-child {
       margin-bottom: 0px;
   }

   .add-listing .single-box .inner-box .form-group label {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       font-weight: 500;
       color: #808080;
       margin-bottom: 7px;
   }

   .add-listing .single-box .inner-box .form-group input[type='text'],
   .add-listing .single-box .inner-box .form-group input[type='email'],
   .add-listing .single-box .inner-box .form-group input[type='password'],
   .add-listing .single-box .inner-box .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .add-listing .single-box .inner-box .form-group input:focus,
   .add-listing .single-box .inner-box .form-group textarea:focus {}

   .add-listing .single-box .inner-box .form-group textarea {
       height: 120px;
       resize: none;
       display: block;
   }

   .add-listing .btn-box .theme-btn-one {
       padding: 12px 30px;
   }

   .add-listing .btn-box .cancel-btn {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 24px;
       font-weight: 600;
       background: #fff;
       color: var(--font-gray);
       border: 2px solid #e5eded;
       border-radius: 30px;
       padding: 11px 28px;
       margin-left: 6px;
       text-align: center;
   }

   .add-listing .btn-box .cancel-btn:hover {
       background: var(--font-gray);
       border-color: var(--font-gray);
       color: #fff;
   }

   .schedule-timing {
       position: relative;
       background: #fff;
       border: 1px solid #e5eded;
       border-radius: 10px;
       overflow: hidden;
   }

   .schedule-timing .title-box {
       position: relative;
       padding: 30px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .schedule-timing .title-box h3 {
       font-size: 26px;
       line-height: 44px;
       font-weight: 700;
       margin: 0px;
   }

   .schedule-timing .title-box .search-form {
       position: relative;
       display: inline-block;
       width: 265px;
       margin: 0px;
       margin-right: 10px;
   }

   .schedule-timing .title-box .search-form .form-group {
       position: relative;
       margin: 0px;
   }

   .schedule-timing .title-box .search-form input[type='search'] {
       position: relative;
       width: 100%;
       height: 44px;
       border: 1px solid #e5eded;
       border-radius: 30px;
       font-size: 14px;
       font-weight: 500;
       color: #808080;
       padding: 10px 20px 10px 20px;
       transition: all 500ms ease;
   }

   .schedule-timing .title-box .search-form input:focus {}

   .schedule-timing .title-box .search-form button {
       position: absolute;
       top: 10px;
       right: 20px;
       font-size: 16px;
       color: #808080;
       background: transparent;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .schedule-timing .title-box .search-form input:focus+button,
   .schedule-timing .title-box .search-form button:hover {}

   .schedule-timing .title-box .right-column span {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 44px;
       font-weight: 500;
       color: var(--font-gray);
       margin-right: 10px;
   }

   .schedule-timing .inner-box {
       position: relative;
       display: block;
       padding: 40px 40px;
   }

   .schedule-timing .inner-box .inner {
       position: relative;
       display: block;
       overflow: hidden;
       border-radius: 10px;
       border: 1px solid #e5eded;
   }

   .schedule-timing .inner-box .image-box {
       position: relative;
       display: block;
   }

   .schedule-timing .inner-box .image-box img {
       width: 100%;
   }

   .schedule-timing .inner-box .calendar-title {
       position: relative;
       display: block;
       padding: 10px 30px;
   }

   .schedule-timing .inner-box .calendar-title h3 {
       font-size: 22px;
       line-height: 40px;
       font-weight: 600;
       color: #fff;
       margin: 0px;
   }

   .schedule-timing .inner-box .calendar-title .theme-btn-one {
       padding: 7px 30px;
       box-shadow: none;
   }

   .schedule-timing .inner-box .calendar-title .theme-btn-one:before {
       background: var(--font-gray);
   }

   .main-header.style-three .header-lower {
       padding: 0px 50px;
   }

   .main-header.style-three .header-lower .outer-box {
       display: block;
   }

   .main-header.style-three .header-lower .logo-box {
       float: left;
       margin-right: 130px;
       padding: 24.5px 0px;
   }

   .main-header.style-three .header-lower .menu-area {
       float: left;
   }

   .main-header.style-three .author-box {
       margin-top: 25px;
   }

   .main-header.style-three .author-box .icon-box {
       position: relative;
       display: inline-block;
       float: left;
       padding-right: 30px;
       margin-right: 30px;
   }

   .main-header.style-three .author-box .icon-box:before {
       position: absolute;
       content: '';
       background: #e4edeb;
       width: 1px;
       height: 50px;
       top: 0px;
       right: 0px;
   }

   .main-header.style-three .author-box .icon-box a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 50px;
       background: #fff;
       border-radius: 50%;
       text-align: center;
       font-size: 24px;
       border: 1px solid #e5eded;
       color: var(--font-gray);
       box-shadow: 0 10px 30px var(--box-shadow);
   }

   .main-header.style-three .author-box .icon-box a:hover {
       color: #fff;
   }

   .main-header.style-three .author-box .author {
       position: relative;
       display: inline-block;
       float: left;
       padding: 0px 0px 0px 70px;
   }

   .main-header.style-three .author-box .author .author-image {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 50px;
       height: 50px;
       border-radius: 50%;
   }

   .main-header.style-three .author-box .author .author-image img {
       width: 100%;
       border-radius: 50%;
   }

   .main-header.style-three .author-box .author .nice-select {
       padding: 8px 0px;
       font-size: 18px;
       line-height: 26px;
       font-family: 'Jost', sans-serif;
       font-weight: 600;
       color: var(--font-gray);
       height: 50px;
       padding-right: 10px;
   }

   .main-header.style-three .author-box .author .nice-select .list {
       width: 200px;
       left: inherit !important;
       right: 0px !important;
   }

   .main-header.style-three .author-box .author .nice-select:after {
       top: 10px;
       right: 0px;
       margin: 0px;
       font-size: 18px;
       color: var(--font-gray);
   }

   .doctors-dashboard .review-list {
       position: relative;
       background: #fff;
       border: 1px solid #e5eded;
       border-radius: 10px;
       overflow: hidden;
   }

   .doctors-dashboard .review-list .title-box {
       position: relative;
       padding: 30px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .doctors-dashboard .review-list .title-box h3 {
       position: relative;
       font-size: 26px;
       line-height: 44px;
       font-weight: 700;
   }

   .doctors-dashboard .review-list .title-box .nice-select {
       height: 44px;
       border: 1px solid #e5eded !important;
       border-radius: 30px;
       padding: 3px 20px;
       width: 175px;
       color: var(--font-gray);
       font-size: 14px;
       font-weight: 500;
   }

   .doctors-dashboard .review-list .title-box .nice-select:after {
       margin: 0px;
       top: 2px;
       color: var(--font-gray);
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box {
       position: relative;
       display: block;
       padding: 26px 40px 30px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box:last-child {
       border-bottom: none;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment {
       position: relative;
       padding-left: 110px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .comment-thumb {
       position: absolute;
       left: 0px;
       top: 4px;
       width: 80px;
       height: 80px;
       border-radius: 50%;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .comment-thumb img {
       width: 100%;
       border-radius: 50%;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment h4 {
       font-size: 20px;
       line-height: 28px;
       font-weight: 600;
       margin-bottom: 1px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .comment-time {
       position: relative;
       display: block;
       font-size: 15px;
       margin-bottom: 15px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .comment-time i {
       font-size: 14px;
       margin-right: 10px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .rating {
       position: absolute;
       top: 0px;
       right: 0px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .rating li {
       position: relative;
       display: inline-block;
       font-size: 15px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .rating li.light {
       color: #b3b3b3;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment p {
       margin-bottom: 22px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .replay-btn {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 26px;
       color: var(--font-gray);
       font-weight: 500;
       padding: 4px 18px;
       border: 2px solid #e5eded;
       border-radius: 25px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .replay-btn i {
       font-size: 12px;
       margin-right: 10px;
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment .replay-btn:hover {
       color: #fff;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .doctors-dashboard .review-list .comment-inner .single-comment-box .comment.replay-comment {
       margin-left: 110px;
       margin-top: 50px;
   }

   .doctors-dashboard .message-box .image-box {
       position: relative;
       display: block;
       border-radius: 10px;
   }

   .doctors-dashboard .message-box .image-box img {
       width: 100%;
       border-radius: 10px;
   }

   .doctors-dashboard .my-profile .single-box .profile-title {
       position: relative;
       padding: 67px 0px 63px 230px;
       max-width: 640px;
       width: 100%;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       margin-bottom: 24px;
   }

   .doctors-dashboard .my-profile .single-box .profile-title .image-box {
       position: absolute;
       left: 40px;
       top: 40px;
       width: 150px;
       height: 150px;
       border-radius: 20px;
   }

   .doctors-dashboard .my-profile .single-box .profile-title .image-box img {
       width: 100%;
       border-radius: 20px;
   }

   .doctors-dashboard .my-profile .single-box .profile-title .upload-photo input {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 26px;
       font-weight: 600;
       color: #fff;
       text-align: center;
       padding: 11.5px 30px;
       border-radius: 30px;
       box-shadow: 0 10px 20px var(--box-shadow);
       margin-bottom: 24px;
       transition: all 500ms ease;
   }

   .doctors-dashboard .my-profile .single-box .profile-title .upload-photo input i {
       font-size: 20px;
       margin-right: 10px;
       position: relative;
       top: 3px;
   }

   .doctors-dashboard .my-profile .single-box .profile-title .upload-photo a:hover {
       background: var(--font-gray);
   }

   .doctors-dashboard .my-profile .single-box .profile-title .upload-photo span {
       position: relative;
       display: block;
       font-size: 14px;
       line-height: 24px;
   }

   .doctors-dashboard .my-profile .single-box .inner-box .form-group i {
       position: absolute;
       bottom: 16px;
       right: 30px;
       z-index: 1;
   }

   .doctors-dashboard .my-profile .single-box .inner-box .image-box .image {
       position: relative;
       float: left;
       border-radius: 20px;
       margin-right: 30px;
   }

   .doctors-dashboard .my-profile .single-box .inner-box .image-box .image:last-child {
       margin: 0px !important;
   }

   .doctors-dashboard .my-profile .single-box .inner-box .image-box .image img {
       width: 100%;
       border-radius: 20px;
   }

   .registration-section .content-box .inner .form-group .forgot-passowrd a {
       position: relative;
       float: right;
       font-size: 15px;
       color: #808080;
       z-index: 1;
   }

   .registration-section .content-box .inner .form-group .forgot-passowrd a:hover {}
   /***

====================================================================
                        Blog-Page
====================================================================

***/

   .blog-grid {
       position: relative;
       padding: 120px 0px;
   }

   .blog-grid .news-block-one .inner-box {
       margin-bottom: 30px;
   }

   .news-block:nth-child(4) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(5) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(6) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(7) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(8) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(9) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(10) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(11) .news-block-one .inner-box .image-box .category {}

   .news-block:nth-child(12) .news-block-one .inner-box .image-box .category {}

   .sidebar-page-container {
       position: relative;
       padding: 120px 0px;
   }

   .blog-grid .pagination-wrapper {
       position: relative;
       margin-top: 30px;
   }

   .sidebar-page-container .pagination-wrapper {
       text-align: right;
       margin-top: 20px;
   }

   .blog-sidebar {
       position: relative;
       margin-left: 10px;
   }

   .blog-sidebar .sidebar-widget {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       padding: 34px 40px 40px 40px;
       box-shadow: 0 10px 40px #e5ebea;
       margin-bottom: 40px;
   }

   .blog-sidebar .sidebar-widget:last-child {
       margin-bottom: 0px;
   }

   .blog-sidebar .sidebar-widget .widget-title {
       position: relative;
       display: block;
       margin-bottom: 32px;
   }

   .blog-sidebar .sidebar-widget .widget-title h3 {
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
       margin: 0px;
   }

   .blog-sidebar .sidebar-search .search-form .form-group {
       position: relative;
       margin: 0px;
   }

   .blog-sidebar .sidebar-search .search-form .form-group input[type='search'] {
       position: relative;
       width: 100%;
       height: 60px;
       border: 1px solid #e5e5e5;
       border-radius: 30px;
       padding: 10px 80px 10px 30px;
       font-size: 15px;
       color: #808080;
       transition: all 500ms ease;
   }

   .blog-sidebar .sidebar-search .search-form .form-group button {
       position: absolute;
       top: 5px;
       right: 5px;
       font-size: 17px;
       color: #fff;
       width: 50px;
       height: 50px;
       line-height: 50px;
       text-align: center;
       border-radius: 50%;
       cursor: pointer;
       transition: all 500ms ease;
   }

   .blog-sidebar .sidebar-search .search-form .form-group input:focus {}

   .blog-sidebar .category-widget .category-list li {
       position: relative;
       display: block;
       margin-bottom: 12px;
   }

   .blog-sidebar .category-widget .category-list li:last-child {
       margin-bottom: 0px;
   }

   .blog-sidebar .category-widget .category-list li a {
       position: relative;
       display: inline-block;
       font-size: 16px;
       color: var(--font-gray);
       padding-left: 23px;
   }

   .blog-sidebar .category-widget .category-list li a:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
       transition: all 500ms ease;
   }

   .blog-sidebar .category-widget .category-list li a:hover {}

   .blog-sidebar .category-widget .category-list li a:hover:before {}

   .blog-sidebar .post-widget .post-inner .post {
       position: relative;
       padding: 0px 0px 19px 100px;
       border-bottom: 1px solid #e5e5e5;
       margin-bottom: 15px;
       min-height: 106px;
   }

   .blog-sidebar .post-widget .post-inner .post:last-child {
       border-bottom: none;
       margin-bottom: 0px;
   }

   .blog-sidebar .post-widget .post-inner .post-thumb {
       position: absolute;
       left: 0px;
       top: 5px;
       width: 80px;
       height: 80px;
       border-radius: 10px;
   }

   .blog-sidebar .post-widget .post-inner .post-thumb img {
       width: 100%;
       border-radius: 10px;
       transition: all 500ms ease;
   }

   .blog-sidebar .post-widget .post-inner .post:hover .post-thumb img {
       opacity: 0.5;
   }

   .blog-sidebar .post-widget .post-inner h5 {
       position: relative;
       display: block;
       font-size: 18px;
       line-height: 26px;
       font-weight: 700;
       margin-bottom: 6px;
   }

   .blog-sidebar .post-widget .post-inner h5 a {
       display: inline-block;
       color: var(--font-gray);
   }

   .blog-sidebar .post-widget .post-inner h5 a:hover {}

   .blog-sidebar .post-widget .post-inner p {
       position: relative;
   }

   .blog-sidebar .post-widget {
       padding-bottom: 20px;
   }

   .blog-sidebar .archives-widget .archives-list li {
       position: relative;
       display: block;
       margin-bottom: 12px;
   }

   .blog-sidebar .archives-widget .archives-list li:last-child {
       margin-bottom: 0px;
   }

   .blog-sidebar .archives-widget .archives-list li a {
       position: relative;
       display: block;
       font-size: 16px;
       color: var(--font-gray);
       padding-left: 23px;
   }

   .blog-sidebar .archives-widget .archives-list li a span {
       float: right;
   }

   .blog-sidebar .archives-widget .archives-list li a:before {
       position: absolute;
       content: '';
       border: 3px solid #dad9e7;
       width: 12px;
       height: 12px;
       border-radius: 50%;
       left: 0px;
       top: 7px;
       transition: all 500ms ease;
   }

   .blog-sidebar .archives-widget .archives-list li a:hover {}

   .blog-sidebar .archives-widget .archives-list li a:hover:before {}

   .blog-sidebar .category-widget .widget-title {
       margin-bottom: 25px;
   }

   .blog-sidebar .archives-widget .widget-title {
       margin-bottom: 25px;
   }

   .blog-sidebar .sidebar-tags .tags-list li {
       position: relative;
       display: inline-block;
       float: left;
       margin-right: 5px;
       margin-bottom: 15px;
   }

   .blog-sidebar .sidebar-tags .tags-list li a {
       position: relative;
       display: inline-block;
       font-size: 14px;
       line-height: 26px;
       color: #7f8180;
       border: 1px solid #e5e5e5;
       border-radius: 30px;
       text-align: center;
       padding: 6px 16px;
   }

   .blog-sidebar .sidebar-tags .tags-list li a:hover {
       color: #fff;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .blog-sidebar .sidebar-tags {
       padding-bottom: 35px;
   }

   .sidebar-page-container .news-block-one .inner-box {
       box-shadow: none;
   }

   .sidebar-page-container .news-block-one .inner-box .lower-content {
       padding-left: 0px;
       padding-right: 0px;
   }

   .sidebar-page-container .news-block-one .inner-box .lower-content .btn-box {
       left: 0px;
   }

   .blog-standard-content .news-block-one .inner-box .lower-content h3 {
       font-size: 30px;
       line-height: 42px;
   }

   .blog-standard-content .news-block-one .inner-box .lower-content {
       padding-top: 32px;
       padding-bottom: 50px;
   }

   .blog-details-content .news-block-one .inner-box .lower-content h3 {
       font-size: 30px;
       line-height: 42px;
   }

   .blog-details-content .news-block-one .inner-box .image-box:before {
       display: none;
   }

   .blog-details-content .news-block-one .inner-box:hover .image-box img {
       transform: scale(1);
   }

   .blog-details-content .news-block-one .inner-box .lower-content {
       padding-top: 32px;
   }

   .blog-details-content blockquote {
       position: relative;
       display: block;
       background: var(--background-light);
       padding: 45px 100px 45px 65px;
       border-radius: 10px;
       margin: 6px 0px 70px 0px;
   }

   .blog-details-content blockquote i {
       position: absolute;
       left: -35px;
       top: 50%;
       transform: translateY(-50%);
       width: 70px;
       height: 70px;
       line-height: 70px;
       text-align: center;
       font-size: 30px;
       color: #fff;
       border-radius: 50%;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .blog-details-content blockquote p {
       position: relative;
       font-size: 17px;
       line-height: 30px;
       color: #222222;
       font-weight: 600;
       margin: 0px;
   }

   .blog-details-content .text h3 {
       position: relative;
       display: block;
       font-size: 26px;
       line-height: 26px;
       line-height: 34px;
       font-weight: 700;
       margin-bottom: 24px;
   }

   .blog-details-content .two-column .text p {
       margin-bottom: 28px;
   }

   .blog-details-content .two-column .text .list li {
       position: relative;
       display: block;
       padding-left: 30px;
       margin-bottom: 9px;
   }

   .blog-details-content .two-column .text .list li:last-child {
       margin-bottom: 0px;
   }

   .blog-details-content .two-column .text .list li:before {
       position: absolute;
       content: "\f00c";
       font-family: 'Font Awesome 5 Pro', sans-serif;
       font-size: 10px;
       color: #fff;
       font-weight: 400;
       width: 15px;
       height: 15px;
       line-height: 15px;
       text-align: center;
       border-radius: 2px;
       left: 0px;
       top: 7px;
   }

   .blog-details-content .two-column {
       margin-bottom: 65px;
   }

   .blog-details-content .post-share-option {
       position: relative;
       display: block;
       background: var(--background-light);
       padding: 30px 30px;
       margin: 70px 0px 91px 0px;
       border-radius: 10px;
   }

   .blog-details-content .post-share-option .text h4 {
       position: relative;
       font-size: 22px;
       line-height: 50px;
       font-weight: 700;
   }

   .blog-details-content .post-share-option .social-links li {
       position: relative;
       display: inline-block;
       float: left;
       margin-right: 10px;
   }

   .blog-details-content .post-share-option .social-links li:last-child {
       margin: 0px !important;
   }

   .blog-details-content .post-share-option .social-links li a {
       position: relative;
       display: inline-block;
       width: 50px;
       height: 50px;
       line-height: 50px;
       background: #fff;
       color: #acadb4;
       font-size: 16px;
       text-align: center;
       border-radius: 50%;
   }

   .blog-details-content .post-share-option .social-links li a:hover {
       color: #fff;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .blog-details-content .group-title {
       position: relative;
       display: block;
       margin-bottom: 33px;
   }

   .blog-details-content .group-title h3 {
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
   }

   .blog-details-content .comment-box .comment {
       position: relative;
       padding-left: 110px;
       margin-bottom: 30px;
   }

   .blog-details-content .comment-box .comment:last-child {
       margin-bottom: 0px;
   }

   .blog-details-content .comment-box .comment .thumb-box {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 80px;
       height: 80px;
       border-radius: 50%;
   }

   .blog-details-content .comment-box .comment .thumb-box img {
       width: 100%;
       border-radius: 50%;
   }

   .blog-details-content .comment-box .comment .comment-inner {
       position: relative;
       padding-bottom: 30px;
       border-bottom: 1px solid #e5e7ec;
   }

   .blog-details-content .comment-box .comment:last-child .comment-inner {
       border-bottom: none;
   }

   .blog-details-content .comment-box .comment .comment-inner .comment-info h5 {
       font-size: 20px;
       line-height: 28px;
       font-weight: 700;
       margin-bottom: 2px;
   }

   .blog-details-content .comment-box .comment .comment-inner .comment-info .comment-time {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 24px;
   }

   .blog-details-content .comment-box .comment .comment-inner .comment-info {
       margin-bottom: 15px;
   }

   .blog-details-content .comment-box .comment .comment-inner p {
       margin-bottom: 10px;
   }

   .blog-details-content .comment-box .comment .comment-inner .reply-btn {
       position: relative;
       display: inline-block;
       font-size: 15px;
       line-height: 24px;
       color: #222222;
       font-weight: 500;
   }

   .blog-details-content .comment-box .comment .comment-inner .reply-btn:hover {}

   .blog-details-content .comment-box {
       margin-bottom: 54px;
   }

   .blog-details-content .comments-form-area .comment-form .form-group {
       position: relative;
       margin-bottom: 30px;
   }

   .blog-details-content .comments-form-area .comment-form .form-group:last-child {
       margin-bottom: 0px;
   }

   .blog-details-content .comments-form-area .comment-form .form-group input[type='text'],
   .blog-details-content .comments-form-area .comment-form .form-group input[type='email'],
   .blog-details-content .comments-form-area .comment-form .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #848484;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .blog-details-content .comments-form-area .comment-form .form-group textarea {
       display: block;
       resize: none;
       height: 150px;
   }

   .blog-details-content .comments-form-area .comment-form .form-group input:focus,
   .blog-details-content .comments-form-area .comment-form .form-group textarea:focus {}
   /***

====================================================================
                        Blog-Page
====================================================================

***/
   /** information-section **/

   .information-section {
       position: relative;
   }

   .single-information-block .inner-box {
       position: relative;
       display: block;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
       padding: 76px 30px 69px 30px;
   }

   .single-information-block .inner-box .icon-box {
       position: relative;
       min-height: 93px;
       margin-bottom: 23px;
       transition: all 500ms ease;
   }

   .single-information-block .inner-box .icon-box img {
       transition: all 500ms ease;
   }

   .single-information-block .inner-box:hover .icon-box img {
       transform: scale(1.1);
   }

   .single-information-block .inner-box h3 {
       position: relative;
       display: block;
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
       margin-bottom: 23px;
   }

   .single-information-block .inner-box p {
       position: relative;
       display: block;
       font-size: 15px;
       line-height: 26px;
       color: #808080;
   }

   .single-information-block .inner-box p a {
       display: inline-block;
       color: #808080;
   }

   .single-information-block .inner-box p a:hover {}

   .single-information-block .inner-box .pattern {
       position: absolute;
       right: 0px;
       bottom: 0px;
       width: 166px;
       height: 83px;
       background-repeat: no-repeat;
   }

   .information-section .sec-title {
       margin-bottom: 40px;
   }

   .information-section .pattern-layer .pattern-1 {
       position: absolute;
       left: 200px;
       top: 75px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }

   .information-section .pattern-layer .pattern-2 {
       position: absolute;
       right: 260px;
       bottom: 30px;
       width: 460px;
       height: 387px;
       background-repeat: no-repeat;
   }
   /** contact-section **/

   .contact-section {
       position: relative;
       padding: 120px 0px;
   }

   .contact-section .default-form .form-group {
       position: relative;
       margin-bottom: 30px;
   }

   .contact-section .default-form .form-group input[type='text'],
   .contact-section .default-form .form-group input[type='email'],
   .contact-section .default-form .form-group textarea {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #848484;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .contact-section .default-form .form-group textarea {
       display: block;
       height: 120px;
       resize: none;
   }

   .contact-section .default-form .form-group input:focus,
   .contact-section .default-form .form-group textarea:focus {}

   .contact-section .form-inner {
       position: relative;
       margin-right: 20px;
   }

   .contact-section .map-inner {
       position: relative;
       padding-left: 100px;
   }

   .contact-section .map-inner #contact-google-map {
       position: relative;
       width: 100%;
       height: 570px;
       box-shadow: 0 10px 30px rgba(0, 24, 73, 0.3);
   }

   .contact-section .map-inner .pattern {
       position: absolute;
       left: 0px;
       bottom: -110px;
       width: 704px;
       height: 740px;
       background-repeat: no-repeat;
   }

   .mb-30 {
       margin-bottom: 30px;
   }

   .blog-details-content .two-column .image-box {
       position: relative;
       display: block;
   }

   .blog-details-content .two-column .image-box img {
       width: 100%;
   }

   .monthly-day-wrap .monthly-week:nth-child(2) .monthly-day-pick:last-child:before {
       position: absolute;
       content: '09:30AM Meeting';
       font-size: 12px;
       font-weight: 500;
       font-family: 'Poppins', sans-serif;
       color: #fff;
       width: calc(100% - 20px);
       height: 24px;
       line-height: 24px;
       left: 10px;
       top: 35px;
       border-radius: 2px;
       padding: 0px 10px;
   }

   .monthly-day-wrap .monthly-week:nth-child(3) .monthly-day-pick:nth-child(2):before {
       position: absolute;
       content: '11:30AM Meeting';
       font-size: 12px;
       font-weight: 500;
       font-family: 'Poppins', sans-serif;
       color: #fff;
       width: calc(100% - 20px);
       height: 24px;
       line-height: 24px;
       left: 10px;
       top: 35px;
       border-radius: 2px;
       padding: 0px 10px;
   }

   .monthly-day-wrap .monthly-week:nth-child(4) .monthly-day-pick:nth-child(4):before {
       position: absolute;
       content: '02:30PM Meeting';
       font-size: 12px;
       font-weight: 500;
       font-family: 'Poppins', sans-serif;
       color: #fff;
       width: calc(100% - 20px);
       height: 24px;
       line-height: 24px;
       left: 10px;
       top: 35px;
       border-radius: 2px;
       padding: 0px 10px;
   }

   .schedule-timing .calendar-inner {
       position: relative;
   }

   .schedule-timing .calendar-inner .today-box {
       position: absolute;
       top: 30px;
       right: 286px;
   }

   .schedule-timing .calendar-inner .today-box a {
       position: relative;
       display: inline-block;
       font-size: 14px;
       font-weight: 500;
       color: #808080;
       padding: 2px 20px;
       text-align: center;
       border: 1px solid #e5eded;
       border-radius: 30px;
       z-index: 1;
   }

   .schedule-timing .calendar-inner .date-zone {
       position: absolute;
       right: 30px;
       top: 30px;
       border-radius: 25px;
       overflow: hidden;
       border: 1px solid #e0ebeb;
       z-index: 1;
   }

   .schedule-timing .calendar-inner .date-zone li {
       position: relative;
       display: inline-block;
       float: left;
   }

   .schedule-timing .calendar-inner .date-zone li a {
       position: relative;
       display: inline-block;
       font-size: 14px;
       line-height: 24px;
       font-weight: 500;
       color: var(--font-gray);
       padding: 4px 20px;
       text-align: center;
       border-right: 1px solid #e5eded;
       z-index: 1;
   }

   .schedule-timing .calendar-inner .date-zone li:last-child a {
       border-right: none;
   }

   .schedule-timing .calendar-inner .date-zone li:first-child a {
       background: var(--background-light);
   }

   .message-box .title-box {
       position: relative;
       padding: 36px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .message-box .title-box h3 {
       font-size: 26px;
       line-height: 34px;
       font-weight: 700;
       margin: 0px;
   }

   .message-box .title-box a.menu {
       position: absolute;
       top: 30px;
       right: 40px;
       background: #fff;
       width: 44px;
       height: 44px;
       line-height: 44px;
       border: 1px solid #e6eeee;
       border-radius: 50%;
       text-align: center;
       font-size: 16px;
       color: #808080;
       z-index: 1;
       box-shadow: 0 20px 30px var(--box-shadow);
   }

   .message-box .title-box a.menu:hover {
       color: #fff;
   }

   .right-panel .message-box {
       position: relative;
       display: block;
       background: #fff;
       border: 1px solid #e5eded;
       border-radius: 10px;
       overflow: hidden;
   }

   .right-panel .message-box .chat-room {
       position: relative;
       padding: 40px 40px;
   }

   .right-panel .message-box .chat-room .side-title {
       position: relative;
       display: block;
       padding: 15px 30px;
   }

   .right-panel .message-box .chat-room .side-title h3 {
       font-size: 22px;
       line-height: 30px;
       color: #fff;
       font-weight: 600;
       margin: 0px;
   }

   .right-panel .message-box .chat-room #sidepanel #search {
       position: relative;
       display: block;
       padding: 30px 30px;
   }

   .doctor-detail-page-main-box {
       background-position: top;
       height: 221px;
       border-radius: 20px;
       background-repeat: no-repeat;
   }

   input[type="text"] {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   textarea {
       position: relative;
       width: 100%;
       height: 100px;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .custom-drop-down select {
       display: none;
   }

   .custom-drop-down .dropdown {
       background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
       background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 100%);
       background-repeat: repeat-x;
       filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#40FFFFFF", endColorstr="#00FFFFFF", GradientType=0);
       background-color: #f6f6f6;
       border-radius: 6px;
       border: solid 1px #eee;
       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
       box-sizing: border-box;
       cursor: pointer;
       display: block;
       float: left;
       font-size: 14px;
       font-weight: normal;
       height: 42px;
       line-height: 40px;
       outline: none;
       padding-left: 18px;
       padding-right: 30px;
       position: relative;
       text-align: left !important;
       transition: all 0.2s ease-in-out;
       user-select: none;
       white-space: nowrap;
       width: auto;
   }

   .custom-drop-down .dropdown:focus {
       background-color: #f1f1f1;
   }

   .custom-drop-down .dropdown:hover {
       background-color: #f3f3f3;
   }

   .custom-drop-down .dropdown:active,
   .dropdown.open {
       background-color: #f0f0f0 !important;
       border-color: #e4e4e4;
       box-shadow: 0 1px 4px rgba(0, 0, 0, .05) inset;
   }

   .custom-drop-down .dropdown:after {
       height: 0;
       width: 0;
       border-left: 4px solid transparent;
       border-right: 4px solid transparent;
       border-top: 4px solid #777;
       transform: origin(50% 20%);
       transition: all 0.125s ease-in-out;
       content: '';
       display: block;
       margin-top: -2px;
       pointer-events: none;
       position: absolute;
       right: 10px;
       top: 50%;
   }

   .custom-drop-down .dropdown.open:after {
       transform: rotate(-180deg);
   }

   .custom-drop-down .dropdown.open .list {
       transform: scale(1);
       opacity: 1;
       pointer-events: auto;
   }

   .custom-drop-down .dropdown.open .option {
       cursor: pointer;
   }

   .custom-drop-down .dropdown.wide {
       width: 100%;
   }

   .custom-drop-down .dropdown.wide .list {
       left: 0 !important;
       right: 0 !important;
   }

   .custom-drop-down .dropdown .list {
       box-sizing: border-box;
       transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
       transform: scale(0.75);
       transform-origin: 50% 0;
       box-shadow: 0 0 0 1px rgba(0, 0, 0, .09);
       background-color: #fff;
       border-radius: 6px;
       margin-top: 4px;
       padding: 3px 0;
       opacity: 0;
       overflow: hidden;
       pointer-events: none;
       position: absolute;
       top: 100%;
       left: 0;
       z-index: 999;
   }

   .custom-drop-down .dropdown .list:hover .option:not(:hover) {
       background-color: transparent !important;
   }

   .custom-drop-down .dropdown .option {
       cursor: default;
       font-weight: 400;
       line-height: 40px;
       outline: none;
       padding-left: 18px;
       padding-right: 29px;
       text-align: left;
       transition: all 0.2s;
   }

   .custom-drop-down .dropdown .option:hover,
   .dropdown .option:focus {
       background-color: #f6f6f6 !important;
   }

   .custom-drop-down .dropdown .option.selected {
       font-weight: 600;
   }

   .custom-drop-down .dropdown .option.selected:focus {
       background: #f6f6f6;
   }

   .custom-drop-down {
       display: inline-block;
       border-radius: 10px;
       background-color: var(--background-light);
       width: 100%;
   }

   .custom-drop-down select {
       position: relative;
       width: 100%;
       height: 50px;
       background: var(--background-light);
       padding: 10px 20px;
       color: #808080;
       font-size: 14px;
       border-radius: 10px;
   }

   .custom-drop-down .nice-select {
       height: auto;
       padding: 8px 20px;
   }

   .nice-select.open .list {
       width: 100%;
   }

   .custom-slot-design-box .slot {
       margin-right: 2px;
       display: inline-block;
       position: relative;
   }

   .custom-slot-design-box .slot:before {
       content: '';
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
   }

   .custom-slot-design-box .slot:hover {
       color: #fff;
   }

   .custom-slot-design-box .slot:hover:before {
       background-color: #333;
       box-shadow: inset 0 0px 24px #222;
       border-radius: 100px;
   }

   .custom-slot-design-box .slot.disabled,
   .slot.disabled:hover {
       color: #ccc;
       cursor: not-allowed;
   }

   .custom-slot-design-box .slot.disabled:before,
   .slot.disabled:hover:before {
       background-color: #eee;
       box-shadow: none;
   }

   .custom-slot-design-box .slot span {
       position: relative;
       display: table-cell;
       vertical-align: middle;
       text-align: center;
       z-index: 1;
       padding: 5px 15px;
   }
   /*.custom-slot-design-box .slot span b {
   display: block;
}

.custom-slot-design-box .slot input[type="radio"] {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   cusor: pointer;
}

.custom-slot-design-box .slot input[type="radio"]:after {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   border-radius: 100px;
   left: 0;
   top: 0;
   box-shadow: inset 0 0px 24px #bbb;
}

.custom-slot-design-box .slot input[type="radio"]:checked:after {
   color: #fff;
   background-color: #77c773;
   box-shadow: inset 0 0px 24px #7caa39;
}

.custom-slot-design-box .slot input[type="radio"]:disabled:after {
   background-color: #eee;
   box-shadow: none;
}

.custom-slot-design-box .slot:hover input[type="radio"] {
   display: none;
}
*/

   .custom-slot-design-box input {
       visibility: hidden;
       display: none;
   }

   .custom-slot-design-box label {
       cursor: pointer;
       padding: 5px 13px;
       font-size: 13px;
       border-radius: 10px;
       width: 100%;
       color: #05224f;
       border: 1px solid #e5e7ec;
   }

   label.custom-radio-disabled {
       border: none;
       background-color: #e5e7ec;
       color: #767676;
   }

   .custom-slot-design-box input:checked+label {
       background: var(--main);
       color: white;
       box-shadow: 0 10px 10px var(--box-shadow);
   }

   .custom-slot-design-box ul {
       list-style: none;
   }

   .custom-slot-design-box li {
       display: inline-block;
       width: 31%;
       margin-right: 4px;
   }

   .activefav {
       background-color: #39cabb !important;
       color: #eae6e6 !important;
   }

   span.fc-title {
       color: white;
   }

   .fc-view.fc-month-view.fc-basic-view {
       color: black;
   }

   .fc-event,
   .fc-event-dot {
       background-color: #39cabb !important;
       border: 1px solid #39cabb !important;
   }

   .patient-dashboard.review-list .comment-inner .single-comment-box {
       position: relative;
       display: block;
       padding: 26px 40px 30px 40px;
       border-bottom: 1px solid #e5eded;
   }

   .patient-dashboard .review-list .comment-inner .single-comment-box .comment {
       position: relative;
       padding-left: 110px;
   }

   .patient-dashboard .my-profile .single-box .profile-title {
       position: relative;
       padding: 67px 0px 63px 230px;
       max-width: 640px;
       width: 100%;
       border: 1px solid #e5e7ec;
       border-radius: 10px;
       margin-bottom: 24px;
   }

   .patient-dashboard .my-profile .single-box .profile-title .image-box {
       position: absolute;
       left: 40px;
       top: 40px;
       width: 150px;
       height: 150px;
       border-radius: 20px;
   }

   .map #us2 {
       width: 100%;
       height: 200px;
   }

   .seldoctor .nice-select {
       position: relative;
       width: 100%;
       height: 50px;
       border: 1px solid #e5e7ec!important;
       border-radius: 10px;
       font-size: 15px;
       color: #808080;
       padding: 10px 20px;
       transition: all 500ms ease;
   }

   .timing-slot-main-box .doctors-sidebar .form-widget .appointment-time {
       padding: 0px;
       border-bottom: 0px;
   }

   .timing-slot-main-box .doctors-sidebar .form-widget .appointment-time .form-group {
       width: 25%;
       display: inline-block;
       margin-right: 15px;
   }

   .appointment-time .custom-drop-down {
       display: inline-flex;
       border-radius: 10px;
       background-color: var(--background-light);
       width: 25%;
   }

   .slot-doctor-profile-main-box ul li label {
       border: 1px solid #d7d7d7;
       padding: 10px 15px;
       border-radius: 10px;
       float: left;
       margin-right: 10px;
   }

   .timing-slot-main-box {
       margin-top: 30px;
       border: 1px solid #d7d7d7;
       padding: 20px;
       border-radius: 10px;
   }

   .custom-btn-box {
       display: inline-block;
   }

   .custom-btn-box a {
       padding: 10px 38px;
   }

   .appointment-time input {
       position: relative;
       width: 100%;
       height: 50px;
       background: var(--background-light);
       padding: 10px 20px;
       color: #808080;
       font-size: 14px;
       border-radius: 10px;
   }

   .custom-dropdown {
       width: 25%;
       display: inline-block;
   }

   .custom-dropdown select {
       position: relative;
       width: 100%;
       height: 50px;
       background: var(--background-light);
       padding: 10px 20px;
       color: #808080;
       font-size: 14px;
       border-radius: 10px;
   }

   ul.pagination svg {
       width: 18px;
   }

   ul.pagination p {
       margin: 10px 0px;
   }

   .flex.justify-between.flex-1.sm:hidden {
       display: none;
   }

   #cookie {
       position: fixed;
       display: block;
       left: 0;
       right: 0;
       bottom: 0;
       margin: 0;
       padding: 0;
   }

   #cookie {
       color: white;
       background-color: black;
       text-align: center;
       padding: 15px;
       z-index: 15;
   }

   .cookiebtn {
       background: #39cabb;
       color: white;
       padding: 7px;
       border-radius: 50px;
   }
   /*.clinic-list-content.list-item svg {
    width: 29px;
}

.clinic-list-content.list-item p.text-sm.text-gray-700 {
    display: none;
}

.clinic-list-content.list-item nav div {
    margin: -5px 0px 0px;
    display: none;
}

.clinic-list-content.list-item nav div:first-child {
    display:block;
}

.clinic-list-content.list-item nav div:first-child a {
    border: none!important;
    background-color: white!important;
    box-shadow: 0 15px 40px 10px #edf1f1;
    padding: 14px 20px !important;
    z-index: 3!important;
}

.clinic-list-content span.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    border: none!important;
    background-color: white!important;
    box-shadow: 0 15px 40px 10px #edf1f1;
    padding: 14px 20px !important;
    z-index: 3!important;
}




.clinic-grid-content svg {
    width: 29px;
}

.clinic-grid-content p.text-sm.text-gray-700 {
    display: none;
}

.clinic-grid-content nav div {
    margin: -5px 0px 0px;
    display: none;
}

.clinic-grid-content nav div:first-child {
    display:block;
}

.clinic-grid-content nav div:first-child a {
    border: none!important;
    background-color: white!important;
    box-shadow: 0 15px 40px 10px #edf1f1;
    padding: 14px 20px !important;
    z-index: 3!important;
}

.clinic-grid-content span.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md {
    border: none!important;
    background-color: white!important;
    box-shadow: 0 15px 40px 10px #edf1f1;
    padding: 14px 20px !important;
    z-index: 3!important;
}*/

   .clinic-list-content.list-item svg {
       width: 30px;
   }

   .clinic-list-content.list-item nav div:last-child {
       display: block;
   }

   .clinic-list-content.list-item nav div {
       display: none;
   }

   .clinic-list-content.list-item nav div a {
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       padding: 0px!important;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       color: #061a3a;
       z-index: 1;
       transition: all 500ms ease;
   }

   .shadow-sm {
       box-shadow: none!important;
   }

   .clinic-list-content.list-item nav div span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
       color: #fff;
       box-shadow: 0 10px 10px #d5edea;
       background: var(--main)!important;
       border-color: var(--main)!important;
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       padding: 0px!important;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       z-index: 1;
       transition: all 500ms ease;
   }

   span.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-r-md.leading-5,
   span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5 {
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       padding: 0px!important;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       color: #061a3a;
       z-index: 1;
       transition: all 500ms ease;
   }

   .clinic-grid-content svg {
       width: 30px;
   }

   .clinic-grid-content nav div:last-child {
       display: block;
   }

   .clinic-grid-content nav div {
       display: none;
   }

   .clinic-grid-content nav div a {
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       padding: 0px!important;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       color: #061a3a;
       z-index: 1;
       transition: all 500ms ease;
   }

   .shadow-sm {
       box-shadow: none!important;
   }

   .clinic-grid-content nav div span.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5 {
       color: #fff;
       box-shadow: 0 10px 10px #d5edea;
       background: var(--main)!important;
       border-color: var(--main)!important;
       position: relative;
       display: inline-block;
       font-size: 17px;
       font-weight: 500;
       height: 50px;
       width: 50px;
       line-height: 50px;
       padding: 0px!important;
       background: transparent;
       border: 1px solid #e6e8ec;
       border-radius: 50%;
       text-align: center;
       z-index: 1;
       transition: all 500ms ease;
   }

   .star-rating {
       display: flex;
       flex-direction: row-reverse;
       font-size: 1.5em;
       justify-content: space-around;
       padding: 0 .2em;
       text-align: center;
       width: 5em;
   }

   .star-rating input {
       display: none;
   }

   .star-rating label {
       color: #ccc;
       cursor: pointer;
   }

   .star-rating :checked~label {
       color: #f90;
   }

   .star-rating label:hover,
   .star-rating label:hover~label {
       color: #fc0;
   }
   /* explanation */

   article {
       background-color: #ffe;
       box-shadow: 0 0 1em 1px rgba(0, 0, 0, .25);
       color: #006;
       font-family: cursive;
       font-style: italic;
       margin: 4em;
       max-width: 30em;
       padding: 2em;
   }
#mic-wrap{
    width: 100%;
  position: fixed;
  bottom: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
}
   .mic-icon {
       cursor: pointer;
       padding: 1rem;
  display: flex;
  background: #ff9136;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
   }

   #conversation-popup {
       width: 100vw;
       height: 100vh;
       position: fixed;
       top: 0;
       left: 0;
       z-index: 999;
       opacity: 0;
       pointer-events: none;
       transition: all 0.3s;
   }
#conversation-popup.show{
    opacity: 0.95;
       pointer-events: all;
}
#conversation-popup iframe{
    width: 100%;
    height: calc(100% - 30px);
}
#conversation-popup .close-icon{
        position: absolute;
    left: 20px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}