/* Css For Doccare */

/************ 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. brand 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


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


/*** 

====================================================================
                        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;
}
header.main-header.style-one .logo-box {
  padding: 0px 57px 0px 0px;
}
.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  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;
  transform: translateY(-100%);
}
.sticky-header .outer-box {
  border-bottom: none !important;
}
.sticky-header .outer-box .menu-area {
  border-left: none !important;
}
.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;
  transform: translateY(0%);
}
.anim-icon .icon {
  position: absolute;
  background-repeat: no-repeat;
}
/** header-lower **/

.main-header .outer-box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.main-header .logo-box {
  position: relative;
  display: block;
  padding: 0px 106px 0px 0px;
  background-repeat: no-repeat;
}
.main-header .logo-box .logo {
  background-repeat: no-repeat;
}
.main-header .logo-box .logo img{
  width: 190px;
  height: 80px;
}
.main-header .menu-area {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.main-header.style-one .menu-right-content {
  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.style-one .menu-right-content li{
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.main-header.style-one .menu-right-content li:last-child{
  margin-right: 0px;
}
.main-header.style-one .menu-right-content .user-btn a,
.main-header.style-one .menu-right-content .cart-btn a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** main-menu **/

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

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

.main-menu .navigation > li{
  position:inherit;
  float:left;
  cursor: pointer;
  z-index:2;
  padding:30px 0px;
  -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;
  text-transform: capitalize;
  font-weight: 400;
  color: var(--primary-color);
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.9px;
  font-family: var(--secondary-font);
  opacity:1;
  z-index:1;
  letter-spacing: 1.6px;
  letter-spacing: 1px;
  -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:before, .main-menu .navigation > li:hover > a:before {
  transform: translateX(-50%) scale(1,1);
}
.main-menu .navigation > li > a{
  margin-right: 80px;
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  top:100%;
  width:250px;
  z-index:100;
  -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;
    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%;
  -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
}


.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:15px 10px;
  line-height:24px;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  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;
  border-bottom: 1px solid var(--theme-color);
}
.main-menu .navigation > li > ul > li > a:hover:before, 
.main-menu .navigation > li > ul > li > ul > li > a:hover:before {
  width: 0%;
}
.main-menu .navigation > li > ul > li > a:hover:after, 
.main-menu .navigation > li > ul > li > ul > li > a:hover:after {
  width: 100%;
}
.main-menu .navigation > li > ul > li > a:before, 
.main-menu .navigation > li > ul > li > ul > li > a:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: -1;
  background-color: var(--primary-color);
  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:after, 
.main-menu .navigation > li > ul > li > ul > li > a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  content: '';
  z-index: -1;
  background-color: var(--theme-color);
  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:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

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

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  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;
  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%;
}
.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.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:15px 20px;
  line-height:24px;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  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;
  border-bottom: 1px solid var(--theme-color);
}

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

.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;
  top: 100%;
  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;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}


.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;
  display: none;
}
.menu-area .mobile-nav-toggler .icon-bar:nth-child(2) {
  width: 40px;
}
.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 6px;
  -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 .logo{
  padding: 10px 0px;
}
.main-header .sticky-header .main-menu .navigation > li{
  padding: 25px 0px !important;
}


/** mobile-menu **/

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

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

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

.mobile-menu .nav-logo{
  position:relative;
  padding:40px 25px;
  text-align:left; 
  max-width: 200px; 
}

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

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease-in-out;
}
.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
  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(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

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

.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: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 15px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  -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;
  text-transform: capitalize;
  -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;
  -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;
  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{
  -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;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}


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

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

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

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
}

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

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

