/* Css For Roofer */

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


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


/*** 

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

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
header.main-header.style-one .logo-box {
  padding: 0px 10px 0px 0px;
}
.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.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;
}
.anim-icon .icon {
  position: absolute;
  background-repeat: no-repeat;
}
/** header-lower **/

.fixed-header .sticky-header .outer-box {
  margin: 0px 12px !important;
}
.main-header .outer-box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.main-header .logo-box {
  position: relative;
  display: block;
  padding: 0px 106px 0px 0px;
  background-repeat: no-repeat;
}
.main-header .logo-box .logo {
  padding: 30px 96px 30px 70px;
  background-repeat: no-repeat;
}
.main-header .logo-box .logo img {
    width: 249px;
    height: 79px;
  }
header.main-header.style-three .logo-box .logo img{
  width: 154px;
  height: 50px;
}
header.main-header.style-three .sticky-header .logo-box .logo img{
  width: 154px;
  height: 60px;
}
.main-header .menu-area {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.main-header.style-one .menu-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-header.style-one .menu-right-content li{
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.main-header.style-one .menu-right-content li:last-child{
  margin-right: 0px;
}
.main-header.style-one .menu-right-content .user-btn a,
.main-header.style-one .menu-right-content .cart-btn a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** main-menu **/

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

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

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

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

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

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--primary-font);
  opacity:1;
  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.current > a:before, .main-menu .navigation > li:hover > a:before {
  transform: translateX(-50%) scale(1,1);
}
.main-menu .navigation > li.dropdown > a{
  margin-right: 19px;
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  top:100%;
  width:250px;
  z-index:100;
  border-radius: 5px;
  padding: 15px 0px;
  -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 rgb(0 0 0 / 20%);
    box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 20%);
    -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-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
}


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

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

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

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

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

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

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

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

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

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

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

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

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

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

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

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

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

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

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

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

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  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.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

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

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

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


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

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

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

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

.main-header .sticky-header .logo-box .logo{
  padding: 10px 0px;
}
.main-header .sticky-header .main-menu .navigation > li{
  padding: 25px 0px !important;
}


/** mobile-menu **/

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

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

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

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

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

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease-in-out;
}
.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

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

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

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

.mobile-menu .close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 15px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

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

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

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

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

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

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

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

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

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

