/* Css For physivity */

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


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


/*** 

====================================================================
                        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;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width:100%;
  z-index:0;
  background: #fff;
  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;
  width: 100%;
  background: #1d3040;
  padding: 7.5px 0px;
}

.header-top .text p{
  font-size: 14px;
  color: #fff;
}

.header-top .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 25px;
}
div#mCSB_1 .nav-logo {
    text-align: center;
}
img.mCS_img_loaded {
    width: 127px;
    text-align: center;
    margin: 0 auto;
}
.header-top .info li a{
  color: #fff;
}
#content_block_3 .single-box .inner .icon-box img {
    filter: invert(1);
}
.header-top .info li a:hover{

}
.single-box ul li {
    color: #adafb0;
    font-size: 14px;
}
.header-top .info li:last-child{
  margin: 0px !important;
}

.header-top .info li i{
  margin-right: 10px;
  font-size: 16px;
}
.process-text ul li {
    position: relative;
    font-family: 'Rubik', sans-serif;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
    font-size: 16px;
}

/** header-upper **/

.main-header .header-upper{
  position: relative;
  width: 100%;
  background: #fff;
}

.main-header .logo-box .logo{
      position: relative;
    display: block;
    max-width: 390px;
    width: 100%;
    padding: 5px 0;
}

.main-header .header-upper .logo-box .logo img{
  width: 100%;
}
.moretextprocess p{
    font-size: 16px;
    line-height: 30px;
    color: #adafb0;
}
.moretextprocess {
    padding-top: 2.1rem;
}
.main-header .header-upper .upper-info li{
  position: relative;
  display: inline-block;
  padding-left: 72px;
  margin-right: 30px;
}

/* .main-header .header-upper .upper-info li:last-child{ */
  /* margin: 0px !important; */
  /* padding: 0px; */
/* } */


.about-section {
    position: relative;
    background-size: cover;
    background-position: right;
}
.main-header .header-upper .upper-info li i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 21px;
  background: #f8f7f3;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.main-header .header-upper .upper-info li p{
  font-size: 15px;
  line-height: 24px;
}

.main-header .header-upper .upper-info li h5,
.main-header .header-upper .upper-info li .info-text{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.main-header .header-upper .upper-info li h5 a,
.main-header .header-upper .upper-info li .info-text a{
  display: inline-block;
  color: #1d3040;
}

.main-header .header-upper .upper-info li h5 a:hover{

}
.main-header .theme-btn-one{
  padding: 12px 40px;
}
.main-header .header-upper .upper-info{
  position: relative;
  margin-top: 27px;
}
.main-header .header-lower{
  position: relative;
  background: #fff;
}
.main-header.style-one .header-lower .outer-box{
  position: relative;
  width: 100%;
}

.main-header.style-one .header-lower .outer-box .menu-area{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background: #fff;
  padding: 0px 40px;
  border-top: 1px solid #ecebe3;
}

.main-header.style-one .social-links{
  position: relative;
  margin-top: 20px;
}

.main-header.style-one .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.main-header.style-one .social-links li:last-child{
  margin: 0px !important;
}

.main-header.style-one .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #717577;
  background: #f8f7f3;
  border-radius: 50%;
  text-align: center;
}
.our-process-navm ul li {
    padding-left: 1.7rem;
    position: relative;
}

.our-process-navm ul li i {
    color: #80c41c;
    padding-right: 9px;
    position: absolute;
    left: 0;
    top: 7px;
}
.our-process-navm h3 {
    padding-bottom: 1.3rem;
}
.main-header.style-one .social-links li a:hover{
  color: #1d3040;
}
.process-imagess img {
    width: 100%;
}
section.about-style-three.border-bottom.our-process-NM {
    background: #f5f5f5;
}
/** main-menu **/

.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:22px 0px 23px 0px;
  margin: 0px 25px;
  -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:16px;
  line-height:30px;
  font-weight:400;
  font-family: 'Rubik', sans-serif;
  opacity:1;
  color:#717577;
  z-index:1;
  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.dropdown > a{
  padding-right: 15px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}
.service-details-content ul li {
    position: relative;
    padding-left: 1.9rem;
	position: relative;
    font-family: 'Rubik', sans-serif;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
	font-size: 18px;
    line-height: 39px;
}

.service-details-content ul li i {
    position: absolute;
    left: 0;
    color: #80c41c;
    top: 7px;
}
.main-menu .navigation > li.dropdown > a:before{
  position: absolute;
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 700;
  color: #717577;
  top: 1px;
  right: 0px;
  transition: all 500ms ease;
}

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

.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;
  background: #1d3040;
  padding: 10px 0px;
  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:20px;
  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: #1d3040;
  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;
}
.proudly-content-navm h3,
.proudly-content-navm p {
    color: #f6f6f6;
    padding-bottom: 2rem;
    margin: 0;
    width: 70%;
    margin: 0 auto;
    font-size: 24px;
}
.proudly-content-navm {
    text-align: center;
}
.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: 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;
  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;
}

/* The theme already reserved a .logo-box slot in the sticky bar but the markup
   never had one, so the bar scrolled with just the menu. The bar is 80px tall:
   17px padding top and bottom leaves 46px for the mark. */
.main-header .sticky-header .logo-box{
  padding: 17px 0px;
  margin-right: 40px;
}

.main-header .sticky-header .logo-box .logo{
  position: relative;
  display: block;
  line-height: 0;
}

.main-header .sticky-header .logo-box .logo img{
  max-height: 46px;
  width: auto;
}

.main-header .sticky-header .main-menu .navigation > li{
  padding: 25px 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{
  font-weight: 400;
  padding: 3px 0px;
  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: 50px;
}

.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: #000;
  -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,
.mobile-menu .contact-info .contact-title {
  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;
}

.banner-carousel{
  position: relative;
}

/* Every slide is the same height regardless of how much text it carries.
   Previously the height came from padding + text, so the one-line slide, the
   two-line slide and the image-only slide were all different and the carousel
   jumped (leaving blank space under the shorter ones). A fixed min-height plus
   vertical centring keeps all slides identical. */
.banner-carousel .slide-item{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 562px;
  padding: 60px 0px;
}

.banner-carousel .slide-item .auto-container{
  width: 100%;
}

.banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #1f2327;
  top: 0px;
  right: 0px;
  z-index: 1;
  opacity: 0.5;
}

.banner-carousel .slide-item .image-layer{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 6000ms linear;
  -moz-transition: all 6000ms linear;
  -ms-transition: all 6000ms linear;
  -o-transition: all 6000ms linear;
  transition: all 6000ms linear;
}

.banner-carousel .active .slide-item .image-layer{
  -webkit-transform:scale(1.15);
  -ms-transform:scale(1.15);
  transform:scale(1.15);
}

.banner-carousel .content-box{
  position: relative;
  display: block;
  max-width: 750px;
  margin: 0 auto;
  z-index:5;
}

.banner-carousel .content-box h2,
.banner-carousel .content-box .banner-title-two{
  position: relative;
  display: inline-block;
  font-size: 57px;
  color: #ffffff;
  line-height: 57px;
  font-weight: 500;
  margin-bottom: 3px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box h2,
.banner-carousel .active .content-box .banner-title-two{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .content-box h1,
.banner-carousel .content-box .banner-title-one{
  position: relative;
  display: block;
  color: #fff;
  font-size: 57px;
  line-height: 57px;
  font-weight: 700;
  margin-bottom: 3px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1300ms ease;
  -moz-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}

.banner-carousel .active .content-box h1,
.banner-carousel .active .content-box .banner-title-one{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.banner-carousel .content-box .btn-box{
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1600ms ease;
  -moz-transition: all 1600ms ease;
  -ms-transition: all 1600ms ease;
  -o-transition: all 1600ms ease;
  transition: all 1600ms ease;
}

.banner-carousel .active .content-box .btn-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}


.banner-carousel .owl-nav .owl-prev{
  position: absolute;
  left: 150px;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
  height: 65px;
  background: #fff;
  text-align: center;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  color: #1d3040;
  cursor: pointer;
  opacity: 0.2;
  transition: all 500ms ease;
}

.banner-carousel .owl-nav .owl-next{
  position: absolute;
  right: 120px;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
  height: 65px;
  background: #fff;
  text-align: center;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  color: #1d3040;
  cursor: pointer;
  opacity: 0.2;
  transition: all 500ms ease;
}

.banner-carousel:hover .owl-nav .owl-prev,
.banner-carousel:hover .owl-nav .owl-next{
  opacity: 1;
}

.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover{
  color: #fff;
}


/** feature-section **/

.feature-section{
  position: relative;
}

.feature-section .feature-block-one{
  position: relative;
  float: left;
  width: 33.33333%;
}

.feature-section .feature-block-one .inner-box{
  position: relative;
  padding: 50px 60px 50px 60px;
  z-index: 1;
}

.feature-section .feature-block-one .inner-box:before{
  position: absolute;
  content: '';
  background: #222;
  width: 100%;
  height: 0%;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.feature-section .feature-block-one .inner-box:hover:before{
  height: 100%;
}

.feature-section .feature-block-one:first-child .inner-box{

}

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

.feature-section .feature-block-one:last-child .inner-box{
  background: #f8f7f3;
}

.feature-section .feature-block-one .inner-box .icon-box{
  position: absolute;
  left: 60px;
  top: 0px;
  width: 138px;
  height: 138px;
  line-height: 138px;
  background: #fff;
  text-align: center;
  font-size: 70px;
  color: #1d3040;
}

.feature-section .feature-block-one .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 10px;
  left: 0px;
  top: -10px;
}

.feature-section .feature-block-one:first-child .inner-box .icon-box:before{

}

.feature-section .feature-block-one:nth-child(2) .inner-box .icon-box:before{
  
}

.feature-section .feature-block-one .inner-box .inner{
  position: relative;
  padding: 4px 0px 0px 178px;
}

.feature-section .feature-block-one .inner-box .inner h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 21px;
  transition: all 500ms ease;
}

.feature-section .feature-block-one .inner-box .inner p{
  color: #645d42;
  font-weight: 500;
  margin-bottom: 21px;
  line-height: 34px;
  transition: all 500ms ease;
}

.feature-section .feature-block-one .inner-box .inner a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1d3040;
}