/** search pop-up style **/
.serach-button-style1{
  position: relative;
  display: block;
  padding-right: 25px;
}
.serach-button-style1 .search-toggler{
  position: relative;
  display: block;
  width: 37px;
  height: 37px;
  color: var(--base-color);
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
  transition: all 500ms ease;
  background: transparent;
}
.serach-button-style1 .search-toggler i {
  font-size: 30px;
}
.serach-button-style1 .search-toggler:hover{
  color: var(--primary-color);
}
.search-popup{
  position:fixed;
  left:0;
  top:0px;
  width:100%;
  height:100%;
  z-index:99999;
  visibility:hidden;
  opacity:0;
  overflow:auto;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform:translateY(101%);
  -ms-transform:translateY(101%);
  transform:translateY(101%);
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}
.search-popup.popup-visible{
  -webkit-transform:translateY(0%);
  -ms-transform:translateY(0%);
  transform:translateY(0%);
  visibility:visible;
  opacity:1;
}
.search-popup .overlay-layer{
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  display:block;
}
.search-popup .close-search i {
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 16px;
  color: var(--white-color);
  cursor: pointer;
  z-index: 5;
  transition: all 500ms ease;
  background: var(--theme-color);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: rotate(-52deg);
}
.search-popup .close-search i:before {
  content: "\e918";
  font-family: 'icomoon' !important;
}
.search-popup .search-form{
  position: relative;
  padding: 0px 15px 0px;
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 100px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 10;
}
.search-popup.popup-visible .search-form {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 500ms ease 500ms;
  -moz-transition: all 900ms ease 500ms;
  -webkit-transition: all 900ms ease 500ms;
  -ms-transition: all 900ms ease 500ms;
  -o-transition: all 900ms ease 500ms;
}
.search-popup .search-form .form-group{
  margin-bottom: 30px;
}
.search-popup .search-form fieldset{
  position:relative;
  border-radius:12px;
}
.search-popup .search-form fieldset input[type="search"]{
  position: relative;
  height: 70px;
  padding: 20px 50px 20px 0px;
  background: transparent;
  line-height: 30px;
  font-size: 24px;
  color: #fff;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #fff;
}
.form-control:focus{
  box-shadow: none;
}
.search-popup .search-form fieldset button{
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: center;
  width: 60px;
  height: 70px;
  padding: 20px 10px 20px 10px;
  color: var(--white-color) !important;
  line-height: 30px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0px 7px 7px 0px;
  background: transparent;
}
.search-popup .search-form fieldset input[type="submit"]:hover{
  transform: translateY(0px);
}
.search-popup h3{
  text-transform:uppercase;
  font-size:20px;
  font-weight:600;
  color:var(--white-color);
  margin-bottom:20px;
  letter-spacing:1px;
  font-family: var(--secondary-font);
  text-align:center;  
}
.search-popup .recent-searches{
  font-size:16px;
  color:var(--white-color);
  text-align:center;
}
.search-popup .recent-searches li{
  display:inline-block;
  margin:0px 10px 10px 0px; 
}
.search-popup .recent-searches li a{
  display:block;
  line-height:24px;
  border:1px solid var(--white-color);
  padding:7px 15px;
  color:var(--white-color);
  border-radius:3px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
.search-popup .recent-searches li a:hover{
  border-color: var(--theme-color);
}

/* end serch option */



/* header-one */

.header_top {
  padding: 0px 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECE0D9;
}

.header_top .header_right ul {
    display: flex;
    align-items: center;
    gap: 50px;
}

.header_top .header_right ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px 50px 25px 0px;
    position: relative;
    border-right: 1px solid #ECE0D9;
}

.header_top .top_icon i {
    font-size: 35px;
    color: #D25239;
}

.header_top .top_text p {
    font-family: Cormorant;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #092C4C;
}

.header_top .top_text span {
    font-family: Heebo;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 6.24px;
    color: #717171;
}

.header_top .top_text a {
    font-family: Cormorant;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #092C4C;
    display: block;
}

.header_top .header_right ul li:last-child {
    border: none;
    padding: 25px 0px 25px 0px;
}

header.main-header.style-one .header-lower {
  padding: 0px 150px;
}

.header__right .header__right__button {
  display: flex;
  align-items: center;
  gap: 30px;
}




/* footer */
footer.main__footer {
  background: #092C4C;
}
.footer_title h3 {
  color: #fff;
  padding-bottom: 32px;
}
footer.main__footer .padding_top {
  padding-top: 100px;
  padding-bottom: 65px;
}

.footer_desc p {
  color: #fff;
  padding-bottom: 50px;
}

.footer_media ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer_media ul a {
  font-size: 30px;
}