.mobile-menu .navigation li.current > a:before{
  height:100%;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

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

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

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

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


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

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

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

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

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

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

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

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


.header_top {
  position: relative;
  padding: 15px 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header_top .header_top_left .top_left {
  display: flex;
  flex-wrap: wrap;
}
.header_top .header_top_left .top_left li {
  margin-right: 60px;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}
.header_top .header_top_left .top_left li:last-child {
  margin-right: 0px;
}
.header_top .header_top_left .top_left li:after {
  top: -15px;
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 50px;
  right: -30px;
}
.header_top a span {
  font-size: 15px;
}
.header_top .header_top_left .top_left li:last-child:after {
  display: none;
}
.header_right_info .top_right {
  display: flex;
}
.header_right_info .top_smedia {
  display: flex;
  align-items: center;
  margin-left: 50px;
}
.header_right_info li {
  margin-right: 30px;
  font-weight: 600;
}
.header_right_info li:last-child {
  margin-right: 0px;
}
.header__right__button {
  display: flex;
  position: relative;
  align-items: center;
}
.header__right__button>div {
  margin-right: 30px;
}
.header__right__button>div:last-child {
  margin-right: 0px !important;
}
.header__right__button i {
  font-size: 18px;
}
.header__right {
  padding-right: 70px;
}
.header_right_info .top_right .login__border:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 207px;
}

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


/** banner-section **/

.banner__left__content {
  background-repeat: no-repeat;
  background: repeat-y;
  z-index: 11;
  position: relative;
}
.banner-section{
  position: relative;
  overflow: hidden;
}
.banner-carousel{
  position: relative;
  overflow: hidden;
}
.banner-carousel .slide-item{
  position: relative;
}
.banner.style__one .slide-item:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: 1;
}
.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 .content__box{
  position: relative;
  display: block;
  padding: 94px 46px 220px 0px;
  z-index:5;
}
.banner-carousel .sub__title h6{
  color: var(--white-color);
  padding-bottom: 10px;
}
.banner__top__text h1 {
  font-family: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 200px;
  line-height: 200px;
  z-index: 999;
  letter-spacing: 0.05em;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(201, 171, 129, 0.2);
  color: transparent;
  position: absolute;
  right: -158px;
  top: 89px;
  
}
.banner-carousel .content__box h1{
  position: relative;
  display: block;
  color: var(--white-color);
  font-weight: 800;
  font-size: 70px;
  line-height: 74px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -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 .content__box h1 span{
  color: transparent;
}
.banner-carousel .content__box .sub__title{
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -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 .sub__title{
  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 .active .content__box h1{
  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 .active .content__box h1 span {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--white-color);
}
.slide__item__content {
  background-repeat: no-repeat;
  background-position: right;
}
.banner-carousel .content__box p{
  position: relative;
  display: block;
  color: var(--white-color);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -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 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: 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(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -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(22px);
  -moz-transform: translateY(22px);
  -ms-transform: translateY(22px);
  -o-transform: translateY(22px);
  transform: translateY(22px);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.banner-carousel .content__box .btn-box a.banner-btn{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: var(--white-color);
  font-weight: 500;
  background: rgba(255,255,255,0.2);
  padding: 22px 45px;
  text-align: center;
  z-index: 1;
}
.banner-carousel .content__box .btn-box a.banner-btn:before{
  position: absolute;
  content: '';
  background: var(--white-color);
  width: 100%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  z-index: -1;
  transition: all 500ms ease;
}
.banner-carousel .content__box .btn-box a.banner-btn:hover:before{
  height: 100%;
}
.banner-section.style-one .content-inner{
  position: relative;
}
.banner-section.style-one .content-inner .image-box.style-one{
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
.banner-section.style-one .content-inner .image-box img {
  height: 100%;
  background-size: cover;
}
.banner-section.style-one .content-inner .image-box.style-two{
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
.banner-section .image-box{
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -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-section .active .image-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: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.owl-nav span{
  color: #2B2D42;
  font-size: 25px;
  transition: all 500ms ease;
}
.banner-carousel .owl-nav{
  display: block !important;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 70px;
}
.banner-carousel .owl-dots .owl-dot{
  display: none;
}

.nav-style-one .owl-nav .owl-prev{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 90px;
  color: #222;
  font-size: 16px;
  border-radius: 50%;
  background: var(--white-color);
  font-weight: 600;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  cursor: pointer;
  margin-bottom: 10px;
  overflow: hidden;
}

.nav-style-one .owl-nav .owl-next{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 90px;
  color: #222;
  font-size: 16px;
  border-radius: 50%;
  text-align: center;
  background: var(--white-color);
  font-weight: 600;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  cursor: pointer;
  overflow: hidden;
}
.nav-style-one .owl-nav .owl-prev:hover:before, 
.nav-style-one .owl-nav .owl-next:hover:before{
  transform: scaleX(1.0);
}
.nav-style-one .owl-nav .owl-prev:before{
  transform-origin: left !important;
}
.nav-style-one .owl-nav .owl-prev:before, 
.nav-style-one .owl-nav .owl-next:before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: 50%;
  transform: scale(0.0);
  transform-origin: right;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background-color: var(--theme-color);
}
.nav-style-one .owl-nav .owl-prev:hover span,
.nav-style-one .owl-nav .owl-next:hover span{
  color: var(--white-color);
  position: relative;
}
.banner-carousel .slide-item .icons-1 {
  width: 475px;
  height: 550px;
  left: 0px;
  bottom: 0px;
}

/* Service Section */

.service__from {
  margin-top: -102px;
  position: relative;
  z-index: 1;
}
.service__from .from__one input {
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  padding: 20px;
  width: 220px;
  color: var(--base-color);
  height: 60px;
}
.service__from .from__one {
  background: var(--white-color);
  box-shadow: 0px 10px 80px rgb(0 0 0 / 10%);
  padding: 70px;
  display: flex;
  align-items: center;
}
.service__from .service__btn {
  width: 180px;
  cursor: pointer;
}
.service__from .from__one .form-group{
  margin-right: 20px;
}
.service__from .from__one .form-group:last-child{
  margin-right: 20px;
}
.service__from .from__inner{
  display: flex;
}
.service__from .service__btn .btn__submit {
  background: transparent;
}
.service__from .service__btn .btn__submit span{
  font-weight: 600;
}

/* Service Section */


/* Quality Section */
.icon__box .icon__outer {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon__box .icon__hover__bg__two {
  width: 100px;
  position: absolute;
  height: 100px;
  opacity: 1;
  transition: all 500ms ease;
}
.quality__section .icon__outer span {
  font-size: 50px;
  position: relative;
  color: var(--theme-color);
  transition: all 500ms ease;
}
.quality__section .inner__content {
  text-align: center;
  padding: 0px 35px;
}
.quality__section .inner__content .icon__box {
  display: flex;
  justify-content: center;
}
.quality__section .service__text h4 {
  padding: 30px 0px 20px;
}
.icon__box .icon__hover__bg__one {
  width: 100px;
  height: 100px;
  opacity: 0;
  transform: scale(0.0);
  transform-origin: center;
  transition: all 500ms ease;
  position: absolute;
}
.quality__section .inner__content:hover .icon__hover__bg__one {
  opacity: 1;
  transform: scale(1.0);
}
.quality__section .inner__content:hover .icon__hover__bg__two {
  opacity: 0;
}
.quality__section .inner__content:hover .icon__outer span{
  color: var(--white-color);
}

/* Quality Section */


/* About Section */
.about_left__section .expericence {
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  align-items: center;
}
.about_left__section .expericence span {
  font-weight: 500;
  font-size: 19px;
  line-height: 0px;
  color: var(--primary-color);
}
.about_left__section .expericence h2 {
  line-height: 24px;
  margin-bottom: 22px;
  text-align: center;
  color: var(--theme-color);
}
.about_left__section .expericence__text{
  padding: 0px 42px;
  text-align: center;
}
.engineer__section h5 {
  padding-bottom: 14px;
}
.engineer__content .engineer__icon span{
  font-size: 26px;
}
.engineer__content .engineer__icon {
  margin-right: 21px;
  margin-top: 4px;
}
.about__right__section .engineer__content {
  display: flex;
}
.about__right__section .normal__text {
  padding-bottom: 34px;
}
.about__right__section .about__btn {
  padding-top: 30px;
  display: inline-block;
}
.parallax-scene-1 .icon.layer-bg {
  left: 240px !important;
  top: -75px !important;
  width: 180px;
  height: 180px;
}
.parallax-scene-2 .icon.layer-bg {
  left: 44% !important;
  top: 208px !important;
  width: 180px;
  height: 180px;
}
.about__section .icon.icon-02 {
  width: 253px;
  height: 552px;
  right: 0px;
  top: -315px;
}
.about__section .icon.icon-03 {
  width: 276px;
  height: 395px;
  left: 0px;
  top: -260px;
}
/* About Section end*/

/* Service Section*/
.service__content {
  background: var(--primary-color);
  padding: 150px 0px 238px;
}
.service__content .main__title h2 {
  color: var(--white-color);
}
.service__tab__section ul.tab-btns {
  display: flex;
  justify-content: center;
  padding-bottom: 60px;
}
.service__tab__section ul.tab-btns li {
  position: relative;
  padding: 17px 48px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  line-height: 26px;
  border-left: none;
  cursor: pointer;
  border-right: 0;
}
.service__tab__section ul.tab-btns li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.service__tab__section ul.tab-btns li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.service__tab__section ul.tab-btns li span {
  color: var(--white-color);
  z-index: 1;
  position: relative;
}
.service__tab__section ul.tab-btns li:before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  width: 1px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
.service__tab__section ul.tab-btns li:last-child:before {
  display: none;
}
.service__tab__section ul.tab-btns li:hover .inner__tab:before, 
.service__tab__section ul.tab-btns li.active-btn .inner__tab:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: bottom center;
}
.service__tab__section ul.tab-btns li .inner__tab:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  right: 0;
  width: 30px;
  height: 10px;
  margin: 0 auto;
  border-top: 10px solid var(--theme-color);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  transform-origin: top center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.service__tab__section ul.tab-btns li:hover .inner__tab:after, 
.service__tab__section ul.tab-btns li.active-btn .inner__tab:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: bottom center;
}
.service__tab__section ul.tab-btns li .inner__tab:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background-color: var(--theme-color);
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  transform-origin: top center;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.tab__right__content .tab__text p{
  padding: 30px 0px;
}
.tab__right__content .tab__list {
  padding-bottom: 35px;
}
.tab__right__content .tab__list li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: var(--white-color);
  display: flex;
  align-items: center;
}
.tab__right__content .tab__list li span {
  margin-right: 10px;
}
.tab__btn {
  display: inline-block;
}
.tab__left__content img {
  width: 100%;
}
.service__content .icon.icons-1 {
  width: 439px;
  height: 425px;
  left: -100px;
  bottom: 0;
}
.service__content .icon.icons-2 {
  width: 505px;
  height: 353px;
  right: -100px;
  bottom: 0;
}
.service__section{
  padding-bottom: 0px;
}
/* Service Section end*/

/* Funfact Section*/
.funfact__content .inner-box .icon__image span{
  font-size: 50px;
  margin-right: 20px;
}
.funfact__section {
  margin-top: -80px !important;
  position: relative;
  z-index: 9;
}
.funfact__content .inner-box.one .icon__image span,
.funfact__content .inner-box.three .icon__image span{
  color: var(--white-color);
}
.funfact__content .inner-box .funfact__text p{
  font-weight: 500;
}
.funfact__content .inner-box.one .funfact__text p,
.funfact__content .inner-box.three .funfact__text p,
.funfact__content .inner-box.one .funfact__text span,
.funfact__content .inner-box.three .funfact__text span{
  color: var(--white-color);
}
.funfact__content .inner-box.one,
.funfact__content .inner-box.three {
  background: var(--theme-color);
}
.funfact__content .inner-box {
  display: flex;
  background: var(--white-color);
  box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.1);
  margin-right: 10px;
  padding: 40px 30px;
}
.funfact__content .inner__container {
  display: flex;
  flex-wrap: wrap;
}
.funfact__content .inner-box .funfact__text span {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  color: var(--primary-color);
  line-height: 50px;
}


/* Funfact Section end*/

/* Roofer Section*/
.roofer__section {
  margin-top: -80px;
  padding: 225px 0px 0px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.roofer__left .roofer__text {
  padding-bottom: 50px;
}
.roofer__right img {
  margin-top: -30px;
}
.expert__body:hover .icon__hover__bg__one {
  opacity: 1;
  transform: scale(1.0);
}
.expert__body:hover .icon__hover__bg__two {
  opacity: 0;
}
.expert__body:hover .icon__outer span{
  color: var(--white-color);
}
.expert__body .icon__bg span {
  position: relative;
  font-size: 40px;
}
.roofer__section:before {
  position: absolute;
  content: '';
  background: rgb(242 242 242 / 98%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}
.expert__content .expert__body {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}
.expert__content .expert__body .icon__box {
  margin-right: 30px;
}
.expert__content .expert__body p {
  padding-top: 15px;
}



/* Roofer Section end*/

/* Portfolio Section*/
.portfolio {
  margin: 30px 30px 0px;
}
.portfolio__block__one .inner-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-perspective: 50em;
  perspective: 50em;
}
.portfolio__block__one .inner-box img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
}
.portfolio__block__one .inner-box * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.portfolio__block__one .inner-box:hover .lower__content .view-btn{
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.portfolio__block__one .inner-box:hover .lower__content .portfolio__block{
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.portfolio__block__one .inner-box .lower__content .view-btn{
  top: 50%;
  left: 50%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.portfolio__block__one .inner-box .lower__content .portfolio__block{
  bottom: 30px;
  left: 30px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
.portfolio__block__one .lower__content .portfolio__block span{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 30px;
  color: var(--theme-color);
}
.portfolio__block__one .inner-box .lower__content .view-btn span{
  color: var(--white-color);
  font-size: 50px;
  padding-bottom: 20px;
}
.portfolio__block__one .lower__content .portfolio__block a{
  color: var(--white-color);
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
}
.portfolio__block__one .inner-box:hover:after{
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg);
  opacity: 0.6;
}
.portfolio__block__one .inner-box:after {
  background-color: var(--primary-color);
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
  transform: rotate3d(1, -1, 0, 100deg);
  opacity: 0;
}
.portfolio .owl-dots {
  display: none;
}


/* Portfolio Section end*/

/* Team Section*/
.inner_box.hover_three {
  position: relative;
  box-shadow: 0px 30px 100px rgb(0 0 0 / 10%);
}
.inner_box.hover_three:hover .overlay {
  opacity: 1;
  transform:rotateY(180deg);
}
.inner_box.hover_three .overlay {
  background: #1c1b1f80;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  padding-top: 45%;
  transform: rotateY(0deg);
  transition: all 700ms ease;
  opacity: 0;
}
.inner_box.hover_three .image_box img {
  width: 100%;
  height: 100%;
}
.inner_box.hover_three .overlay .social_links{
  transform: rotateY(180deg);
}
.inner_box.hover_three .overlay .social_links li a {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
.inner_box.hover_three .overlay .social_links li {
  display: inline-block;
  margin-right: 10px;
}
.inner_box.hover_three .overlay .social_links li:last-child {
  margin-right: 0px;
}
.inner_box.hover_three .overlay .social_links li span {
  color: var(--primary-color);
}
.inner_box.hover_three .overlay .social_links li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .5s;
  z-index: 1;
}
.inner_box.hover_three .overlay .social_links li a span {
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
}
.inner_box.hover_three .overlay .social_links li a:hover:before {
  top: 0;
  background: var(--theme-color);
}
.inner_box.hover_three .overlay .social_links li a:hover span {
  color: var(--white-color);
  transform: rotateY(360deg);
}
.inner_box .lower_content {
  width: 310px;
  height: 155px;
  margin-top: -100px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.inner_box .lower_content .team_info h4 {
  padding-bottom: 15px;
}
.inner_box .lower_content .team_info {
  text-align: center;
}

/* Team Section end*/

/* Testimonials Section */
.testimonials__block__one .authore__img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.testimonials__right .testimonials__right__feature img {
  width: 100%;
}
.testimonials__middle {
  background: var(--white-color);
  filter: drop-shadow(0px 30px 100px rgb(0 0 0 / 10%));
  padding: 50px 50px 0px;
  position: relative;
  margin-top: 50px;
}
.testimonials__middle .image__layer {
  width: 100%;
  height: 57px;
  position: absolute;
  left: 0;
  bottom: -40px;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonials__info .testimonials__text p {
  padding: 29px 0px;
  font-size: 18px;
}
.testimonials__info .authore__info p {
  padding: 6px 0px 0px;
}
.testimonials__block__one .quote {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 8px;
}
.testimonials__middle:before {
  content: "";
  position: absolute;
  background: var(--theme-color);
  width: 3px;
  height: 44px;
  bottom: 9px;
  left: 1px;
  z-index: 1;
}
.testimonials__block__one .quote span {
  font-size: 40px;
  opacity: 0.2;
}
.testimonials__content .slider_dots{
  padding-top: 30px;
}
 .slider_control .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background: transparent;
  border: 1.5px solid rgba(241, 49, 49, 0.4);
  border-radius: 50%;
  margin-right: 10px;
  opacity: 1;
}
.slider_control .swiper-pagination-bullet-active{
  opacity: 1;
  background: var(--theme-color);
}
.test__right__image {
  position: absolute;
  right: -30px;
  top: -70px;
  z-index: -1;
}
section.testimonials__section {
  margin-bottom: 99px;
}
.testimonials__content__one {
  padding-top: 80px;
}
.parallax-scene.parallax-scene-3 .icon.layer-bg {
  width: 180px;
  height: 180px;
  left: 37% !important;
  top: -42px !important;
}
section.testimonials__section .icon.icon-03 {
  width: 208px;
  height: 136px;
  left: 0;
  bottom: -75px;
}
/* Testimonials Section end*/

/* Workprocess Section*/

.work__process {
  background: var(--primary-color);
}
.work__process .main__title h2 {
  color: var(--white-color);
}
.work__process .work__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 40px;
}
.work__process .work__content .work__block {
  position: relative;
  width: 310px;
  text-align: center;
}
.work__content .work__block .icon__hover__one {
  position: absolute;
  width: 310px;
  background-repeat: no-repeat;
  opacity: 1;
  transition: all 500ms ease;
  height: 310px;
}
.work__content .work__block:hover .icon__hover__one{
  opacity: 0;
}
.work__content .work__block:hover .icon__hover__two {
  opacity: 1;
  transform: rotateY(180deg);
}
.work__content .work__block .icon__hover__two {
  width: 310px;
  height: 310px;
  opacity: 0;
  transform: rotateY(0deg);
  transform-origin: center;
  transition: all 700ms ease;
  position: absolute;
}

.work__block .icon__outer {
  position: relative;
  width: 100%;
}
.work__block .icon__outer .icon__bg {
  width: 120px;
  height: 120px;
  background: var(--theme-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 700ms ease;
}
.work__block .icon__outer .icon__bg span {
  font-size: 50px;
  color: var(--white-color);
  transition: all 700ms ease;
}
.work__text {
  padding-top: 30px;
}
.work__text h4 {
  color: var(--white-color);
}
.work__block__content {
  padding: 67px;
}
.work__block:nth-child(2) .icon__outer:after {
  content: "02";
}
.work__block:nth-child(3) .icon__outer:after {
  content: "03";
}
.work__block .icon__outer:after {
  content: "01";
  position: absolute;
  width: 50px;
  height: 50px;
  background: var(--theme-color);
  border: 3px solid var(--white-color);
  border-radius: 50%;
  right: 0;
  font-family: 'Roboto';
  color: var(--white-color);
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 700ms ease;
  bottom: -8px;
}
.work__block:hover .icon__outer .icon__bg span{
  color: var(--primary-color);
}
.work__block:hover .icon__outer .icon__bg{
  background: var(--white-color);
}
.work__block:hover .icon__outer:after{
  background: var(--white-color);
  border: 3px solid var(--primary-color);
  color: var(--primary-color);
}
.work__process .icon.icons-1 {
  width: 424px;
  height: 348px;
  top: 0;
  left: -100px;
}
.work__process .icon.icons-2{
  width: 374px;
  height: 406px;
  right: 0;
  bottom: 0;
}
.work__process .work__block .anim-icon .icons-4 {
  width: 82px;
  height: 18px;
  right: -130px;
  top: 50%;
  transform: translate(0%,-50%);
}

/* Workprocess Section end*/

/* brand-section */
.brand__one .brand__logo__box{
  position: relative;
  text-align: center;
}
.brand__one .brand__logo__box .overlay__image {
  position: absolute;
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  top: -30px;
  opacity: 0;
  transition: all 500ms ease;
}
.brand__one .brand__logo__box:hover .overlay__image{
  top: 0px;
  opacity: 1;
}
.brand__one .brand__logo__box .overlay__image img{
  opacity: 1;
}
.brand__one .brand__logo__box img{
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  opacity: 1;
  opacity: 0.6;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.brand__section.brand__one .owl-nav{
  display: none;
}
.brand__section.brand__one {
  background: var(--theme-color);
  padding: 77px;
}

/* brand-section end */


/* Blog Section */
.news__date {
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -85px;
  z-index: 11;
  position: relative;
}
.news__date a {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
  line-height: 19px;
  color: var(--white-color);
  text-transform: uppercase;
  padding: 23px 23px;
  margin-top: 6px;
}
.news__date a:hover{
  color: var(--white-color) !important;
}
.news__date a span {
  color: var(--white-color);
  font-weight: 500;
  font-size: 15px;
}
 .news__block__one .lower__content {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 0px;
  margin-bottom: 22px;
}
 .news__block__one .lower__content .news__title h4 {
  padding: 25px 0px 15px;
}
 .news__block__one .lower__content .author__info li {
  padding-bottom: 20px;
}
 .news__block__one .lower__content .news__text p {
  padding-bottom: 41px;
}
 .news__block__one .news__text:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--higer-secondary-color);
  position: absolute;
  left: 0;
  bottom: 50px;
}
 .news__block__one .image_layer.shape-06 {
  width: 100%;
  height: 55px;
  position: absolute;
  bottom: -24px;
  left: 0px;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.news__block__one .author__info li span {
  color: var(--base-color);
}
.news__block__one .author__info li a {
  color: var(--base-color);
}
.inner__box .image__box img {
  width: 100%;
}

/* Blog Section End*/

/* more-btn-section*/
.more__btn {
  position: relative;
  padding-bottom: 10px;
}
.more__btn a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  color: var(--base-color);
  transition: all 500ms ease;
}
.more__btn a span:last-child {
  display: none;
}
.more__btn a span {
  color: var(--base-color);
  margin-left: 8px;
  transition: all 500ms ease;
}
.more__btn a:hover span {
  display: none;
}
.more__btn a:hover span:last-child {
  display: inline-block;
  color:  var(--theme-color);
}

/* more-btn-section end*/

/* news-letter */
.news_letter_content {
  background: var(--theme-color);
}
.image_layer {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}
.image_layer.shape_01 {
  width: 123px;
  left: 0px;
  height: 100%;
  bottom: 0;
  z-index: 1;
}
.news_letter_image img {
  position: relative;
  width: 100%;
}
.news_letter_content .news_letter_left {
  padding: 56px 0px 50px 50px;
}
.news_letter_left h3 {
  font-weight: 800;
  font-size: 35px;
  line-height: 45px;
  color: var(--white-color);
  padding-bottom: 29px;
}
.news_letter_left .form-group input {
  padding: 20px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--white-color);
}
.news_letter_left .form-group .btn-two {
  margin-left: 15px;
}
section.news_letter.two {
  margin-bottom: -130px;
}
section.news_letter {
  margin-bottom: -136px;
  z-index:1;
  position: relative;
}

/* news-letter end*/

/* footer one*/
footer .main__footer__top {
  background: #171619;
  padding: 50px 0px 30px;
}
.footer__top__content {
  display: flex;
  justify-content: space-between;
  padding-bottom: 67px;
}
.footer__social__media li a {
  display: flex;
  position: relative;
  width: 44px;
  height: 44px;
  background: #333235;
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
}
.footer__social__media ul {
  display: flex;
}
.footer__social__media li a span {
  color: var(--white-color);
  position: relative;
}
.footer__social__media li a:hover:before {
  width: 100%;
  height: 100%;
}
.footer__social__media li a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  background: var(--theme-color);
  transition: all 500ms ease;
}
.footer_widget .instagram_list {
  display: flex;
  flex-wrap: wrap;
}
.footer_widget .instagram_list li {
  padding-bottom: 10px !important;
  padding-right: 10px;
}
.footer_widget .widget_title h4 {
  color: var(--white-color);
  padding-bottom: 26px;
}
.footer_bottom {
  background: #121214;
  padding: 40px 0px;
  text-align: center;
}
.footer_bottom p {
  color: var(--white-color);
}
.footer__middle .footer__middle__content {
  padding-top: 100px;
  overflow: hidden;
}
.footer__middle .footer__middle__content:before {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 1296px;
  height: 1px;
  position: absolute;
  top: 0;
}
.footer__middle {
  overflow: hidden;
}
.footer_widget .widget_media ul {
  display: flex;
}
.footer_widget .widget_media ul li {
  margin-right: 30px;
}
.footer_widget .widget_media ul li:last-child {
  margin-right: 0px;
}
.footer_widget.left .widget_content li:first-child {
  padding-bottom: 15px;
}
.footer_widget .widget_content li {
  color: #D2D1D2;
  line-height: 30px;
  padding-bottom: 10px;
}
.footer_widget .widget_content li span {
  color: var(--white-color);
  margin-right: 8px;
}
.footer_widget .widget_content li a{
  color: #D2D1D2;
}
.footer_widget .widget_media ul li a span {
  color: var(--white-color);
  transition: all 500ms ease;
}
.footer_widget .widget_media ul li a:hover span {
  color: var(--theme-color);
}
.copyright p a{
  color: #D2D1D2;
}





/*** 

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

***/
/* header-style-two */
.main-header.style-two .outer-box {
  max-width: 1290px;
  margin: 0 auto;
}
.main-header.style-two .header-right_buttom {
  padding: 15px 0px;
}
.main-header.style-two .outer-box .logo-box {
  padding: 0px 3px 0px 0px;
}
.main-header.style-two .sticky-header .outer-box .logo-box {
  padding: 10px 0px;
}
.main-header.style-two .outer-box .logo {
  padding: 0px 0px 0px 0px;
}
.main-header.style-two .main-menu .navigation > li{
  padding: 0px 0px;
}
.main-header.style-two .header__right {
  padding-right: 0px;
}
.main-header.style-two .main-menu .navigation > li.dropdown > a {
  margin-right: 0px;
}
.header__top__content {
  background: var(--primary-color);
}
.main-header.style-two .header_top {
  max-width: 1290px;
  margin: 0 auto;
  background: transparent;
  padding: 15px 0px;
}
.main-header.style-two .header_top .login__border:after{
  right: 145px;
}

.main-header.style-two .outer-box .logo-box .image__bg {
  position: absolute;
  width: 238px;
  height: 124px;
  z-index: -1;
  top: -20px;
  left: 0;
  filter: drop-shadow(0px 10px 50px rgba(0, 0, 0, 0.15));
}

/* header-style-two */

/** banner-section **/
.banner.style__two .content__box {
  padding: 180px 0px 245px 0px;
}
.banner.style__two .sub__title h6 {
  padding-bottom: 10px;
}
.banner.style__two .content__box h1 span {
  color: transparent;
}
.banner.style__two .slide-item:before {
  position: absolute;
  content: '';
  background: var(--primary-color);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.6;
  z-index: 1;
}

.banner.style__two .slide__item__content{
  background-size: cover;
}
.banner.style__two .banner-carousel .content__box .btn-box{
  display: inline-block;
}
.banner.style__two .banner-carousel .owl-nav {
  width: 100%;
}
.banner.style__two .banner-carousel .content__box h1{
  margin-bottom: 10px ;
}
.banner.style__two .banner-carousel .owl-nav .owl-prev{
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translate(0%, -50%);
}
.banner.style__two .banner-carousel .owl-nav .owl-next{
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(100px, -50%);
}
/** banner-section end**/

/** service__from **/
.service__from.two {
  margin-top: -74px;
}
/** service__from end**/

/** about-two**/
.about__section.two .expericence {
  left: 39%;
  bottom: 141px;
  filter: drop-shadow(0px 30px 100px rgba(0, 0, 0, 0.1));
}
.about__img__one {
  position: absolute;
  bottom: 0;
}
.about__img__two {
  position: absolute;
  left: 205px;
  filter: drop-shadow(0px 30px 100px rgba(0, 0, 0, 0.1));
}
.about__section.two .icon.icons-1 {
  width: 815px;
  height: 276px;
  top: -135px;
  left: -100px;
}
.about__section.two .icon.icons-2 {
  width: 230px;
  height: 421px;
  right: 0;
  bottom: 0;
}
.about__section.two .icon.icons-3 {
  width: 563px;
  height: 117px;
  bottom: 0;
  right: 182px;
}
.about__section.two .icon.icons-4 {
  width: 364px;
  height: 238px;
  bottom: -60px;
  right: 25px;
}
.about__section.two .parallax-scene-1 .icon.layer-bg {
  left: 429px !important;
  top: 61px !important;
}
.about__section.two .parallax-scene-4 .icon.layer-bg {
  left: 555px !important;
  width: 165px;
  height: 165px;
}
.about__section.two .parallax-scene.parallax-scene-4 {
  top: 62% !important;
}
/** about-two end**/

/** service__two**/
.service__two:before {
  content: "";
  background: #F2F2F2;
  position: absolute;
  width: 100%;
  height: 730px;
  top: 0;
  left: 0;
  z-index: -1;
}
.service__content__two .lower__content {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 40px 40px 0px;
  position: relative;
  margin-bottom: 30px;
  height: 380px;
}
.service__content__two .service__icon {
  position: absolute;
  display: flex;
  align-items: center;
  width: 90px;
  height: 90px;
  justify-content: center;
  right: 30px;
  top: -43px;
}
.service__content__two .service__icon .image_layer_one {
  width: 90px;
  height: 90px;
}
.service__content__two .service__icon .icon {
  position: absolute;
}
.service__content__two .service__icon .icon span {
  font-size: 50px;
}
.service__content__two .lower__content .service__text {
  padding: 17px 0px 22px;
  position: relative;
}
.service__content__two .lower__content .image_layer.shape-06 {
  width: 100%;
  height: 55px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: -25px;
}
.service__block__one .service__text:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--higer-secondary-color);
  position: absolute;
  left: 0;
  bottom: 0px;
}
.service__block__one .lower__content .more__btn {
  position: relative;
  padding: 20px 0px 10px;
}
.service__block__one .lower__content .more__btn a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  color: var(--base-color);
  transition: all 500ms ease;
}
.service__block__one .lower__content .more__btn a span {
  color: var(--base-color);
  margin-left: 8px;
  transition: all 500ms ease;
}
.service__block__one .lower__content .more__btn a span:last-child {
  display: none;
}
.service__block__one .lower__content .more__btn a:hover span {
  display: none;
}
.service__block__one .lower__content .more__btn a:hover span:last-child {
  display: inline-block;
}
.service__block__one:hover .image_layer_one {
  opacity: 0;
}
.service__block__one:hover .image_layer_two {
  opacity: 1;
  transform: rotateY(180deg);
}
.service__block__one .image_layer_two{
  opacity: 0;
  transform: rotateY(0deg);
  transform-origin: center;
  transition: all 800ms ease;
  position: absolute;
  width: 90px;
  height: 90px;
}

/** service__two end**/

/** choose__two end**/
.roofer__list__content {
  padding-top: 30px;
}
.roofer__two__list li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.roofer__two__list li span {
  margin-right: 14px;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  border-radius: 50%;
}
.roofer__two__list li:last-child {
  margin-bottom: 0px;
}
.choose__two__content .anim-icon .icon.icons-01 {
  width: 635px;
  height: 529px;
  top: -305px;
  left: 0;
  z-index: -1;
}
.choose__two__right {
  position: absolute;
  bottom: 80px;
}
.choose__two {
  padding-bottom: 150px;
}
.choose__two__content .anim-icon .icon.icons-02 {
  width: 787px;
  height: 607px;
  bottom: 0;
  right: 160px;
}
/** choose__two end**/

/** work__process end**/
.work__process.two {
  padding-bottom: 276px;
  background: transparent;
  margin-bottom: 67px;
}
.work__process.two .image__layer:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 1;
  z-index: -1;
}
.work__process.two .image__layer{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.work__process.two .shape-34 {
  width: 100%;
  height: 67px;
  position: absolute;
  bottom: -50px;
  left: 0;
  background-size: cover;
  background-position: bottom;
  background-repeat: repeat;
  animation: slide 100s linear infinite;
  -webkit-animation: slide 100s linear infinite;
}
@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}
.work__block__content__two {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.work__block__content__two .work__text h4 {
  transition: all 500ms ease;
}
.work__block__content__two .icon__bg__two span {
  font-size: 125px;
  opacity: 0.15;
  transition: all 500ms ease;
}
.work__block__content__two .icon__outer {
  position: absolute;
}
.work__block__content__two .work__text {
  padding: 0px 50px;
}
.work__block.two .icon__box .number span{
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  right: 6px;
  top: -22px;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: center;
  transition: all 700ms ease;
  overflow: hidden;
  box-shadow: -10px 20px 60px rgb(237 48 48 / 35%);
}
.work__block.two .icon__outer:after{
  display: none;
}
.work__block.two:hover .work__block__content__two:before {
  transform: scale(1.0);
}
.work__block.two .work__block__content__two:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  transform: scale(0.0);
  transform-origin: top right;
  transform-style: preserve-3d;
  transition: all 500ms ease;
}
.work__block.two .icon__box .number{
  position: relative;
}
.work__block.two:hover .icon__box .number span:before {
  transform: scale(1.0);
}
.work__block.two .icon__box .number span:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  transform: scale(0.0);
  transform-origin: top right;
  transform-style: preserve-3d;
  transition: all 500ms ease;
  z-index: -1;
}
.work__block.two:hover .icon__bg__two span{
  opacity: 0.15;
}
/** work__process end**/