.feature-section .feature-block-one .inner-box .inner a i{
  margin-right: 4px;
  font-size: 15px;
}

.feature-section .feature-block-one:first-child .inner-box .inner h4,
.feature-section .feature-block-one:first-child .inner-box .inner a,
.feature-section .feature-block-one .inner-box:hover .inner h4,
.feature-section .feature-block-one .inner-box:hover .inner a{
  color: #fff !important;
}


.feature-section .feature-block-one:first-child .inner-box .inner p,
.feature-section .feature-block-one .inner-box:hover .inner p{
  color: rgba(255,255,255,0.7) !important;
}


/** about-section **/

.about-section{
  position: relative;
}

#content_block_1 .content-box h3,
#content_block_1 .content-box .intro-text{
  position: relative;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 13px;
  color: #22272b;
}

#content_block_1 .content-box .list-item li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #717577;
  margin-bottom: 18px;
  padding-left: 40px;
}

#content_block_1 .content-box .list-item li:before{
  position: absolute;
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  font-weight: 700;
  left: 0px;
  top: 0px;
}

#content_block_1 .content-box .list-item li:last-child{
  margin-bottom: 0px;
}

#content_block_1 .content-box .list-item{
  margin-bottom: 54px;
}

#content_block_1 .content-box .sec-title{
  margin-bottom: 36px;
}

#content_block_1 .content-box .inner-box .inner{
  position: relative;
  padding: 30px 40px 32px 125px;
  max-width: 295px;
  margin-right: 60px;
}

#content_block_1 .content-box .inner-box .inner:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 100%;
  top: 0px;
  right: -20px;
}

#content_block_1 .content-box .inner-box .inner .icon-box{
  position: absolute;
  left: 40px;
  top: 30px;
  font-size: 60px;
  line-height: 60px;
}

#content_block_1 .content-box .inner-box .inner h4{
  position: relative;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
}

#content_block_1 .content-box .inner-box .author figure{
  position: relative;
  display: inline-block;
}

#content_block_1 .content-box .inner-box .author .author-thumb{
  position: relative;
  display: inline-block;
  margin-right: 20px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  padding: 6px;
}

#content_block_1 .content-box .inner-box .author .author-thumb img{
  width: 100%;
  border-radius: 50%;
}

#content_block_1 .content-box .inner-box{
  position: relative;
  display: flex;
  align-items: center;
}


/** service-section **/

.service-section{
  position: relative;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  transition: all 500ms ease;
}

/* Equal-height treatment cards on every screen size: the owl stage becomes a
   flex row so all cards match the tallest one, and "Read More" is pushed to
   the bottom of each card so the buttons line up. */
.service-carousel .owl-stage{
  display: -ms-flexbox;
  display: flex;
}

.service-carousel .owl-item{
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: none;
}

.service-carousel .owl-item .service-block-one,
.service-carousel .owl-item .service-block-one .inner-box,
.service-carousel .owl-item .service-block-one .inner-box .lower-content{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.service-carousel .owl-item .service-block-one .inner-box,
.service-carousel .owl-item .service-block-one .inner-box .lower-content{
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.service-carousel .owl-item .service-block-one .inner-box .lower-content .link{
  margin-top: auto;
  padding-top: 10px;
}

.service-block-one .inner-box:hover{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
}

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

.service-block-one .inner-box .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
  background: #1d3040;
}

.service-block-one .inner-box .image-box .image img{
  width: 100%;
  transition: all 500ms ease;
  height: 265px;
  object-fit: cover;
}

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

.service-block-one .inner-box .image-box .icon-box{
  position: absolute;
  left: -10px;
  bottom: 20px;
  width: 86px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  font-size: 55px;
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box .icon-box{
  color: #1d3040;
}

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

.service-section .owl-item {
  opacity: 0;
  transition: 500ms;
}

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

.service-block-one .inner-box .image-box .icon-box:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 0px;
  bottom: -10px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .image-box .icon-box:before{

}

.service-block-one .inner-box .lower-content{
  position: relative;
  display: block;
  padding: 22px 30px 19px 30px;
  border: 1px solid #ecebe3;
  border-top: none;
}

.service-block-one .inner-box .lower-content h4,
.service-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 12px;
}

.service-block-one .inner-box .lower-content h4 a,
.service-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #1d3040;
}

.service-block-one .inner-box .lower-content h4 a:hover{

}

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

.service-block-one .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #1d3040;
}

.service-block-one .inner-box .lower-content .link a i{
  margin-right: 4px;
}

.service-block-one .inner-box .lower-content .link a:hover{

}

.service-section .owl-nav .owl-prev,
.service-section .owl-nav .owl-next{
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  background: #f8f7f3;
  text-align: center;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  color: #1d3040;
  cursor: pointer;
  transition: all 500ms ease;
}

.service-section .owl-nav{
  position: absolute;
  top: -133px;
  right: 0px;
}

.service-section .owl-nav .owl-prev{
  margin-right: 10px;
}

.service-section .owl-nav .owl-prev:hover,
.service-section .owl-nav .owl-next:hover{
  color: #fff;
}

.border-bottom{
  border-bottom: 1px solid #ecebe3;
}

.border-top{
  border-top: 1px solid #ecebe3;
}


/** clients-section **/
figure.clients-logo-box img {
    height: 100px;
    object-fit: contain;
}
.clients-section{
  position: relative;
  padding: 64px 0 61px 0;
}
.clients-section .clients-logo-box {
    position: relative;
    display: flex;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    object-fit: cover;
    margin: 9px;
    justify-content: center;
    padding: 0 1rem;
}
.service-section .sec-title{
  margin-bottom: 58px;
}

.bg-color-1{
  background: #1d3040;
}


/** proudly-section **/

.proudly-section{
  position: relative;
  padding: 64px 0px 61px 0px;
}

.proudly-section .image-layer{
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
}

.proudly-section .image-layer:before{
  position: absolute;
  top: 0;
  left: -80%;
  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);
}

.proudly-section .image-layer:hover:before{
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

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

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

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

#content_block_2 .content-box p{
  font-size: 18px;
  line-height: 34px;
  color: #7c8389;
}

#content_block_2 .content-box .list-item li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  padding-left: 32px;
}

#content_block_2 .content-box .list-item li:before{
  position: absolute;
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  font-weight: 700;
  left: 0px;
  top: -1px;
}

#content_block_2 .content-box .list-item{
  position: relative;
  display: block;
  padding-bottom: 49px;
  margin-bottom: 45px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

#content_block_2 .content-box .counter-inner .counter-block{
  position: relative;
  display: inline-block;
  float: left;
  width: 33.333%;
}

#content_block_2 .content-box .counter-inner .counter-block .inner-box{
  position: relative;
  padding-left: 65px;
}

#content_block_2 .content-box .counter-inner .counter-block .inner-box .icon-box{
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 60px;
  line-height: 60px;
}

#content_block_2 .content-box .counter-inner .counter-block .inner-box .count-outer{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 5px;
}

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

#content_block_2 .content-box .counter-inner{
  position: relative;
  margin-right: -45px;
}

.proudly-section .pattern-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 509px;
  height: 582px;
  background-repeat: no-repeat;
}


/** feature-style-two **/

.feature-style-two{
  position: relative;
  padding: 64px 0px 61px 0px;
}

.feature-style-two .feature-block-two{
  position: relative;
  float: left;
  width: 24.99%;
}

.feature-style-two .feature-block-two .inner-box{
  position: relative;
  overflow: hidden;
  margin-right: 3px;
  padding: 50px 16px 43px 16px;
}

.feature-block-two .inner-box:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.7;
  z-index: 1;
}

.feature-block-two:first-child .inner-box:before{
  display: none;
}

.feature-block-two .inner-box .image-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 1500ms ease;
}

.feature-block-two .inner-box:hover .image-layer{
  transform: scale(1.2);
}

.feature-style-two .feature-block-two:last-child .inner-box{
  margin-right: 0px;
}

.feature-block-two .inner-box .content-inner{
  position: relative;
  padding: 0px 30px 7px 30px;
}

.feature-block-two .inner-box .content-inner h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 45px;
}

.feature-block-two .inner-box .content-inner .theme-btn-one{
  color: #1d3040 !important;
  padding: 12.5px 40px;
}

.feature-block-two .inner-box .content-inner .theme-btn-one:hover{
  color: #fff !important;
}

.feature-block-two .inner-box .count-box{
  position: relative;
  display: inline-block;
  width: 92px;
  height: 92px;
  text-align: center;
  border-radius: 50%;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 63px;
}

.feature-block-two .inner-box .content-box{
  position: relative;
  z-index: 1;
}

.feature-block-two .inner-box .count-box span{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  font-weight: 500;
  color: #1d3040;
  text-align: center;
  border-radius: 50%;
}

.feature-block-two .inner-box .content-box h3{
  font-size: 23px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 18px;
    height: 89px;
}

.feature-block-two .inner-box .content-box p{
  font-size: 18px;
  line-height: 34px;
  color: #c8c3bf;
}

.feature-style-two:before{
  position: absolute;
  content: '';
  background: #f8f7f3;
  width: 100%;
  height: 720px;
  left: 0px;
  top: 365px;
  right: 0px;
}


/** testimonial-section **/

.testimonial-section{
  position: relative;
}

.testimonial-section .inner-container{
  position: relative;
  display: block;
  background: #fff;
  margin: 0px -60px;
  padding: 0px 60px 0px 60px;
}

.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-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border: 1px solid #ecebe3;
  padding-bottom: 40px;
  transition: all 500ms ease;
}

.testimonial-block-one .inner-box:hover{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
}

.testimonial-block-one .inner-box h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 38px;
  padding: 17.5px 15px;
  z-index: 1;
  transition: all 500ms ease;
}

.testimonial-block-one .inner-box:hover h4{
  color: #1d3040;
}

.testimonial-block-one .inner-box h4:before{
  position: absolute;
  content: '';
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -1px;
  top: -1px;
  z-index: -1;
  transition: all 500ms ease;
}

.testimonial-block-one .inner-box h4:after{
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  transition: all 500ms ease;
}