.footer_top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.footer_address p {
  color: #fff;
}
.footer_phone a {
  font-family: Cormorant;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.footer_phone {
  padding: 20px 0px;
}
.footer_email a {
  text-decoration: underline;
}
.footer_link li {
  padding-bottom: 25px;
}
.footer_link li:last-child {
  padding-bottom: 0px;
}
.newsletter_title h3 {
  color: #fff;
  padding-bottom: 30px;
}
.newsletter_form .form-group {
  position: relative;
}
.newsletter_form .form-group button.theme-btn.theme-btn-one {
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 20px;
  color: #D25239;
}
.newsletter_form input {
  padding: 15px 0px;
}
.copyright {
  text-align: center;
  padding: 30px 0px;
}
.copyright p {
  color: #fff;
}
.footer_left.padding_top {
  padding-right: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
}
.footer_middel {
  padding: 100px 0px 65px 60px;
}
.footer_middel_two {
  padding-right: 60px;
  padding-left: 60px;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
  height: 100%;
}
.footer_right.padding_top {
  padding-left: 40px;
}
.submit__button {
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
.submit__button i {
  font-size: 20px;
  color: #D25239;
}

/* footer end */


/* medical section */

.title {
  padding: 10px 0px 20px;
}

.title_desc {
  padding-bottom: 50px;
}

.medical_left {
  padding-right: 90px;
}

.medical__list li {
  font-family: Cormorant;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #092C4C;
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.medical__list li i {
  color: var(--primary-color);
  font-size: 22px;
}
.btn-two {
  width: fit-content;
  gap: 10px;
}

.btn-two i {
  font-size: 17px;
}
.desc__title h3 {
  padding: 40px 0px 0px;
}

.right__desc p {
  position: relative;
  padding: 14px 0px;
  font-family: Roboto;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 35px;
  padding-left: 28px;
  border-left: 5px solid #717171;
  border-radius: 3.5px;
  margin: 14px 0px;
}

.man__pic__name {
  display: flex;
  align-items: center;
  gap: 22px;
}

.man__pic__name .man__name p {
  padding-top: 5px;
  color: #1C1A1D;
}

.man__pic__name .man__name p span {
  font-size: 13px;
  color: #717171;
}
/* medical section */

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  overflow: hidden;
  z-index: 10;
}
.medical_section .icon.icons-2 {
  width: 585px;
  height: 554px;
  top: 0;
  left: 0;
}

/* service-section */

.service_section {
  padding: 100px 0px 0px;
  background: #FFF7F1;
}
.swiper.service_slider {
  margin-left: 0px;
  position: relative;
  margin-right: -1600px;
  overflow: hidden;
  padding-bottom: 100px;
}
.slider__button span {
  width: 70px;
  height: 70px;
  background: #092C4C;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}
.service__image img {
  width: 100%;
}
.slider__button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 50px;
}
.button_prev span {
  transform: rotate(180deg);
}
.service__top {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.service__block .lower__content {
    left: 15px;
    bottom: 15px;
}
.service__button a.btn-two {
  background: #092C4C;
  border-radius: 0px;
  font-family: Cormorant;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  align-items: end;
}
.service__button .btn-two:before {
    border-radius: 0px;
    background: #D25239;
}
.service_section .swiper-slide:hover .btn-two:before{
  left: 0;
  width: 100%;
}
.service__button a.btn-two span {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
  align-items: end;
}
.swiper-slide:hover .service__block {
  transform: translateY(30px);
}

.swiper-slide .service__block {
  position: relative;
  transition: all 500ms ease;
}


/* brand section */

.feature-three__wrap {
  position: relative;
  display: block;
  animation: aspro-scroller 35s linear infinite;
  will-change: transform;
  white-space: nowrap;
}


.feature-three__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  min-width: 200vw;
}

.feature-three__list li {
  position: relative;
  display: block;
}

.feature-three__list li+li {
  margin-left: 30px;
}

@media (min-width: 768px) {
  .feature-three__list li+li {
    margin-left: 30px;
  }
}

@media (min-width: 1200px) {
  .feature-three__list li+li {
    margin-left: 30px;
  }
}
.feature-three__title span {
  color: #6E7FB0;
  font-size: 52px;
}

.feature-three__title-box {
  position: relative;
  display: flex;
  align-items: center;
}

.feature-three__title {
  font-family: 'Cormorant';
    font-size: 100px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
    text-transform: uppercase;
    letter-spacing: 10px;
}


.feature-three--four {
  padding: 0 0 108px;
}

@keyframes aspro-scroller {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-300%, 0);
  }
}

@keyframes aspro-scroller-reverse {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(100%, 0);
  }
}

/* brand section end */

/* brand section end */

.funfact__text span {
  font-family: Cormorant;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #092C4C;
}
.count-outer.count-box {
  padding-bottom: 12px;
}
.funfact__text p {
  padding-top: 12px;
  border-top: 1px solid rgba(113, 113, 113, 0.30);
  color: #717171;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 5.92px;
}
.service__img {
  text-align: center;
}
.funfact_block li {
  padding-bottom: 15px;
}
.funfact_block li:last-child {
  padding-bottom: 0px;
}
.funfact_block {
  padding-left: 80px;
}

/* brand section end */

/* appointment section */

.appointment_contact textarea,
.appointment_contact input {
  border-bottom: 1px solid rgba(113, 113, 113, 0.20);
  color: #717171 !important;
  background: transparent;
}
.appointment_contact {
  padding-top: 20px;
}
.app__form {
  display: flex;
  align-items: center;
  height: 100%;
}
.appointment__form .icon.icons-3 {
  width: 821px;
  height: 423px;
  right: 0;
  top: 0;
  z-index: -1;
}

/* appointment section end */

/* testimonial section */