/** testimonials-two **/
.testimonials__two {
  margin-top: -205px;
  padding-bottom: 150px;
}
.testimonials__block .test__rating li span{
  font-size: 18px;
}
.testimonials__block .test__rating li {
  display: inline-block;
  margin-right: 5px;
}
.testimonials__block .test__rating li:last-child {
  margin-right: 0px;
}
.tastimonials__title h2 {
  font-size: 40px;
  padding: 15px 0px 35px;
}
.testimonials__two__left .authore__img img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.testimonials__two__left {
  box-shadow: 0px 30px 100px rgb(0 0 0 / 10%);
  padding: 70px;
}
.testimonials__two__left .testimonials__text p{
  padding: 20px 0px 20px;
}
.tastimonials__title span {
  font-weight: 600;
  text-transform: uppercase;
}
.testimonials__two__left .quote {
  top: 34px;
  position: absolute;
  left: 0;
}
.testimonials__two__left .quote span {
  font-size: 60px;
  opacity: 0.15;
}
.testimonials__two__left .authore__info {
  display: flex;
  align-items: center;
}
.testimonials__two__left .authore__info .authore__img {
  margin-right: 20px;
}
.testimonials__right {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.testimonials__two .owl-nav .owl-prev{
  margin-right: 10px;
}
.testimonials__two .owl-nav .owl-prev,
.testimonials__two .owl-nav .owl-next{
  cursor: pointer;
}
.nav-style-two .owl-nav span {
  font-size: 25px;
  transition: all 500ms ease;
}
.nav-style-two .owl-nav {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 20px;
}


/** testimonials-two end**/

/* portfolio-section */
.portfolio.two{
  margin-top: 0px;
}

/* portfolio-section end*/

/* faq-section end*/
.faq__section.four .faq__content .tab__text{
  padding-bottom: 40px;
}
.faq__content .tab__text{
  padding-bottom: 50px;
}
.faq__section .icon.layer-bg {
  width: 180px;
  height: 180px;
  left: 341px !important;
  top: 150px !important;
}
.faq__left__content {
  margin-top: -80px;
  padding-left: 80px;
  position: relative;
}
.faq__right__section {
  margin-left: 30px;
}
.faq__left__content:before {
  content: "";
  position: absolute;
  border-radius: 350px;
  width: 600px;
  height: 294px;
}
.faq__left__content:before {
  content: "";
  position: absolute;
  border-radius: 350px;
  width: 600px;
  height: 294px;
  z-index: -1;
  left: 0;
  bottom: 150px;
}
.faq__section .icon.icons-2 {
  width: 495px;
  height: 570px;
  right: 0;
  bottom: 0;
}
/* faq-section end*/



/* Accordion Box Style1 Css */
.accordion-box-style1 {
  position: relative;
  display: block;
}
.accordion-box-style1 .accordion {
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
}
.accordion-box-style1 .accordion .accord-btn {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 22px 30px;
  transition: all 500ms ease;
}
.accordion-box-style1 .accordion .accord-btn.active {
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  box-shadow: none;
  background: transparent;
}
.accordion-box-style1 .accordion .accord-content {
  position: relative;
  padding: 10px 65px 39px 30px;
  display: none;
}
.accordion-box-style1 .accordion .accord-content.collapsed {
  display: block;
}
.accordion-box-style1 .accordion .accord-content p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin: 0;
}
.accordion-box-style1 .accordion .accord-btn.active .plus {
  display: none;
}
.accordion-box-style1 .collapse-icon {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translate(0%, -50%);
}
.accordion-box-style1 .accordion .accord-btn .minace {
  display: none;
}
.accordion-box-style1 .accordion .accord-btn.active .minace {
  display: block;
}
.accordion-box-style1 .accordion .accord-btn h5 span {
  margin-right: 22px;
}
.accordion-box-style1 .accordion .accord-btn h5 {
  font-weight: 500;
}

/* Accordion Box Style1 Css */

/* help_section */

.help__right {
  float: right;
  padding: 25px 0px;
}
.help__left {
  padding: 105px 0px;
  display: flex;
}
.help__left .help__two h2 {
  font-size: 40px;
  line-height: 50px;
  padding-bottom: 15px;
}
.help__left .help__one {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  position: relative;
}
.help__left .help__one span {
  font-size: 44px;
}
.help__left .help__two a,
.help__left .help__two span {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
}
.help__left .help__one:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  display: inline-block;
  right: -3px;
  top: 52px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(13deg);
}
/* help_section end */

/* news_letter */

.news_letter.two .news_letter_left {
  display: flex;
  justify-content: space-between;
  padding: 70px;
  align-items: center;
}
.news_letter.two .news_letter_left h3 {
  padding-bottom: 0px;
}
.news_letter.two .news_letter_left input {
  width: 370px;
}

/* news_letter end*/

/* blog-section*/