.testimonial-block-one .inner-box:hover h4:before{

}

.testimonial-block-one .inner-box:hover h4:after{

}

.testimonial-block-one .inner-box p{
  font-size: 16px;
    line-height: 29px;
    margin: 0 auto 31px auto;
    padding: 1rem;
    position: relative;
    z-index: 11;
}

.testimonial-block-one .inner-box .image-box{
  position: relative;
  display: inline-block;
  width: 92px;
  height: 92px;
  border: 1px solid #edece5;
  border-radius: 50%;
  background: #fff;
  padding: 10px;
  z-index: 1;
  transition: all 500ms ease;
}

.testimonial-block-one .inner-box:hover .image-box{

}

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

.testimonial-block-one .inner-box .quote-box{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}


/** startup-section **/

.startup-section{
  position: relative;
  padding: 64px 0px 61px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.startup-section:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

#content_block_3 .single-box .inner{
     position: relative;
    display: block;
    padding-bottom: 34px !important;
    margin-bottom: 32px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 1rem;
}
.page-id-1185 #content_block_3 .single-box .inner{
  position: relative;
  display: block;
  padding-bottom: 34px;
  margin-bottom: 32px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-left: 90px;
}
#content_block_3 .single-box .inner:last-child{
  border-bottom: none;
  margin-bottom: 0px;
}

/* About page condition grid — every card the same size.
   The bootstrap row already stretched the columns to match each other, but the
   bordered .inner box inside sized itself to its own list, so a 3-item card
   ended up shorter than a 6-item one. Grid with 1fr auto-rows equalises every
   row, and stretching .inner fills its column. Only About.php uses this
   .single-box > .row > .single-column structure, so the home-page block that
   shares #content_block_3 is untouched. */
#content_block_3 .single-box .condition-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
}

/* .clearfix adds an ::after pseudo-element, which a grid container counts as a
   real item — it was landing in a 4th row and leaving a tall empty band under
   the cards. */
#content_block_3 .single-box .condition-grid:after,
#content_block_3 .single-box .condition-grid:before{
  display: none;
}

#content_block_3 .single-box .condition-grid .single-column{
  display: flex;
  max-width: 100%;
}

#content_block_3 .single-box .condition-grid .inner{
  width: 100%;
  /* The base rule leaves 16px on three sides and 34px at the bottom, which
     crowds the text against the border. Even padding all round instead. */
  padding: 30px 25px !important;
  text-align: center;
}

/* Icon and title centred in the card. */
#content_block_3 .single-box .condition-grid .inner .icon-box{
  margin-left: auto;
  margin-right: auto;
}

/* The list stays left-aligned so the bullets line up, but sits as a centred
   block under the title rather than flush to the card edge. */
#content_block_3 .single-box .condition-grid .inner ul{
  display: inline-block;
  text-align: left;
}

/* ul/li are reset to list-style:none globally, so the bullet is drawn here in
   the same green as the icons. */
#content_block_3 .single-box .condition-grid .inner ul li{
  position: relative;
  padding-left: 18px;
}

#content_block_3 .single-box .condition-grid .inner ul li:before{
  position: absolute;
  content: '';
  left: 2px;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #80c41c;
  border-radius: 50%;
}

/* The closing paragraph is a col-md-12 and must span the full container — it is
   a sibling of the card grid, not part of it. */
#content_block_3 .single-box .moretextprocess{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

#content_block_3 .single-box{
  position: relative;
  margin-bottom: 22px;
}
.page-id-1185 #content_block_3 .single-box .inner .icon-box{
     position: absolute;
    left: 0px;
    top: 7px;
    width: 67px;
    height: 67px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    padding: 11px;
}
#content_block_3 .single-box .inner .icon-box{
  /*position: absolute;*/
  /*  left: 0px;*/
  /*  top: 7px;*/
    width: 67px;
    height: 67px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    padding: 11px;
}
.howdoweknowwhatswrongnav {
    padding-bottom: 3.3rem;
    text-align:center;
}
.howdoweknowwhatswrongnav p {
    font-size: 16px;
    line-height: 30px;
    color: #adafb0;
}
.howdoweknowwhatswrongnav h2,
.howdoweknowwhatswrongnav h3 {
    text-align: center;
    color: #fff;
    font-weight: 550;
    padding-bottom: 1rem;
    margin-top: 0;
    /* 1.17em is the browser default h3 size — pinned here so the heading keeps
       the size it had before it became an h2. */
    font-size: 1.75em;
}
#content_block_3 .single-box .inner h3,
#content_block_3 .single-box .inner h4{
    display: block;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 7px;
}

#content_block_3 .single-box .inner h3 a,
#content_block_3 .single-box .inner h4 a{
  display: inline-block;
  color: #fff;
}

#content_block_3 .single-box .inner h4 a:hover{

}

#content_block_3 .single-box .inner p{
  font-size: 16px;
  line-height: 30px;
  color: #adafb0;
}

#content_block_3 .content-box .inner-box{
  position: relative;
  display: block;
  padding: 41px 50px 45px 145px;
}

#content_block_3 .content-box .inner-box .icon-box{
  position: absolute;
  left: 60px;
  top: 47px;
  font-size: 65px;
  line-height: 60px;
}

#content_block_3 .content-box .inner-box h3{
  font-size: 24px;
  line-height: 36px;
  color: #fff;
}

#content_block_3 .content-box .inner-box h3 span{
  font-weight: 700;
}

#content_block_3 .content-box .sec-title{
  margin-bottom: 40px;
}

#content_block_4 .form-inner{
  /*position: relative;
  display: block;
  background: #fff;
  margin-top: 6px;
  padding: 0px 80px 80px 80px;
  border-bottom: 1px solid #e2e1de;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
  position: relative;
    display: block;
    background: #fff;
    border-bottom: 1px solid #e2e1de;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
#content_block_4 .form-inner iframe{
	width:100%;
	height:433px;
}
#content_block_4 .form-inner:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 80px;
  left: 0px;
  top: 0px;
  right: 0px;
}

#content_block_4 .form-inner h6,
#content_block_4 .form-inner .find-us-title{
  position: relative;
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 30.5px 0px;
  font-weight: 500;
  margin-bottom: 30px;
}

#content_block_4 .form-inner p{
  text-align: center;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 33px;
}

#content_block_4 .form-inner .form-group{
  position: relative;
  display: block;
  margin-bottom: 10px;
}

#content_block_4 .form-inner .form-group:last-child{
  margin-bottom: 0px;
}

#content_block_4 .form-inner .form-group input[type='text'],
#content_block_4 .form-inner .form-group input[type='email'],
#content_block_4 .form-inner .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  background: #f8f7f3;
  border: 1px solid #f8f7f3;
  padding: 15px 30px;
  font-size: 14px;
  font-weight: 500;
  color: #717577;
  transition: all 500ms ease;
}

#content_block_4 .form-inner .form-group textarea{
  height: 140px;
  resize: none;
}

#content_block_4 .form-inner .form-group input:focus,
#content_block_4 .form-inner .form-group textarea:focus{

}


/** news-section **/

.news-section{
  position: relative;
}

.news-section:before{
  position: absolute;
  content: '';
  background: #f8f7f3;
  width: 100%;
  height: 544px;
  left: 0px;
  top: 0px;
}

.news-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.news-block-one .inner-box .lower-content .post-info li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #717577;
  margin-right: 8px;
}

.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{
  color: #748196;
}

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

}

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

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

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

.news-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #1d3040;
}

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

}

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

.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);
  opacity: 0.7;
}

.news-block-one .inner-box .image-box .post-date{
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #1d3040;
  line-height: 34px;
  text-align: center;
  padding: 3px 26px;
}

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

.news-block-one .inner-box .lower-content p{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 37px;
}

.news-block-one .inner-box .lower-content .link a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1d3040;
}

.news-block-one .inner-box .lower-content .link a i{
  margin-right: 4px;
  font-size: 15px;
}

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

}


/** gallery-section **/

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

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

.gallery-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  background: #1d3040;
}

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

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

.gallery-block-one .inner-box .link{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.gallery-block-one .inner-box .link a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  transform: scale(0,0);
}

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


/** cta-section **/

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

.cta-section .inner-box .theme-btn-one{
  color: #1d3040 !important;
}

.cta-section .inner-box .theme-btn-one:hover{
  color: #fff !important;
}

.cta-section .inner-box .text h2{
  position: relative;
  display: block;
  font-size: 34px;
  line-height: 70px;
  color: #fff;
  font-weight: 700;
}

.cta-section .inner-box .btn-box{
  display: flex;
}


/** main-footer **/

.main-footer{
  position: relative;
}

.footer-top{
  position: relative;
  padding:72px 0px 50px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  border-bottom: 1px solid #2d3236;
}

.footer-top:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.94;
}

.footer-top .icon-layer{
  position: absolute;
  bottom: 0px;
  left: 80px;
}

.footer-top .logo-widget{
  position: relative;
  margin-top: -32px;
}

.footer-top .logo-widget .logo-box{
     position: relative;
    display: inline-block;
    max-width: 359px;
    margin-bottom: 21px;
}

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

.footer-top .logo-widget .text p{
  font-size: 16px;
  line-height: 32px;
  color: #7c8389;
}

.footer-top .logo-widget .text{
  margin-bottom: 18px;
}

.footer-top .logo-widget .info li{
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 8px;
}

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

.footer-top .logo-widget .info{
  margin-bottom: 20px;
}

.footer-top .logo-widget .info li a{
  display: inline;
  color: #fff;
}

.footer-top .logo-widget .info li a:hover{

}

.footer-top .logo-widget .info li i{
  flex: 0 0 auto;
  margin-right: 10px;
  line-height: 26px;
}

.footer-top .logo-widget .support-box{
  position: relative;
  display: block;
  background: #1f2327;
  padding: 22px 30px 19px 90px;
}