.testimonial-item h3 {
  color: #D25239;
  text-align: center;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 7.2px;
  text-transform: uppercase;
}
.testimonial-item {
  padding: 0px 150px;
  text-align: center;
}
.testimonial-item p {
  color: #092C4C;
  text-align: center;
  font-family: Cormorant;
  font-size: 46px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  padding: 10px 0px 30px;
}
.testimonial-item span {
  color: #092C4C;
  font-family: Cormorant;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  
}
.testimonial-item span small {
  color: #D25239;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.owl-dots {
  gap: 10px;
  width: 100%;
  text-align: center;
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.owl-dot span {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #DDD;
  border-radius: 50%;
  cursor:pointer;
}
.owl-dot.active span {
  border: 1px solid #D25239;
}

/* testimonial section end */

/* team section */
.team_name h3 a{
  color: var(--primary-color);
}
.team_name h3 {
  padding: 40px 0px 10px;
}
.team-wrap .owl-dots{
  display: none;
}
.team__hover_content a {
  color: #717171;
}
.team__hover_content ul {
  display: flex;
  align-items: center;
  padding-top: 20px;
  gap: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 500ms ease;
}
.team_block:hover .team__hover_content ul {
  opacity: 1;
  transform: translateY(0px);
}
.team_name p {
  font-family: Cormorant;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #092C4C;
}

/* team section end */

/* Book section */

.book__data {
  padding: 200px 340px;
  text-align: center;
}
.book__data h2 {
  font-family: Cormorant;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}
.book__data .btn-box {
  justify-content: center;
  display: flex;
  padding-top: 50px;
}
.book__appointment .book__img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Book section end */

/* Blog section  */

.news__title a {
  color: #092C4C;
}

.news__block__one .author__info li a {
  color: #092C4C;
  font-weight: 500;
  color: #717171;
}

.news__block__one .author__info ul {
  display: flex;
  align-items: center;
  padding: 20px 0px;
  gap: 30px;
  font-family: Cormorant;
}

.news__block__one .author__info ul li.authore a {
  position: relative;
  font-family: Cormorant;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-left: 53px;
  color: #092C4C;
}

.news__block__one .author__info ul li.authore a:before {
  position: absolute;
  content: "";
  width: 43px;
  height: 1px;
  background: #717171;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.news__block__one .author__info ul li.authore a:after {
  position: absolute;
  width: 3px;
  height: 3px;
  content: "";
  background: #D25239;
  right: -15px;
  top: 50%;
  transform: translate(0%, -50%);
  border-radius: 50%;
}

.blog-carousel .center .image__box img {
  min-height: 489px;
}
.blog-carousel .active.firstactiveitem .image__box img {
  min-height: 351px;
  max-height: 351px;
  width: 100%;
}

.blog-carousel .active.lastactiveitem .image__box img {
  min-height: 400px;
  max-height: 400px;
  width: 100%;
}

/* Blog section end */

/* instragram section */

.instragram_item .inner-box {
  position: relative;
  display: block;
  cursor: pointer;
}
.instragram_item .inner-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.instragram_item .inner-box .image-box img{
width: 100%;
transition: all 500ms ease;
}
.instragram_item .inner-box:hover .image-box img{
opacity: 0.4;
transform: scale(1.1);
}
.instragram_item .inner-box .lower-content{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: scale(0.0);
background: #D25239CC;
transition: all 500ms ease;
}
.instragram_item .inner-box:hover .lower-content{
transform: scale(1.0);
}
.instragram_item .inner-box .lower-content a {
  font-size:50px;
}
.instragram_item .inner-box .lower-content a:hover {
  color:#fff !important;
}
.instragram__section .owl-dots{
  display: none;
}

/* instragram section end */

/*** 

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

***/

/* header section */

.main-header.style-two .header___left {
  display: flex;
  align-items: center;
}

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

header.main-header.style-two .header_top {
  padding: 0px;
  border: 0px;
}
.main-header.style-two .header_right {
  border-right: 1px solid #ECE0D9;
  padding-right: 50px;
}

/* header section end */

/* banner section */

.banner.style__two .slide__item__content {
  padding: 230px 0px;
}
.banner.style__two .slide__item__content p.sc-animation3 {
  padding: 23px 0px;
}
.banner.style__two .slider__button {
  z-index: 9;
  right: 100px;
  top: 50%;
  transform: translate(0%, -50%);
  display: block;
  padding: 0;
}
.banner.style__two .slider__button span {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  background: rgba(9, 44, 76, 0.40);
}

/* banner section end */

/* services section */
.touch__section .service_title h3 {
  font-size: 24px;
}
.service_title h3 a{
  color: var(--primary-color);
}
.service_block_two .icon {
  font-size: 100px;
  color: #D25239;
  padding-bottom: 30px;
}
.service_two{
  padding-top: 140px;
}
.service_block_two .title_desc {
  padding-bottom: 30px;
}
.services_left_two {
  display: flex;
  align-items: center;
  height: 100%;
}
.services__two_right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.service_block_two {
  padding-bottom: 40px;
}
.service_block_two .service_title span {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #092C4C;
  padding-right: 10px;
}
.service_block_two .service_title {
  padding-bottom: 10px;
}

/* services section end */

/* medical section  */

section.medical_section_two {
  padding: 120px;
  background: #FFF7F1;
}

.medical_right .right__desc_two .two {
  padding: 40px 0px;
}

.medical_section_two .company__man__info {
  display: flex;
  align-items: center;
  gap: 90px;
}

/* medical section end */

/* Appointment section */

.appointment__two .service__img {
  margin-right: -160px;
  padding-left: 80px;
}

/* Appointment section end */

/* portfolio section end */

.title__right {
  display: flex;
  align-items: center;
  height: 100%;
}

.sortable-masonry .filters {
  padding: 40px 0px 60px;
}

.sortable-masonry .filters ul {
  display: flex;
  align-items: center;
  gap: 70px;
  border-radius: 50px;
  border: 1px solid #F6E1D2;
  padding: 15px;
}

.sortable-masonry .filters ul li.active {
  padding: 10px 30px;
  background: #D25239;
  border-radius: 91px;
  color: #fff;
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
}

.sortable-masonry .filters ul li {
  cursor: pointer;
  color: #092C4C;
}

.portfolio__block a {
  font-family: Cormorant;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #092C4C;
}
.portfolio__block{
  padding: 30px 0px 60px;
}
.portfolio__block__one .inner-box .image-box{
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-perspective: 50em;
  perspective: 50em;
}
.portfolio__block__one .inner-box:hover .image-box:after {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
  opacity: 0.6;
}
.portfolio__block__one .inner-box .image-box:after {
  background-color: var(--primary-color);
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
  transform: rotate3d(1, -1, 0, 100deg);
  opacity: 0;
}
.portfolio.style__one {
  padding-top: 140px;
}


/* portfolio section end */




/*** 

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

***/


/* header */

.menu__right {
  display: flex;
  align-items: center;
}
.main-header.style-three {
  padding: 0px 120px;
}

/* header end */

/* banner */

.banner_three_icon img {
  position: absolute;
  left: 0;
  top: 26px;
}

section.banner__three.p_ralative {
  position: relative;
}

.banner__left {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1;
}

.banner_img img {
  border-radius: 20px 10px 0px 0px;
  position: relative;
  z-index: 1;
}

.banner_r_icon {
  width: 166px;
  height: 190.754px;
  background: #FFFF;
  clip-path: polygon(50% 0, 100% 27%, 100% 73%, 50% 100%, 0 73%, 0 27%);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 28%;
  top: 50%;
  transform: translate(-15%, -50%);
  z-index: 11;
}
.banner_right .icon.icons-3 {
  width: 100%;
  height: 100%;
  top: 0;
  left: -100px;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.banner_right {
  padding-top: 60px;
}
.banner_button .phone {
  display: flex;
  align-items: center;
  gap: 30px;
}

.banner_button {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-top: 30px;
}

.banner_button .phone p a {
  font-family: Cormorant;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  color: #1F212D;
}
.banner__three {
  padding-left: 180px;
}

.banner_img {
  width: 406px;
  margin-left: -24px;
}
.banner_img_two {
  display: flex;
  justify-content: end;
}
.banner_title .title h2 {
  font-size: 82px;
}


/* banner end */

/* touch  */

.service_block_three_data {
  display: flex;
  gap: 20px;
}

.touch__img {
  width: 100%;
  position: absolute;
}

/* touch end */

/* dental_practice  */

.dental_practice_img {
  position: relative;
  width: 100%;
  height: 500px;
  border: 2px solid white;
}
.dental_practice_img .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 1050px 100%;
}

.dental_practice_img .foreground-img {
  width: 50%;
}
.dental_practice_img .slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center
}
.dental_practice_img .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 500px;
  background: white;
  cursor: pointer;
}
.dental_practice_img .slider::-moz-range-thumb {
  width: 10px;
  height: 500px;
  background: white;
  cursor: pointer;
}
.dental_practice_img .slider-button {
  pointer-events: none;
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: white;
  left: calc(50% - 33px);
  top: calc(50% - 33px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.dental_practice_img .slider-button p {
  text-align: center;
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #D25239;
}
.dental_practice_img .slider-button:after {
  content: "";
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #fff;
}
.dental_practice {
  padding-bottom: 140px;
}

/* dental_practice end */

/* accordion section */
.accordion__section.three .img__box {
  position: absolute;
  top: 0;
}
/* accordion section end */

/* simply section  */
.simply__contact {
  display: flex;
  align-items: center;
  height: 100%;
}

.simply__data .location h3 {
  font-size: 30px;
}

.simply__data .location p {
  padding: 20px 0px 30px;
}
.accordion__section.three {
  overflow: hidden;
}
.simply__address p.lavel {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  padding-bottom: 20px;
  color: #6E7FB0;
}

.simply__address li {
  font-family: Cormorant;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #092C4C;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: 15px;
}

.simply__address li a {
  font-family: Cormorant;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #092C4C;
}

.simply__address li i {
  font-size: 20px;
  color: #D25239;
}

/* simply section end */

/* map section */
.map__section iframe {
  width: 100%;
  height: 550px;
  margin-bottom: -5px;
}
.map__section{
  padding-top: 140px;
}
.news__letter {
  border-radius: 20px 20px 0px 0px;
  background: #D25239;
  padding: 40px 100px;
}
.news__letter p {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 7.2px;
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 10px;
}

.news__letter h3 {
  color: #fff;
}

.news__letter__data input{
  background: transparent;
  border: none;
  color: #fff;
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: 1.4px;
  padding: 15px 0px;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
}

.news__letter__data button {
  background: transparent;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}

.news__letter__data .form-group {
  position: relative;
  margin: 0;
}

.news__letter .row {
  align-items: center;
  justify-content: space-between;
}

.news__letter__data {
  margin-top: -197px;
}

/* map section end */

/* page title section */

section.page__title {
  padding: 229px 0px;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
}
.content__box ul {
  display: flex;
  gap: 15px;
}
.content__box ul li {
  font-family: Heebo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #092C4C;
}
.content__box ul li a {
  color: #092C4C;
}
.content__box ul li i {
  font-size: 20px;
}
.content__box ul li:last-child {
  font-weight: 500;
}

/*  page title section end */

/*  about page*/

.about__page {
  padding-top: 60px;
}

/*  about page end */

/*  me page */

.service__me__page {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 60px;
}

/*  me page end */

/*  team page  */

.team__section.team_page {
  padding-top: 140px;
}

.team__section.team_page .team_block {
  margin-bottom: 20px;
}

/*  team page end */


/*** 

====================================================================
                        Contact-Page-Css
====================================================================

***/


.contact__left .main__title h2 {
  font-size: 40px;
  padding: 10px 0px 20px;
}
.contact__left .normal__text p {
  padding-bottom: 30px;
}
.contact__left .contact__info__block {
  position: relative;
  padding-bottom: 25px;
  padding-left: 100px;
}
.contact__left .contact__info__block .left__site__info {
  width: 70px;
  height: 70px;
  background: var(--theme-color);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}
.contact__left .contact__info__block .left__site__info span {
  position: relative;
  color: var(--white-color);
  font-size: 34px;
}
.contact__left .contact__info__block .right__site__info a {
  padding: 5px 0px;
  display: inline-block;
  color: var(--base-color);
}
.right__site__info.one h4 {
  padding-bottom: 10px;
}
.contact__page .contact__right {
  background: #F2F2F2;
  padding: 70px;
}
.contact__page .contact__right .contact___title span {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 30px;
}
.contact__page .contact__right .contact___title h3 {
  padding: 20px 0px 30px;
}
.contact__page .contact__right input {
  width: 100%;
  background: var(--white-color);
  color: var(--base-color);
  padding: 15px 20px;
}
.contact__page .contact__right .form-group {
  margin-bottom: 30px;
}
.contact__page .contact__right textarea {
  width: 100%;
  background: var(--white-color);
  color: var(--base-color);
  height: 150px;
  padding: 15px 20px;
}

section.google__map {
  margin-bottom: -4px;
}

/* end */

.services__section__page .desc__title h3 {
  padding: 0;
}
.gallery__section {
  padding: 0px 30px 140px;
}

/* error__page */
.error__page {
  background: #fff;
  padding-bottom: 140px;
}
.error__title h1 {
  text-align: center;
  font-size: 400px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.error__title__two h2 {
  text-align: center;
  letter-spacing: 12px;
  text-transform: uppercase;
}
.error__btn .btn-box {
  width: 224px;
  margin: 0 auto;
  margin-top: 60px;
}
.error__btn .btn-box a.btn-two {
  text-transform: uppercase;
}


/* error__page End*/


/* blog__grid__and__details */
.blog__details,
.blog__grid__page {
  background: #fff;
}
.blog__grid__page a {
  color: #092C4C;
}

/*
 Inner page
blog page
*/

.blog-inner-box {
  padding: 40px 50px 80px 40px;
  background: var(--white-color);
  box-shadow: 0px 4px 40px 0px rgba(121, 121, 121, 0.05);
}

ul.meta-info {
  display: flex;
}

ul.meta-info li {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-right: 47px;
  position: relative;
  margin-left: 20px;
}

li.admin:before {
  content: "\f125";
  font-family: 'flaticon_bizgenius';
  position: absolute;
  top: 3px;
  left: -20px;
  color: var(--theme-color);
}

li.comments:before {
  content: "\f126";
  font-family: 'flaticon_bizgenius';
  position: absolute;
  top: 3px;
  left: -20px;
  color: var(--theme-color);
}
ul.tags-list-1 a {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  color: #092C4C;
}
.blog__page .news__block__one {
  padding-top: 20px;
}

.tags-left {
  display: flex;
  align-items: center;
}

.tags-left h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5em;
  margin-right: 15px;
}


ul.tags-list-1 {
  display: flex;
}

.blog-tags-box {
  background: rgba(112, 112, 112, 0.10);
  padding: 20px 40px;
}

ul.tags-list-1 li a{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
  padding: 10px;
  background: var(--white-color);
  margin: 0 15px;
  border-radius: 5px;
  box-shadow: 0px 4px 10px 0px rgba(212, 212, 212, 0.25);
}

ul.blog-social-icons {
  display: flex;
  justify-content: end;
  align-items: center;
}

ul.blog-social-icons li a{
  height: 35px;
  width: 35px;
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  margin-left: 15px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #18191D;
  transition: all 500ms ease;
}

ul.tags-list-1 li:hover {
  color: var(--theme-color);
}

ul.blog-social-icons li:hover {
  color: var(--theme-color);
}

h3.comments-title {
  margin: 40px 0;
}

.comments-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  border-bottom: 1px solid #DDD;
  margin-top: 60px;
}

.comments-box:nth-last-child(-n+2) {
  border-bottom: none;
}

.comments-content .upper h4 {
  font-size: 20px;
  line-height: 1.5em;
}

.comments-content a.reply-btn {
  padding: 5px 20px;
  background: rgba(241, 241, 241, 1);
  transition: all 500ms ease;
  color: #092C4C;
}

.comments-content a.reply-btn:hover {
  background: var(--theme-color);
  color: var(--white-color) !important;
}

.comments-content .upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.comments-content {
  margin-left: 40px;
  flex-shrink: 1;
}

.comments-box .image-box {
  flex-shrink: 0;
  display: flex;
}

.comments-form.contact-section.two .form-inner {
  max-width: 100%;
}


.single-sidebar-box.two ul.popular-tag {
  display: flex;
  flex-wrap: wrap;
}

ul.popular-tag li a{
  color: #ffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.08);
  display: inline-block;
  margin: 20px 14px 0 0;
  border-radius: 5px;
  transition: all 500ms ease;
}

ul.popular-tag li:hover {
  color: var(--theme-color);
}

.single-sidebar-box.two.last-box .title h3 {
  margin-bottom: 0;
}

/* sidebar */

.sidebar-search-box {
  padding: 46px 40px;
  background: #092C4C;
}   

.sidebar-search-box .search-form input[type="text"] {
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  background-color: var(--white-color);
  border: 1px solid #DFDFDF;
  color: rgba(112, 112, 112, 0.60);
  font-size: 14px;
  font-weight: 400;
  padding-left: 24px;
  padding-right: 60px;
  transition: all 500ms ease 0s;
}

.sidebar-search-box form.search-form button {
  position: absolute;
  top: 0;
  right: 65px;
  bottom: 0;
  display: block;
  text-align: center;
  font-size: 22px;
  color: rgba(171, 171, 171, 1);
  background: transparent;
}

.single-sidebar-box.two {
  padding: 60px 39px;
  background: #092C4C;
  margin: 40px 0;
}

.single-sidebar-box.two .title h3 {
  color: var(--white-color);
  margin-bottom: 16px;
}

.single-sidebar-box.two .inner {
  display: flex;
  align-items: center;
  padding: 10px;
  transition: all 500ms ease;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.single-sidebar-box.two .inner .title-box h4 {
  font-size: 16px;
  line-height: 1.2em;
}

.single-sidebar-box.two .inner .title-box .date {
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 10px;
}

.single-sidebar-box.two .inner .title-box .date:before {
  content: "\f12e";
  font-family: 'flaticon_bizgenius';
  position: absolute;
  top: 2px;
  left: -20px;
  color: var(--theme-color);
}

.single-sidebar-box.two .title-box {
  margin-left: 15px;
  flex-shrink: 1;
}

.single-sidebar-box.two .inner .img-box {
  flex-shrink: 0;
  display: flex;
}

.single-sidebar-box.two .inner:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}

ul.sidebar-categories-box li {
  position: relative;
  color: var(--title-color);
  font-family: var(--title-font);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3em;
  margin-left: 45px;
  margin-bottom: 10px;
}

ul.sidebar-categories-box li:hover:before {
 background: var(--theme-color);
}

ul.sidebar-categories-box li:before {
  content: "\e900";
  font-family: 'icomoon';
  position: absolute;
  top: 1px;
  left: -45px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: var(--theme-color);
  color: #fff;
  font-size: 10px;
  padding: 0 8px;
  line-height: 24px;
  transition: all 500ms ease;
}
.blog-inner-box .author__info a {
  color: #092C4C;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-inner-box .author__info ul {
  display: flex;
  align-items: center;
  gap: 33px;
}

.blog-inner-box .author__info a i {
  color: var(--theme-color);
}

.blog-inner-box .blog-title {
  padding: 20px 0px;
}

/* responsive */

@media only screen and (max-width: 1272px){

  .news-section .post-info .date:after{
      display: none;
  }

  .news-section .lower-content h3 {
      padding: 25px;
  }

  .news-section .post-info{
      left: 60px;
  }

}

@media only screen and (max-width: 768px){

  .blog-inner-box {
      padding: 30px;
  }

  ul.blog-social-icons {
      justify-content: start;
      margin-top: 20px;
  }
  

}

@media only screen and (max-width: 510px){


  .comments-box {
      flex-direction: column;
  }

  .comments-box .image-box {
      margin-bottom: 20px;
  }

}

@media only screen and (max-width: 425px){

  .news-section .lower-content h3 {
      padding: 30px;
  }

}
.form-inner textarea,
.form-inner input {
  transition: all 500ms ease;
  width: 100%;
  border-radius: 5px;
  background: #F6F6F6;
  padding: 15px 20px;
  color: rgba(112, 112, 112, 0.60);
}
.form-inner textarea{
  height: 141px;
}
.form-inner .btn-two {
  width: auto;
  border-radius: 5px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1px;
}
.form-inner .btn-two:before{
  border-radius: 5px;
}

.blog-image img {
  width: 100%;
}
.single-sidebar-box.two .inner .img-box img {
  width: 100px;
  border-radius: 5px;
}
/* blog__grid__and__details end*/

/* team__section */

.sidebar__page__team .sidebar__side .image__box img {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  border-radius: 20px 20px 0px 0px;
}
.sidebar__widget.team__from {
  padding: 40px;
  background: var(--primary-color);

}
.team__from__title h4 {
  color: var(--white-color);
  padding-bottom: 70px;
  position: relative;
}
.sidebar__widget.team__from label {
  display: flex;
  color: var(--white-color);
  font-weight: 700;
  padding-bottom: 15px;
}
.sidebar__widget.team__from input {
  background: transparent;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff
}
.sidebar__widget.team__from .form-group {
  margin-bottom: 30px;
}
.sidebar__widget.team__from textarea {
  background: transparent;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff
}
.team__from ::placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.team__from :-ms-input-placeholder { 
  color: rgba(255, 255, 255, 0.4);
}
.team__from ::-ms-input-placeholder { 
  color: rgba(255, 255, 255, 0.4);
}
.sidebar__widget.team__from .common-btn.btn__one{
  background-color: var(--secondary-color);
}
.sidebar__page__team .team__media ul {
  justify-content: start;
  display: flex;
}
.sidebar__page__team .team__media ul a {
  padding: 10px 32px;
  display: flex;
  align-items: center;
}
.sidebar__page__team .team__media ul a span {
  font-size: 18px;
}
.sidebar__page__team .team__left p {
  padding: 10px 0px 20px;
}
.team__media ul li a {
  padding: 10px 29px;
  cursor: pointer;
  background: #F8F8F8;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 500ms ease;
}
.team__media ul li a:hover {
  background: var(--primary-color);
}
.sidebar__page__team .team__block__two {
  padding: 30px 0px;
}

.team__block__contact__list {
  display: flex;
  justify-content: space-between;
}
.team__block__contact__content {
  border: 1px solid #CCCCCC;
  padding: 15px 35px;
  width: 100%;
  margin-right: -1px;
}
.team__block__contact__content .text__bold {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--primary-color);
}
.team__block__contact__content span {
  font-style: normal;
  font-weight: 600;
  color: var(--base-color);
}
.team__block__contact .team__block__contact__list{
  padding-bottom: 10px;
}
.team__block__contact .team__block__contact__list:last-child {
  padding-bottom: 0px;
}
.team__block__contact__list a {
  color: var(--base-color);
}