.background__bg {
  position: absolute;
  left: 0;
  bottom: -100px;
  width: 100%;
  height: 108%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* blog-section end*/


/*** 

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

***/

/* main-header-three */

.main-header.style-three .outer-box {
  max-width: 1290px;
  margin: 0 auto;
}
.main-header.style-three .logo-box {
  padding: 0;
}
.main-header.style-three .logo-box .logo {
  padding: 0px 42px 0px 0px;
}
.main-header.style-three .header__right{
  padding-right: 0px;
}
.main-header.style-three .image__bg {
  width: calc(50% - 424px);
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
}
.main-header.style-three .image__bg:after {
  content: "";
  width: 41px;
  height: 120px;
  position: absolute;
  top: 0;
  right: -20px;
  background-image: url(../images/shape/logo-shape.png);
  background-repeat: no-repeat;
  background-position: right;
}
.main-header.style-three .outer-box .main-menu .navigation > li {
  margin: 0px 20px 0px 0px;
}
.main-header.style-three .main-menu .navigation > li{
  padding: 49px 0px;
}
.main-header.style-three .header__top__content .header_top {
  padding: 15px 0px;
}
.main-header.style-three .top_right .login__border:after{
  right: 140px;
}

/* main-header-three */

/* banner-style__three  */

.banner.style__three .slide-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  z-index: 1;
}
.banner.style__three .banner-carousel .content__box {
  padding: 180px 0px 280px;
}
.banner.style__three .banner-carousel .content__box .btn-box{
  display: inline-block;
}
.banner.style__three .banner-carousel .content__box h1{
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
.banner.style__three .banner-carousel .active .content__box h1{
  -webkit-transform: translateX(10);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.banner.style__three .banner-carousel .content__box .sub__title{
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
.banner.style__three .banner-carousel .active .content__box .sub__title{
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.banner.style__three .banner-carousel .content__box .btn-box{
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
.banner.style__three .banner-carousel .active .content__box .btn-box{
  -webkit-transform: translateX(22px);
  -moz-transform: translateX(22px);
  -ms-transform: translateX(22px);
  -o-transform: translateX(22px);
  transform: translateX(22px);
}
.banner.style__three .banner-carousel .content__box .sub__title h6 {
  padding-bottom: 10px;
}
.banner.style__three .banner-carousel .owl-nav {
  width: 100%;
}
.banner.style__three .banner-carousel .owl-nav .owl-prev{
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translate(0%, -50%);
}
.banner.style__three .banner-carousel .owl-nav .owl-next{
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(100px, -50%);
}

/* banner-style__three  */

/* quality__section__three  */
.quality__section.three .inner__content.two {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgb(0 0 0 / 10%);
  padding: 50px 45px 0px;
  position: relative;
}
.quality__section.three .inner__content.two .service__text p{
  padding-bottom: 50px;
}
.quality__section.three .inner__content.two .service__text p:after {
  content: "";
  height: 1px;
  background: var(--higer-secondary-color);
  position: absolute;
  left: -45px;
  right: -45px;
  padding-left: -45px;
  bottom: 25px;
}
.quality__section.three .inner__content.two .image_layer.shape-06 {
  width: 100%;
  height: 55px;
  left: 0;
  bottom: -25px;
  background-repeat: no-repeat;
}
.quality__section.three {
  margin-bottom: 30px;
  margin-top: -100px;
  z-index: 1;
}

/* quality__section__three end */

/* about_section__three  */
.about__section__three{
  padding-top: 150px;
}
.about__three__right .one__img img {
  width: 460px;
  height: 460px;
  border-radius: 50%;
}
.about__three__right .two__img {
  left: 55px;
  bottom: 60px;
}
.about__three__right .two__img img {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  position: relative;
}
.about__three__right .one__img {
  float: right;
}
.about__three__left {
  padding: 22px 0px;
}
.about__three__left .normal__text {
  padding-bottom: 30px;
}
.about__three__left .engineer__content__list li {
  font-weight: 500;
  color: var(--primary-color);
  padding-bottom: 20px;
}
.about__three__left .engineer__content__list li span {
  margin-right: 10px;
}
.about__three__left .about__btn {
  padding-top: 20px;
  display: inline-block;
}
.about__three__right .two__img:before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background: var(--white-color);
  border-radius: 50%;
  right: -5px;
  top: -10px;
  box-shadow: 0px 30px 100px rgb(0 0 0 / 10%);
}
.about__two__expericence {
  width: 284px;
  height: 145px;
  background-size: cover;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 30px 100px rgba(0, 0, 0, 0.2));
  bottom: 0px;
  left: 230px;
}
.about__two__expericence .about__two__text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 50px;
}
.about__two__expericence .about__two__text span {
  font-size: 19px;
  color: var(--primary-color);
  font-weight: 500;
  margin-left: 10px;
}
.about__two__expericence .about__two__text h2 {
  color: var(--theme-color);
}
.parallax-scene.parallax-scene-7 {
  left: inherit !important;
  top: 57% !important;
  right: -10px !important;
}
.about__three__right .icon.layer-bg {
  width: 165px;
  height: 165px;
  float: right;
}


/* about_section__three end  */

/* service-tab-three */
.service__tab__section ul.three.tab-btns li .inner__tab:before{
  display: none;
}
.service__tab__section ul.three.tab-btns li:hover .inner__tab:after, 
.service__tab__section ul.three.tab-btns li.active-btn .inner__tab:after{
  display: none;
}
.service__tab__section ul.three.tab-btns li {
  text-align: center;
  font-size: 18px;
  width: 180px;
  height: 180px;
  position: relative;
  margin-right: 20px;
  padding: 0;
}
.service__tab__section ul.three.tab-btns li:last-child {
  margin-right: 0;
}
.service__tab__section ul.three.tab-btns li:before{
  display: none;
}
.service__tab__section ul.three .icon__hover__one {
  width: 180px;
  height: 180px;
  position: absolute;
  background-repeat: no-repeat;
  opacity: 1;
  transition: all 500ms ease;
}
.tab__content__three {
  position: relative;
  padding: 50px 10px;
}
.tab__content__three .tab__content__text span {
  color: var(--primary-color) !important;
  transition: all 500ms ease;
}
.tab__content__three .tab__content__icon {
  font-size: 50px;
  padding-bottom: 10px;
  color: var(--theme-color);
  transition: all 500ms ease;
}
.service__tab__section ul.three.tab-btns li.active-btn .icon__hover__two{
  opacity: 1;
}
.service__tab__section ul.three.tab-btns li.active-btn .icon__hover__one,
.service__section.three li:hover .icon__hover__one {
  opacity: 0;
}
.service__section.three li:hover .icon__hover__two {
  opacity: 1;
  transform: rotateY(180deg);
}
.service__section.three li .icon__hover__two {
  width: 180px;
  height: 180px;
  opacity: 0;
  transform: rotateY(0deg);
  transform-origin: center;
  transition: all 700ms ease;
  position: absolute;
}
.service__tab__section ul.three.tab-btns li.active-btn span,
.service__tab__section ul.three.tab-btns li:hover span{
  color: var(--white-color) !important;
}
.service__tab__section ul.three.tab-btns li.active-btn .tab__content__icon, 
.service__tab__section ul.three.tab-btns li:hover .tab__content__icon{
  color: var(--white-color);
}
/* service-tab-three-end  */

/* funfact__section_three  */
.roofer__section.three {
  margin-top: 0px;
  padding: 150px 0px 0px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.roofer__section.three:before {
  background: var(--primary-color);
  opacity: 0.9;
}
.roofer__section.three h2,
.roofer__section.three h4,
.roofer__section.three p{
  color: var(--white-color);
}



/* funfact__section_three  */

/* funfact__section_three  */

.funfact__section.three {
  background: var(--theme-color);
  margin-top: 0px !important;
  padding: 80px 0px;
}
.funfact__section.three .inner_box {
  text-align: center;
}
.funfact__section.three .inner_box .icon__image span {
  font-size: 72px;
  color: var(--white-color);
}
.funfact__section.three .inner_box .count-outer span {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  color: var(--white-color);
}
.funfact__section.three .inner_box .icon__image {
  padding-bottom: 30px;
}
.funfact__section.three .inner_box .funfact__text p {
  font-size: 18px;
  color: var(--white-color);
  font-weight: 500;
  padding-top: 10px;
}
.funfact__section.three .inner_box:after {
  content: "";
  width: 1px;
  height: 180px;
  background: var(--white-color);
  opacity: 0.25;
  position: absolute;
  right: 0;
  top: 0;
}
.funfact__section.three .row > *:last-child .inner_box:after {
  display: none;
}

/* funfact__section_three  */

/* team__section__three  */

.lower_content__two {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 25px 0px 35px;
  text-align: center;
}

.lower_content__two h4 {
  padding-bottom: 15px;
}
.team__section.three .inner_box.hover_three:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 5px;
  left: 50%;
  bottom: 0px;
  transition: all 500ms ease;
  background: var(--theme-color);
}
.team__section.three .inner_box.hover_three:after {
  position: absolute;
  content: '';
  width: 25px;
  height: 5px;
  right: 50%;
  bottom: 0px;
  transition: all 500ms ease;
  background: var(--theme-color);
}
.team__section.three .inner_box.hover_three:hover:after {
  width: 50%;
}
.team__section.three .inner_box.hover_three:hover:before {
  width: 50%;
}
section.team__section.three .team_block_one {
  margin-bottom: 0px;
}
.team_block_one {
  margin-bottom: 55px;
}
.team_block_one .inner_box .lower_content {
  filter: drop-shadow(0px 30px 100px rgb(0 0 0 / 10%));
}

/* team__section__three  */

/* service-three  */
.service__section.three .service__content{
  padding: 150px 0px 150px;
  background-color: #F2F2F2;
}
.service__section.three p{
  color: var(--base-color);
}
.service__section.three .tab__right__content .tab__list li{
  color: var(--primary-color);
}
.service__section.three .tab__right__content h4{
  color: var(--primary-color);
}
.service__section.three .service__content .main__title h2 {
  color: var(--primary-color);
}



/* service-three-end  */

/* project  */
.projects___section{
  padding-bottom: 150px;
}
.projects___section .owl-nav {
  width: 100%;
}
.projects___section .owl-nav {
  display: block !important;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 70px;
}
.projects___section .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translate(0%, -50%);
}
.projects___section .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  left: -60px;
  transform: translate(100px, -50%);
}
.projects___content .normal__text {
  padding: 70px 30px 70px 70px;
}
.project-carousel{
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
.project-carousel .owl-stage-outer {
  overflow: visible;
}

/* project end */

/* testimonials__section three  */
.testimonials__section.three .owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
}
.testimonials__section.three .owl-carousel .owl-item.active {
  visibility: visible;
  opacity: 1;
}
.testimonials__section.three .owl-carousel .owl-stage-outer{
  overflow: visible;
}
.testimonials__section.three .testimonials__middle .image__layer{
  height: 55px;
}
.testimonials__section.three .owl-dots {
  display: block;
  margin-top: 100px;
  text-align: center;
}
.testimonials__section.three .owl-nav{
  display: none;
}
section.testimonials__section.three .testimonials__middle{
  margin-top: 0;
}
section.testimonials__section.three {
  margin: 0;
}
.testimonials__section.three .quote span {
  font-size: 45px;
}
.testimonials__section.three .quote {
  right: 50px;
}

/* testimonials__section__three  */

/* news_letter three  */
.news_letter.three {
  margin-bottom: -135px;
  padding-bottom: 0;
}
.news_letter.three .help__left {
  padding: 90px 0px 50px 70px;
  display: flex;
}
.news_letter.three .help__left .help__two h2 {
  font-size: 35px;
}

/* news_letter three  */


/* blog-three  */

section.blog__section.three {
  background: #F2F2F2;
  padding: 275px 0px 155px;
}
/* blog-three  */

/* footer-three */
.main__footer.three .main__footer__top {
  padding: 70px 0px 100px;
}

/* footer-three end */

/*** 

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

***/

/* headre-style-four */

.header__four__left {
  display: flex;
}
.main-header.style-four .logo-box{
  padding: 0px 70px 0px 0px;
}
.main-header.style-four .header__right{
  padding-right: 0px;
}
.main-header.style-four .btn-four {
  background: var(--theme-color);
  padding: 51px 50px;
  color: var(--white-color);
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.header__right__number a:hover span{
  color: var(--theme-color);
}
.header__right__number a{
  font-weight: 600;
  font-size: 20px;
  color: var(--theme-color);
}
.main-header.style-four .btn-four:hover{
  color: var(--white-color) !important;
}
.main-header.style-four .header__right__button>div {
  margin-right: 60px;
}
.main-header.style-four .main-menu .navigation > li{
  margin: 0px 15px;
}
.main-header.style-four .serach-button-style1:after {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  display: inline-block;
  top: -11px;
  right: -26px;
  background: var(--higer-secondary-color);
}
.main-header.style-four .serach-button-style1:before {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  display: inline-block;
  top: -11px;
  left: -24px;
  background: var(--higer-secondary-color);
}

/* headre-style-four end */

/* banner-style-four */
.banner.style__four .banner-carousel .content__box {
  padding: 180px 0px 210px;
}
.banner.style__four .banner-carousel .content__box h1{
  text-transform: capitalize;
  margin-bottom: 10px;
}
.banner.style__four .content__box .sub__title{
  padding-bottom: 0px;
}
.banner.style__four  .btn-box {
  display: inline-block;
}
.banner.style__four .banner-carousel .slide-item:before {
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  z-index: 1;
}
 .slide__item__content{
  background-size: cover;
}
.banner.style__four .owl-nav {
  right: 315px;
}
.banner.style__four .owl-nav .owl-prev {
  background: rgba(255, 255, 255, 0.15);
}
.banner.style__four .owl-nav span {
  color: var(--white-color);
}
.banner.style__four .owl-nav .owl-next {
  background: rgba(255, 255, 255, 0.15);
}



/* banner-style-four end */

/* service__from__four */
.service__from.four {
  margin: 0;
}
.service__from.four {
  background: var(--primary-color);
  padding: 40px 0px;
}
.service__from.four .from__one{
  background: transparent;
  padding:0px;
}
.service__from.four .from__one .from__left h3 {
  color: var(--white-color);
}
.service__from.four .from__logo {
  margin-right: 27px;
}
.service__from.four .from__left {
  width: 245px;
}
.service__from.four .from__logo img {
  opacity: 5%;
}

/* service__from__four end */

/* about-section-four */
.about__section.four .about__two__expericence {
  left: inherit;
  right: -80px;
  bottom: -48px;
  z-index: 1;
}
.about__section.four .about__three__left {
  padding: 0px 0px;
}
.engineer__section__top {
  display: flex;
  flex-wrap: wrap;
}
.engineer__section__top .engineer__section__right {
  padding-left: 30px;
}
.engineer__section__left img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-bottom: 20px;
}
.about__section.four .icon.layer-bg {
  top: 44px !important;
  left: 37% !important;
}
.about__section.four .icon.icons-1 {
  width: 374px;
  height: 338px;
  top: 0;
  left: -100px;
}
.about__section.four .icon.icons-2 {
  width: 398px;
  height: 444px;
  right: 0;
  bottom: 0;
}
/* about-section-four end */

/* service__four end */
.service__four {
  padding: 150px 0px 248px;
  background-size: cover;
}
.service__four:before {
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.9;
  z-index: 1;
}
.service__four__content {
  position: relative;
  z-index: 11;
}
.service__four__content .main__title h2 {
  color: var(--white-color);
}
.service__four__content .inner__content__four {
  text-align: center;
}
.lower__content__four .icon__box {
  display: flex;
  justify-content: center;
  padding: 50px 0px 30px;
}
.service__four__content .inner__content__four h4,
.service__four__content .inner__content__four p,
.service__four__content .inner__content__four a{
  color: var(--white-color);
}
.service__content__four .service__text p {
  padding: 20px 35px 45px;
}
.service__content__four .more__btn {
  padding-bottom: 33px;
}
.service__content__four .service__text p:after {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
}
.lower__content__four .icon__box .icon__outer span {
  font-size: 56px;
  color: var(--white-color);
  z-index: 1;
  position: relative;
  transition: all 500ms all;
}
.service__four .owl-dots {
  display: block;
  padding-top: 50px;
  text-align: center;
}
.inner__content__four .image__hover__bg__one {
  width: 300px;
  height: 408px;
  background-size: cover;
  opacity: 1;
  transition: all 500ms ease;
}
.inner__content__four .image__hover__bg__two {
  width: 300px;
  height: 408px;
  opacity: 0;
  transform: scale(0.0);
  transform-origin: top;
  transition: all 500ms ease;
  position: absolute;
  left: 0;
  top: 0;
}
.inner__content__four .icon__hover__bg__one {
  width: 100px;
  height: 100px;
  opacity: 0;
  transform: scale(0.0);
  transform-origin: top;
  transition: all 500ms ease;
}
.inner__content__four:hover .image__hover__bg__one {
  opacity: 0;
}
.inner__content__four:hover .image__hover__bg__two {
  opacity: 1;
  transform: scale(1.0);
}
.inner__content__four:hover .icon__hover__bg__two {
  opacity: 0;
}
.inner__content__four:hover .icon__hover__bg__one {
  opacity: 1;
  transform: scale(1.0);
}
.inner__content__four:hover .icon__outer span{
  color: var(--primary-color);
}
.service__four__content .inner__content__four a:hover{
  color: var(--white-color) !important;
}
.service__four__content .inner__content__four a:hover{
  color: var(--white-color) !important;
}
.service__four__content .more__btn a span{
  color: var(--white-color);
}
.service__four__content .more__btn a:hover span:last-child{
  color: var(--white-color);
}



/* service__four end */

/* choose__four */
.choose__four__right img {
  max-width: none;
  margin-top: -96px;
  z-index: 11;
  position: relative;
}
.choose__two.four .choose__two__left {
  padding: 138px 0px;
}
.choose__two.four {
  background: #F2F2F2;
  padding-bottom: 0;
}
.choose__two.four .icon.icons-02 {
  width: 715px;
  height: 342px;
  left: -100px;
  bottom: 0;
}

/* choose__four end */