.footer-top .logo-widget .support-box i{
  position: absolute;
  left: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.footer-top .logo-widget .support-box p{
  font-size: 15px;
  line-height: 22px;
  color: #7c8389;
}

.footer-top .logo-widget .support-box h5,
.footer-top .logo-widget .support-box .phone{
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.footer-top .logo-widget .support-box h5 a,
.footer-top .logo-widget .support-box .phone a{
  display: inline-block;
  color: #fff;
}

.footer-top .logo-widget .support-box h5 a:hover{

}

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

.footer-top .widget-title h4{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #7c8389;
  margin-bottom: 16px;
}

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

.footer-top .links-widget .links-list li a{
  display: inline-block;
  color: #7c8389;
  padding-left: 10px;
}

.footer-top .links-widget .links-list li a:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 700;
  font-size: 12px;
  color: #7c8389;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}

.footer-top .links-widget .links-list li a:hover{
  color: #fff;
}

.footer-top .links-widget .links-list li a:hover:before{

}

.footer-top .appointment-widget{
  position: relative;
  display: block;
  overflow: hidden;
  background: #1f2327;
  margin-left: -30px;
  margin-top: -34px;
  padding: 34px 40px 40px 40px;
}

.footer-top .appointment-widget .icon-layer{
  position: absolute;
  top: -25px;
  right: -195px;
  font-size: 150px;
  line-height: 100px;
  color: #2a2e32;
}

.footer-top .appointment-widget .shediul-list li{
  position: relative;
  display: block;
  margin-bottom: 21px;
}

.footer-top .appointment-widget .shediul-list li:last-child{
  margin-bottom: 0px;
  padding-top: 11px;
}

.footer-top .appointment-widget .shediul-list li span{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #7c8389;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 0px;
}

.footer-top .appointment-widget .shediul-list li h6,
.footer-top .appointment-widget .shediul-list li .time{
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 700;
}

.footer-top .appointment-widget .shediul-list .theme-btn-one {
  color: #1d3040 !important;
  padding: 12px 30px;
  display: block;
  width: 100%;
}

.footer-top .appointment-widget .shediul-list .theme-btn-one:hover {
  color: #fff !important;
}

.footer-top .appointment-widget .widget-title{
  margin-bottom: 17px;
}

.footer-botton{
  position: relative;
  display: block;
  background: #1f2327;
  padding: 7px 0px;
}

.footer-botton .copyright p{
  font-size: 16px;
  line-height: 51px;
  color: #7c8389;
}

.footer-botton .copyright p a{
  color: #7c8389;
}

.footer-botton .copyright p a:hover{

}

.footer-botton .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.footer-botton .social-links li:last-child{
  margin: 0px !important;
}

.footer-botton .social-links li a{
  position: relative;
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 41px;
    text-align: center;
    font-size: 16px;
    color: #7c8389;
    background: #1d3040;
    border-radius: 50%;
}

.footer-botton .social-links li a:hover{
  color: #fff;
}



/*** 

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

***/


/** header-style-two **/

.main-header.style-two .header-top .info li{
  margin-right: 80px;
}

.main-header.style-two .header-top .info li:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.2);
  width: 1px;
  height: 47px;
  top: -8px;
  right: -40px;
}

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

.header-top .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.header-top .social-links li:last-child{
  margin: 0px !important;
}

.header-top .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #7c8389;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  background: #1f2327;
}

.header-top .social-links li a:hover{
  color: #1d3040;
}

.main-header.style-two .main-menu{
  float: left;
}

.main-header.style-two .logo-box .logo{
  margin-right: 55px;
}

.main-header.style-two .main-menu .navigation > li{
  margin: 0px 18px;
  padding: 48.5px 0px;
}

.main-header.style-two .btn-box{
  padding: 34px 0px 43px 0px;
  display: flex;
}

.main-header.style-two .outer-box{
  position: relative;
}

.main-header.style-two .sticky-header .btn-box {
  padding: 15px 0px;
}

.main-header.style-two .header-lower{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}


/** search box btn **/

.main-header .search-box-outer{
  position: relative;
  float: left;
  margin-right: 50px;
  padding: 34px 0px 42px 0px;
}

.main-header .search-box-outer:before{
  position: absolute;
  content: '';
  background: #f8f7f3;
  width: 6000px;
  height: 100%;
  left: 26px;
  top: 0px;
}

.main-header .search-box-outer:after{
  position: absolute;
  content: '';
  width: 6000px;
  height: 10px;
  left: 26px;
  bottom: 0px;
}

.main-header .search-box-btn{
  position: relative;
  font-size: 16px;
  width: 51px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  transition: all 500ms ease;
}

.main-header .search-box-btn:hover{
  color: #1d3040;
}

.main-header .search-box-outer .dropdown-menu {
  top: 54px !important;
  padding: 0px;
  width: 330px;
  border-radius: 0px;
  background: #ffffff;
  left: auto !important;
  transform: translate3d(0px, 0px, 0px) scale3d(0.8,0.8,0.8) !important;
  border-color: transparent;
  border-radius: 3px;
  box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15);
  transition: .5s ease;
  display: block;
  opacity: 0;
  visibility: hidden;
}

.main-header .search-box-outer .show .dropdown-menu {
  display: block;
  transform: scale3d(1,1,1)!important;
  opacity: 1;
  visibility: visible;
}

.main-header .search-panel .form-container{
  padding: 30px;
}

.main-header .search-panel .form-group {
  position: relative;
  margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 9px 50px 9px 15px;
  height: 50px;
  border: 1px solid #f3f5fe;
  border-radius: 3px;
  background: #f3f5fe;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
  border-color: #f3f5fe;
}

.main-header .search-panel .search-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 50px;
  height: 48px;
  text-align: center;
  color: #111111;
  background: #f3f5fe;
  font-size: 14px;
  border-radius: 0px 3px 3px 0px;
  cursor: pointer;
}

.dropdown-toggle::after {
  display: none;
}


/** banner-style-two **/

.banner-section.style-two .slide-item{
  padding: 200px 0px 220px 0px;
}

.banner-section.style-two .slide-item:before{
  background: #fff;
}

.banner-section.style-two .banner-carousel .content-box{
  margin: 0px;
  max-width: 720px;
}

.banner-section.style-two .banner-carousel .content-box h1{
  color: #1d3040;
  font-weight: 300;
  margin-bottom: 30px;
}

.banner-section.style-two .banner-carousel .content-box h1 span{
  display: inline-block;
  font-weight: 700;
  border-bottom: 8px solid #1d3040;
  line-height: 78px;
}

.banner-carousel .content-box p{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 36px;
  color: #8a8c8c;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 43px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1450ms ease;
  -moz-transition: all 1450ms ease;
  -ms-transition: all 1450ms ease;
  -o-transition: all 1450ms ease;
  transition: all 1450ms ease;
}

.banner-carousel .active .content-box p{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1450ms;
  -moz-transition-delay: 1450ms;
  -ms-transition-delay: 1450ms;
  -o-transition-delay: 1450ms;
  transition-delay: 1450ms;
}


/** welcome-section **/

.welcome-section{
  position: relative;
  padding: 114px 0px 140px 0px;
}

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

.welcome-section .sec-title p{
  color: #fff !important;
}

.welcome-section #content_block_3 .single-box .inner .icon-box{

}

.welcome-section #content_block_3 .single-box .inner p{
  color: #d899af;
}

.welcome-section #content_block_3 .single-box{
  margin: 0px;
}


/** certified-section **/

.certified-section{
  position: relative;
}

.certified-section .inner-container{
  position: relative;
  margin-top: -60px;
}

#content_block_5 .content-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 54px 350px 60px 60px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#content_block_5 .content-box .image-box{
  position: absolute;
  top: 60px;
  right: 60px;
}

#content_block_5 .content-box .image-box:before{
  position: absolute;
  top: 0;
  left: -80%;
  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);
}

#content_block_5 .content-box:hover .image-box:before{
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#content_block_5 .content-box .image-box img{
  width: 100%;
}

#content_block_5 .content-box .inner-box h3{
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}

#content_block_5 .content-box .inner-box p{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 34px;
  padding-bottom: 23px;
  border-bottom: 1px solid #ecebe3;
}

#content_block_5 .content-box .inner-box .inner{
  position: relative;
  padding: 3px 0px 8px 185px;
}

#content_block_5 .content-box .inner-box .inner .video-inner{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 156px;
  padding: 21px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

#content_block_5 .content-box .inner-box .inner .video-inner:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.3;
}

#content_block_5 .content-box .inner-box .inner .video-inner a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
}

#content_block_5 .content-box .inner-box .inner .video-inner a:after, 
#content_block_5 .content-box .inner-box .inner .video-inner a:before {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

#content_block_5 .content-box .inner-box .inner .video-inner a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

#content_block_5 .content-box .inner-box .inner .counter-block .count-outer{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #1d3040;
  margin-bottom: 5px;
}

#content_block_5 .content-box .inner-box .inner .counter-block h5{
  font-size: 18px;
  color: #717577;
  line-height: 26px;
}

.certified-section #content_block_6 .content-box{
  margin-left: -30px;
}

#content_block_6 .content-box{
  position: relative;
  overflow: hidden;
  padding: 33px 40px 40px 40px;
}

#content_block_6 .content-box .icon-layer {
  position: absolute;
  top: -25px;
  right: -65px;
  font-size: 150px;
  line-height: 100px;
  color: #2a2e32;
  opacity: 0.1;
}

#content_block_6 .content-box .shediul-list li {
  position: relative;
  display: block;
  margin-bottom: 21px;
}

#content_block_6 .content-box .shediul-list li:last-child{
  margin-bottom: 0px;
  padding-top: 8px;
}

#content_block_6 .content-box h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 16px;
}

#content_block_6 .content-box .shediul-list li span{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #1d3040;
  text-transform: uppercase;
  letter-spacing: 3px;
}

#content_block_6 .content-box .shediul-list li h6{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

#content_block_6 .content-box .shediul-list .theme-btn-one{
  padding: 12px 30px;
  display: block;
  width: 100%;
}


/** about-style-two **/

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

#image_block_1 .image-box{
  position: relative;
  display: block;
}

#image_block_1 .image-box img{
  width: 100%;
}

#image_block_1 .image-box .image-2{
  position: absolute;
  bottom: 0px;
  left: -140px;
}

#image_block_1 .image-box .icon-box{
  position: absolute;
  left: 132px;
  top: 252px;
  width: 146px;
  height: 146px;
  line-height: 146px;
  text-align: center;
  border-radius: 50%;
}