/* services__details */

.services__details .sidebar__widget__one {
  background: var(--white-color);
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 40px;
}
.services__details .sidebar__widget__one li {
  margin-bottom: 10px;
}
.services__details .sidebar__widget__one li:last-child {
  margin-bottom: 0px;
}
.services__details .sidebar__widget__one li a {
  padding: 20px 30px;
  border: 1px solid var(--theme-color);
  display: block;
  font-weight: 500;
  position: relative;
  color: var(--primary-color);
  z-index: 1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}
.services__details .sidebar__title h4 {
  padding-bottom: 25px;
}
.need__section {
  position: relative;
  background-position: center;
}
.need__section .icon span {
  font-size: 70px;
  color: var(--white-color);
}
.need__section .icon {
  margin-bottom: 25px;
}
.need__section .need___top h3 {
  font-size: 28px;
  color: var(--white-color);
}
.need__section .need___top h3 span {
  color: var(--theme-color);
}
.need__section:before {
  content: "";
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.8;
}
.need__section .need___top {
  padding: 50px 50px 25px;
  position: relative;
}
.need__section .need___bottom {
  position: relative;
  padding: 60px 45px 50px;
}

.need__section .need___bottom a:hover {
  color: var(--white-color) !important;
}
.need__section .need___bottom a {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 36px;
  color: var(--white-color);
  position: relative;
}
.need__section .need___bottom a:last-child {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 0px;
}
.services__details .sidebar__widget__one li.active a:after,
.services__details .sidebar__widget__one li a:hover:after{
  transform: scale(1.0);
}
.services__details .sidebar__widget__one li a:after{
  content: "";
  background: var(--theme-color);
  position: absolute;
  transform: scale(0.0);
  transform-origin: left;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}