/* funfact-section-four */
.funfact__section.four {
  margin-top: 0px !important;
  padding-top: 150px;
}
.funfact__section.four .icon__hover__bg__two {
  width: 300px;
  height: 300px;
  filter: drop-shadow(0px 20px 100px rgba(0, 0, 0, 0.12));
}
.funfact__section.four .inner_box .icon__hover__bg__one {
  width: 300px;
  height: 300px;
  filter: drop-shadow(0px 20px 100px rgba(0, 0, 0, 0.12));
}
.funfact__section.four .inner_box:hover .icon__hover__bg__one {
  opacity: 1;
  transform: scale(1.0);
}
.funfact__section.four .inner_box:hover .icon__hover__bg__two {
  opacity: 0;
}
.fanfact__content {
  padding: 57px 50px;
  position: relative;
  text-align: center;
}
.funfact__section.four .inner_box:hover .icon__image span {
  color: var(--white-color);
}
.funfact__section.four .inner_box:hover .count-outer span{
  color: var(--white-color);
}
.funfact__section.four .inner_box:hover .funfact__text p{
  color: var(--white-color);
}
.fanfact__content .icon__image span {
  font-size: 70px;
  color: var(--theme-color);
  transition: all 500ms ease;
}
.fanfact__content .funfact__text .count-outer span {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  color: var(--primary-color);
  transition: all 500ms ease;
}
.fanfact__content .funfact__text {
  padding-top: 23px;
}
.fanfact__content .funfact__text p {
  font-weight: 500;
  font-size: 18px;
  padding-top: 15px;
  color: var(--base-color);
  transition: all 500ms ease;
}

/* funfact-section-four end */

/* faq-need-section */

.faq__right__four {
  margin-right: 30px;
  margin-top: -150px;
}
.faq__need .help__left {
  padding: 40px;
  background: var(--theme-color);
}
.faq__need .help__left .help__two h2 {
  font-size: 30px;
  padding-bottom: 5px;
}
.faq__need .help__left .help__two span {
  font-size: 20px;
}
.faq__need {
  margin-top: 15px;
}
.faq__section.four {
  background: #F2F2F2;
}
.faq__need .help__left .help__one span {
  font-size: 40px;
}
.faq__need .help__left .help__one:after {
  background: #F56F6F;
}
.faq__need .help__left .help__two a:hover{
  color: var(--white-color) !important;
}
.faq__need .help__left .help__one {
  background: #F56F6F;
}
.faq__section.four .faq__right__section {
  margin-top: -13px;
}

/* faq-need-section end */

/*** 

====================================================================
                        All-Page-Css
====================================================================

***/


/* page__title */

.page__title {
  overflow: hidden;
  padding: 150px 0px;
}
.page__title h1.title {
  font-size: 50px;
  color: var(--white-color);
}
.page__title .bread-crumb {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}
.page__title .bread-crumb li {
  display: flex;
  align-items: center;
  font-weight: 700;
  padding-top: 5px;
  color: var(--white-color);
}
.page__title .bread-crumb li a span {
  margin-right: 10px;
  font-size: 14px;
  color: var(--secondary-color);
  transition: all 500ms ease;
}
.page__title .bread-crumb li a{
  color: var(--white-color);
}
.page__title .bread-crumb li:last-child span {
  margin: 0px 5px 0px 5px;
  color: var(--white-color);
}
.page__title .anim-icon .icon.layer-bg {
  width: 478px;
  height: 409px;
  top: 0px;
  right: 0px;
}
.bg-layer.parallax-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
section.page__title:before {
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  opacity: 40%;
  height: 100%;
  left: 0px;
  top: 0px;
}
/* page__title end*/

/* about__page */
.team__section.three.about__page {
  background: #F2F2F2;
}

.history__section {
  background: #F2F2F2;
}
.hisyory__tab__section ul.tab-btns:after {
  content: '';
  width: 100%;
  background: var(--higer-secondary-color);
  height: 6px;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 500ms ease;
}
.hisyory__tab__section ul.tab-btns li.active-btn:before {
  background: var(--theme-color);
  transition: all 500ms ease;
}
.hisyory__tab__section ul.tab-btns li.active-btn:after {
  border: 2px solid var(--theme-color);
  transition: all 500ms ease;
}
.hisyory__tab__section ul.tab-btns li:before {
  content: '';
  position: absolute;
  top: calc(100% - 3px);
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 10px;
  height: 10px;
  background: #BFBFBF;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.hisyory__tab__section ul.tab-btns li:after {
  content: '';
  position: absolute;
  top: calc(100% - 8px);
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #BFBFBF;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.hisyory__tab__section ul.tab-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  margin-bottom: 100px;
}
.hisyory__tab__section ul.tab-btns li {
  padding: 0px 0px 40px;
  cursor: pointer;
  position: relative;
  transition: all 500ms ease;
}
.hisyory__tab__section .tab___btn {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: var(--primary-color);
}
.hisyory__tab__section .tab-btns li.active-btn span.tab___btn:after {
  background: var(--theme-color);
  transition: all 500ms ease;
}
.hisyory__tab__section .tab-btns li.active-btn span.tab___btn:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: var(--theme-color);
  left: calc(49% - 6.5px);
  top: calc(100% - -32px);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  transition: all 500ms ease;
}
.hisyory__tab__section .tab-btns li span.tab___btn:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 21px;
  background: var(--higer-secondary-color);
  left: calc(48%);
  top: calc(100% - -11px);
  transition: all 500ms ease;
}
.hisyory__tab__section .tab__right__content h4,
.hisyory__tab__section .tab__right__content li{
  color: var(--primary-color);
}
.hisyory__tab__section .tab__right__content p{
  color: var(--base-color);
}

.testimonials__two .testimonials__block .authore__img img {
  width: 70px;
  height: 70px;
}
.testimonials__block .authore__img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.testimonials__block .testimonials__content {
  background: var(--white-color);
  box-shadow: 0px 20px 100px rgb(0 0 0 / 10%);
  padding: 50px 36px 50px 50px;
  width: calc(100% - 20px);
}
.testimonials__block .testimonials__content {
  display: flex;
  flex-wrap: wrap;
}
.testimonials__about .owl-stage-outer {
  overflow: visible;
}
.testimonials__about .owl-carousel .owl-item.active {
  visibility: visible;
  opacity: 1;
}
.testimonials__about .owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}
.testimonials__about .testimonials__content .authore__img {
  position: absolute;
}

.testimonials__about .testimonials__content .testimonial__bottom {
  padding-left: 121px;
}
.testimonials__about .image__layer {
  width: 52px;
  height: 257px;
  position: absolute;
  top: 0;
  right: 0;
}
.testimonials__about .authore__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}
.testimonials__about .authore__info .quote span {
  font-size: 45px;
  opacity: 0.25;
}
.testimonials__about .testimonials__text p {
  font-size: 18px;
}
.testimonials__about__top {
  padding-bottom: 30px;
}
.about__testimonials .owl-nav {
  display: flex;
  position: absolute;
  top: -130px;
  right: 0;
}
.normal__text__bottom {
  display: flex;
  align-items: end;
  padding-bottom: 30px;
  padding-right: 102px;
}
.about__testimonials .nav-style-one .owl-nav .owl-prev{
  margin-right: 10px;
}
/* about__page end */

/* team_page */
.team__section.page .team_block_one {
  padding-bottom: 60px;
}
.team__section.page {
  padding-bottom: 100px;
}
.team__section.page .team_block_one {
  margin-bottom: 50px;
}
.team__section.three .inner_box.hover_three .overlay{
  padding-top: 200px;
}
.team__section.three.team__page__two {
  padding-bottom: 126px;
}
.team__section.three.team__page__two .team_block_one{
  margin-bottom: 24px;
}
.team__section.team__page__two .team_block_one {
  margin-bottom: 30px;
}
/* team_page end */

/* team_details_page end */

.team__right__content h2 {
  font-size: 40px;
}
.team__right__content .team__media ul {
  display: flex;
}
.team__right__content .team__media li{
  margin-right: 15px;
}
.team__right__content .team__media li:last-child{
  margin-right: 0px;
}
.team__right__content .team__media li a:hover:before {
  width: 100%;
  height: 100%;
}
.team__right__content .team__media li a:before {
  content: '';
  background: var(--theme-color);
  width: 0px;
  height: 0;
  border-radius: 50%;
  position: absolute;
  transition: all 500ms ease;
}
.team__right__content .team__media li a {
  display: flex;
  position: relative;
  width: 44px;
  height: 44px;
  background: #F1F1F1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all 500ms ease;
}
.team__right__content .team__media li a span{
  position: relative;
}
.team__right__content h2 {
  padding: 15px 0px;
}
.team__right__content .normal__text {
  padding: 30px 0px 20px;
}
.team__right__content .signature {
  padding-bottom: 30px;
}
.team__right__content .skill__list li a{
  color: #6E6E6E;
}
.team__right__content .skill__list li {
  padding-bottom: 22px;
  font-weight: 500;
  color: #6E6E6E;
}
.team__right__content .skill__list li:last-child {
  padding-bottom: 0px;
}
.team__right__content .skill__list li span{
  color: var(--primary-color);
}
.team__details__block__one .image__section img {
  width: 100%;
}
.biography__section {
  background: #F6F6F6;
  padding: 120px 0px;
}
.biography__title h3 {
  padding-bottom: 30px;
}
.biography__section .normal__text p:last-child {
  padding-top: 20px;
}
.team__details__block__one{
  padding-bottom: 120px;
}
.skills__section {
  padding-top: 120px;
}
.skills__section .normal__text {
  padding: 30px 0px;
}
 