#image_block_1 .image-box .image-1{
  position: relative;
  display: block;
  overflow: hidden;
}

#image_block_1 .image-box .image-1:before{
  position: absolute;
  top: 0;
  left: -80%;
  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);
}

#image_block_1 .image-box:hover .image-1:before{
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

#content_block_7 .content-box .text{
  margin-bottom: 40px;
}

#content_block_7 .content-box .inner-box{
  position: relative;
  display: block;
  margin-bottom: 52px;
}

#content_block_7 .content-box .inner-box .single-item{
  margin-bottom: 40px;
}

#content_block_7 .content-box .inner-box .single-item h5{
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  padding-left: 16px;
}

#content_block_7 .content-box .inner-box .single-item h5:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  font-weight: 700;
  left: 0px;
  top: 0px;
}

#content_block_7 .content-box p{
  font-size: 18px;
  line-height: 36px;
}

#content_block_7 .content-box .sec-title{
  margin-bottom: 36px;
}

#content_block_7 .content-box .lower-box .support-box{
  position: relative;
  padding: 11px 0px 7px 80px;
}

#content_block_7 .content-box .lower-box .support-box i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 24px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}

#content_block_7 .content-box .lower-box .support-box p{
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 2px;
}

#content_block_7 .content-box .lower-box .support-box h3{
  position: relative;
  display: block;
  font-size: 26px;
  line-height: 30px;
}

#content_block_7 .content-box .lower-box .support-box h3 a{
  display: inline-block;
  color: #1d3040;
}

#content_block_7 .content-box .lower-box .support-box h3 a:hover{

}

/** service-style-two **/

.service-style-two{
  position: relative;
}
.service-style-two:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 521px;
  left: 0px;
  top: 0px;
}
.service-style-two .owl-nav .owl-prev,
.service-style-two .owl-nav .owl-next{
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  background: #1f2327;
  text-align: center;
  line-height: 65px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: all 500ms ease;
}
.service-style-two .owl-nav{
  position: absolute;
  top: -133px;
  right: 0px;
}
.service-style-two .owl-nav .owl-prev{
  margin-right: 10px;
}

.service-style-two .owl-stage-outer{
  overflow: visible;
}
.service-style-two .owl-item {
  opacity: 0;
  transition: 500ms;
}
.service-style-two .owl-item.active {
  opacity: 1;
}
.service-style-two .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 521px;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-style-two .sec-title{
  margin-bottom: 57px;
}

/** weare-section **/

.weare-section{
  position: relative;
  padding-bottom: 120px;
}
.weare-section .single-item .inner-box{
  position: relative;
  display: block;
  border: 1px solid #ecebe3;
  padding: 24px 30px 23px 158px;
  background: #fff;
  min-height: 148px;
  transition: all 500ms ease;
}
.weare-section .single-item .inner-box:hover{
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.weare-section .single-item .inner-box .image-box{
  position: absolute;
  left: 20px;
  top: 0px;
  width: 108px;
  height: 128px;
  background: #1d3040;
}
.weare-section .single-item .inner-box .image-box:before{
  position: absolute;
  content: '';
  background: #1d3040;
  width: 100%;
  height: 10px;
  left: 0px;
  top: -10px;
}
.weare-section .single-item .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}
.weare-section .single-item .inner-box:hover .image-box img{
  opacity: 0.5;
}
.weare-section .single-item .inner-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 13px;
}
.weare-section .inner-content{
  position: relative;
  margin: 0px 7.5px;
}

.weare-section .single-column{
  padding: 0px 7.5px;
}

.weare-section .sec-title{
  margin-bottom: 57px;
}

/** testimonial-style-two **/

.testimonial-style-two{
  position: relative;
  padding: 120px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.testimonial-style-two:before{
  position: absolute;
  content: '';
  background: #1f2327;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

.testimonial-style-two .testimonial-content .inner-box{
  position: relative;
  padding: 6px 0px 14px 300px;
  min-height: 237px;
}

.testimonial-style-two .testimonial-content .inner-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 237px;
  height: 237px;
}

.testimonial-style-two .testimonial-content .inner-box .text h2{
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 37px;
}

.testimonial-style-two .testimonial-content .inner-box .text h3{
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}

.bg-color-4{
  background: #f8f7f3;
}
/** faq-section **/

.faq-section{
  position: relative;
}

.faq-section .image-layer{
  position: absolute;
  top: 0px;
  right: 0px;
}

.accordion-box .block{
  position: relative;
  display: block;
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 500ms ease;
}

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

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

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 24px;
  right: 40px;
  text-align: center;
  font-size: 20px;
  color: #1d3040;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer{
  
}
.accordion-box .block .acc-btn.active .icon-outer i:before{
  position: relative;
  font-size: 20px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  margin: 0px;
  content: "\f107";
}
.accordion-box .block .acc-btn{
  position: relative;
  display: block;
  padding: 22px 70px 25px 40px;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn h5,
.accordion-box .block .acc-btn h3{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}
.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 30px 30px 24px 40px;
  border-top: 1px solid #ecebe3;
}

.accordion-box .block .acc-content p{
  font-size: 18px;
  line-height: 34px;
}

/** team-section **/
.team-section{
  position: relative;
  padding: 64px 0;
}
.team-section .title-inner .sec-title,
.team-section .title-inner .text{
  width: 50%;
}
/* Centred over the two specialist cards, which are themselves centred. */
.team-section .title-inner .sec-title{
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 56px;
}
.team-section .title-inner .text{
  padding-left: 100px;
}
.team-section .title-inner .text p{
  font-size: 18px;
  line-height: 34px;
}
.team-inner .team-block-one{
  float: left;
  width: 25%;
}
.team-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.team-block-one .inner-box .image-box{
  position: relative;
  display: block;
  /* background: #1d3040; */
  overflow: hidden;
}

.team-block-one .inner-box .image-box img{
    width: 100%;
    transition: all 500ms ease;
    object-fit: cover;
    height: 319px;
    object-position: top;
}

.team-block-one .inner-box:hover .image-box img{
  opacity: 0.1;
  transform: scale(1.1);
}
.team-block-one .inner-box .image-box .social-links{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.team-block-one .inner-box .image-box .social-links li{
  position: relative;
  display: inline-block;
  margin: 0px 3px;
}
.team-block-one .inner-box .image-box .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #7c8389;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #1f2327;
  text-align: center;
  border-radius: 50%;
  transform: scale(0,0);
}
.team-block-one .inner-box .image-box .social-links li a:hover{
  color: #1d3040;
}
.team-block-one .inner-box:hover .image-box .social-links li a{
  transform: scale(1,1);
}
.team-block-one .inner-box .lower-content{
  position: relative;
  padding: 23px 15px 25px 15px;
}
.team-block-one .inner-box .lower-content h3,
.team-block-one .inner-box .lower-content h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.team-block-one .inner-box .lower-content h3 a,
.team-block-one .inner-box .lower-content h5 a{
  display: inline-block;
  color: #1d3040;
}

.team-block-one .inner-box .lower-content h5 a:hover{

}

.team-block-one .inner-box .lower-content .designation{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.team-section .team-inner{
  position: relative;
  margin-bottom: -96px;
  z-index: 1;
}

/*** About page — specialist cards ***/

/* Two cards in a three-column grid would sit hard left with a gap on the right,
   so centre the row instead. */
.team-section .team-inner{
  -ms-flex-pack: center;
  justify-content: center;
}

/* Both cards are the same height. Bootstrap already stretched the columns to
   match each other; it was the boxes inside that sized to their own content,
   so a two-line designation made one card taller. Stretching them fills the
   column. */
.team-section .team-inner .team-block-one{
  display: -ms-flexbox;
  display: flex;
}

.team-section .team-inner .team-block-one .inner-box{
  width: 100%;
}

.team-section .team-inner .team-block-one .inner-box,
.team-section .team-inner .team-block-one .inner-box > a{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.team-section .team-inner .team-block-one .inner-box > a{
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* The photo absorbs the extra height. The source files are 901x1192 portraits
   that were being cropped into a 370x319 letterbox showing only the top of the
   frame; at full card height the opening is close enough to the source ratio
   that the whole headshot shows instead. */
.team-section .team-inner .team-block-one .image-box{
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}

.team-section .team-inner .team-block-one .image-box img{
  height: 100%;
  min-height: 319px;
}

/* Keeps the white bar identical whether the designation runs to one line or
   two, so the photos below start at the same point. */
.team-section .team-inner .team-block-one .lower-content{
  min-height: 120px;
}

/*** Standalone booking form section (every page except About / Contact) ***/

/* The band itself carries the tint, edge to edge — the team and clients
   sections either side stay white. */
.booking-form-section{
  position: relative;
  background-color: #f8f7f3;
  padding: 70px 0px;
}

.booking-form-section .booking-form-column{
  margin: 0 auto;
  float: none;
}

/* No panel: the section behind it already carries the tint, so a card of the
   same colour would just be an invisible extra box. */
.booking-form-section .about-form-inner{
  position: relative;
  display: block;
  background: transparent;
  padding: 0px;
}

.booking-form-section .about-form-inner h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 38px;
  color: #1d3040;
  font-weight: 700;
  text-align: center;
  margin-bottom: 28px;
}

/* Two fields per row here — this box is wider than the About page column. */
.booking-form-section .about-form-inner .default-form{
  margin: 0px -5px;
}

/* The theme's default field fill is the same #f8f7f3 as this band, so the
   inputs go white here to stay legible. Heights are left to .default-form so
   the form matches the contact page exactly.
   background-color, not the background shorthand: the shorthand would reset
   background-image and take the select's chevron with it. */
.booking-form-section .about-form-inner .default-form .form-group input[type='text'],
.booking-form-section .about-form-inner .default-form .form-group input[type='email'],
.booking-form-section .about-form-inner .default-form .form-group input[type='tel'],
.booking-form-section .about-form-inner .default-form .form-group select,
.booking-form-section .about-form-inner .default-form .form-group textarea{
  background-color: #fff;
  border-color: #fff;
}

.booking-form-section .about-form-inner .default-form .message-btn .theme-btn-one{
  width: 100%;
  text-align: center;
}

.booking-form-section .about-form-inner .wpcf7-response-output{
  margin: 15px 5px 0px 5px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 22px;
}


.clients-section.alternat-2{
  padding-top: 215px;
}


/** cta-style-two **/

.cta-style-two{
  position: relative;
}

.cta-style-two .inner-container{
  position: relative;
  padding: 80px 80px;
  margin-bottom: -110px;
  z-index: 1;
}

.cta-style-two .inner-container .text{
  position: relative;
  padding-left: 80px;
  min-height: 68px;
}

.cta-style-two .inner-container .text i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 60px;
  line-height: 60px;
}

.cta-style-two .inner-container .text h3{
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  font-weight: 700;
}

.cta-style-two .inner-container .subscribe-form .form-group{
  position: relative;
  margin: 0px;
}

.cta-style-two .inner-container .subscribe-form .form-group input[type='email']{
  position: relative;
  display: block;
  max-width: 470px;
  width: 100%;
  height: 70px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 40px;
  padding: 10px 30px 10px 30px;
  font-size: 14px;
  font-weight: 500;
  color: #717577;
  transition: all 500ms ease;
}

.cta-style-two .inner-container .subscribe-form .form-group input:focus{

}

.cta-style-two .inner-container .subscribe-form .form-group .theme-btn-one{
  position: absolute;
  top: 0px;
  right: 0px;
  color: #1d3040 !important;
  transition: all 500ms ease;
}

.cta-style-two .inner-container .subscribe-form .form-group .theme-btn-one:hover{
  color: #fff !important;
}

.google-map-section{
  position: relative;
  width: 100%;
}

.google-map-section #contact-google-map{
  position: relative;
  width: 100%;
  height: 550px;
}