.services__details .sidebar__widget__one li a:hover,
.services__details .sidebar__widget__one li.active a {
  color: var(--white-color) !important;
}
.services__details .sidebar__widget__one li.active a:before,
.services__details .sidebar__widget__one li a:hover:before {
  opacity: 1;
}
.content__side .services__single h3 {
  padding: 60px 0px 20px;
}
.content__side .services__single .content__box p:last-child {
  padding-top: 25px;
}
.content__side .service_system img {
  padding-top: 70px;
}
.content__side .service_system p {
  padding-bottom: 20px;
}
.services__single img {
  width: 100%;
}
.content__side .service_system .system__list li span {
  margin-right: 14px;
  width: 26px;
  height: 26px;
  background: var(--theme-color);
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  border-radius: 50%;
}
.content__side .service_system .system__list li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: var(--primary-color);
}
.content__side .service__system__left {
  padding-right: 20px;
}
.download__section .download__one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--white-color);
  box-shadow: 0px 10px 40px rgb(0 0 0 / 10%);
  margin-bottom: 20px;
  padding: 20px 35px;
}
.download__section .download__one .left__one {
  display: flex;
  align-items: center;
}
.download__section .download__one .left__one .icon span {
  font-size: 40px;
  margin-right: 20px;
}
.download__section .download__one button {
  background: rgba(241, 49, 49, 0.1);
  padding: 10px 17px;
  font-weight: 600;
  font-size: 15px;
  color: var(--theme-color);
  text-transform: uppercase;
}

/* service__details end */