.progressbar__title {
  margin-bottom: 15px;
  color: #000;
  font-weight: 500;
}
.skill__progressbar .progressbar__outer {
  height: 5px;
}
.skill__progressbar {
  margin-bottom: 25px;
}
.progressbar__outer {
  background: #E9E9E9;
  border-radius: 4px;
  height: 3px;
  position: relative;
}
.progressbar__inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--theme-color);
  transition: .9s;
  width: 0;
  border-radius: 5px;
}
.progressbar__percentage span{
  color: var(--primary-color);
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
.progressbar__percentage {
  position: absolute;
  right: 0;
  top: -40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: var(--primary-color);
}
.progressbar__inner:before {
  content: "";
  position: absolute;
  background: var(--white-color);
  width: 20px;
  height: 20px;
  border: 5px solid var(--theme-color);
  border-radius: 50%;
  top: -8px;
  right: 0;
}

/* team_details_page end */

/* testimonial__one */
.testimonial__one{
  padding-bottom: 80px;
}
.testimonial__one__content .image img {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  top: -51px;
  left: 50%;
  transform: translate(-50%);
}
.testimonial__one__content .testimonials-carousel-two .testimonial__block {
  margin-bottom: 0px;
}
.testimonial__one__content .testimonial__block {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 95px 51px 0px;
  text-align: center;
  position: relative;
  margin-top: 52px;
  margin-bottom: 110px;
}
.testimonial__one__content .testimonial__block .image__layer {
  width: 100%;
  height: 55px;
  position: absolute;
  right: 0px;
  bottom: -40px;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__one__content .testimonial__block .des__text {
  padding-bottom: 30px;
}
.testimonial__one__content .testimonial__block .author__info h5 {
  padding-bottom: 5px;
}
.testimonial__one__content .testimonial__block .quote span {
  position: absolute;
  font-size: 45px;
  color: rgba(241, 49, 49, 0.2);
}
.testimonial__one__content .testimonial__block .quote span.one {
  left: 0;
  transform: rotateY(-180deg);
}
.testimonial__one__content .testimonial__block .quote span.two {
  right: 0;
}
.testimonial__one__content .testimonial__block .quote {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* testimonial__one end */

/* testimonial__two */
.testimonial__two{
  padding-bottom: 120px;
}
.testimonial__block__two .authore__img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.testimonial__block__two:before {
  content: "";
  position: absolute;
  background: var(--theme-color);
  width: 3px;
  height: 44px;
  bottom: 9px;
  left: 1px;
  z-index: 1;
}
.testimonial__block__two {
  background: var(--white-color);
  box-shadow: 0px 10px 100px rgb(0 0 0 / 15%);
  padding: 50px 50px 0px;
  position: relative;
  margin-bottom: 70px;
}
.testimonial__block__two .quote span {
  font-size: 40px;
  opacity: 0.2;
}
.testimonial__block__two .quote {
  position: absolute;
  z-index: 1;
  right: 50px;
  bottom: 8px;
}
.testimonial__block__two .image__layer {
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  bottom: -40px;
  background-repeat: no-repeat;
  background-size: cover;
}

/* testimonial__two end */

/* faq__page */
.faq__page__right {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 50px 40px 0px;
}
.faq__page__right .from__inner .form-group {
  margin-bottom: 20px;
}
.faq__page__right .contact__title h4 {
  padding-bottom: 30px;
}
.from__inner input {
  padding: 15px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  width: 100%;
  color: var(--base-color);
}
.from__inner textarea {
  border: 1px solid var(--higer-secondary-color);
  width: 100%;
  color: var(--base-color);
  background: var(--white-color);
  padding: 15px;
}
.faq__page__right .image__layer {
  position: absolute;
  left: 0;
  width: 100%;
  height: 55px;
  bottom: -50px;
  background-repeat: no-repeat;
  background-size: cover;
}
.faq__page__right .message-btn {
  display: inline-block;
  cursor: pointer;
}
.faq__page__right .message-btn button {
  background: transparent;
  font-weight: 600;
}
.faq__page__left .tab__text {
  padding-right: 100px;
  padding-bottom: 50px;
}

/* faq__page end */

/* service__page */
.service__page{
  padding-bottom: 120px;
}
.service__page .service__block__one {
  margin-bottom: 60px;
}
/* service__page end */

/* service__single end */

.service__single {
  background: #F2F2F2;
  padding-bottom: 120px;
}
.service__single__block .icon__box .icon__hover__bg__two {
  filter: drop-shadow(0px 16px 70px rgba(0, 0, 0, 0.3));
}
.service__single__block .icon__bg span {
  color: var(--theme-color) !important;
}
.service__single__block {
  text-align: center;
  margin-bottom: 30px;
}
.service__single__block .inner__content__four{
  position: relative;
}
.service__content__four .service__text p:after {
  opacity: 0.7;
}
.service__single__block .inner__content__four:hover .more__btn a span:last-child{
  display: inline-block;
}
.service__single__block .inner__content__four:hover .more__btn a span:first-child{
  display: none;
}
section.faq__section.page {
  padding-bottom: 0;
}
/* service__single end */

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

/* service__details end */

/* project-style-1 */
.portfolio.style__one .filters ul li.active {
  background: var(--theme-color);
  color: var(--white-color);
}
.portfolio.style__one .filters ul li {
  display: inline-block;
  padding: 18px 30px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: var(--primary-color);
  transition: all 500ms ease;
}
.portfolio.style__one .filters ul {
  text-align: center;
  padding-bottom: 55px;
}
.portfolio.style__one{
  padding-bottom: 120px;
  margin: 0px 30px;
}
.portfolio.style__one .portfolio__block__one {
  margin-bottom: 30px;
}

/* project-style-1 end */

/* project-style-2 */
.portfolio.two .inner-box .view-btn a {
  width: 90px;
  height: 90px;
  background: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.portfolio.two .inner-box .view-btn a span {
  padding-bottom: 0px;
  font-size: 40px;
}
.portfolio.two .portfolio__block h4 {
  padding-top: 5px;
  font-size: 22px;
}
.portfolio.two .portfolio__block {
  padding-top: 22px;
}
.portfolio.two .portfolio__block span {
  color: var(--theme-color);
  font-weight: 500;
}
/* project-style-2 end */

/* project-details */

.project__information {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 50px 40px 32px;
}
.project__information p {
  padding: 20px 0px;
}
.project__info__list li {
  padding-bottom: 20px;
  font-size: 18px;
  color: var(--base-color);
  display: flex;
  align-items: center;
}
.project__info__list li a{
  font-size: 18px;
  color: var(--base-color);
}
.project__info__list li:last-child {
  padding-bottom: 0px;
}
.project__info__list li p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  width: 110px;
  padding: 0;
}
.project___details__top .image_layer {
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  bottom: -25px;
  background-position: center;
  background-size: cover;
}
.project__info__list li .rating li {
  display: inline-block;
  padding-bottom: 0px;
  margin-right: 5px;
}
.project___details__fixing h2 {
  font-size: 40px;
  font-weight: 700;
  padding: 60px 0px 20px;
}
.project___details__fixing p:last-child {
  padding: 20px 0px 60px;
}
.project__btn {
  display: flex;
  justify-content: space-between;
}
.project__btn .project__btn__left {
  padding: 18px 0px;
  width: 50%;
  border: 1px solid var(--higer-secondary-color);
  border-left: none;
  border-right: none;
  display: flex;
  align-items: center;
}
.project__btn__right {
  width: 50%;
  display: flex;
  border: 1px solid var(--higer-secondary-color);
  border-right: none;
  justify-content: end;
  align-items: center;
  padding: 15px 0px;
}
.project__btn a:hover span{
  color: var(--white-color);
}
.project__btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  cursor: pointer;
  overflow: hidden;
}
.project__btn a span {
  font-size: 20px;
  color: var(--primary-color);
  position: relative;
  transition: all 500ms ease;
}
.project__btn .project__btn__left .btn__text {
  padding-left: 15px;
}
.project__btn__right .btn__text {
  padding-right: 15px;
  text-align: end;
}
.project__btn__right .btn__text p{
  line-height: 18px;
}
.project__btn a:hover:before {
  transform: scaleX(1.0);
}
.project__btn a:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  border-radius: 50%;
  transform: scale(0.0);
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background-color: var(--theme-color);
}
.project__btn .pre__btn a:before {
  transform-origin: right !important;
}

/* project-details end */

/*** 

====================================================================
                        Shop-Page-Css
====================================================================

***/

/* shop page */
.shop-page-one{
  position: relative;
  display: block;
  background: var(--white-color);
}
.shop-page-top-info{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
.shop-page-top-info .left-box{
  position: relative;
  display: block;
}
.shop-page-top-info .left-box p{
  color: var(--primary-color);
  font-size: 15px;
  margin: 0;
}

.shop-page-top-info .right-box{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.short-by {
  position: relative;
  display: flex;
  align-items: center;
  width: 300px;
}
.short-by .title {
  position: relative;
  display: block;
  padding-right: 10px;
}
.short-by .title h6{
  color: #8a8d91;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  font-family: var(--secondary-font);
}

.shop-page-top-info .right-box .select-box{
  width: 200px;
}
.shop-page-top-info .right-box .nice-select {
  position: relative;
  display: block;
  height: 45px;
  line-height: 43px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color) !important;
  font-family: var(--secondary-font);
  border-radius: 30px;
  color: var(--primary-color);
  font-size: 15px;
  font-weight: 400;
  padding-left: 20px;
  padding-right: 0px;
}
.shop-page-top-info .right-box .nice-select:after {
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #a6aeb3;
  border-right: 2px solid #a6aeb3;
  right: 20px;
  margin-top: 0px;
  top: 15px;
  z-index: 10;
}

.product-view-style{
  position: relative;
  display: block;
}
.product-view-style ul{
  position: relative;
  display: block;
  overflow: hidden;
}
.product-view-style ul li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.product-view-style ul li:last-child{
  margin-right: 0;
}
.product-view-style ul li a{
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  border-radius: 50%;
  color: #9c9fa6;
  font-size: 16px;
  line-height: 43px;
  text-align: center;
  transition: all 300ms ease 100ms;
}
.product-view-style ul li a:hover{
  color: var(--white-color);
  border-color: var(--thm-base);
  background-color: var(--thm-base);
}


.single-shop-item{
  position: relative;
  display: block;
  margin-bottom: 60px;
}
.single-shop-item .img-holder{
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--higer-secondary-color);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.single-shop-item:hover .img-holder{
  transition: all 700ms ease 900ms;
}
.single-shop-item .img-holder img{
  width: 100%;
  filter: grayscale(0%);
  transition: all 500ms ease;
}
.single-shop-item:hover .img-holder img{
  transform: scale(1.05);
  filter: grayscale(20%);
  -webkit-filter: grayscale(20%);
  -moz-filter: grayscale(20%);
  -o-filter: grayscale(20%);
  -ms-filter: grayscale(20%);
}
.single-shop-item .img-holder .overlay {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 10px;
  transform: rotate(-90deg) translateY(-100%);
  transform-origin: bottom;
  background: var(--white-color);
  opacity: 0.5;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.single-shop-item:hover .img-holder .overlay{
  transform: rotate(0deg) translateY(0px);
  transition: all 700ms ease 200ms;
}
.single-shop-item .title-holder{
  position: relative;
  display: block;
  text-align: center;
  padding-top: 20px;
}
.single-shop-item .title-holder .review-box ul li {
  float: none;
  margin-right: 0px;
  margin: 0 2px;
}
.single-shop-item .title-holder h3{
  font-size: 20px;
  font-weight: 700;
}
.single-shop-item .title-holder h3 a{
  color: var(--primary-color);
  transition: all 200ms linear;
  transition-delay: 0.1s;
}
.single-shop-item .title-holder h3 a:hover{
  color: var(--thm-base);
}

.single-shop-item .title-holder h6{
  color: var(--theme-color);
  font-weight: 600;
}
.single-shop-item .title-holder .btn-box{
  position: relative;
  display: block;
  padding-top: 25px;
  line-height: 0;
}
.single-shop-item .title-holder .btn-box a{
  color: var(--primary-color);
  line-height: 51px;
  padding-left: 35px;
  padding-right: 35px;
}
.single-shop-item .title-holder .btn-box a:hover{
  color: var(--white-color);
}
.single-shop-item .title-holder .btn-box a.btn-one:after {
  background: var(--white-color);
  border: 2px solid #efefef;
}
.single-shop-item .title-holder .btn-box a:before {
  background-color: var(--thm-base);
}
.sidebar-content-box{
  position: relative;
  display: block;
  max-width: 350px;
  width: 100%;
  float: right;
  background: var(--white-color);
  z-index: 2;
}
.sidebar-content-box.left{
  float: left;
}
.single-sidebar-box{
  position: relative;
  display: block;
  margin-bottom: 50px;
}
.single-sidebar-box.last-box{
  margin-bottom: 0;
}

.single-sidebar-box .title{
  position: relative;
  display: block;
  line-height: 0;
  margin-top: -2px;
  padding-bottom: 26px;
}
.single-sidebar-box .title h3{
  color: var(--primary-color);
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.single-sidebar_search_box{
  position: relative;
  display: block;
}
.sidebar-search-box {
  position: relative;
  display: block;
}
.sidebar-search-box form.search-form {
  position: relative;
  display: block;
  width: 100%;
}
.sidebar-search-box .search-form input[type="text"] {
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  color: var(--base-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  padding: 20px;
  transition: all 500ms ease 0s;
}
.sidebar-search-box .search-form button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 55px;
  height: 55px;
  font-size: 16px;
  line-height: 55px;
  display: block;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease 0s;
}
.sidebar-search-box .search-form button i {
  position: relative;
  color: var(--primary-color);
  font-size: 16px;
}

.sidebar-categories{
  position: relative;
  display: block;
  margin-top: -3px;
}
.sidebar-categories-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.sidebar-categories-box li {
  position: relative;
  display: block;
}
.sidebar-categories-box li:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
}
.sidebar-categories-box li a {
  position: relative;
  display: block;
  padding: 15px 0px;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--higer-secondary-color);
  transition: all 300ms ease;
}
.sidebar-categories-box li:last-child a{
  border-bottom: none;
}
.sidebar-categories-box li:hover a{
  color: var(--theme-color);
  padding-left: 21px;
}
.sidebar-categories-box li a:before{
  font-family: 'icomoon' !important;
  content: "\e928";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  transition: all 700ms ease;
  transform: rotateY(-180deg);
}
.sidebar-categories-box li:hover a:before{
  color: var(--theme-color);
  opacity: 1;
}
.price-ranger {
  margin-top: 7px;
  margin-bottom: 0px;
}
.price-ranger .ui-widget-content {
  background: #f0f0f0;
  border: none;
  height: 4px;
  border-radius: 10px;
}
.ui-slider .ui-slider-handle:nth-child(1){
  width: 0px !important;
  height: 0px !important;
}
.price-ranger .ui-slider-handle {
  position: absolute !important;
  top: -7px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}
.price-ranger .ui-widget-header {
  border: 2px solid var(--theme-color) !important;
  background: var(--theme-color) !important;
}
.price-ranger #slider-range {
  margin-top: 0;
  border: 1px solid #E9E9E9 !important;
  background: #E9E9E9 !important;
  border-radius: 5px;
}
.price-ranger .ranger-min-max-block {
  position: relative;
  overflow: hidden;
  margin-top: 23px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.price-ranger .ranger-min-max-block .left{
  position: relative;
  display: block;
}
.price-ranger .ranger-min-max-block span {
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.price-ranger .ranger-min-max-block input[type="text"] {
  position: relative;
  display: inline-block;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  width: 40px;
  line-height: 35px;
  border: none;
  padding: 0;
}
.price-ranger .ranger-min-max-block .right{
  position: relative;
  display: block;
}
.price-ranger .ranger-min-max-block input[type="submit"] {
  position: relative;
  display: inline-block;
  background: var(--theme-color);
  margin-right: 0px;
  padding: 10px 0 10px;
  text-align: center;
  width: 90px;
  height: 40px;
  border: none;
  color: var(--white-color);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.single-shop-item .shop-hover-btn {
  top: 0;
  position: absolute;
  width: 100%;
  transform: scale(0.0);
  opacity: 0;
  height: 100%;
  transition: all 700ms ease 200ms;
}
.single-shop-item:hover .shop-hover-btn {
  transform: scale(1.1);
  opacity: 1;
  transition: all 700ms ease 200ms;
}
.single-shop-item .shop-hover-btn .add-to-cart a {
  position: absolute;
  left: 50%;
  width: 160px;
  transform: translate(-50%);
  bottom: 45px;
  background: var(--theme-color);
  padding: 13px 24px;
}
.single-shop-item .shop-hover-btn .add-to-cart .btn-one-add span {
  color: var(--white-color);
  text-transform: uppercase;
  font-weight: 600;
}
.single-shop-item .shop-top-btn {
  position: relative;
  padding-top: 35px;
  float: right;
  padding-right: 35px;
  z-index: 111;
}
.top-btn-one a {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
}
.top-btn-one a span {
  color: var(--primary-color);
  transition: all 500ms ease;
}
.top-btn-one a:before {
  content: "";
  width: 100%;
  position: absolute;
  background: var(--theme-color);
  height: 100%;
  transform: scale(0.0);
  transition: all 500ms ease;
}
.top-btn-one a:hover:before {
  transform: scale(1.1);
}
.top-btn-one a:hover span {
  color: var(--white-color) !important;
  position: relative;
}
.single-shop-item .shop-top-btn .top-btn-one {
  margin-bottom: 10px;
}


.styled-pagination {
  display: flex;
  justify-content: center;
}
.styled-pagination li a {
  position: relative;
  width: 50px;
  height: 50px;
  background: var(--white-color);
  display: flex;
  border: 1px solid var(--higer-secondary-color);
  align-items: center;
  font-weight: 600;
  color: #222222 !important;
  justify-content: center;
  z-index: 1;
}
.styled-pagination li {
  margin-right: 10px;
}
.styled-pagination li:last-child {
  margin-right: 0px;
}
.styled-pagination li a span {
  color: #222222;
}
.styled-pagination li.arrow.next span {
  transform: rotateY(-180deg);
}
.styled-pagination li a:before {
  content: "";
  background: var(--theme-color);
  width: 0;
  height: 0;
  position: absolute;
  transform: scale(0.0);
  transition: all 500ms ease;
  border: 1px solid var(--theme-color);
  z-index: -1;
}
.styled-pagination li a:hover:before {
  transform: scale(1.0);
  width: 100%;
  height: 100%;
}
.styled-pagination li a:hover {
  color: var(--white-color) !important;
  position: relative;
}
.styled-pagination li a:hover span{
  color: var(--white-color) !important;
}
/* shop page end*/


/*** 
=============================================
    Product Details Area Css
=============================================
***/
.product-details-area{
  position: relative;
  display: block;
  background: var(--white-color);
  padding: 150px 0 50px;
}
.product-details-image-box{
  position: relative;
  display: block;
  max-width: 600px;
  width: 100%;
}
.product-details-main-image{
  position: relative;
  display: block;
  border: 1px solid var(--higer-secondary-color);
}
.product-details-main-image img{
  width: 100%;
}

.product-details-image-box .overlay-icon{
  position: absolute;
  top: 30px;
  right: 30px;
}
.product-details-image-box .overlay-icon a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white-color);
  width: 50px;
  height: 50px;
  border: 1px solid var(--higer-secondary-color);
  border-radius: 50%;
}
.product-details-image-box .overlay-icon a span{
  color: var(--primary-color);
}
.product-details-content-box {
  position: relative;
  display: block;
  padding-left: 30px;
}
.product-details-content-box .product-title{
  position: relative;
  display: block;
  margin-top: -8px;
}
.product-details-content-box .product-title h2{
  font-size: 40px; 
  font-weight: 700;
}

.products-details-review-box{
  position: relative;
  display: block;
}
.products-details-review-box .review-box{
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.products-details-review-box .review-box li{
  font-size: 18px;
  margin-right: 5px;
  color: #FAB421;
}
.products-details-review-box .review-box li:last-child{
  margin-right: 0px;
}
.products-details-review-box .review-box p{
  color: var(--primary-color);
  font-size: 16px;
  margin: 0;
  margin-left: 10px;
}


.product-details-rate-box{
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 0 30px;
}
.product-details-rate-box .current-rate{
  position: relative;
  display: block;
}
.product-details-rate-box .current-rate h3{
  color: var(--theme-color);
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.products-details-review-box .review-box ul {
  display: flex;
}

.product-description{
  position: relative;
  display: block;
  padding-bottom: 30px;    
}
.product-description p:last-child {
  padding-top: 30px;
}


.product-quantity-box {
  position: relative;
  display: flex;
  align-items: center;
}
.product-quantity-box .input-group.bootstrap-touchspin {
  position: relative;
  width: 100px;
  height: 50px;
}
.product-quantity-box input.quantity-spinner.form-control {
  position: relative;
  display: block;
  padding: 0;
  background: transparent;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  border: 1px solid var(--higer-secondary-color);
  outline: none;
  margin: 0 auto;
  padding-left: 30px;
}
.product-quantity-box input.quantity-spinner.form-control:focus{
  box-shadow: none !important;
}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  top: -5px;
  bottom: 0;
  right: 25px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
  background: transparent;
  padding: 0 !important;
  right: 0;
  top: -4px;
  height: 20px;
  border-left: none;
  margin-top: 0px;
  border-radius: 0px;
  z-index: 1;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  position: absolute;
  background: transparent;
  padding: 0 !important;
  right: 1px;
  top: -8px;
  height: 20px;
  border-right: none;
  border-radius: 0px;
  z-index: 1;
}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:hover:before,
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:hover:before{
  color: var(--theme-color);
}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-family: 'Font Awesome 5 pro';
  content: "\f106";
  color: #C4C4C4;
  font-size: 15px;
  font-weight: 700;
  padding: 0;
  line-height: 53px;
}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-family: 'Font Awesome 5 pro';
  content: "\f107";
  color: #C4C4C4;
  font-size: 12px;
  font-size: 15px;
  font-weight: 700;
  padding: 0;
  line-height: 53px;
}


.product-quantity-box .right{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;    
}
.product-quantity-box .right .cart-box .btn-one{
  padding: 15px 30px;
  height: 50px;
}
.product-quantity-box .right .cart-box{
  position: relative;
  display: block;
}
.product-quantity-box .right .button{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.product-quantity-box .right .button a span{
  color: var(--primary-color);
}
.product-quantity-box .right .button a{
  position: relative;
  display: block;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 53px;
  font-weight: 400;
  text-align: center;
  transition: all 300ms ease 100ms;
}
.product-quantity-box .right .button a + a{
  margin-left: 10px;    
}
.product-quantity-box .right .button a:hover{
  color: var(--white-color);
  border-color: var(--thm-base);
  background-color: var(--thm-base);
}

.product-details-product-info {
  position: relative;
  display: block;
  padding-top: 30px;
}
.product-details-product-info ul{
  position: relative;
  display: block;
}
.product-details-product-info ul li{
  position: relative;
  display: block;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 3px;
}
.product-details-product-info ul li:last-child{
  margin-bottom: 0;
}
.product-details-product-info ul li span{
  position: relative;
  display: inline-block;
  padding-left: 10px;
  font-weight: 400;
  color: #676767;
}


.product-details-social-links{
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 33px;
}
.product-details-social-links .inner-title{
  position: relative;
  display: block;
}
.product-details-social-links .inner-title h5{
  font-size: 16px;
}
.product-details-social-links .thm-social-link2{
  position: relative;
  display: block;
  padding-left: 20px;
}




.product-tab-box {
  position: relative;
  display: block;
  margin-top: 120px;
}
.product-tab-box .tab-btns {
  position: relative;
  display: block;
  z-index: 1;
}
.product-tab-box .tab-btns .tab-btn {
  position: relative;
  display: inline-block;
  border: 1px solid var(--higer-secondary-color);
  margin-bottom: -5px;
  z-index: 1111;
  overflow: hidden;
}
.product-tab-box .tab-btns .tab-btn.active-btn{
  border-bottom: 1px solid var(--white-color);
}
.product-tab-box .tab-btns .tab-btn span {
  position: relative;
  display: block;
  background: var(--white-color);
  width: 174px;
  cursor: pointer;
  padding: 18px 0px 18px;
  color: var(--primary-color);
  text-align: center;
  transition: all 500ms ease;
  z-index: 1;
  font-size: 18px;
  font-weight: 500;
}
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.product-tab-box .tab-btns .tab-btn:hover span{
  color: var(--theme-color);
}
.product-tab-box .tab-btns .tab-btn span:before{
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0;
  height: 0;
  content: "";
  opacity: 1;
  background: var(--thm-base);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 500ms ease;
  transition-delay: .1s;
  z-index: -1;
}
.product-tab-box .tab-btns .tab-btn.active-btn span:before,
.product-tab-box .tab-btns .tab-btn:hover span:before{
  height: 100%;
}


.product-tab-box .tabs-content {
  position: relative;
  display: block;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  padding: 30px 30px 60px;
}
.product-tab-box .tabs-content .tab{
  position: relative;
  display: none;
}
.product-tab-box .tabs-content .tab.active-tab{
  display: block;	
}


.product-details-tab-content{
  position: relative;
  display: block;
}
.product-description-content{
  position: relative;
  display: block;
}
.product-description-content .text{
  position: relative;
  display: block;
}
.product-description-content .text h4{
  padding-bottom: 20px;
}



.review-box-holder{
  position: relative;
  display: block;
}
.review-box-holder ul{
  position: relative;
  display: block;
  overflow: hidden;
}
.single-review-box{
  position: relative;
  display: block;
  padding-left: 70px;
  min-height: 70px;
  margin-bottom: 30px;
}
.single-review-box:last-child{
  margin-bottom: 0;
}

.single-review-box .img-box{
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.single-review-box .img-box img{
  width: 100%;
  border-radius: 50%;
}
.single-review-box .text-box{
  position: relative;
  display: block;
  padding-left: 30px;
}
.single-review-box .text-box h5 {
  position: relative;
  top: -2px;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
}
.single-review-box .text-box h5 span{
  color: var(--thm-gray);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: var(--secondary-font);
}
.single-review-box .text-box .review-box{
  padding: 8px 0 16px;
}




.review-form {
  position: relative;
  display: block;
}
.review-form .title-box {
  position: relative;
  display: block;
  padding-bottom: 29px;
  margin-top: -4px;
}
.review-form .title-box h2 {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 8px;
}
.review-form .title-box p{
  margin: 0;
}
.review-box ul {
  display: block;
  overflow: hidden;
}
.review-box ul li {
  display: inline-block;
  margin-right: 5px;
}
.review-box ul li:last-child{
  margin-right: 0px;    
}
.review-box ul li i {
  color: var(--theme-color);
  font-size: 18px;
}


.review-form .add-rating-box {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 25px;
}
.review-form .add-rating-box .add-rating-title{
  position: relative;
  display: inline-block; 
}
.review-form .add-rating-box .add-rating-title p {
  position: relative;
  display: inline-block;
  line-height: 20px;
  margin: 0;
  text-transform: capitalize;
}
.review-form .add-rating-box .review-box{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.review-form .add-rating-box .review-box ul li {
  position: relative;
  display: inline-block;
  line-height: 20px;
  margin-right: 5px;
}
.review-form .add-rating-box .review-box ul li:last-child{
  margin-right: 0px;
}
.review-form .add-rating-box .review-box ul li i {
  font-size: 18px;
  line-height: 20px;
  opacity: 1;
  transition: all 500ms ease 0s;
}


.product-tab-box .review-form form input[type="text"], 
.product-tab-box .review-form form input[type="email"], 
.product-tab-box .review-form form textarea {
  position: relative;
  display: block;
  background: var(--white-color);
  width: 100%;
  height: 55px;
  border: 1px solid #dae5ec;
  color: #585858;
  font-size: 16px;
  padding: 0 20px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .review-form form textarea {
  height: 130px;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.product-tab-box .review-form form .btn__submit {
  display: inline-block ;
  padding-top: 20px
}
.product-tab-box .review-form form input[type="text"]:focus{
  border-color: #e1dddd;
}
.product-tab-box .review-form form input[type="email"]:focus{
  border-color: #e1dddd;
}
.product-tab-box .review-form form textarea:focus{
  border-color: #e1dddd;  
}


.related-product-content{
  position: relative;
  display: block;
  padding-top: 120px;
}
.related-product-content .inner-title{
  position: relative;
  display: block;
  padding-bottom: 30px;
}
.related-product-content .inner-title h2{
  font-size: 44px;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  position: relative;
  display: block;
  background: var(--white-color);
}
.cart-table-box .table-outer {
  position: relative;
  width: 100%;
  overflow-x: auto;
}
.cart-table-box .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-table-box .cart-table .cart-header {
  position: relative;
  width: 100%;
  background: var(--white-color);
  border-bottom: 1px solid var(--higer-secondary-color);
}
.cart-table-box .cart-table tbody {
  position: relative;
}
.cart-table-box .cart-table thead tr th {
  color: var(--primary-color);
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  text-transform: capitalize;
  min-width: 110px;
  padding: 0px 40px 23px;
  font-family: var(--secondary-font);
  text-align: center;
}
.cart-table-box .cart-table thead tr th.hide-me {
  display: table-column;
}
.cart-table-box .cart-table tbody tr {
  border-bottom: 1px solid var(--higer-secondary-color);
}
.cart-table-box .cart-table tbody tr td {
  min-width: 110px;
  padding: 30px 40px;
}

.cart-table-box .cart-table tbody tr td .remove {
  position: relative;
  display: block;
  text-align: left;
}
.cart-table-box .cart-table tbody tr td:first-child {
  padding-left: 0px;
  text-align: left;
}
.cart-table-box .cart-table tbody tr td.prod-column {
  padding-left: 0px;
}
.cart-table-box .cart-table tbody tr td .remove span{
  position: relative;
  color: var(--primary-color);
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  line-height: 53px;
  text-align: center;
  cursor: pointer;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  z-index: 1;
  transform: rotate(45deg);
}

.cart-table-box .cart-table thead tr th.prod-column {
  position: relative;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box {
  position: relative;
  min-height: 100px;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb {
  width: 110px;
  height: 110px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  padding: 15px;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a {
  position: relative;
  display: block;
  border-radius: 10px;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a img {
  width: 100%;
  border-radius: 10px;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-table-box .cart-table tbody tr .prod-column .column-box .title{
  display: table-cell;
  vertical-align: middle;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .title{
  padding-left: 30px;
}
.cart-table-box .cart-table tbody tr .prod-column .column-box .title h3 {
  font-size: 18px;
  line-height: 34px;
  font-weight: 500;
  text-transform: capitalize;
}


.cart-table-box .cart-table tbody tr td.price {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  font-family: var(--secondary-font);
}

.cart-table-box .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
  position: relative;
  width: 150px;
  height: 50px;
  margin: 0 auto;
}
.cart-table-box .cart-table thead tr th:last-child {
  padding-right: 0px;
  text-align: end;
}
.cart-table-box .cart-table tbody tr .qty input.quantity-spinner.form-control {
  position: relative;
  display: block;
  padding: 0;
  width: 150px;
  flex: none;
  height: 50px;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  border: 1px solid var(--higer-secondary-color);
  outline: none;
  margin: 0 auto;
  text-align: center;
  box-shadow: none;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 50px;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn {
  position: relative;
  display: block;
  margin-left: 0px;
  background: var(--white-color);
  color: var(--primary-color);
  cursor: pointer;
  height: 45px;
  width: 45px;
  margin: 0;
  padding: 0;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  float: right;
  border-left: none;
  top: 2px !important;
  border: none;
  right: 2px;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  float: left;
  border-right: none;
  left: 2px;
  top:2px;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-family: 'icomoon' !important;
  content: "\e926";
  color: var(--primary-color);
  font-size: 12px;
  padding: 0;
  line-height: 47px;
}
.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-family: 'icomoon' !important;
  content: "\e932";
  color: var(--primary-color);
  font-size: 12px;
  padding: 0;
  line-height: 47px;
}


.cart-table-box .cart-table tbody tr .sub-total {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  padding-right: 0px;
}
.cart-button-box {
  position: relative;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}


.cart-button-box .apply-coupon .inner {
  display: flex;
}
.apply-coupon .cart__input__box input {
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  padding: 19px;
  color: var(--base-color);
  margin-right: 20px;
}
.cart-button-box .update-cart{
  position: relative;
  display: block;
}
.cart-button-box .update-cart button{
  color: #8a8d91;
}
.cart-button-box .update-cart button:hover{
  color: var(--white-color);
}
.cart-button-box .update-cart button:after{
  background: var(--white-color);
  border: 2px solid #ededed;    
}





.cart-totals-form{
  position: relative;
  display: block;
  max-width: 470px;
  width: 100%;
  float: right;
  margin-top: 100px;
}
.cart-totals-form .inner-title {
  position: relative;
  display: block;
  background: var(--white-color);
  padding: 0px 0px 18px;
  border-bottom: 1px solid var(--higer-secondary-color);
}
.cart-totals-form h3 {
  color: var(--primary-color);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.cart-totals-form ul {
  position: relative;
  display: block;
  overflow: hidden;
}
.cart-totals-form ul li {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--higer-secondary-color);
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 59px;
  font-family: var(--secondary-font);
}
.cart-totals-form ul li:last-child{
  border-bottom: none;
}
.cart-totals-form ul li span{
  position: relative;
  display: block;
  float: right;
  color: var(--primary-color);
}
.cart-totals-form ul li span.total{
  color: var(--theme-color);
  font-weight: 500;
}
.cart-totals-form button {
  position: relative;
  display: block;
  margin-top: 0px;
  width: 100%;
  height: 50px;
  line-height: 0px;
}



/*** 
=============================================
    Checkout Area Css
=============================================
***/
.checkout-area{
  position: relative;
  display: block;
  background: var(--white-color);
}
.checkout-area .returning-customer {
  position: relative;
  display: block;
  background: #f8f5ee;
  padding: 26px 30px 26px;
  margin-bottom: 30px;
}
.checkout-area .returning-customer h5{
  color: var(--primary-color);
  font-size: 15px;
  font-weight: 600;
  font-family: var(--secondary-font-2);
}
.checkout-area .returning-customer h5 a{
  color: var(--thm-base);
  font-weight: 400;
  display: inline-block;
  padding-left: 15px;
  font-family: var(--secondary-font);
}


.checkout-area .coupon {
  position: relative;
  display: flex;
  background: var(--white-color);
  padding: 20px 35px;
  margin-bottom: 70px;
  border: 1px solid var(--higer-secondary-color);
  align-items: center;
  justify-content: space-between;
}
.checkout-area .coupon h5 {
  font-size: 16px;
  font-weight: 500;
}
.checkout-area .coupon h5 a {
  color: var(--theme-color);
  font-weight: 500;
  display: inline-block;
}
.checkout-area .coupon .remove {
  transform: rotate(45deg);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.checkout-area .coupon .remove span {
  font-size: 18px;
  font-weight: 900;
  color: var(--primary-color);
}

.checkout-area .form .title {
  position: relative;
  display: block;
}
.checkout-area .form .title h3{
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 40px;
}

.checkout-area .form form .field-label {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.checkout-area .form form .field-input input[type="text"], 
.checkout-area .form form .field-input input[type="email"],
.checkout-area .form form .field-input input[type="tel"]{
  position: relative;
  display: block;
  border: 1px solid var(--higer-secondary-color);
  color: #252628;
  font-size: 15px;
  width: 100%;
  height: 50px;
  padding: 0 25px;
  margin-bottom: 20px;
  font-family: var(--secondary-font);
  transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border-color: #1d1d1d;
}
.checkout-area .form form .field-input textarea {
  position: relative;
  display: block;
  border: 1px solid var(--higer-secondary-color);
  color: var(--base-color);
  font-size: 15px;
  width: 100%;
  height: 135px;
  padding: 10px 25px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #1d1d1d;
}


.checkout-area .form form .field-input .nice-select span{
  color: var(--base-color);
}
.checkout-area .form form .field-input .nice-select {
  position: relative;
  background-color: var(--white-color);
  border-radius: 0px;
  border: solid 1px var(--higer-secondary-color);
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  line-height: 47px;
  outline: none;
  padding-left: 25px;
  padding-right: 25px;
}




.checkout-area .create-acc{
  position: relative;
  display: block;
  padding-top: 18px;
  padding-bottom: 55px;
}
.checkout-area .create-acc .checkbox {
  position: relative;
  display: block;
}
.checkout-area .create-acc .checkbox label {
  color: var(--primary-color);
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
}
.checkout-area .create-acc .checkbox label span{
  color: var(--primary-color);
}
.checkout-area .create-acc .checkbox input {
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
}
.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 20px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}


.order-info{
  position: relative;
  display: block;
}

.order-info-table-box .table-outer {
  position: relative;
  width: 100%;
  overflow-x: auto;
}
.order-info-table-box .order-table {
  min-width: 550px;
  width: 100%;
}
.order-info-table-box .order-table .order-header {
  position: relative;
  width: 100%;
  background: var(--white-color);
}
.order-info-table-box .order-table tbody {
  position: relative;
}
.order-info-table-box .order-table thead tr {
  border-bottom: 1px solid var(--higer-secondary-color);    
}
.order-info-table-box .order-table thead tr th {
  color: var(--primary-color);
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  text-transform: capitalize;
  min-width: 160px;
  padding: 15px 30px;
  border: 0px solid #ededed;
  font-family: var(--secondary-font);
}
.order-info-table-box .order-table thead tr th:last-child {
  text-align: end;
}
.order-info-table-box .order-table tbody tr {
  border-bottom: 1px solid var(--higer-secondary-color);
}


.order-info-table-box .order-table tbody tr td {
  min-width: 160px;
  padding: 20px 30px;
  border: 0px solid #ededed;
}
.order-info-table-box .order-table thead tr th.prod-column {
  position: relative;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box {
  position: relative;
  min-height: 80px;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .prod-thumb {
  width: 82px;
  height: 82px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  padding: 10px;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .prod-thumb a {
  position: relative;
  display: block;
  border-radius: 10px;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .prod-thumb a img {
  width: 100%;
  border-radius: 10px;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .prod-thumb, 
.order-info-table-box .order-table tbody tr .prod-column .column-box .inner-title{
  display: table-cell;
  vertical-align: middle;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .inner-title {
  padding: 0;
  padding-left: 20px;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .inner-title h3 {
  color: var(--primary-color);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
}
.order-info-table-box .order-table tbody tr .prod-column .column-box .inner-title h3 span:before {
  position: relative;
  display: inline-block;
  width: 30px;
  text-align: center;
  transform: rotate(45deg);
  top: 2px;
  font-size: 14px;
}

.order-info-table-box .order-table tbody tr .total {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  text-align: end;
}

.order-info-table-box .order-table tbody tr .inner-title2{
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 10px;
}
.order-info-table-box .order-table tbody tr .value{
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  text-align: end;
}
.order-info-table-box .order-table tbody tr .value2{
  color: var(--theme-color);
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  text-align: end;
}

.payment-options {
  position: relative;
  display: block;
  margin-top: 70px;
}
.payment-options .title {
  margin-bottom: 0px !important;
}

.payment-options .inner{
  position: relative;
  display: block;
  padding: 30px 30px 40px;
  border: 1px solid #f8f5ee;
}
.payment-options .option-block {
  margin-bottom: 14px
}
.payment-options .option-block .checkbox {
  margin: 0 0 5px;
}
.payment-options .option-block .checkbox label {
  display: block;
  font-weight: 500;
  min-height: 20px;
  padding-left: 0px;
  margin: 0;
}
.payment-options .option-block .checkbox label input {
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.payment-options .option-block .checkbox label span {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  padding-left: 30px;
  font-family: var(--secondary-font);
  cursor: pointer;
}
.payment-options .option-block .checkbox label span b {
  color: var(--primary-color);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-left: 25px;
}
.payment-options .option-block .text{
  padding: 10px 0px 10px 30px;
}
.payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
  margin-top: 20px;
  cursor: pointer;
}
.placeorder-button.text-left {
  display: inline-block;
}

/** checkbox **/

.checkbox input {
  display: none;
}
.checkbox{
  margin-bottom: 9px;
}
.checkbox:last-child{
  margin-bottom: 0px;
}
.checkbox span {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #141417;
  padding-left: 45px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
  transition: all 500ms ease;
}
.checkbox input:checked + span{
  color: #1e2c36;
}
.checkbox span:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
}
.checkbox span:after {
  position: absolute;
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  font-size: 9px;
  left: 0px;
  top: 3px;
  width: 16px;
  height: 16px;
  line-height: 10px;
  color: var(--white-color);
  padding-top: 5px;
  opacity: 0;
  font-weight: 400;
  text-align: center;
}
.checkbox input:checked + span:after {
  opacity: 1;
  background: var(--theme-color);
}


/*** 

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

***/

.pricing-one .tab-btn-box .tab-btns:before {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 40px;
  width: 70px;
  content: "";
  border-radius: 20px;
  background: #f7f7f7;
  border: 1px solid var(--higer-secondary-color);
}
.pricing-one .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  min-width: 160px;
  text-align: right;
  font-size: 18px;
  padding: 10px 50px 10px 0px;
  line-height: 20px;
  color: var(--primary-color);
  font-family: var(--primary-font);
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 500ms ease;
}
.pricing-one .tab-btn-box .tab-btns li:last-child{
  padding-right: 0;
  padding-left: 50px;
  text-align: left;
}
.pricing-one .tab-btn-box .tab-btns li.active-btn:before {
  right: -5px;
}
.pricing-one.pricing-page-1 .tab-btn-box .tab-btns li:before {
  background: var(--theme-color);
}
.pricing-one .tab-btn-box .tab-btns li:before {
  position: absolute;
  top: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  content: "";
  right: -30px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.pricing-one .tab-btn-box .tab-btns li:last-child:before{
  display: none;
}
.pricing-one .tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}
.pricing-one .tabs-box .tab.active-tab{
  display:block;  
}
.pricing-one .tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}
.pricing-one .tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}
.pricing-one .tab-btn-box {
  text-align: center;
  padding-bottom: 50px;
}
.pricing-one .price__content {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 70px 0px 40px;
  margin-bottom: 30px;
}
.pricing-one .price__content .image_layer.shape-06 {
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  background-size: cover;
  bottom: -30px;
  background-repeat: no-repeat;
}
.pricing-one .price__content .image_layer.shape-55 {
  width: 200px;
  height: 40px;
  left: 50%;
  transform: translate(-50%);
  bottom: 40px;
}
.pricing-one .price__text h6 {
  text-transform: uppercase;
  color: var(--theme-color);
}
.pricing-one .price__text h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  padding: 15px 0px;
}
.pricing-one .price__text p {
  font-size: 18px;
  color: var(--base-color);
  padding-bottom: 90px;
}
.pricing-one .price__content .price__list li {
  color: var(--primary-color);
  padding-bottom: 15px;
  font-weight: 500;
}
.pricing-one .price__content .price__list li span {
  margin-right: 10px;
}
.pricing-one .price__content .price__list li:nth-child(4) {
  color: var(--base-color);
}
.pricing-one .price__content .price__list li:nth-child(5) {
  color: var(--base-color);
  padding-bottom: 0px;
}
.pricing-one .price__content .price__list li:nth-child(5) span {
  color: var(--base-color);
}
.pricing-one .price__content .price__list li:nth-child(4) span {
  color: var(--base-color);
}
.pricing-one .price__content .price__btn a {
  padding: 20px 30px;
  position: relative;
  display: inline-block;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  color: var(--primary-color);
  text-transform: uppercase;
  font-weight: 600;
  transition: all 500ms ease;
  overflow: hidden;
  z-index: 1;
}
.pricing-one .price__content .price__list {
  margin-bottom: 40px;
}
.pricing-one .price__content .price__btn a:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transform: scale(0.0);
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background-color: var(--theme-color);
  z-index: -1;
}
.pricing-one .price__content .price__btn a:hover:before {
  transform: scaleX(1.0);
}
.pricing-one .price__content .price__btn a:hover{
  color: var(--white-color) !important;
}


/*** 

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

***/
section.blog__section.blog__standard .row >*:last-child .single__sidebar__box:last-child {
  margin-bottom: 0px;
}

.blog__section.blog__grid .lower__content {
  margin-bottom: 48px;
}
.blog__section.blog__grid {
  padding-bottom: 125px;
}
.single__sidebar__box {
  background: var(--white-color);
  box-shadow: 0px 30px 100px rgba(0, 0, 0, 0.1);
  padding: 40px;
  margin-bottom: 70px;
  position: relative;
}
.sidebar__search__box input {
  width: 100%;
  padding: 20px 30px;
  background: var(--white-color);
  border: 1px solid var(--higer-secondary-color);
  color: var(--base-color);
}
.sidebar__search__box button {
  font-size: 18px;
  position: absolute;
  background: transparent;
  right: 60px;
  top: 50%;
  transform: translate(0%, -50%);
}
.sidebar__search__box button i {
  font-size: 18px;
  color: #222222;
  font-weight: 500;
}
.single__sidebar__box .title {
  padding-bottom: 30px;
}
.single__sidebar__box .title h3 {
  font-size: 24px;
  line-height: 30px;
}
.sidebar__categories li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  border-bottom: 1px solid var(--higer-secondary-color);
  position: relative;
}
.sidebar__categories li:last-child {
  border-bottom: none;
}
.sidebar__categories li a:before {
  font-family: 'icomoon' !important;
  content: "\e927";
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  opacity: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: all 700ms ease;
}
.sidebar__categories li a:hover:before {
  color: var(--theme-color);
  opacity: 1;
}
.sidebar__categories li a:hover {
  padding-left: 30px;
}
.sidebar__categories li a {
  width: 100%;
  padding: 15px 0px;
  display: inline-block;
}
.blog__section.blog__standard .lower__content {
  margin-bottom: 100px;
}
.blog__section.blog__standard .news__title h4 {
  font-size: 30px;
}
.sidebar__repost figure.image img {
  width: 90px;
  height: 90px;
}
.sidebar__repost .post {
  position: relative;
  min-height: 100px;
  padding: 5px 0px 10px 110px;
  margin-bottom: 20px;
}
.sidebar__repost .post .inner__box {
  position: absolute;
  display: block;
  left: 0;
  overflow: hidden;
}
.sidebar__repost .post h6 {
  line-height: 24px;
  font-weight: 600;
  text-transform: capitalize;
}
.sidebar__repost .post:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.sidebar__repost .post .post__info {
  padding-top: 10px;
}
.sidebar__tag .sidebar__tag__box {
  display: flex;
  flex-wrap: wrap;
}
.sidebar__tag .sidebar__tag__box a {
  display: inline-block;
  padding: 8px 12px;
  background: var(--white-color);
  margin: 0px 0px 10px 10px;
  border: 1px solid var(--higer-secondary-color);
  font-weight: 500;
  color: #222222;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 500ms ease;
}
.sidebar__tag .sidebar__tag__box a:hover {
  color: var(--white-color) !important;
}
.sidebar__tag .sidebar__tag__box a:hover:before{
  transform: scaleX(1.0);
}
.sidebar__tag .sidebar__tag__box a:before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  transform: scale(0.0);
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  background-color: var(--theme-color);
  z-index: -1;
}
.blog__standard .styled-pagination{
  justify-content: start;
}
.blog__details .lower__content.two {
  padding: 0;
  box-shadow: none;
}
.blog__details .lower__content.two .news__date {
  margin-left: 40px;
  margin-top: -45px;
}
.blog__details .lower__content.two h4 {
  font-size: 30px;
}
.blog__details .authore__des {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--higer-secondary-color);
  margin: 40px 0px 40px 0px;
  padding: 40px 117px 40px 40px;
  position: relative;
}
.blog__details .authore__des p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #222222;
}
.blog__details .authore__des h5 {
  padding-top: 20px;
  position: relative;
  padding-left: 45px;
}
.blog__details .authore__des h5:before {
  content: "";
  position: absolute;
  background: var(--theme-color);
  width: 30px;
  height: 2px;
  left: 0;
  top: 32px;
}
.blog__details .authore__des:before {
  content: "";
  position: absolute;
  background: var(--theme-color);
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
}
.blog__details .details__image {
  padding: 40px 0px;
}
.blog__details .left__tag {
  padding: 40px 0px 100px;
}
.blog__details .left__tag .sidebar__tag .sidebar__tag__box a {
  margin: 0px 10px 0px 0px;
}
.blog__details .details__authore {
  background: var(--white-color);
  box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1);
  padding: 50px 60px 50px 50px;
  margin-right: 20px;
  margin-bottom: 100px;
}
.blog__details .details__authore .thumb-box img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
}
.blog__details .details__authore .comment__inner {
  padding-left: 132px;
}
.blog__details .details__authore .image_layer.shape-57 {
  width: 52px;
  height: 100%;
  right: -20px;
  bottom: 0;
  background-size: cover;
  background-position-y: top;
  background-repeat: no-repeat;
}
.blog__details .comment__inner .comment__info p {
  padding: 5px 0px 10px;
}
.comments__form__area .group__title h3 {
  padding-bottom: 30px;
}
.comments__form__area input {
  width: 100%;
  padding: 15px 30px;
  background: var(--white-color);
  box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.1);
  color: var(--base-color);
}
.comments__form__area .form-group {
  margin-bottom: 30px;
}
.comments__form__area .form-group textarea {
  width: 100%;
  height: 150px;
  color: var(--base-color);
  padding: 15px 25px;
  background: var(--white-color);
  box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.1);
}



/*** 

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

***/


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

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

/*** 

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

***/

.error__section .image__section {
  text-align: center;
  padding-bottom: 80px;
}
.error__section .text__section h3 {
  font-size: 40px;
  line-height: 50px;
  padding-bottom: 20px;
}
.error__section .text__section p {
  font-size: 18px;
  padding-bottom: 70px;
}
.error__section .text__section .error__btn a {
  padding: 15px 30px 15px 56px;
  background: var(--theme-color);
  text-transform: uppercase;
  color: var(--white-color);
  font-weight: 600;
  position: relative;
}
.error__section .text__section .error__btn a:hover {
  color: var(--white-color) !important;
}
.error__section .text__section .error__btn a span {
  color: var(--white-color);
  position: absolute;
  left: 30px;
  top: 18px;
  font-weight: 100;
  transform: rotateY(-180deg);
}