/*** 

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

***/

/** page-title **/

.page-title{
      position: relative;
    padding: 129px 0px 54px 0px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background: #f5f5f5 !important;
    background-position: center;
}

.page-title:before{
  position: absolute;
  content: '';
  background: #1f2327;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;
}

.page-title .content-box .bread-crumb{
  position: relative;
  display: inline-block;
  padding: 1.5px 19px;
  margin-bottom: 18px;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #1d3040;
  font-weight: 500;
  padding-right: 10px;
}

.page-title .content-box .bread-crumb li a{
  color: #1d3040;
}

.page-title .content-box .bread-crumb li a:hover{

}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: '/';
  font-size: 14px;
  font-weight: 500;
  top: 0px;
  right: 0px;
}

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

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

.page-title .content-box .title h1{
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
}


/** about-style-three **/

.about-style-three{
  position: relative;
  padding: 64px 0px;
}

.about-style-three .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.about-style-three .image-box:before{
  position: absolute;
  top: 0;
  left: -80%;
  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 1s;
  animation: shine 1s;
}

.about-style-three .image-box .image img{
  width: 100%;
}

#content_block_8 .content-box .author-box .author-thumb{
  position: relative;
  display: inline-block;
  margin-right: 20px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  padding: 6px;
}

#content_block_8 .content-box .author-box .signature{
  position: relative;
  display: inline-block;
}

#content_block_8 .content-box .text{
  margin-bottom: 42px;
  position: relative;
  display: block;
}

#content_block_8 .content-box .text p{
  font-size: 18px;
  line-height: 36px;
}

#content_block_8 .content-box .inner-box{
  position: relative;
  margin-bottom: 51px;
}

/*#content_block_8 .content-box .inner-box .single-item{*/
/*  position: relative;*/
/*  display: block;*/
/*  float: left;*/
/*  width: 50%;*/
/*}*/

#content_block_8 .content-box .inner-box .single-item h5{
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 6px;
  padding-left: 16px;
}
.process-text {
    padding-bottom: 2rem;
}
#content_block_8 .content-box .inner-box .single-item h5:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  left: 0px;
  top: 0px;
  font-weight: 700;
}
.process-text h3 {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 6px;
    padding-left: 16px;
}
#content_block_8 .content-box .sec-title{
  margin-bottom: 36px;
}
.process-text h3:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    left: 0px;
    top: 0px;
    font-weight: 700;
    color: #80c41c;
}
.about-style-three.navm  #content_block_8 .content-box{
  margin-top: -6px;
}
.about-style-three  #content_block_8 .content-box{
  margin-top: 70px;
}
/*.startup-section.alternat-2{*/
/*  padding: 113px 0px 59px 0px;*/
/*}*/

.testimonial-section.alternat-2{
  position: relative;
}

.testimonial-section.alternat-2:before{
  position: absolute;
  content: '';
  background: #f8f7f3;
  width: 100%;
  height: 695px;
  left: 0px;
  top: -95px;
}

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

.team-page-section .team-block-one .inner-box{
  margin-bottom: 30px;
}


/** team-details **/

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

.team-details .image-box{
  position: relative;
  display: block;
}

.team-details .image-box img{
  width: 100%;
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:5px;
  background: #f8f7f3;
  border-radius:0px;
  margin-bottom:12px;
}

.progress-box .bar-inner{
  position:relative;
  display:block;
  width:0px;
  height:5px;
  border-radius:0px;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.progress-box .count-text{
  position:absolute;
  top: -40px;
  right: 0px;
  font-size:16px;
  color: #717577;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;  
}

.team-details-content .upper-box{
  position: relative;
  margin-bottom: 43px;
}

.team-details-content .upper-box h2{
  font-size: 34px;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 4px;
}

.team-details-content .upper-box .designation{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  margin: 0px;
}

.team-details-content .upper-box .social-links{
  position: absolute;
  top: 10px;
  right: 0px;
}

.team-details-content .upper-box .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.team-details-content .upper-box .social-links li:last-child{
  margin: 0px;
}

.team-details-content .upper-box .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #717577;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: #f8f7f3;
  text-align: center;
  border-radius: 50%;
}

.team-details-content .upper-box .social-links li a:hover{
  color: #1d3040;
}

.team-details-content .text{
  position: relative;
  margin-bottom: 43px;
}

.team-details-content .text p{
  font-size: 18px;
  line-height: 34px;
}

.progress-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 16px;
}

.progress-box{
  margin-bottom: 15px;
}

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

.team-details-content{
  position: relative;
  margin-top: -10px;
}

.outer-box{
  position: relative;
}

/** certificates-section **/

.certificates-section{
  position: relative;
  padding: 112px 0px 114px 0px;
}

.certificates-section .text{
  position: relative;
  display: block;
  margin-right: -30px;
}

.certificates-section .text h2{
  position: relative;
  display: block;
  font-size: 34px;
  line-height: 44px;
  font-weight: 500;
  margin-bottom: 39px;
}

.certificates-section .text p{
  font-size: 18px;
  line-height: 34px;
}

.certificates-section .certificates-inner{
  position: relative;
  margin-top: 8px;
}

.certificates-section .certificates-inner .image-box{
  position: relative;
  display: block;
  border-radius: 10px;
}

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



/*** 

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

***/

.error-section{
  position: relative;
}

.error-section .inner-box h1{
  position: relative;
  display: block;
  font-size: 170px;
  line-height: 150px;
  color: #222;
  font-weight: 700;
  margin-bottom: 27px;
}

.error-section .inner-box h2{
  font-size: 40px;
  line-height: 45px;
  position: relative;
  color: #848484;
  font-weight: 500;
  margin-bottom: 10px;
}

.error-section .inner-box p{
  position: relative;
  margin-bottom: 57px;
}

.error-section .inner-box p a{
  display: inline-block;
  line-height: 18px;
}

.error-section .inner-box p a:hover{
  text-decoration: underline;
}

.error-section .inner-box .theme-btn-two{
  padding: 16px 39px;
}

.error-section .inner-box .btn-box a{
  margin: 0px 8px;
}


/*** 

====================================================================
                        Service-Page
====================================================================

***/


.service-page-section{
  position: relative;
  padding: 120px 0px 90px 0px;
}

.service-page-section .service-block-one .inner-box{
  margin-bottom: 30px;
}


/** service-details **/

.service-details{
  position: relative;
  padding: 64px 0;
}

.service-sidebar .categories-widget{
  position: relative;
  display: block;
  background: #f8f7f3;
  padding: 43px 0px 20px 0px;
  margin-bottom: 30px;
}

.service-sidebar .categories-widget h4,
.service-sidebar .categories-widget .widget-heading{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 12px;
  padding-left: 50px;
}

.service-sidebar .categories-widget h4:before,
.service-sidebar .categories-widget .widget-heading:before{
  position: absolute;
  content: '';
  width: 5px;
  height: 15px;
  left: 0px;
  top: 7px;
}

.service-sidebar .categories-widget .list li{
  position: relative;
  display: block;
}

.service-sidebar .categories-widget .list li a{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #717577;
  font-weight: 500;
  padding: 14px 50px;
}

.service-sidebar .categories-widget .list li a:hover,
.service-sidebar .categories-widget .list li a.active{
  background: #fff;
}

.service-sidebar .categories-widget .list li a:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Pro';
  font-size: 12px;
  font-weight: 700;
  color: #1d3040;
  top: 16px;
  right: 50px;
  opacity: 0;
  transition: all 500ms ease;
}

.service-sidebar .categories-widget .list li a:hover:before,
.service-sidebar .categories-widget .list li a.active:before{
  opacity: 1;
}

.service-sidebar .sidebar-support{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  padding: 43px 40px 50px 40px;
}

.service-sidebar .sidebar-support:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

.service-sidebar .sidebar-support h4,
.service-sidebar .sidebar-support .support-title{
  position: relative;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 32px;
}

.service-sidebar .sidebar-support p{
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: rgba(255,255,255,0.6);
  margin-bottom: 24px;
}

.service-sidebar .sidebar-support h3,
.service-sidebar .sidebar-support .support-phone{
  position: relative;
  display: block;
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.service-sidebar .sidebar-support h3 a:hover,
.service-sidebar .sidebar-support .support-phone a:hover{
  color: #fff;
}

.service-sidebar .sidebar-support .theme-btn-one{
  padding: 12px 45px;
  color: #1d3040 !important;
}

.service-sidebar .sidebar-support .theme-btn-one:hover{
  color: #fff !important;
}

.service-details-content .content-one .image-box{
  position: relative;
  display: block;
  margin-bottom: 31px;
}

.service-details-content .image-box img{
  width: 100%;
}

.service-details-content .content-one .image-box i{
  position: absolute;
  left: -10px;
  bottom: 20px;
  width: 86px;
  height: 78px;
  line-height: 78px;
  color: #1d3040;
  text-align: center;
  font-size: 55px;
  transition: all 500ms ease;
}

.service-details-content .content-one .image-box i:after{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 0px;
  bottom: -10px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
  transition: all 500ms ease;
}

.service-details-content h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 500;
  margin-bottom: 5px;
}

.service-details-content p{
  font-size: 18px;
  line-height: 34px;
}

.service-details-content .text p:last-child{
  margin-bottom: 0px;
}

.service-details-content .content-one{
  position: relative;
  margin-bottom: 46px;
}

.service-details-content .two-column{
  position: relative;
}

.service-details-content .two-column .image-box{
  margin-top: 7px;
}

.service-details-content .two-column .text h3{
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}

.service-details-content .two-column .text h4{
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 37px;
}

.service-details-content .two-column .list-item li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 34px;
  padding-left: 33px;
  margin-bottom: 10px;
}

.service-details-content .two-column .list-item li:last-child{
  margin-bottom: 0px;
}

.service-details-content .two-column .list-item li:before{
  position: absolute;
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size: 18px;
  font-weight: 700;
  left: 0px;
  top: 0px;
}

.service-details-content .accordion-inner{
  margin-bottom: 50px;
}

.service-details-content .content-two .inner-box{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  padding: 51px 50px 43px 50px;
  margin: 53px 0px 50px 0px;
}

.service-details-content .content-two .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

.service-details-content .content-two .inner-box .list-item li{
  position: relative;
  display: block;
  float: left;
  width: 50%;
  font-size: 18px;
  line-height: 34px;
  font-style: italic;
  color: #1d3040;
  margin-bottom: 10px;
}

.service-details-content .content-two .text p span{
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
}


/*** 

====================================================================
                        Blog-Page
====================================================================

***/

.blog-grid{
  position: relative;
}

.blog-grid .news-block-one .inner-box{
  margin-bottom: 30px;
}

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

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

.news-block-one .inner-box .lower-content h2 a{
  display: inline-block;
  color: #1d3040;
}

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

}

.sidebar-page-container .news-block-one .inner-box .lower-content{
  padding-right: 40px;
}

.sidebar-page-container .news-block-one .inner-box{
  margin-bottom: 30px;
}

.sidebar .search-widget{
  position: relative;
  display: block;
  padding: 22px 30px;
  margin-bottom: 30px;
}

.sidebar .search-widget .search-form .form-group{
  position: relative;
  margin: 0px;
}

.sidebar .search-widget .search-form .form-group input[type='search']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid transparent;
  padding: 10px 40px 10px 20px;
  color: #fff;
  background: transparent;
  font-size: 16px;
  transition: all 500ms ease;
}

.sidebar .search-widget .search-form .form-group input:focus{
  border-color: #fff;
}

.sidebar .search-widget .search-form .form-group input::-webkit-input-placeholder{
  color:#fff;
}

.sidebar .search-widget .search-form .form-group button{
  position: absolute;
  top: 12px;
  right: 17px;
  font-size: 15px;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.sidebar .sidebar-widget{
  position: relative;
  display: block;
  background: #f8f7f3;
  padding: 43px 50px 20px 50px;
  margin-bottom: 30px;
}

.sidebar .sidebar-widget:last-child{
  margin-bottom: 0px;
}

.sidebar .sidebar-widget .widget-title{
  position: relative;
  margin-bottom: 27px;
}

.sidebar .sidebar-widget .widget-title:before{
  position: absolute;
  content: '';
  width: 5px;
  height: 15px;
  left: -50px;
  top: 7px;
}

.sidebar .sidebar-widget .widget-title h3{
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.sidebar .post-widget .post{
  position: relative;
  display: block;
  padding-left: 95px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ecebe3;
  min-height: 103px;
}

.sidebar .post-widget .post:last-child{
  margin-bottom: 0px;
  border-bottom: none;
}

.sidebar .post-widget .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 5px;
  width: 66px;
  height: 67px;
  overflow: hidden;
}

.sidebar .post-widget .post .post-thumb img{
  width: 100%;
  transition: all 500ms ease;
}

.sidebar .post-widget .post:hover .post-thumb img{
  opacity: 0.5;
}

.sidebar .post-widget .post .post-date{
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 5px;
}

.sidebar .post-widget .post h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.sidebar .post-widget .post h5 a{
  display: inline-block;
  color: #1d3040;
}

.sidebar .post-widget .post h5 a:hover{

}

.sidebar .categories-widget .categories-list li{
  position: relative;
  display: block;
  margin-bottom: 18px;
}

.sidebar .categories-widget .categories-list li:last-child{
  margin-bottom: 0px;
}

.sidebar .categories-widget .categories-list li a{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 34px;
  color: #717577;
  font-weight: 500;
  padding-left: 10px;
}

.sidebar .categories-widget .categories-list li a:hover{
  color: #1d3040;
}

.sidebar .categories-widget .categories-list li a span{
  position: relative;
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 12px;
  color: #1d3040;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease;
}

.sidebar .categories-widget .categories-list li a:hover span{

}

.sidebar .categories-widget .categories-list li a:before{
  position: absolute;
  content: "\f0da";
  font-family: 'Font Awesome 5 Pro';
  color: #717577;
  font-size: 12px;
  font-weight: 700;
  left: 0px;
  top: 1px;
  transition: all 500ms ease;
}

.sidebar .categories-widget .categories-list li a:hover:before{

}

.sidebar .categories-widget .widget-title{
  margin-bottom: 22px;
}

.sidebar .categories-widget{
  padding-bottom: 41px;
}

.sidebar .tags-widget .tags-list li{
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
}

.sidebar .tags-widget .tags-list li:last-child{
  margin-bottom: 0px;
}

.sidebar .tags-widget .tags-list li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #717577;
  font-weight: 500;
}

.sidebar .tags-widget .tags-list li a:hover{
  color: #1d3040;
}

.sidebar .tags-widget .widget-title{
  margin-bottom: 24px;
}

.sidebar .tags-widget{
  padding-bottom: 44px;
}

.blog-details-content .news-block-one .inner-box{
  box-shadow: none;
  border-bottom: 1px solid #ecebe3;
  margin-bottom: 30px;
  padding-bottom: 53px;
}

.blog-details-content .news-block-one .inner-box .lower-content{
  padding: 34px 0px 0px 0px;
}

.blog-details-content .news-block-one .inner-box:hover .image-box img{
  transform: scale(1);
  opacity: 1;
}

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

.blog-details-content .news-block-one .inner-box .lower-content p:last-child{
  margin-bottom: 0px;
}

.blog-details-content .post-share-option{
  position: relative;
  margin-bottom: 40px;
}

.blog-details-content .post-share-option .tags li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  color: #717577;
  font-weight: 500;
}

.blog-details-content .post-share-option .tags li a{
  color: #717577;
}

.blog-details-content .post-share-option .tags li a:hover{
  color: #1d3040;
}

.blog-details-content .post-share-option .tags li h4{
  font-size: 20px;
  font-weight: 500;
}

.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;
  font-size: 16px;
  color: #717577;
  background: #f8f7f3;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.blog-details-content .post-share-option .social-links li a:hover{
  color: #fff;
}

.blog-details-content .author-box{
  position: relative;
  display: block;
  padding: 60px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

.blog-details-content .author-box .inner{
  position: relative;
  padding-left: 210px;
  padding-bottom: 0px;
}

.blog-details-content .author-box .inner .author-thumb{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 170px;
  height: 160px;
}

.blog-details-content .author-box .inner h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 30px;
}

.blog-details-content .author-box .inner p{
  font-size: 18px;
  line-height: 34px;
}

.blog-details-content .group-title{
  position: relative;
  display: block;
  margin-bottom: 44px;
}

.blog-details-content .group-title h2{
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

.blog-details-content .comments-area .comment{
  position: relative;
  display: block;
  padding-bottom: 64px;
  border-bottom: 1px solid #ecebe3;
  margin-bottom: 52px;
}

.blog-details-content .comments-area .comment:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comments-area .comment .thumb-box{
  position: absolute;
  left: 0px;
  top: 8px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
}

.blog-details-content .comments-area .comment .thumb-box img{
  width: 100%;
  border-radius: 50%;
}

.blog-details-content .comments-area .comment .comment-inner{
  position: relative;
  padding-left: 205px;
}

.blog-details-content .comments-area .comment .comment-inner h4{
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 34px;
}

.blog-details-content .comments-area .comment .comment-inner h4 span{
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

.blog-details-content .comments-area .comment .comment-inner p{
  font-size: 18px;
  line-height: 34px;
}

.blog-details-content .comments-area .comment .comment-inner a{
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #1d3040;
  padding: 15px 30px;
  text-align: center;
  border-radius: 25px;
  text-transform: capitalize;
  z-index: 1;
}

.blog-details-content .comments-area .comment .comment-inner a:hover{
  color: #fff;
}

.blog-details-content .comments-area{
  margin-bottom: 54px;
}

.default-form .form-group{
  position: relative;
  padding: 0px 5px;
  margin-bottom: 10px;
}

.default-form .form-group:last-child{
  margin-bottom: 0px;
}

.default-form{
  position: relative;
  margin: 0px 10px;
}
/* Form submit buttons.
   Twenty Twenty injects `input[type="submit"] { background-color: #cd2653 }` as
   inline CSS in wp_head. That selector scores (0,1,1) and so outranks a bare
   .theme-btn-one (0,1,0), which is why every form button rendered crimson while
   the rest of the site is green. This used to be patched with a .page-id-1191
   rule, so only the contact page was fixed; these selectors are specific enough
   to win on every form instead. */
.default-form input[type='submit'],
.default-form .theme-btn-one,
.wpcf7 input[type='submit'],
form.wpcf7-form input[type='submit']{
    background-color: #8dc32f;
}

.default-form input[type='submit']:hover,
.wpcf7 input[type='submit']:hover,
form.wpcf7-form input[type='submit']:hover{
    background-color: #7ba828;
}
.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group input[type='tel'],
.default-form .form-group select,
.default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  background: #f8f7f3;
  font-size: 14px;
  font-weight: 500;
  color: #717577;
  border: 2px solid #f8f7f3;
  padding: 10px 30px;
  transition: all 500ms ease;
}

/* CF7 wraps each control in an inline span — make it block so the select
   fills the column like the text inputs do. */
.default-form .form-group .wpcf7-form-control-wrap{
  display: block;
}

/* Service dropdown: native arrow replaced with an inline SVG chevron so it
   matches the rest of the form on every browser. */
.default-form .form-group select{
  cursor: pointer;
  padding-right: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23717577' d='M1.41 0 6 4.59 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 22px center;
}

.default-form .form-group select::-ms-expand{
  display: none;
}

.default-form .form-group textarea{
  height: 230px;
  resize: none;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{

}

.blog-details-content .blog-details-content .comments-form-area .group-title{
  margin-bottom: 52px;
}


/*** 

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

***/

.contact-section{
  position: relative;
}

.contact-section .title-inner .sec-title,
.contact-section .title-inner .text{
  width: 50%;
}

.contact-section .title-inner .text{
  padding-left: 100px;
}

.contact-section .title-inner .text p{
  font-size: 18px;
  line-height: 34px;
}

.contact-section .title-inner{
  position: relative;
  margin-bottom: 20px;
}

.contact-section .info-inner{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 42px 50px 50px 50px;
}

.contact-section .info-inner:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
}

.contact-section .info-inner .content-box .text{
  position: relative;
  margin-bottom: 19px;
}

.contact-section .info-inner .content-box .text p{
  position: relative;
  color: #fff;
  line-height: 32px;
}

.contact-section .info-inner .content-box .info-list{
  position: relative;
  margin-bottom: 30px;
}

.contact-section .info-inner .content-box .info-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 9px;
  padding-left: 25px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.contact-section .info-inner .content-box .info-list li i{
  position: absolute;
  left: 0px;
  top: 0px;
}

.contact-section .info-inner .content-box .info-list li:last-child{
  border-bottom: none;
  margin-bottom: 0px;
}

.contact-section .info-inner .content-box .info-list li a{
  display: inline-block;
  color: #fff;
}

.contact-section .info-inner .content-box .info-list li a:hover{

}

.contact-section .info-inner .content-box .btn-box{
  display: flex;
}

.contact-section .info-inner .content-box .btn-box .theme-btn-one{
  padding: 12px 45px;
  color: #1d3040 !important;
}

.contact-section .info-inner .content-box .btn-box .theme-btn-one:hover{
  color: #fff !important;
}

.contact-section .default-form .form-group textarea,
.booking-form-section .default-form .form-group textarea{
  height: 195px;
}

/* No panel on the contact page - the form sits straight on the white section,
   so the fields keep .default-form's own #f8f7f3 fill to stay visible. Only the
   full-width submit is carried over from the booking form. */
.contact-section .form-inner .default-form .message-btn .theme-btn-one,
.contact-section .form-inner .default-form .message-btn input[type='submit']{
  width: 100%;
  text-align: center;
}

.google-map-section.style-two{
  padding-bottom: 120px;
}

.three-item-carousel .owl-stage-outer{
  overflow: visible;
}

.three-item-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.three-item-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.pt-120{
  padding-top: 120px !important;
}

.four-item-carousel .owl-stage-outer{
  overflow: visible;
}

.four-item-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.four-item-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.owl-theme .owl-dots .owl-dot{
  background: transparent !important;
}

button{
  background: transparent;
}
section.mapsection {
    position: relative;
}
.mapsection iframe {
    height: 530px !important;
    width: 100% !important;
    position: relative;
}
.mapinformation {
        position: absolute;
    top: 5.5rem;
    background: #fffafa;
    z-index: 99;
    width: 30%;
    right: 5.3rem;
    padding: 2.7rem;
    box-shadow: 1px 1px 15px 1px #0000004d;
    border-radius: 11px;
}

/* Team page member row. The photo used to be a fixed 170x224 image sitting in
   a flex column that stretched to the text height, leaving ~200px of empty
   space under it, and the shadow sat on the text panel only — so the picture
   read as detached from the card. Now the row itself is the card, and the
   photo fills its side of it. */
.contributor-box-mainnav {
    display: flex;
    align-items: stretch;
    background: #fff;
    background-size: cover;
    margin-bottom: 2.5rem;
    position: relative;
    box-shadow: 1px 1px 15px 1px #0000004f;
    overflow: hidden;
}
.contributor-image {
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
    overflow: hidden;
}
.contributor-image img {
    width: 100% !important;
    display: block;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: 50% 12%;
    border: none;
}
.contributor-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #717577;
    box-shadow: none;
}
.contributor-content h2,
.contributor-content h3 {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 8px;
}
.contributor-content p {
    letter-spacing: .2px;
    font-weight: 450;
    font-size: 16px;
}
.teamsectionteampage, .price-sectionPAGe{
	padding:2.7rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.pricing-table {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 1rem 0;
}
.pricing-table .ptable-item {
    width: 24.33%;
    padding: 0 9px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
  .pricing-table .ptable-item {
    width: 24.33%;
  }
}

@media (max-width: 768px) {
  .pricing-table .ptable-item {
    width: 50%;
  }
}

@media (max-width: 576px) {
  .pricing-table .ptable-item {
    width: 100%;
  }
}

.pricing-table .ptable-single {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pricing-table .ptable-header,
.pricing-table .ptable-body,
.pricing-table .ptable-footer {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.pricing-table .ptable-status ,
.pricing-table .ptable-title,
.pricing-table .ptable-price,
.pricing-table .ptable-description,
.pricing-table .ptable-action {
  position: relative;
  width: 100%;
  text-align: center;
}

.pricing-table .ptable-single {
  background: #f5f5f5;
}

.pricing-table .ptable-single:hover {
  box-shadow: 0 0 10px #999999;
}

.pricing-table .ptable-header {
  margin: 0 30px;
  padding: 30px 0 45px 0;
  width: auto;
  background: #2A293E;
}

.pricing-table .ptable-header::before,
.pricing-table .ptable-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #f6f8fa;
}

.pricing-table .ptable-header::before {
  right: 50%;
  border-right: 250px solid transparent;
}
.ptable-description {
    padding: 0 1.5rem;
}
.pricing-table .ptable-header::after {
  left: 50%;
  border-left: 250px solid transparent;
}

.pricing-table .ptable-item.featured-item .ptable-header {
  background: #80c41c;
}

.pricing-table .ptable-status {
  margin-top: -30px;
}

.pricing-table .ptable-status span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  color: #80c41c;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  background: #2A293E;
}

.pricing-table .ptable-status span::before,
.pricing-table .ptable-status span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #80c41c;
}

.pricing-table .ptable-status span::before {
  right: 50%;
  border-right: 25px solid transparent;
}

.pricing-table .ptable-status span::after {
  left: 50%;
  border-left: 25px solid transparent;
}

.pricing-table .ptable-title h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2px;
}

/* Price page section headings. These were h3 and inherited bootstrap's
   1.75rem; as h2 bootstrap would jump them to 2rem, so pin the original size
   and keep the two tags interchangeable. */
.price-inner-content h2,
.price-inner-content h3 {
  font-size: 1.75rem;
  line-height: 1.2;
}

.pricing-table .ptable-price h2,
.pricing-table .ptable-price .ptable-amount {
  position: relative;
  margin: 0;
  color: #ffffff;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 700;
  margin-left: 15px;
}

.pricing-table .ptable-price h2 small,
.pricing-table .ptable-price .ptable-amount small {
  position: absolute;
  font-size: 18px;
  font-weight: 300;
  margin-top: 16px;
  margin-left: -15px;
}

.pricing-table .ptable-price h2 span,
.pricing-table .ptable-price .ptable-amount span {
  margin-left: 3px;
  font-size: 16px;
  font-weight: 300;
}

.pricing-table .ptable-body {
  padding: 20px 0;
}

.pricing-table .ptable-description ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing-table .ptable-description ul li {
  color: #2A293E;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 7px;
  border-bottom: 1px solid #dedede;
}

.pricing-table .ptable-description ul li:last-child {
  border: none;
}

.pricing-table .ptable-footer {
  padding-bottom: 30px;
}

.pricing-table .ptable-action a {
  display: inline-block;
  padding: 10px 20px;
  color: #80c41c;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none;
  background: #2A293E;
}

.pricing-table .ptable-action a:hover {
  color: #2A293E;
  background: #80c41c;
}

.pricing-table .ptable-item.featured-item .ptable-action a {
  color: #2A293E;
  background: #80c41c;
}

.pricing-table .ptable-item.featured-item .ptable-action a:hover {
  color: #80c41c;
  background: #2A293E;
}
.direction-homemapct a h3 {
    font-size: 1.5rem;
}
.direction-homemap a .direction-title {
    position: relative;
    display: block;
    font-family: 'Rubik', sans-serif;
    font-size: 1.17em;
    font-weight: 400;
    color: #22272b;
    margin: 0px;
}

.direction-homemap {
    position: absolute;
    top: 12rem;
    background: #fff;
    height: 111px;
    left: 1rem;
    padding: .7rem 0.3rem;
    width: 54%;
    display: flex;
    justify-content: space-around;
}
.direction-homemapct {
    position: absolute;
    top: 1rem;
    background: #fff;
    height: 111px;
    left: 1rem;
    padding: 2.7rem 0.3rem;
    width: 16.73%;
    display: flex;
    justify-content: space-around;
}
.acc-content ul li {
    position: relative;
    font-family: 'Rubik', sans-serif;
    color: #717577;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
    font-size: 18px;
}

.termsandConditation-Navm h2,
.termsandConditation-Navm h3 {
    color: #66c631;
    font-weight: 600;
    padding: 1.7rem 0 .5rem;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: .1px;
}
.termsandConditation-Navm p, .termsandConditation-Navm ul li{
    color: #262626;
    font-size:16px;
}