/*Table of content
1. General Style
   1.1   Scroll Top Start
2. Service Style One
3. About Style One
4. Counter Style One
5. Project Style One
6. Team Style One
7. Featured Slider One
8. Client Slider One
9. Core Features
10. Renovation
11. Client Review Style One
12. Blog Style One
13. Footer Style One
14. Header Style One
15. Our Goal
16. Pricing Plans
17. Service Style Two
18. Certificates
19. Blog Style Two
20. Estimated Price
21. Contact Us
22. About Style Two
23. CTA Section
24. Shop Style One
25. Team Style Two
26. Project Completed
27. Featured Section Three
28. Contact Form One
29. Blog Style Three
30. Banner Style One
31. About-First
32. About How It Works
33. About Key Benefits
34. Contact Map
35. Contact Faqs
36. Contact Form 2
37. Construction Services
38. Video PopUp
39. Innovation
40. Core Values
41. Team Style Two (Revolution)
42. Contact Form Two
43. Our Project One
44. Our Project Two
45. Blog Style Three
46. Blog Style Three
47. Featured Slider Two
48. What-we-build
49. Service Detail Page
50. Project Detail Page
51. Blog Detail Page
52. Team Detail Page
53. Product Detail Page
54. Cart Page
55. Checkout
56. History
57. Popups
58. Preloader
59. Login Register
60. Gallery Style One
61. Where We Work

*/
/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    font-family: 'Poppins';
}
*,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure{
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Poppins';
    font-weight: bold;
}
a {
    font-family: 'Poppins';
    font-weight: bold !important;
}
h2 {
    font-size: 50px;
    color: #111;
}
p {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
}
span{
    font-family: 'Poppins';
}
ul,
li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a,
a:hover{
    text-decoration: none;
}
.modal-open {
    padding-right: 0 !important;
}
.gap {
    padding: 120px 0;
    position: relative;
}
.no-top {
    padding-top: 0;
}
.no-bottom {
    padding-bottom: 0;
}
.d-flex-all {
    display: flex;
    align-items: center;
    justify-content: center;
}
.light-bg-color {
    background-color: #f7f6f2;
}
.heading {
    text-align: center;
}
.heading span,
.heading-style-2 .data span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
}
.heading figure {
    margin-bottom: 20px;
}
.heading h2 {
    margin-top: 5px;
    width: 56%;
    margin-left: auto;
    margin-right: auto;
}
.heading h2,
.heading.heading-style-3 h2 span {
    font-size: 50px;
    margin-bottom: 45px;
    color: #111;
}
.heading-style-2 .data h2 {
    font-size: 50px;
    color: #111;
}
.heading-style-2 {
    margin-bottom: 50px;
}
.heading.heading-style-3 h2 {
    width: 45%;
    margin-bottom: 19px;
    margin-top: 28px;
}
.heading.heading-style-3 p {
    width: 60%;
    margin: auto;
    margin-bottom: 70px;
}
.heading.heading-style-3 h2 span {
    text-transform: capitalize;
    position: relative;
}
.heading.heading-style-3 h2 span:before {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 7px;
    left: 0;
    border-radius: 10px;
}
.heading.heading-style-3 p span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    font-family: 'Poppins';
    text-transform: none;
    border-bottom: 1px solid #bcbcbc;
    color: #444;
    letter-spacing: 0;
}
.service-style-one .service-data:before,
.service-style-one .service-data .icon,
.service-style-one .service-data .svg-icon:before,
.counter-style-one .counter-data,
.project-style-one .project-post .project-data,
.project-style-one .project-post .project-data .project-icon,
.theme-btn,
.theme-btn i,
.theme-btn i:after,
.featured-slider-one .owl-nav button,
.team-style-one .team-slider-nav button,
.core-features button.accordion-button:before,
.video-play-btn,
.blog-style-one .blog-post .blog-image a,
.blog-style-one .blog-post:hover .blog-image a:before,
.blog-style-one .blog-post,
.footer-style-one .footer-p-2 .footer-col form button:before,
.footer-style-one .footer-p-3 .footer-col p a,
.footer-style-one .footer-p-3 .footer-col a:after,
.footer-style-one .footer-p-3 .footer-col a:before,
.mobile-nav.desktop-menu .social-medias a:before,
.mobile-nav.desktop-menu .social-medias a:after,
button.scrollTopStick i,
.blog-style-one .blog-post .blog-image figure img,
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu,
.desktop-nav .nav-bar ul > li ul.sub-menu li a:before,
.pricing-plans .price-box .theme-btn:after,
.pricing-plans .features,
.pricing-plans .main-price .price-box,
.pricing-plans .main-price .price-box h2,
.pricing-plans .main-price .price-box h3,
.pricing-plans .main-price .price-box > p,
.pricing-plans .main-price .price-box .price p,
.service-style-two .service-two-box:before,
.service-style-two .service-two-box .service-two-icon i,
.service-style-two .service-two-box .service-two-icon svg,
.service-style-two .service-two-box .service-two-icon:before,
.service-style-two .service-two-box.last a span,
.blog-style-two .blog-item:hover a i,
.blog-style-two .blog-item:before,
.contact-us .c-data ul li a i,
.contact-us .c-data ul li a.active:before,
.contact-us .c-cards .card.active,
.contact-us .c-cards .card,
.history-style-one .history-data .details p,
.history-style-one .history-data .details a,
.history-style-one .history-data a i,
.team-style-two .team-social-medias a i,
.project-completed .prj-slider-nav button,
.blog-style-three .blog-posts li,
.contact-form-2 .info ul.social-medias li a,
.construction-services .services-nav ul li button,
.innovation ul li,
.builty-pagination ul.pagination li a,
.sidebar .box.recent-posts ul li a,
.sidebar .box.recent-posts ul li a i,
.desktop-nav .nav-bar > ul > li > a:before,
.pricing-plans .main-price .price-img img,
.what-we-build .wwb-ul li.active h3 a,
.what-we-build .wwb-ul li h3 a,
.what-we-build .wwb-ul li.active:before,
.what-we-build .wwb-ul li:before,
.what-we-build .wwb-ul li.active figure,
.what-we-build .wwb-ul li figure,
.what-we-build .wwb-ul li figure:before,
.what-we-build .wwb-ul li.active figure:before,
.mobile-nav > ul li.menu-item-has-children.active > ul.sub-menu,
.next-prev-projects li a,
.category.social-medias ul li a:after,
.team-detail .fav-project .f-p-box .f-p-btn i,
.team-style-one .team-data .team-social-media a:before,
.cart-t-payment-m .payment-method button,
.cart-popup,
.cart-popup .cart-btns a,
.preloader,
.featured-slider-one .owl-nav button.owl-prev:before, 
.featured-slider-one .owl-nav button.owl-next:before,
.about-how-it-works .plans,
.gallery-style-one a:before,
.cart .cart-table .c-c .c-data .cr-svg,
.shop-style-one.addition .product .btn-hover figure:before,
.first .tab-data .map-pin .location,
.team-style-one .team-slider-nav button:before,
.blog-style-three .blog-posts .boxx {
    transition: 0.3s ease-in-out;
}

.circle-layer,
button.scrollTopStick.active:before,
.our-goal .data .goal-mov {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes rotateme {
    from {
        -moz-transform: rotate(0deg);
    }
    to { 
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes rotateme {
    from {
        -o-transform: rotate(0deg);
    }
    to { 
        -o-transform: rotate(360deg);
    }
}
.img_hover_3 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.img_hover_3 img{
    width: 100%;
    transition: all 500ms ease;
} 
.img_hover_3:before{
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    opacity: 0;
}
.img_hover_3:hover:before{
    -webkit-animation: shine 1s;
    animation: shine 1s;
    opacity: 1;
}
@-webkit-keyframes shine {
    100% {
      left: 125%;
    }
}
@keyframes shine {
    100% {
      left: 125%;
    }
}
.theme-btn {
    padding: 18px 70px 18px 50px;
    background: #b0d87c;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    color: black;
    display: inline-flex;
    position: relative;
    border: 2px solid;
    font-weight: bold;
}
.theme-btn:after {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: -2px;
    right: -32px;
    background: transparent;
    border-left: 0 solid transparent;
    border-right: 30px solid transparent;
    border-top: 65px solid #b0d87c;
}
.desktop-nav .nav-bar .extras .theme-btn.simple:after {
    display: none;
}
.theme-btn:hover {
    background-color: transparent;
    color: white;
}
.theme-btn:hover i {
    color: black;
    width: 45px;
}
.theme-btn i {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -14px;
    z-index: 1;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.theme-btn i:after {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    transform: skew(-24deg, 0deg);
    transition: 0.5s ease-in-out;
}
.parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    top: 0;
    left: 0;
}
.common-btn {
    text-align: center;
    margin-top: 50px;
} 
.common-btn .theme-btn:hover {
    color: #000;
}
.nice-select,
input,
select {
    height: 65px;
    border-radius: 0 !important;
    padding-left: 20px;
    position: relative;
    width: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-color: #c1c1c1;
}
textarea {
    height: 180px;
    padding-left: 20px !important;
    padding-top: 20px;
    font-size: 16px;
    border-radius: 0 !important;
    border-color: #c1c1c1;
}
.nice-select .list {
    width: 100%;
}
.nice-select:before {
    content: "";
    width: 65px;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.nice-select:after {
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    height: 8px;
    right: 25px;
    width: 8px;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
    box-shadow: 0 0 0 0.25rem transparent;
}
.nice-select .option {
    height: 50px;
    display: flex;
    align-items: center;
}
.acc2 .accordion-item button {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Poppins';
    color: black;
    background: #f7f6f2;
    height: 80px;
    padding-left: 30px;
    position: relative;
}
.acc2 .accordion-item:not(:last-child) {
    margin-bottom: 20px;
    border: 0;
}
.acc2 .accordion-body {
    padding: 20px 45px 17px 30px;
    font-size: 16px;
}
.acc2 .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem transparent;
}
.acc2 .accordion-item.collapsed button:before,
.acc2 .accordion-item button:before {
    content: "";
    width: 75px;
    height: 0px;
    position: absolute;
    bottom: 0;
    right: 0px;
    border-top: 76px solid #b0d87c;
    border-left: 0px solid #eee;
    border-right: 30px solid transparent;
    border-bottom: 0px solid #eee;
    transform: rotate(180deg);
    margin: 2px;
}
.acc2 .accordion-item button.collapsed:before {
    border-top: 76px solid #fff;
}
.acc2 .accordion-item h2 {
    position: relative;
}
.acc2 .accordion-item h2:before {
    content: "";
    width: 5px;
    height: 100%;
    background: white;
    position: absolute;
    top: 0;
    right: 60px;
    z-index: 9;
    transform: skewX(-22deg);
}
.acc2 .accordion-button:not(.collapsed)::after {
    background-image: url("../images/acc-arrow-down.png");
}
.acc2 .accordion-button:after {
    background-image: url("../images/acc-arrow-down.png");
}
.acc2 .accordion-button:not(.collapsed)::after,
.acc2 .accordion-button:after {
    background-position: center;
    background-size: auto;
    z-index: 0;
}
.video-play-btn {
    width: 180px;
    height: 250px;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    transform: translateY(-50%) skew(-20deg, 0deg);
    position: absolute;
    top: 50%;
    left: 230px;
}
.video-play-btn svg {
    width: 55px;
    height: 55px;
    fill: white;
    transform: skew(20deg, 0deg);
}
.video-play-btn:hover {
    background: #00000090;
}
.video-play-btn i {
    font-size: 55px;
    transform: rotate(-10deg);
}
.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.builty-pagination .pagination {
    justify-content: center;
}
.builty-pagination {
    margin-top: 50px;
}
.builty-pagination ul.pagination li a {
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    font-family: 'Poppins';
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: 0 !important;
    border: 1px solid #c1c1c1;
}
.builty-pagination ul.pagination li:first-child a,
.builty-pagination ul.pagination li:last-child a {
    padding: 0 21px;
    background: black;
    color: white;
}
.builty-pagination ul.pagination li:first-child a:hover,
.builty-pagination ul.pagination li:last-child a:hover {
    color: black;
}
.builty-pagination ul.pagination li:first-child a,
.builty-pagination ul.pagination li:last-child a {
    border-color: black;
}
.builty-pagination ul.pagination li:first-child {
    margin-right: 25px;
}
.builty-pagination ul.pagination li:last-child {
    margin-left: 25px;
}
.builty-pagination ul.pagination li a i {
    font-size: 15px;
}
.builty-pagination ul.pagination li.space a {
    cursor: not-allowed;
}
.detail-page .page-item.space {
    margin: 0;
}
.p-quote {
    text-decoration: underline;
    text-decoration-color: #bcbcbc;
}
.c-circle li {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
}
.c-circle li i {
    color: #c9c9c9;
    font-size: 15px;
    margin-right: 10px;
}
.category {
    border: 1px solid #c1c1c1;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    background: white;
}
.category:not(:last-child) {
    margin-bottom: 30px;
}
.category:before {
    content: "";
    background: #f2f2f2;
    width: 100%;
    height: 100%;
    left: 5px;
    bottom: -8px;
    position: absolute;
    z-index: -1;
}
.shape {
    position: relative;
}
.shape:after {
    content: "";
    width: 30px;
    height: 60px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    border-left: 40px solid #ffee02;
    border-right: 50px solid #d1676700;
    border-bottom: 60px solid #ffee0200;
    transform: rotate(180deg);
}
.category p a {
    font-weight: 600;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #bcbcbc;
}
.category.social-medias p {
    text-transform: uppercase;
}
.category.social-medias ul {
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.category.social-medias ul li {
    margin-right: 17px;
}
.category.social-medias ul li a {
    font-size: 16px;
    color: #444;
    font-weight: 600;
    position: relative;
}
.category.social-medias ul li a:before,
.category.social-medias ul li a:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.category.social-medias ul li a:before {
    border-bottom: 1px solid #bcbcbc;
    width: 100%;
}
.category.social-medias ul li a:after {
    width: 0;
    border-bottom: 1px solid;
}
.category.social-medias ul li a:hover:after {
    width: 100%;
}
.comment {
    display: flex;
    align-items: center;
    border: 1px solid #c1c1c1;
    position: relative;
}
.comments ul li:not(:last-child) .comment {
    margin-bottom: 10px;
}
.comment .c-img img {
    width: 170px;
    height: 170px;
}
.comment .c-data {
    padding-left: 25px;
}
.comment .c-data h4 {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: bold;
    color: #000;
}
.comment .c-data span,
.comment .c-data p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins';
    color: #444;
}
.comment .c-data span {
    border-bottom: 2px solid #e4e4e4;
    text-transform: uppercase;
}
.comment .c-data .c-r-btn {
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    padding: 11px 17px;
    position: absolute;
    top: -1px;
    right: -1px;
}
.comments h3 {
    width: 100%;
}
.comments {
    display: flex;
    flex-wrap: wrap;
}
.category.shape.comments,
.category.shape.form {
    padding: 30px 30px 35px;
}
.category.shape.comments h3,
.category.shape.form h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-family: 'Poppins';
    font-size: 20px;
}
.category.shape.form {
    display: flex;
    flex-wrap: wrap;
}
.category.shape.form p {
    margin-top: 0;
    width: 100%;
}
.category.shape.comments h3, .category.shape.form h3 {
    margin-bottom: 10px;
}
.comment.reply {
    width: 93%;
    margin-left: auto;
}
.form form,
.form form textarea {
    width: 100%;
}
.form form textarea,
.form form input {
    border: 1px solid #c1c1c1;
    background: #fafafa;
    padding: 20px;
}
.form form input:focus {
    outline: 0;
}
.contact-form-2 form textarea:focus {
    outline: 0;
    border: 0;
}
.form form textarea {
    margin-bottom: 10px;
}
.form form .theme-btn:hover {
    color: #000;
}
.form form input[type=checkbox] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right: 12px;
}
.form form input[type=checkbox]+label {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-family: 'Poppins';
}
.form form .form-check {
    padding: 0;
    display: flex;
    align-items: center;
    margin-top: 14px;
}
.form form .theme-btn {
    margin-top: 25px;
}
.ratings {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    padding: 3px 14px;
    margin-bottom: 14px;
}
.ratings i {
    font-size: 15px;
    margin-right: 10px;
}
.ratings span {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Poppins';
}
.sm-circle li {
    position: relative;
    font-size: 16px;
    color: #444;
    margin-bottom: 8px;
}
.sm-circle li:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    border-radius: 100%;
}
.sm-circle {
    padding-left: 20px;
    margin-bottom: 45px;
}
/* 1.1 Scroll Top Start */
button.scrollTopStick {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 0;
    position: fixed;
    bottom: 50px;
    right: 50px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -o-transform: translateY(30px);
    display: flex;
    align-items: center;
    justify-content: center;
}
button.scrollTopStick.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    box-shadow: 2px 2px 7px 2px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 2px 2px 7px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 2px 3px 45px 0px rgba(0 0 0 / 5%);
    cursor: pointer;
    z-index: 999;
    background: transparent;
    border: 1px solid white;
}
button.scrollTopStick.active:before {
    content: "";
    width: 65px;
    height: 65px;
    border: 3px dotted #ddd;
    position: absolute;
    border-radius: 100%;
}
button.scrollTopStick i {
    color: white;
    mix-blend-mode: difference;
    -webkit-font-smoothing: antialiased;
}
button.scrollTopStick:hover i {
    transform: translateY(-3px);
}
/* 1.1 Scroll Top End */


/* 1. General Style End */



/* 2. Service Style One Start */
.service-style-one .service-data {
    width: 80%;
    margin: auto;
    position: relative;
}
.service-style-one .service-data h3 {
    margin-bottom: 15px;
    margin-top: 50px;
}
.service-style-one .service-data h3 a {
    color: #000;
}
.service-style-one .service-data p {
    margin-bottom: 30px;
}
.service-style-one .service-data .icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 100%;
    margin: auto;
    background: white;
    transform: translateX(-10px);
    opacity: 0;
    visibility: hidden;
}
.service-style-one .service-data:hover .icon {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}
.service-style-one .service-data .icon i {
    color: #000;
    font-size: 12px;
}
.service-style-one .service-data .svg-icon {
    width: 140px;
    height: 150px;
    position: relative;
    margin: auto;
}
.service-style-one .service-data .svg-icon img {
    position: relative;
    width: 70px;
    height: 70px;
}
.service-style-one .service-data .svg-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid;
    width: 100%;
    height: 100%;
    transform: skew(-20deg, 0deg);
    background: white;
}
.service-style-one .service-data:before {
    content: "";
    width: 190px;
    height: 380px;
    background: #f7f6f2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) skew(-20deg, 0deg);
    z-index: -1;
}
/* 2. Service Style One End */

/* 3. About Style One Start */
.about-style-one .about-data-left {
    padding-top: 60px;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.about-style-one .about-data-left img {
    width: 100%;
}
.about-style-one .about-data-left .about-image {
    margin-left: 15px;
    margin-bottom: -60px;
}
.about-style-one .about-data-left:before {
    content: "";
    width: 350px;
    height: 680px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) skew(-20deg, 0deg);
    z-index: -1;
}
.about-style-one .about-data-right span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
}
.about-style-one .about-data-right h2 {
    font-size: 50px;
    line-height: 60px;
    margin-top: 10px;
    margin-bottom: 50px;
}
.about-style-one .about-data-right {
    padding-top: 130px;
}
.about-style-one .about-data-right .about-info {
    padding-left: 110px;
}
.about-style-one .about-data-right .about-info p {
    margin-bottom: 30px;
    padding-right: 45px;
}
.about-style-one .about-data-right .about-info h3,
.about-style-one .about-data-right .about-info h4 {
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins';
}
.about-style-one .about-data-right .about-info h3 {
    font-weight: bold;
    margin-top: 13px;
}
/* 3. About Style One End */

/* 4. Counter Style One Start*/
.counter-style-one .counter-data {
    border: 1px solid #c1c1c1;
    padding: 40px;
    width: 87%;
    position: relative;
}
.counter-style-one .counter-data:hover {
    box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
}
.counter-style-one .counter-data .count {
    font-size: 85px;
    color: #080808;
    font-family: 'Poppins';
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #080808;
    position: relative;
    line-height: 105px;
    display: flex;
}
span.counter {
    font-weight: 900;
}
.counter-style-one .counter-data .count i {
    font-size: 16px;
    font-weight: 900;
    color: #161616;
    -webkit-text-fill-color: #161616;
    -webkit-text-stroke-width: 0;
    text-transform: uppercase;
    line-height: 26px;
    font-style: normal;
    margin-top: 15px;
    margin-left: 8px;
}
.counter-style-one .counter-data h4 {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins';
    color: #161616;
}
.counter-style-one .counter-data:before {
    content: "";
    width: 60px;
    height: 110px;
    position: absolute;
    bottom: -20px;
    right: 0px;
    transform: skew(-23deg, 0deg);
}
.counter-style-one .counter-data.upper-space {
    margin-top: 90px;
}
/* 4. Counter Style One End*/

/* 5. Project Style One Start*/
.project-style-one .project-post {
    position: relative;
}
.project-style-one .project-post .project-data {
    padding: 35px 40px;
    border: 1px solid #c1c1c1;
    background: white;
    width: 90%;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.project-style-one .project-post .project-data:hover {
    box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 20px 20px 13px 0px rgb(0 0 0 / 5%);
}
.project-style-one .project-post .project-data h3 a {
    font-size: 28px;
    line-height: 38px;
    color: black;
}
.project-style-one .project-post .project-data .project-icon {
    content: "\f101";
    width: 60px;
    height: 100%;
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skew(-25.7deg, 0deg);
    top: 0;
    right: -16px;
    color: black;
    background: #c1c1c1;
}
.project-style-one .project-post .project-data:hover .project-icon {
    right: 45px;
}
.project-style-one .project-post .project-data:hover .project-icon i {
    transform: skew(21.5deg, 0deg);
}
.project-style-one .project-post .project-data p {
    margin-top: 10px;
    width: 80%;
}
.project-style-one:before {
    content: "";
    width: 380px;
    height: 730px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: skew(-23deg, 0deg);
    z-index: 0;
}
.project-style-one {
    position: relative;
}
.project-style-one .project-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.project-style-one .project-slider .owl-dots button {
    border: 1px solid #c1c1c1;
    width: 70px;
    height: 15px;
    color: transparent;
}
.project-style-one .project-slider .owl-dots button.active {
    background: black;
    border-color: black;
}
/* 5. Project Style One End*/

/* 6. Team Style One Start */
.team-style-one .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.team-style-one .owl-item {
    opacity: 0;
    visibility: hidden;
}
.team-style-one:not(.hb-team-showcase) .owl-item.open.active {
    width: 9% !important;
}
.team-style-one:not(.hb-team-showcase) .owl-item.active {
    width: 5.2% !important;
    opacity: 1;
    visibility: visible;
}
.team-style-one .team-data {
    display: flex;
    align-items: center;
}
.team-style-one .owl-stage {
    display: flex;
    align-items: center;
}
.team-style-one .team-data .team-image {
    text-align: center;
    position: relative;
}
.team-style-one .team-data .team-image:before {
    content: "";
    width: 195px;
    height: 370px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: -1;
}
.team-style-one .team-data .team-info h3 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    margin-bottom: 5px;
}
.team-style-one .team-data .team-info p {
    font-size: 16px;
    line-height: 26px;
    color: #444;
}
.team-style-one .team-data .team-social-media {
    margin-top: 35px;
}
.team-style-one .team-data .team-social-media a {
    width: 50px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 10px;
}
.team-style-one .team-data .team-social-media a:before {
    content: "";
    border: 1px solid #c1c1c1;
    transform: skew(-23deg, 0deg);
    width: 100%;
    height: 100%;
}
.team-style-one .team-data .team-social-media a:hover i {
    color: white;
}
.team-style-one .team-data .team-social-media a.fb:hover:before {
    background: #4267B2;
}
.team-style-one .team-data .team-social-media a.tw:hover:before {
    background: #00acee;
}
.team-style-one .team-data .team-social-media a i {
    font-size: 16px;
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.team-style-one .team-data .team-info {
    padding-left: 20px;
    padding-top: 100px;
    /*width: 0;
    height: 0;*/
    opacity: 0;
    visibility: hidden;
    /*animation-name: fadeOutUpSD;
    animation-duration: 0.5s;
    transition: width 2s 0.5s;*/
    display: none;
}

.team-style-one .team-slider .owl-item.active.open .team-info {
    width: 300px;
    height: auto;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    /*animation-name: fadeInUpSD;
    animation-duration: 1s;
    transition: width 2s 0.5s;*/
    display: block;
}
@keyframes fadeOutUpSD {
  0% {
    transition: width 2s 2s;
  }
  100% {
    transition: width 1s 1s;
  }
}
.team-style-one .team-data .team-image img {
    filter: grayscale(1);
    width: auto;
}
.team-style-one .team-slider .owl-item.active.open .team-image img {
    filter: grayscale(0);
    width: auto;
}


@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;  }
}
.team-style-one .team-data .team-image:before {
    background-color: #f7f6f2;
}
.team-style-one .team-slider-nav button {
    width: 50px;
    height: 80px;
    margin-right: 3px;
    background: transparent;
    position: relative;
    border: 0;
}
.team-style-one .team-slider-nav button:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #c1c1c1;
    transform: skew(-23deg, 0deg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.team-style-one .team-slider-nav button i {
    font-size: 16px;
}
.team-style-one .team-slider-nav {
    text-align: right;
}

/* 6. Team Style One End */

/* 7. Featured Slider One Start */

.f-slider-one img {
    width: 100%;
    height: 100vh;
}

.featured-slider-one .f-slider-one-data,
.featured-slider-one .owl-item.active .f-slider-one-data {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    left: 16%;
    width: 40%;
    z-index: 9;
}
.featured-slider-one .f-slider-one-data h1,
.featured-slider-one .f-slider-one-data p,
.featured-slider-one .f-slider-one-data a {
    opacity: 0;
    visibility: hidden;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1,
.featured-slider-one .owl-item.active .f-slider-one-data p,
.featured-slider-one .owl-item.active .f-slider-one-data a {
    opacity: 1;
    visibility: visible;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1 {
    font-size: 70px;
    line-height: 80px;
    color: white;
    margin-bottom: 10px;
}
.featured-slider-one .owl-item.active:before {
    content: "";
    width: 475px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 3%;
    transform: translateX(-50%) skew(-20deg, 0deg);
    z-index: 1;
    opacity: 0.4;
}
.featured-slider-one .owl-item.active:after {
    content: "";
    width: 280px;
    height: 540px;
    position: absolute;
    top: 60%;
    right: 1.5%;
    transform: translate(-50%, -50%) skew(-20deg, 0deg);
    z-index: 1;
}
.featured-slider-one .owl-item.active .f-slider-one-data p {
    font-size: 20px;
    line-height: 30px;
    color: white;
    margin-bottom: 55px;
    width: 90%;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1,
.featured-slider-one .owl-item.active .f-slider-one-data p,
.featured-slider-one .owl-item.active .f-slider-one-data a {
    animation-name: fadeInOne;
}
.featured-slider-one .owl-item.active .f-slider-one-data h1 {
    animation-duration: 1s;
}
.featured-slider-one .owl-item.active .f-slider-one-data p {
    animation-duration: 1.5s;
}
.featured-slider-one .owl-item.active .f-slider-one-data a {
    animation-duration: 2s;
}
.featured-slider-one .owl-item.active:before,
.featured-slider-one .owl-item.active:after {
    animation-duration: 2.3s;
    animation-delay: 0s;
}
.featured-slider-one .owl-item.active:before {
    animation-name: fadeInTwo;
}
.featured-slider-one .owl-item.active:after {
    animation-name: fadeInThree;
    animation-duration: 2.3s;
    animation-delay: 0s;
}
@keyframes fadeInOne {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;  }
}
@keyframes fadeInTwo {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) skew(-20deg, 0deg);
    transform: translateX(-50%) skew(-20deg, 0deg);
  }
  40% {
    opacity: 0;
    -webkit-transform: translateX(-30%) skew(-15deg, 0deg);
    transform: translateX(-30%) skew(-20deg, 0deg);  }
  100% {
    opacity: 0.4;
    -webkit-transform: translateX(-50%) skew(-20deg, 0deg);
    transform: translateX(-50%) skew(-20deg, 0deg);  }
}
@keyframes fadeInThree {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
}
}
.featured-slider-one .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 0;
    transform: translate(-50%, -50%);
}
.featured-slider-one .owl-nav button {
    width: 80px;
    height: 115px;
    background: transparent;
    color: white;
    border: 0;
    position: relative;
    z-index: 0;
}
.featured-slider-one .owl-nav button.owl-prev:before, 
.featured-slider-one .owl-nav button.owl-next:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: 2px solid;
    transform: skew(-23deg, 0deg);
}
.featured-slider-one .owl-nav button.owl-prev:hover:before,
.featured-slider-one .owl-nav button.owl-next:hover:before {
    border-color: #c1c1c1;
}
.featured-slider-one .owl-nav button:first-child {
    margin-right: 10px;
}
.featured-slider-one .f-slider-layer {
    position: relative;
}
.featured-slider-one .f-slider-layer:before {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}
/* 7. Featured Slider One End */

/* 7. Client Slider One Start*/.
.client-style-one .client-slider .owl-stage {
    display: flex !important;
    align-items: center !important;
}
.client-style-one .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    display: flex;
    align-items: center;
}
/* 7. Client Slider One End*/

/* 9. Core Features Start */
.core-features .space {
    padding: 100px 0;
}
.core-features .shape:after {
    display: none;
}
.core-features button.accordion-button {
    font-size: 18px !important;
    color: #1a1c1c !important;
    min-height: 65px;
    height: auto !important;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    padding: 10px 45px 10px 25px !important;
    font-weight: bold;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease;
}
.core-features button.accordion-button:before {
    content: "";
    background: #1a1c1c !important;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 12px;
    transform: skew(-21deg, 0deg);
    transition-delay: 0.3s;
}
.core-features button.accordion-button.collapsed:before {
    right: 0;
    background: #f7f6f2 !important; /* Esconde a barra preta usando a mesma cor do fundo colapsado */
}
.core-features button.accordion-button span {
    font-family: 'Poppins', sans-serif;
    font-size: 18px !important;
    font-weight: 900;
    color: #5ca904 !important;
    margin-right: 15px;
    transition: color 0.3s ease;
}
.core-features button.accordion-button.collapsed {
    background: #f7f6f2 !important;
    color: #1a1c1c !important;
}
.core-features .accordion-item:not(:last-child) {
    margin-bottom: 50px;
}
.core-features .accordion-item:last-child {
    margin-bottom: 30px;
}
/*.core-features .accordion-item:first-child {
    margin-bottom: 22px;
}*/
.core-features .accordion-header {
    margin-bottom: -30px;
    margin-left: 20px;
    width: 50%;
}
.core-features .accordion-button::after {
    display: none;
}
.core-features .accordion-button:focus {
    border-color: transparent;
    box-shadow: 0 0 0 0.25rem transparent;
}
.core-features .accordion-item:not(:first-of-type) {
    border-top: 0;
}
.core-features .accordion-body {
    padding: 55px 35px 30px 35px;
    border: 1px solid #c1c1c1;
}
.core-features .accordion-item {
    background-color: #fff;
    border: 1px solid transparent;
}
.core-features button.accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 transparent;
    background: #5ca904 !important;
    color: #1a1c1c !important; /* Texto preto no item ativo */
}
.core-features button.accordion-button:not(.collapsed) span {
    color: #1a1c1c !important; /* Número preto no item ativo */
}
.core-features .video {
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
    width: 100vw;
    position: relative;
}
.core-features .shape {
    position: relative;
}
.core-features .video:before {
    content: "";
    width: 180px;
    height: 510px;
    position: absolute;
    top: 50%;
    left: 150px;
    transform: translateY(-50%) skew(-20deg, 0deg);
    z-index: 0;
}
.core-features .shape:before {
    content: "";
    width: 100px;
    height: 510px;
    position: absolute;
    top: 50%;
    left: 120px;
    transform: translateY(-50%) skew(-20deg, 0deg);
    z-index: 1;
}
/* 9. Core Features End */

/* 10. Renovation Start */
.renovation {
    padding-top: 190px;
    overflow: hidden;
}
.renovation .parallax:before {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.renovation:before,
.renovation:after {
    content: "";
    width: 415px;
    height: 100%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 0;
    opacity: 0.3;
}
.renovation:before {
    left: 6%;
}
.renovation:after {
    right: -17%;
}
.renovation .reno-data h2,
.renovation .reno-data h3,
.renovation .reno-data p {
    color: white;
}
.renovation .reno-data h3 {
    font-size: 50px;
    line-height: 35px;
}
.renovation .reno-data h2 {
    font-size: 100px;
    margin-bottom: 15px;
}
.renovation .reno-data {
    text-align: center;
    position: relative;
}
.renovation .reno-data p {
    font-size: 20px;
    line-height: 34px;
    width: 41%;
    margin: auto;
}
.renovation .reno-data:before {
    content: "";
    width: 250px;
    height: 510px;
    position: absolute;
    right: -15%;
    top: 50%;
    transform: translateY(-50%) skew(-23deg, 0deg);
    z-index: -1;
}
.renovation .bbtn a i {
    font-size: 30px;
    color: white;
    transform: rotate(45deg);
}
.renovation .bbtn a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}
.renovation .bbtn {
    position: relative;
    margin-top: 50px;
}
/* 10. Renovation End */

/* 11. Client Review Style One Start */
.client-review-style-one .head-review span {
    font-size: 16px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Poppins';
    font-weight: 900;
}
.client-review-style-one .head-review h3 {
    font-size: 50px;
    margin-bottom: 55px;
}
.client-review-slider .slider-data p {
    font-size: 20px;
    line-height: 36px;
    color: #161616;
    width: 85%;
}
.client-review-slider .slider-data .bio .icon {
    width: 72px;
    height: 60px;
    margin-right: 25px;
}
.client-review-slider .slider-data .bio .icon svg {
    width: 20px;
    height: 20px;
}
.client-review-slider .slider-data .bio .details h3 {
    font-size: 24px;
    color: #161616;
    margin-bottom: 0;
    font-family: 'Poppins';
    font-weight: bold;
}
.client-review-slider .slider-data .bio .details p {
    line-height: 25px;
}
.client-review-slider .slider-data .bio {
    margin-top: 35px;
}
.client-review-slider .slider-data .bio .details {
    padding-top: 5px;
}
.client-review-slider .owl-dots {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
}
.client-review-slider .owl-dots button {
    border: 1px solid #c1c1c1;
    width: 70px;
    height: 15px;
    color: transparent;
}
.client-review-slider .owl-dots button.active {
    background: black;
    border-color: black;
}
/* 11. Client Review Style One End */

/* 12. Blog Style One Start*/
.blog-style-one .blog-post h2 {
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
}
.blog-style-one .blog-post h2 a {
    color: #000;
}
.blog-style-one .blog-data {
    padding: 20px 25px;
}
.blog-style-one .blog-data .blog-date {
    font-size: 16px;
    color: #000;
    font-family: 'Poppins';
    padding: 8px 40px 8px 20px;
    display: inline-flex;
    margin-bottom: 17px;
    position: relative;
    font-weight: bold;
}
.blog-style-one .blog-data .blog-date:before {
    content: "";
    width: 30px;
    height: 55px;
    position: absolute;
    bottom: -8px;
    right: -35px;
    transform: translateX(-50%) skew(-24deg, 0deg);
    z-index: 0;
    border: 3px solid white;
}
.blog-style-one .blog-post .blog-image a {
    width: 60px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    position: absolute;
    right: -110px;
    bottom: 0;
    z-index: 2;
}
.blog-style-one .blog-post .blog-image a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(-23deg, 0deg);
    z-index: -1;
}
.blog-style-one .blog-post .blog-image:before {
    content: "";
    width: 140px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -270px;
    transform: translateX(-50%) skew(-24deg, 0deg);
    z-index: 1;
    opacity: 0.7;
    transition-duration: 0.7s;
}
.blog-style-one .blog-post:hover .blog-image a {
    right: -10px;
}
.blog-style-one .blog-post:hover .blog-image:before {
    right: -60px;
}
.blog-style-one .blog-post .blog-image a i {
    color: #000;
}
.blog-style-one .blog-post .blog-image {
    position: relative;
}
.blog-style-one .blog-post {
    border: 1px solid #c1c1c1;
    overflow: hidden;
    margin-bottom: 30px;
}
.blog-style-one .common-btn,
.blog-style-one .builty-pagination {
    margin-top: 10px;
}
.blog-style-one .blog-post:hover {
    box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 10px 10px 15px 0px rgb(0 0 0 / 8%);
}
.blog-style-one .blog-post:hover .blog-image img {
    transform: rotate(-3deg) scale(1.1);
}
.blog-style-one .blog-post .blog-image figure {
    overflow: hidden;
}
.blog-style-one .blog-post .blog-author {
    margin-top: 17px;
}
.blog-style-one .blog-post img {
    width: 100%;
}
.blog-style-one .blog-post .blog-author .details h3 {
    font-size: 16px;
    color: #444;
}
.blog-style-one .blog-post .blog-author .details h3 span {
    color: #999;
}
.blog-style-one .blog-post .blog-author .author-img figure {
    margin-right: 10px;
}
.blog-style-one .blog-post .blog-author .author-img figure img {
    object-fit: cover;
    object-position: center;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}
/* 12. Blog Style One End*/

/* 13. Footer Style One Start */
.footer-style-one .footer-p-1 {
    background-color: #232222;
    padding: 30px 0;
}
.contact-info .images img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px;
    border: 2px solid white;
}
.contact-info .images figure:last-child {
    margin-left: -10px;
}
.contact-info p {
    font-size: 16px;
    color: white;
}
.contact-info p span {
    font-weight: bold;
    text-decoration: underline;
}
.contact-info .images {
    margin-right: 15px;
}
.footer-first {
    display: flex;
    justify-content: space-between;
}
.footer-style-one .footer-p-2 {
    padding: 100px 0;
}
.footer-style-one .footer-p-2,
.footer-style-one .footer-p-3 {
    background-color: #000000;
}
.footer-style-one .footer-p-2 .footer-col h3 {
    color: white;
}
.footer-style-one .footer-p-2 .footer-col h3 {
    font-size: 22px;
    margin-bottom: 30px;
}
.footer-style-one .footer-p-2 .footer-col p {
    width: 75%;
    margin-top: -7px;
}
.footer-style-one .footer-p-2 .footer-col p,
.footer-style-one .footer-p-3 .footer-col p  {
    color: white;
}
.footer-style-one .footer-p-2 .footer-col ul li svg {
    width: 20px;
    height: 20px;
}
.footer-style-one .footer-p-2 .footer-col ul li {
    display: flex;
}
.footer-style-one .footer-p-2 .footer-col ul li p {
    width: 60%;
    margin-top: -6px;
    margin-left: 20px;
    font-weight: 600;
}
.footer-style-one .footer-p-2 .footer-col ul li:not(:last-child) {
    margin-bottom: 20px;
}
.footer-style-one .footer-p-2 .footer-col form {
    width: 100%;
    margin-top: 20px;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    position: relative;
}
.footer-style-one .footer-p-2 .footer-col form input {
    height: 70px;
    background-color: #232222;
    width: 100%;
    border: 0;
    padding-left: 30px;
}
.footer-style-one .footer-p-2 .footer-col form input::placeholder {
    color: #b7b7b7;
}
.footer-style-one .footer-p-2 .footer-col form button {
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    position: absolute;
    right: 22px;
    top: 50%;
    border: 0;
    background: transparent;
}
.footer-style-one .footer-p-2 .footer-col form button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    border: 2px solid;
    z-index: -1;
    transform: skew(-20deg, 0deg);
}
.footer-style-one .footer-p-2 .footer-col form button:hover:before {
    background: transparent;
}
.footer-style-one .footer-p-2 .footer-col form button i {
    color: black;
    transform: rotate(90deg);
    font-size: 20px;
}
.footer-style-one .footer-p-2 .footer-col form button:hover i {
    color: white;
}
.footer-style-one .footer-p-3 .footer-col p i {
    font-size: 15px;
    margin: 0 5px;
}
.footer-style-one .footer-p-3 .footer-col a {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 30px;
    color: white;
    position: relative;
}
.footer-style-one .footer-p-3 .footer-col a:before,
.footer-style-one .footer-p-3 .footer-col a:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer-style-one .footer-p-3 .footer-col a:before {
    border-bottom: 1px solid #6a6a6a;
    width: 100%;
}
.footer-style-one .footer-p-3 .footer-col a:after {
    width: 0;
    border-bottom: 1px solid;
}
.footer-style-one .footer-p-3 .footer-col a:hover:after {
    width: 100%;
}
.footer-style-one .footer-p-3.rights .footer-col {
    border-top: 1px solid;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}
.footer-style-one .footer-p-3.rights .footer-col .social-medias a:not(:last-child) {
    margin-right: 25px;
}
/* 13. Footer Style One End */

/* 14. Header Style One Start */
.header-style-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}
.header-style-one .nav-bar > ul {
    display: flex;
}
.header-style-one .nav-bar ul li a {
    font-size: 16px;
    color: white;
    font-family: 'Poppins';
}
.header-style-one .nav-bar > ul > li:not(:last-child) {
    margin-right: 40px;
}
.header-style-one .desktop-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-style-one .desktop-nav.slideDown,
.header-style-one .desktop-nav.slideUp {
    background: #000000;
    width: 100%;
}
.desktop-nav,
.desktop-nav .nav-bar > ul{
    display: flex;
    align-items: center;
}
.desktop-nav .nav-bar > ul > li > a{
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
}
.desktop-nav .nav-bar > ul > li:last-child > a {
    margin-right: 0;
}
.desktop-nav ul.sub-menu > li  > ul {
    left: 100% !important;
    top: 0px !important;
}
.desktop-nav .nav-bar > ul > li > a svg {
    width: 11px;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu{
    position: absolute;
}
.desktop-nav ul.sub-menu {
    width: 210px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li a {
    padding: 15px 21px;
    display: flex;
    align-items: center;
    color: #545454;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    justify-content: space-between;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li a:before{
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 20px;
    background-image: url('../images/p-button.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li a:hover:before{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a svg {
    width: 8px;
    height: 8px;
    fill: #a9a9a9;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li a:hover svg {
    fill: #fdfdfd;
}
.desktop-nav .nav-bar ul > li ul.sub-menu li:nth-child(even) a:hover{
    background-color: transparent;
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children ul.sub.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu li {
    position: relative;
}
.desktop-nav .nav-bar > ul > li {
    padding: 40px 0;
    position: relative;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children ul.sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:before {
    content: "";
    background-image: url('../images/down-arrow.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: -15px;
    width: 10px;
    height: 10px;
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > a:hover:before{
    background-image: url('../images/down-arrow-clr.svg');
}
.desktop-nav .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before{
    content: "";
    width: 50%;
    height: 5px;
    position: absolute;
    top: -5px;
    left: -5px;
}
.desktop-nav .nav-bar  ul > li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
}
.desktop-nav .nav-bar ul > li.menu-item-has-children > ul.sub-menu {
    border-left: 5px solid;
}
.desktop-nav .nav-bar ul li.menu-item-has-children:hover ul.sub-menu {
    box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);;
}
.desktop-nav .nav-bar .extras .menu-start svg {
    fill: white;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-right: 30px;
}
.desktop-nav .nav-bar .extras .menu-start {
    display: none;
}
.desktop-nav .nav-bar .extras #desktop-menu {
    display: block;
}
.desktop-nav .nav-bar .extras .slideDown svg {
    margin-left: 30px;
}
.desktop-nav .nav-bar .extras .slideDown:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5px;
    z-index: -1;
    background: #000;
}
.desktop-nav .nav-bar .extras a.pr-cart {
    position: relative;
    margin-right: 32px;
}
.desktop-nav .nav-bar .extras a.pr-cart:before {
    content: "2";
    color: #000;
    width: 15px;
    height: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-47%);
    z-index: 1;
    font-size: 10px;
    font-family: 'Poppins';
}
.desktop-nav .nav-bar .extras a.pr-cart svg {
    width: 25px;
    fill: white;
}
.cart-popup {
    position: absolute;
    right: 25%;
    top: 90px;
    width: 340px;
    background-color: #fff;
    padding: 20px;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);
}
.cart-popup:before {
    content: "";
    width: 41%;
    height: 5px;
    position: absolute;
    left: 59.2%;
    top: -5px;
}
.show-cart{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}
.cart-popup img {
    width: 75px;
    background: #f6f6f6;
}
.cart-popup .p-img {
    padding: 0 5px;
}
.cart-popup .p-data h3 {
    font-size: 16px;
    color: #191919;
    margin-bottom: 5px;
}
.header-style-one .cart-popup .p-data h3 a {
    color: #000;
}
.cart-popup .p-data {
    padding-left: 10px;
}
.cart-popup .p-data p {
    line-height: 25px;
}
.cart-popup ul li {
    padding: 15px 10px;
}
.cart-popup ul li:not(:last-child) {
    border-bottom: 1px solid #c1c1c1;
}
.cart-popup ul li a:before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('../images/remove-1.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
}
.cart-popup .cart-total {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
}
.cart-popup .cart-total span {
    font-size: 18px;
    line-height: 28px;
    color: #222;
    font-weight: bold;
}
.cart-popup .cart-btns a {
    font-size: 16px;
    line-height: 25px;
    color: #222;
    text-transform: uppercase;
}
.header-style-one .cart-popup .cart-btns a.checkout{
    color: #000 !important;
}
.cart-popup .cart-btns a {
    font-size: 16px;
    line-height: 25px;
    color: #222;
    text-transform: capitalize;
    width: 50%;
    text-align: center;
    padding: 10px;
    border: 1px solid #c1c1c1;
    font-family: 'Poppins';  
}
.cart-popup .cart-btns a:not(:last-child){
    margin-right: 8px;
}
/*.desktop-nav .nav-bar .extras .menu-start.open #ham-menu,
.desktop-nav .nav-bar .extras .menu-start #cross-menu {
    display: none;
}
.desktop-nav .nav-bar .extras .menu-start #ham-menu,
.desktop-nav .nav-bar .extras .menu-start.open #cross-menu {
    display: block;
}*/
.desktop-nav .nav-bar .extras {
    display: flex;
    align-items: center;
}
.header-style-one .desktop-nav .nav-bar {
    display: flex;
    align-items: center;
}
.desktop-nav .nav-bar .extras .theme-btn {
    padding: 16px 55px 16px 30px;
}
.desktop-nav .nav-bar .extras .theme-btn.simple {
    padding: 16px 30px 16px 30px;
}
.desktop-nav .nav-bar .extras .theme-btn:after {
    width: 31px;
    top: -2px;
    right: -32px;
    border-right: 28px solid transparent;
    border-top: 60px solid #b0d87c;
}
.desktop-nav .nav-bar .extras .theme-btn svg {
    width: 25px;
    height: 20px;
    margin: 0;
    fill: white;
}
.desktop-nav .nav-bar .extras .theme-btn:hover svg {
    fill: black;
}
.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: white;
    padding: 50px 40px 15px;
    z-index: 5;
    transition: 0.45s ease-in-out;
    transform: translateX(-101%);
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    overflow-y: auto;
    background: #000;
}
.mobile-nav.desktop-menu {
    width: 400px;
    padding: 40px;
}
.mobile-nav.desktop-menu h2 {
    font-size: 28px;
    margin-bottom: 10px;
}
.mobile-nav.desktop-menu .social-medias a,
.mobile-nav.desktop-menu p,
.mobile-nav.desktop-menu .des {
    color: #000;
}
.mobile-nav.desktop-menu .social-medias a {
    font-size: 16px;
    position: relative;
    margin-right: 30px;
}
.mobile-nav.desktop-menu .social-medias {
    margin-top: 23px;
}
.mobile-nav.desktop-menu .social-medias a:before,
.mobile-nav.desktop-menu .social-medias a:after {
    content: "";
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.mobile-nav.desktop-menu .social-medias a:before {
    border-bottom: 1px solid #6a6a6a;
    width: 100%;
}
.mobile-nav.desktop-menu .social-medias a:after {
    width: 0;
    border-bottom: 1px solid;
}
.mobile-nav.desktop-menu .social-medias a:hover:after {
    width: 100%;
}
.mobile-nav.desktop-menu h3 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 12px;
}
.mobile-nav.desktop-menu .des {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
}
.mobile-nav.desktop-menu .num {
    margin-bottom: 5px;
}
.mobile-nav.desktop-menu .adrs {
    width: 80%;
}
.mobile-nav.desktop-menu img {
    width: 100%;
}
.mobile-nav.open {
    transform: translateY(0);
}
.mobile-nav ul li a svg {
    width: 11px;
}
.mobile-nav ul > li.menu-item-has-children:before {
    content: "";
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.mobile-nav > ul li.menu-item-has-children.active ul.sub-menu li:before {
    top: 12px;
}
.mobile-nav > ul > li.menu-item-has-children.active:before {
    background-image: url(../images/down-arrow-clr.svg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.mobile-nav > ul > li {
    position: relative;
    border-bottom: 1px solid #5b5b5b;
    padding: 10px 0;
}
.mobile-nav > ul li > a {
    font-size: 17px;
    color: #fff;
    line-height: 26px;
    position: relative;
}
.mobile-nav > ul > li > a {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.mobile-nav > ul  li.menu-item-has-children  ul.sub-menu {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 5px;
    position: absolute;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    border-top: 1px solid #5b5b5b;
    margin-top: 8px;
}
.mobile-nav > ul  li.menu-item-has-children.active > ul.sub-menu{
    position: relative;
    height: auto;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition-delay: 0.1s;
}
.mobile-nav > ul  li.menu-item-has-children.active  ul.sub-menu li {
    padding: 5px 0;
    position: relative;
}
.mobile-nav > ul  li.menu-item-has-children.active  ul.sub-menu li a:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -15px;
}
.res-log {
    margin-bottom: 30px;
}
.mobile-nav .donation {
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.mobile-nav .donation a:first-child{
    margin-right: 40px;
}
.mobile-nav .donation a.theme-btn{
    padding: 10px 30px;
}
.mobile-nav .donation a.cart{
    position: relative;
}
.mobile-nav .donation a.cart:before {
    content: "1";
    color: white;
    width: 25px;
    height: 25px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    top: -7px;
    right: -19px;
    z-index: 1;
    font-size: 13px;
}
.res-rights p{
    color: #d6d6d6;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 30px;
}
.mobile-nav a#res-cross:before {
    content: "";
    width: 35px;
    height: 35px;
    background-image: url('../images/remove.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 20px;
}
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: white;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 3;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.open .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
.open .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}
.open .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
/* 14. Header Style One End */

/* 15. Our Goal Start */
.our-goal .data p {
    width: 75%;
}
.our-goal .data h4 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 17px;
    font-family: 'Poppins';
}
.our-goal .data.p2 {
    margin-top: 43px;
}
.our-goal ul {
    padding-left: 30px;
}
.our-goal ul li {
    font-size: 16px;
    line-height: 26px;
    position: relative;
}
.our-goal .data h4,
.our-goal .data ul li {
    color: #444;
}
.our-goal .data ul li:not(:last-child) {
    margin-bottom: 12px;
}
.our-goal ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #444;
    background: white;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
}
.our-goal .data .goal-img {
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}
.our-goal .data .goal-img img {
    width: 100%;
}
.our-goal .data .goal-img:before{
    content: "";
    width: 270px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: -1;
}
.our-goal .data .goal-mov {
    position: absolute;
    bottom: 75px;
    left: -105px;
}
.our-goal .data {
    position: relative;
}
.our-goal .data svg {
    position: absolute;
    left: -50px;
    bottom: 133px;
    width: 70px;
    height: 70px;
    z-index: 9;
}
/* 15. Our Goal End */

/* 16. Pricing Plans Start */
.pricing-plans .price-box h3 {
    font-size: 20px;
    margin-bottom: 17px;
}
.pricing-plans .price-box h2 {
    font-size: 70px;
    line-height: 50px;
    margin-right: 15px;
}
.pricing-plans .price-box h2,
.pricing-plans .price-box h3 {
    font-family: 'Poppins';
    font-weight: bold;
}
.pricing-plans .price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}
.pricing-plans .price p {
    font-size: 15px;
    line-height: 15px;
    position: relative;
    display: inline-flex;
}
.pricing-plans .price p:before {
    content: "";
    border-bottom: 1px solid #c6c6c6;
    width: 100%;    
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pricing-plans .price-box > p {
    line-height: 26px;
    width: 83%;
}
.pricing-plans .price-box .theme-btn {
    margin-top: 30px;
    background: #e8e8e8;
    border-color: #e8e8e8;
}
.pricing-plans .price-box .theme-btn:after {
    border-top-color: #e8e8e8;
}
.pricing-plans .price-box:hover .theme-btn i {
    color: white;
}
.pricing-plans .price-box:hover .theme-btn i:after {
    background: black;
}
.pricing-plans .price-box:hover .theme-btn {
    color: black;
}
.pricing-plans .price-box:hover .theme-btn:after {
    border-top-color: #ffee02;
}
.pricing-plans .price-img img {
    width: 100%;
    filter: grayscale(1);
}
.pricing-plans .main-price:hover .price-img img {
    filter: grayscale(0);
}
.pricing-plans .price-box {
    border: 1px solid #c1c1c1;
    padding: 60px 40px 140px;
}
.pricing-plans .price-img {
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
    margin-top: -90px;
}
.pricing-plans .features {
    padding: 70px 40px;
    clip-path: polygon(0 0, 100% 32%, 100% 100%, 0 77%);
    position: absolute;
    z-index: 1;
    bottom: 20px;
    opacity: 0;
    transform: translateY(15px);
    transition-delay: 0.1s;
}
.pricing-plans .features ul li {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
}
.pricing-plans .features ul li:not(:last-child) {
    margin-bottom: 15px;
}
.pricing-plans .features ul li i {
    font-size: 20px;
    margin-right: 10px;
}
.pricing-plans .main-price {
    position: relative;
    overflow: hidden;
}
.pricing-plans .main-price:hover .features {
    opacity: 1;
    transform: translateY(0);
}
.pricing-plans .main-price:hover .price-box {
    background: black;
}
.pricing-plans .main-price:hover .price-box > p,
.pricing-plans .main-price:hover .price-box .price p {
    color: #ccc;
}
.pricing-plans .main-price:hover .price-box h2,
.pricing-plans .main-price:hover .price-box h3 {
    color: white;
}

/* 16. Pricing Plans End */

/* 17. Service Style Two Start */
.service-style-two .service-two-box {
    border: 1px solid #c1c1c1;
    padding: 40px 40px 0;
    position: relative;
}
.service-style-two .service-two-box:before {
    content: "";
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../images/service-hover-img.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.service-style-two .service-two-box:hover:before {
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.service-style-two .service-two-box h3 a {
    font-size: 26px;
    margin-bottom: 8px;
    color: black;
}
.service-style-two .service-two-box p {
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 7px;
}
.service-style-two .service-two-box .service-two-icon svg {
    width: 60px;
    height: 60px;
}
.service-style-two .service-two-box .service-two-icon {
    width: 105px;
    height: 125px;
    position: relative;
}
.service-style-two .service-two-box .service-two-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    border: 1px solid;
    width: 100%;
    height: 100%;
    transform: skew(-20deg, 0deg);
    background: #ececec;
    z-index: -1;
    border: 0;
}
.service-style-two .service-two-box .service-two-icon i {
    font-size: 30px;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    bottom: 40px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.service-style-two .service-two-box .service-two-icon a i{
    color: black;
}
.service-style-two .service-two-box:hover .service-two-icon i,
.service-style-two .service-two-box:hover .service-two-icon {
    opacity: 1;
    visibility: visible;
}
.service-style-two .service-two-box:hover .service-two-icon svg {
    opacity: 0;
}
.service-style-two .service-two-box:hover .service-two-icon:before {
    background: transparent;
}
.service-style-two .service-two-box.last {
    border: 0;
    height: 100%;
}
.service-style-two .service-two-box.last:before {
    display: none;
}
.service-style-two .service-two-box.last a {
    color: black;
    font-size: 18px;
    font-family: 'Poppins';
}
.service-style-two .service-two-box.last span {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin-left: 15px;
}
.service-style-two .service-two-box.last span i {
    font-size: 13px;
}
.service-style-two .service-two-box.last a:hover span {
    transform: translateX(5px);
}
/* 17. Service Style Two End */

/* 18. Certificates start */
.certificates .data {
    position: relative;
}
.certificates .data {
        padding-right: 60px;
    }
.certificates .data .c-img {
    padding: 30px 0;
    position: relative;
}
.certificates .data .c-img img {
    width: 100%;
}
.certificates .data .c-img:before {
    content: "";
    width: 270px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) skew(-17deg, 0deg);
    z-index: -1;
}
.certificates .data .extras {
    width: 200px;
    height: 200px;
    background: black;
    border-radius: 100%;
    display: grid;
    flex-wrap: wrap;
    align-content: center;
    justify-items: center;
    position: absolute;
    left: -50px;
    top: 5px;
}
.certificates .data .extras:before {
    content: "";
    width: 93%;
    height: 93%;
    border: 5px solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}
.certificates .data .extras h3,
.certificates .data .extras p {
    color: white;
    font-family: 'Poppins';
}
.certificates .data .extras h3 {
    font-size: 45px;
    line-height: 37px;
    width: 100%;
    text-align: center;
}
.certificates .data span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    text-transform: uppercase;
}
.certificates .data h2 {
    font-size: 50px;
    line-height: 60px;
    margin-top: 5px;
    margin-bottom: 50px;
}
.certificates .c-slider .c-main {
    display: flex;
    align-items: center;
    width: 100%;
}
.certificates .c-slider .c-main .c-first {
    width: 40%;
    text-align: center;
    background: white;
    border: 1px solid;
}
.certificates .c-slider .c-main .c-first figure {
    position: relative;
}
.certificates .c-slider .c-main .c-first figure img {
    padding: 30px;
}
.certificates .c-slider .c-main .c-first figure:before {
    content: "";
    width: 135px;
    height: 108%;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) skew(-22deg, 0deg);
    z-index: -1;
}
.certificates .c-slider .c-main .c-second {
    width: 60%;
    padding-left: 35px;
}
.certificates .c-slider .c-main .c-second span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    border-bottom: 1px solid black;
}
.certificates .c-slider .c-main .c-second h3 {
    font-size: 24px;
    line-height: 34px;
    width: 80%;
    margin-top: 5px;
    margin-bottom: 15px;
}
.certificates .c-slider .owl-stage-outer {
    padding: 10px 0;
}
.certificates .c-slider .owl-nav button {
    width: 55px;
    height: 55px;
    border: 1px solid #1a1a1a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 100%;
}
.certificates .c-slider .owl-nav {
    position: absolute;
    bottom: -45px;
    left: 55%;
    transform: translateX(-50%);
    background: white;
}
/* 18. Certificates End */

/* 19. Blog Style Two Start */
.blog-style-two .blog-item h2 {
    font-size: 24px;
    line-height: 30px;
    width: 85%;
    margin-bottom: 17px;
    margin-top: 8px;
}
.blog-style-two .blog-item h2 a {
    color: black;
}
.blog-style-two .blog-item p {
    line-height: 28px;
}
.blog-style-two .blog-item .blog-date {
    font-size: 16px;
    font-family: 'Poppins';
    color: black;
    position: relative;
    font-weight: bold;
}
.blog-style-two .blog-item .blog-date:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.blog-style-two .blog-item .blog-post-num {
    display: flex;
    font-size: 50px;
    font-family: 'Poppins';
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000;
    margin-bottom: 28px;
    font-weight: 900;
}
.blog-style-two .blog-item a i {
    font-size: 30px;
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.blog-style-two .blog-item a i{
    color: black;
}
.blog-style-two .blog-item {
    position: relative;
    padding: 25px 40px 35px;
}
.blog-style-two .blog-item:hover a i,
.blog-style-two .owl-item.center .blog-item a i {
    opacity: 1;
    visibility: visible;
}
.blog-style-two .blog-item > a {
    display: flex;
    margin-top: 40px;
}
.blog-style-two .blog-item:before,
.blog-style-two .owl-item.center .blog-item:before {
    content: "";
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.blog-style-two .blog-item:hover:before,
.blog-style-two .owl-item.center .blog-item:before {
    opacity: 1;
    visibility: visible;
    height: 100%;
}
.blog-style-two .blog-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.blog-style-two .blog-slider .owl-dots button {
    border: 1px solid #c1c1c1;
    width: 70px;
    height: 15px;
    color: transparent;
}
.blog-style-two .blog-slider .owl-dots button.active {
    background: black;
    border-color: black;
}
/* 19. Blog Style Two End */

/* 20. Estimated Price Start */
.estimated-price {
    background: #fafafa;
    position: relative;
}
.estimated-price .est-form .checkk label {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.estimated-price .est-form .checkk input {
    display: none;
}
.estimated-price .bg-wh {
    background: white;
    padding: 40px 30px;
    position: relative;
    z-index: 1;
}
.estimated-price .est-form form .row {
    margin-bottom: 28px;
}
.estimated-price .est-form > p {
    margin-bottom: 38px;
}
.estimated-price .est-form label {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #444;
    width: 100%;
}
.estimated-price .est-form .checkk > p {
    font-weight: 500;
}
.estimated-price .est-form .est-main .est-price {
    background: black;
}
.estimated-price .est-form .est-main .est-price p {
    color: white;
    font-weight: bold;
    line-height: 16px;
    width: 100%;
    margin-bottom: 6px;
}
.estimated-price .est-form .est-main .est-price span {
    font-size: 46px;
    font-weight: 700;
    font-family: 'Poppins';
    line-height: 46px;
    display: inline-flex;
}
.estimated-price .est-form .est-main .est-price {
    padding: 30px 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.estimated-price .est-form .est-main > p {
    margin-bottom: 13px;
}
.estimated-price .est-form .est-main {
    margin-top: 52px;
}
.estimated-price .est-img {
    margin-top: -200px;
    text-align: center;
}
.estimated-price:before,
.estimated-price:after {
    content: "";
    width: 550px;
    height: 100%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%) skew(-17deg, 0deg);
    z-index: 0;
}
.estimated-price:before {
    left: 70%;
}
.estimated-price:after {
    right: -31%;
}
/* 20. Estimated Price End */

/* 21. Contact Us Start */
.contact-us .heading h2 {
    width: 30%;
}
.contact-us .c-data ul li a img {
    width: 79px;
    height: 80px;
    object-fit: cover;
    border: 1px solid white;
    border-radius: 100%;
}
.contact-us .c-data ul li a {
    position: relative;
}
.contact-us .c-data ul li a i {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: -5px;
    left: 0;
    color: black;
}
.contact-us .c-data ul li a i:before {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}
.contact-us .c-data ul li a.active i {
    top: 0px;
}
.contact-us .c-data ul li a.active i:before {
    opacity: 1;
    visibility: visible;
}
.contact-us .c-data ul li a.active:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    opacity: 0.6;
    border: 1px solid;
}
.contact-us .c-data ul li a {
    box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 8%);
    display: flex;
    border-radius: 100%;
}
.contact-us .c-data ul li a.active {
    box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);
    -webkit-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);
    -moz-box-shadow: 10px 15px 15px 0px rgb(0 0 0 / 13%);
}
.contact-us .c-data {
    position: relative;
}
.contact-us .c-data ul {
    display: flex;
}
.contact-us .c-data ul li {
    position: absolute;
}
.contact-us .c-data ul li:nth-child(1) {
    top: 112px;
    right: 105px;
}
.contact-us .c-data ul li:nth-child(2) {
    top: 220px;
    right: 165px;
}
.contact-us .c-data ul li:nth-child(3) {
    top: 167px;
    right: 340px;
}
.contact-us .c-data ul li:nth-child(4) {
    bottom: 90px;
    left: 170px;
}
.contact-us .c-data ul li:nth-child(5) {
    top: 110px;
    left: 83px;
}
.contact-us .c-cards .card .details h2 {
    font-size: 35px;
}
.contact-us .c-cards .card .details > span {
    font-size: 16px;
    font-family: 'Poppins';
}
.contact-us .c-cards .card .details,
.contact-us .c-cards .card .contacts-info {
    margin-left: 40px;
}
.contact-us .c-cards .card ul li span,
.contact-us .c-cards .card .details .address {
    font-size: 16px;
    color: #000;
}
.contact-us .c-cards .card ul li span {
    width: 13%;
    display: inline-flex;
}

.contact-us .c-cards .card ul li span:nth-child(2) {
    font-weight: 500;
    width: 40%;
}
.contact-us .c-cards .card ul li span.email {
    width: 30%;
    border-bottom: 1px solid #b0b0b0;
    line-height: 15px;
    display: inline-flex;
    line-height: 13px;
}
.contact-us .c-cards .card ul li {
    margin-bottom: 7px;
}
.contact-us .c-cards .card .address {
    font-weight: bold;
    padding: 21px 40px;
}
.contact-us .c-cards .card {
    padding: 43px 20px 20px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.contact-us .c-cards .card:nth-child(1) {
    top: 0;
    width: 100%;
    z-index: 0;
}
.contact-us .c-cards .card:nth-child(2) {
    top: -15px;
    transform: scaleX(0.95);
    z-index: -1;
    left: 0;
}
.contact-us .c-cards .card:nth-child(3) {
    top: -30px;
    transform: scaleX(0.9);
    z-index: -2;
    left: 0;
}
.contact-us .c-cards .card:nth-child(4) {
    top: -45px;
    transform: scaleX(0.85);
    z-index: -3;
    left: 0;
}
.contact-us .c-cards .card:nth-child(5) {
    top: -60px;
    transform: scaleX(0.8);
    z-index: -4;
    left: 0;
}
.contact-us .c-cards .card.active {
    top: 0;
    z-index: 0;
    width: 100%;
    position: relative;
    transform: scaleX(1);
    left: 0;
}

.contact-us .c-cards .card .contacts-info {
    margin-top: 25px;
}
.contact-us .c-cards .card .contacts-info {
    margin-top: 25px;
    margin-bottom: 23px;
}
.contact-us .c-cards {
    position: relative;
}
/* 21. Contact Us End */

/* 22. About Style Two Start */
.history-style-one .history-data a {
    width: 95px;
    height: 95px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 45px;
    left: 50px;
}
.history-style-one .history-data a i {
    font-size: 30px;
    transform: rotate(45deg);
    color: #000;
}
.history-style-one .history-data a:hover i {
    transform: rotate(45deg) translate(0px, -5px);
}
.history-style-one .history-data .details h3 {
    font-size: 35px;
    color: white;
    margin-bottom: 25px;
}
.history-style-one .history-data .details {
    position: absolute;
    top: 0;
    left: 0;
    padding: 55px 50px 45px 50px;
    height: 100%;
}
.history-style-one .history-data {
    position: relative;
}
.history-style-one .history-data figure:before {
    content: "";
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.history-style-one .history-data .details p {
    color: #ddd;
}
.history-style-one .history-data .details p,
.history-style-one .history-data .details a {
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}
.history-style-one .history-data .details:hover p,
.history-style-one .history-data .details:hover a {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
/* 22. About Style Two End */

/* 23. CTA Section Start */
.cta-section {
    overflow: hidden;
}
.cta-section .cta-data h2 {
    font-size: 50px;
}
.cta-section .cta-data p {
    font-size: 18px;
    width: 93%;
    margin-bottom: 53px;
    margin-top: 20px;
}
.cta-section .cta-data .theme-btn:hover {
    color: black;
}
.cta-section .cta-data figure img {
    margin-left: -205px;
}
.cta-section .cta-data figure {
    position: relative;
}
.cta-section .cta-data figure:before {
    content: "";
    width: 400px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 34%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: -1;
}
/* 23. CTA Section Start */

/* 24. Shop Style One Start */
.shop-style-one {
    background: #f7f6f2;
}
.shop-style-one .product h3 {
    font-size: 18px;
}
.shop-style-one .product h3 a {
    color: #444;
}
.shop-style-one .product {
    border: 1px solid #c1c1c1;
    padding: 30px;
    width: 81%;
    background: white;
}
.shop-style-one .product .price-range span {
    font-size: 20px;
    font-family: 'Poppins';
    color: #000;

}
.shop-style-one .product .price-range {
    margin-top: 3px;
}
.shop-style-one .p-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.shop-style-one .p-slider .owl-dots button {
    border: 1px solid #c1c1c1;
    width: 70px;
    height: 15px;
    color: transparent;
}
.shop-style-one .p-slider .owl-dots button.active {
    background: black;
    border-color: black;
}
.shop-style-one .p-slider .product figure img {
    width: 100%;
    height: 290px;
    object-fit: contain;
}
.shop-style-one .p-slider .owl-item.active.center .product {
    margin: 50px 0 !important;
}
.shop-style-one .p-slider .owl-item.active.center .product figure img {
    height: 200px;
    object-fit: contain;
}
.shop-style-one.addition {
    background: white;
}
.shop-style-one.addition .p-slider div:nth-child(even) .product img {
    height: 200px;
}
.shop-style-one.addition .list .p-slider > div {
    margin-bottom: 50px;
    width: 28%;
}
.shop-style-one.addition .row.list > div {
    width: 100%;
}
.shop-style-one.addition .row.list > div .product figure img {
    width: 150px;
    height: 150px;
}
.shop-style-one.addition .row.list > div .product {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 70px;
    margin-bottom: 30px;
}
.shop-style-one.addition .row.list > div .product .data {
    border-left: 1px solid #c1c1c1;
    padding: 30px 40px;
}
.shop-style-one.addition .row.list > div .product .theme-btn:hover {
    color: black;
}
.shop-style-one.addition .product .theme-btn {
    display: none;
}
.shop-style-one.addition .row.list > div .product .theme-btn {
    display: block;
}
.shop-style-one.addition .row.list > div .product .main-data {
    display: flex;
    align-items: center;
}
.shop-style-one.addition .shop-filter {
    border: 1px solid #c1c1c1;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.shop-style-one.addition .shop-filter > p {
    line-height: 27px;
}
.shop-style-one.addition .shop-filter .gird-list a {
    font-size: 30px;
    padding: 0 20px;
}
.shop-style-one.addition .shop-filter .gird-list a.grid {
    padding-right: 0;
    position: relative;
}
.shop-style-one.addition .shop-filter .gird-list a i {
    color: black;
}
.shop-style-one.addition .shop-filter .gird-list {
    position: relative;
    padding: 10px 0;
}
.shop-style-one.addition .shop-filter .gird-list a.grid:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #c1c1c1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
.shop-style-one.addition .product {
    width: 100%;
}
.shop-style-one.addition .grid .product .btn-hover .theme-btn {
    display: block;
    width: 60%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) translateX(-10px);
    left: 50%;
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
}
.shop-style-one.addition .grid .product .btn-hover,
.shop-style-one.addition .grid .product .btn-hover figure {
    position: relative;
}
.shop-style-one.addition .grid .product .btn-hover .theme-btn:after {
    border-top: 65px solid #f6f6f6;
}
.shop-style-one.addition .grid .product .btn-hover .theme-btn:hover {
    color: #000;
    background: #f6f6f6;
}
.shop-style-one.addition .grid .product:hover .btn-hover .theme-btn {
    transform: translate(-50%, -50%) translateX(0);
    opacity: 1;
    visibility: visible;
}
.shop-style-one.addition .grid .product .btn-hover figure:before {
    content: "";
    background: white;
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.shop-style-one.addition .grid .product:hover .btn-hover figure:before {
    width: 100%;
    opacity: 0.7;
    visibility: visible;
}
.shop-style-one.addition .list .product .btn-hover .theme-btn,
.shop-style-one.addition .list .product .btn-hover figure:before {
    display: none !important;
}
/* 24. Shop Style One End */

/* 25. Team Style Two Start */
.team-style-two .team-data {
    border: 1px solid #c1c1c1;
    padding: 40px;
    width: 72%;
    position: relative;
    margin-bottom: 40px;
}
.team-style-two .team-data:before {
    content: "";
    width: 175px;
    height: 100.5%;
    position: absolute;
    bottom: -1px;
    left: 100%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 0;
}
.team-style-two .team-data h3 {
    font-size: 30px;
    margin-bottom: 5px;
}
.team-style-two .team-data h3 a {
    color: #000;
}
.team-style-two .team-data .contact svg {
    width: 25px;
    height: 25px;
}
.team-style-two .team-data .contact p {
    font-weight: bold;
    margin-left: 6px;
}
.team-style-two .team-data .contact {
    display: flex;
    align-items: center;
    margin-top: 22px;
}
.team-style-two .team-social-medias a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.team-style-two .team-social-medias > a i {
    font-size: 17px;
    color: #000;
    transform: rotate(45deg);
}
.team-style-two .team-social-medias > a:hover i {
    transform: rotate(45deg) translate(0px, -5px);
}
.team-style-two .team-social-medias {
    margin-top: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 55px;
}
.team-style-two .team-data .team-social-media a {
    width: 50px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 10px;
}
.team-style-two .team-data .team-social-media a:before {
    content: "";
    border: 1px solid #c1c1c1;
    transform: skew(-23deg, 0deg);
    width: 100%;
    height: 100%;
    background: white;
}
.team-style-two .team-data .team-social-media a:hover i {
    color: white;
}
.team-style-two .team-data .team-social-media a.fb:hover:before {
    background: #4267B2;
}
.team-style-two .team-data .team-social-media a.tw:hover:before {
    background: #00acee;
}
.team-style-two .team-data .team-social-media a i {
    font-size: 16px;
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.team-style-two .team-data .team-image {
    position: absolute;
    top: 50%;
    right: -180px;
    transform: translateY(-50%);
}
.team-style-two .team-data .team-image img {
    width: 240px;
    height: 290px;
    object-fit: cover;
}
/* 25. Team Style Two End */

/* 26. Project Completed Start */
.project-completed .proj-data {
    width: 70%;
}
.project-completed .proj-data h3 {
    font-size: 40px;
}
.project-completed .proj-data h3 a {
    color: #000;
}
.project-completed .proj-data p {
    width: 78%;
    margin-top: 15px;
}
.project-completed .proj-data .loc-date > div span:first-child {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 5px;
}
.project-completed .proj-data .loc-date > div:first-child {
    margin-bottom: 7px;
}
.project-completed .proj-data .loc-date > div span {
    font-family: 'Poppins';
}
.project-completed .proj-data .loc-date > div span:last-child {
    font-weight: 900;
}
.project-completed .proj-data .loc-date {
    margin-top: 51px;
}
.project-completed .prj-slider-nav button {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 100%;
}
.project-completed .prj-slider-nav button:hover {
    background: transparent;
    border-color: #828282;
}
.project-completed .prj-slider-nav button i {
    font-size: 15px;
    color: black;
}
.project-completed .prj-slider-nav {
    text-align: right;
}
.project-completed .prj-slider {
    padding-left: 16%;
}
.project-completed .proj-image figure {
    position: relative;
}
.project-completed .proj-image figure:before,
.project-completed .proj-image figure:after {
    content: "";
    width: 320px;
    height: 100%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 0;
    opacity: 0.5;
}
.project-completed .proj-image figure:before {
    right: -2%;
}
.project-completed .proj-image figure:after {
    right: -44%;
}/* 26. Project Completed End */

/* 27. Featured Section Three Start */
.featured-section-three {
    background: black;
    padding-top: 260px;
    height: 1200px;
    position: relative;
    z-index: 9;
}
.featured-section-three .data h2 {
    font-size: 60px;
    line-height: 80px;
    color: white;
    width: 85%;
}
.featured-section-three .data.space {
    width: 65%;
    margin-left: auto;
    margin-bottom: auto;
}
.featured-section-three .data p {
    color: #dbdbdb;
}
.featured-section-three .space {
    margin-bottom: 75px;
}
.featured-section-three .image {
    position: relative;
    height: 570px;
}
.featured-section-three .image video {
    position: absolute;
    right: 0;
    width: 100vw;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.featured-section-three .image:before,
.featured-section-three .image:after {
    content: "";
    width: 370px;
    height: 100%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 1;
    opacity: 0.7;
}
.featured-section-three .image:before{
    left: 10%;
}
.featured-section-three .image:after {
    left: -21%;
}
.featured-section-three .image figure {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.featured-section-three .image figure img {
    max-height: 570px;
    object-fit: cover;
}
.featured-section-three .info {
    text-align: center;
    padding-top: 55px;
}
.featured-section-three .info p {
    color: #f7f6f2;
}
.featured-section-three .info p span {
    font-weight: bold;
    border-bottom: 1px solid #91908e;
}
.featured-section-three .parallax {
    bottom: 0;
}

/* 27. Featured Section Three End */

/* 28. Contact Form One Start */
.contact-form-one .c-form-2 form .row {
    margin-bottom: 20px;
}
.contact-form-one .c-form-2 {
    padding: 55px;
    background: black;
}
.contact-form-one .c-form-2 input,
.contact-form-one .c-form-2 textarea,
.contact-form-one .c-form-2 select,
.contact-form-one .c-form-2 .nice-select {
    background: transparent;
    border-color: #767676;
    padding-left: 20px;
    color: #bdbdbd;
}
.contact-form-one .c-form-2 input::placeholder,
.contact-form-one .c-form-2 textarea::placeholder,
.contact-form-one .c-form-2 select::placeholder {
    color: #bdbdbd;
}
.contact-form-one .nice-select:before {
    background: #3e3e3e;
}
.contact-form-one .nice-select:after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}
.contact-form-one .nice-select .option,
.contact-form-one .nice-select .list {
    background: #3e3e3e;
}
.contact-form-one .nice-select .option:hover,
.contact-form-one .nice-select .option.focus,
.contact-form-one .nice-select .option.selected.focus {
    background-color: #595959;
}
.contact-form-one .c-form-2 form button.theme-btn {
    margin-top: 20px;
}
.contact-form-one .c-form-2 {
    position: relative;
    z-index: 0;
}
.contact-form-one {
    position: relative;
    padding-bottom: 70px;
    margin-top: 120px;
}
.contact-form-one:before {
    content: "";
    width: 550px;
    height: 100.5%;
    position: absolute;
    bottom: -1px;
    left: 85%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 0;
}
/* 28. Contact Form One End */

/* 29. Blog Style Three Start */
.blog-style-three .blog-heading span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.blog-style-three .blog-heading h2 {
    font-size: 50px;
    margin-bottom: 30px;
    margin-top: 2px;
}
.blog-style-three .blog-heading .theme-btn {
    margin-top: 42px;
}
.blog-style-three .blog-heading .theme-btn:hover {
    color: black;
}
.blog-style-three .blog-heading {
    margin-top: 102px;
}
.blog-style-three .blog-posts .date {
    font-size: 16px;
    font-family: 'Poppins';
    position: relative;
    display: inline-flex;
}
.blog-style-three .blog-posts .date:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.blog-style-three .blog-posts img {
    width: 106%;
    height: 225px;
    object-fit: cover;
}
.blog-style-one.blog-style-three .blog-post .blog-image:before,
.blog-style-one.blog-detail .blog-post .blog-image:before {
    display: none;
}
.blog-style-three .blog-posts h3 {
    font-size: 24px;
}
.blog-style-three .blog-posts h3 {
    margin-top: 10px;
    margin-bottom: 0;
}
.blog-style-three .blog-posts h3 a,
.blog-style-three .blog-posts .date {
    color: #000;
}
.blog-style-three .blog-posts .boxx {
    border: 1px solid #c1c1c1;
    margin-bottom: 30px;
    padding: 10px;
    margin-right: 30px;
}
.blog-style-three .blog-posts li.space {
    margin-bottom: 50px;
}
.blog-style-three .blog-posts li img {
    width: 113%;
}
.blog-style-three .blog-posts .boxx:hover {
    background: black;
}
.blog-style-three .blog-posts .boxx:hover h3 a,
.blog-style-three .blog-posts .boxx:hover span {
    color: white;
}
.blog-style-three .blog-posts .boxx:hover p {
    color: #d7d7d7;
}
.blog-style-three .blog-posts .space {
    padding: 20px;
    margin-top: 8px;
}
.blog-style-three .blog-posts {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.grid-sizer,
.grid-item { width: 43%; }
/* 2 columns */
.grid-item--width2 { width: 40%; }
/* 29. Blog Style Three End */

/* 30. Banner Style One Start */
.banner-style-one {
    background:
        radial-gradient(circle at 82% 22%, rgba(93, 166, 12, 0.12), transparent 34%),
        linear-gradient(135deg, #050605 0%, #0b0f0a 58%, #0d120b 100%);
    padding-top: 145px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.banner-style-one .banner-details h2 {
    font-size: 48px;
    line-height: 1.08;
    letter-spacing: -1.5px;
    color: white;
}
.banner-style-one .banner-details p {
    color: #cbd1c8;
    line-height: 26px;
    margin-top: 10px;
    max-width: 760px;
}
.banner-style-one .banner-details {
    max-width: 920px;
    padding: 12px 0 34px 25px;
    position: relative;
}
.banner-style-one .banner-details:before {
    background: linear-gradient(180deg, #81c92d 0%, #5da60c 100%);
    border-radius: 10px;
    box-shadow: 0 0 24px rgba(93, 166, 12, 0.3);
    content: "";
    height: calc(100% - 48px);
    left: 0;
    min-height: 54px;
    position: absolute;
    top: 13px;
    width: 4px;
}
.banner-style-one .breadcrums {
    background: rgba(255, 255, 255, 0.025);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015);
    padding: 11px 0;
    position: relative;
}
.banner-style-one .breadcrums ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.banner-style-one .breadcrums ul li {
    display: inline-flex;
    align-items: center;
}
.banner-style-one .breadcrums ul li:not(:last-child) {
    margin-right: 0;
}
.banner-style-one .breadcrums ul li i,
.banner-style-one .breadcrums ul li p,
.banner-style-one .breadcrums ul li a {
    color: #d7dbd5;
}
.banner-style-one .breadcrums ul li a {
    align-items: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 9px;
    display: flex;
    gap: 8px;
    padding: 5px 10px 5px 6px;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.banner-style-one .breadcrums ul li a:hover {
    background: rgba(93, 166, 12, 0.13);
    border-color: rgba(129, 201, 45, 0.35);
}
.banner-style-one .breadcrums ul li i {
    align-items: center;
    background: rgba(93, 166, 12, 0.18);
    border-radius: 7px;
    color: #8fd13f;
    display: inline-flex;
    font-size: 12px;
    height: 25px;
    justify-content: center;
    width: 25px;
}
.banner-style-one .breadcrums ul li p {
    border-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    margin-left: 0;
}
.banner-style-one .breadcrums ul li.current:before {
    color: #6f766c;
    content: "›";
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    margin: 0 7px 1px 3px;
}
.banner-style-one .breadcrums ul li.current p {
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.banner-style-one .parallax {
    background-size: 460px auto;
    background-position: center right;
    opacity: 0.1;
    left: 0 !important;
}
/* 30. Banner Style One End */

/* 31. About-First Start */
.about-first h2 {
    font-size: 50px;
    margin-bottom: 50px;
}
.about-first .who-we-are h3 {
    font-size: 22px;
    color: #444;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 20px;
}
.about-first .who-we-are p {
    width: 92%;
}
.about-first .who-we-are ul li {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    margin-bottom: 18px;
}
.about-first .who-we-are ul li i {
    font-size: 15px;
    color: #c9c9c9;
    margin-right: 8px;
}
.about-first .who-we-are ul {
    margin-bottom: 57px;
}
.about-first .who-we-are {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
/* 31. About-First End */

/* 32. About How It Works Start */
.about-how-it-works .plans {
    border: 1px solid #c1c1c1;
    background: white;
    padding: 40px 40px 30px;
}
.about-how-it-works .plans:hover {
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 10%);
}
.about-how-it-works .plans .y-box {
    width: 90px;
    height: 90px;
    font-size: 40px;
    font-family: 'Poppins';
    margin-bottom: 40px;
}
.about-how-it-works .plans h3 {
    font-size: 22px;
    margin-bottom: 8px;
}
/* 32. About How It Works End */

/* 33. About Key Benefits Start */
.about-key-benefits .data h2 {
    font-size: 50px;
    margin-bottom: 15px;
}
.about-key-benefits .data figure {
    width: 91%;
}
.about-key-benefits .data ul li i {
    color: #47d562;
    font-size: 20px;
    margin-right: 25px;
    line-height: 30px;
}
.about-key-benefits .data ul li {
    display: flex;
    padding-bottom: 20px;
    padding-top: 23px;
}
.about-key-benefits .data ul li:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
}
/* 33. About Key Benefits End */

/* 34. Contact Map Start */
.contact-map {
    display: flex;
}
.contact-map iframe {
    width: 100%;
}
/* 34. Contact Map End */

/* 35. Contact Faqs Start */
.contact-faqs .heading h2 {
    width: 35%;
}
.contact-faqs .acc2 {
    background: white;
    padding: 0 110px 80px 110px;
    margin-bottom: -110px;
    position: relative;
}
/* 35. Contact Faqs End */

/* 36. Contact Form 2 Start */
.contact-form-2 .data span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
}
.contact-form-2 .data h2 {
    font-size: 50px;
    margin-bottom: 30px;
    margin-top: 5px;
}
.contact-form-2 form .row {
    margin-bottom: 20px;
}
.contact-form-2 form button {
    margin-top: 10px;
}
.contact-form-2 form button:hover {
    color: #000;
}
.contact-form-2 form textarea:focus-visible {
    outline: none;
}
.contact-form-2 form input,
.contact-form-2 form textarea {
    padding-left: 20px;
    background: #fafafa;
}
.contact-form-2 form {
    margin-top: 10px;
}
.contact-form-2 .bio .data h3,
.contact-form-2 .bio .data p,
.contact-form-2 .info ul.contact li h3,
.contact-form-2 .info ul.contact li p,
.contact-form-2 .info ul.social-medias li p {
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins';
}
.contact-form-2 .bio .data h3,
.contact-form-2 .info ul.contact li h3,
.contact-form-2 .info ul.social-medias li p {
    font-weight: bold;
}
.contact-form-2 .bio .data img.author {
    width: 110px;
    height: 110px;
    border-radius: 100%;
    margin-bottom: 2px;
}
.contact-form-2 .bio {
    padding: 30px 50px;
}
.contact-form-2 .bio .data p {
    margin-bottom: 15px;
}
.contact-form-2 .info {
    background: black;
    padding: 35px 40px 40px;
}
.contact-form-2 .info ul.contact li svg {
    width: 30px;
    height: 23px;
    margin-right: 20px;
}
.contact-form-2 .info ul.contact li h3 {
    color: white;
    margin-bottom: 5px;
}
.contact-form-2 .info ul.contact li p {
    color: #b7b7b7;
}
.contact-form-2 .info ul.contact li {
    display: flex;
    padding-top: 15px;
    padding-bottom: 10px;
}
.contact-form-2 .info ul.contact li:not(:last-child) {
    border-bottom: 2px solid #181818;
}
.contact-form-2 .info ul.social-medias li p,
.contact-form-2 .info ul.social-medias li i {
    color: white;
}
.contact-form-2 .info ul.social-medias li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border: 1px solid #525252;
    padding: 0 30px;
}
.contact-form-2 .info ul.social-medias li i {
    font-size: 20px;
}
.contact-form-2 .info ul.social-medias li:not(:last-child) {
    margin-bottom: 10px;
}
.contact-form-2 .info ul.social-medias li .tw:hover {
    background: #5089cf;
}
.contact-form-2 .info ul.social-medias li .fb:hover {
    background: #4267B2;
}
ul.social-medias {
    margin-top: 30px;
}
/* 36. Contact Form 2 End */

/* 37. Construction Services Start */
.construction-services .services-nav ul li button {
    font-size: 22px;
    color: #111;
    font-weight: 500;
    font-family: 'Poppins';
    border-bottom: 1px solid #e1e1e1;
    padding-left: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}
.construction-services .services-nav ul li button.nav-link.active {
    background-color: transparent;
    color: #111;
    font-weight: bold;
    border-bottom: 3px solid;
}
.construction-services .services-nav ul li button,
.construction-services .services-nav ul li {
    width: 100%;
    text-align: left;
}
.construction-services .services-nav h2 {
    margin-bottom: 20px;
}
.construction-services .services-nav {
    width: 90%;
}
.construction-services .tab-content>.tab-pane {
    position: relative;
}
.construction-services .tab-content>.tab-pane figure figcaption {
    width: 460px;
    height: 240px;
    background: black;
    display: grid;
    align-content: center;
    justify-items: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 55px;
}
.construction-services .tab-content>.tab-pane figure figcaption h3 {
    color: white;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    font-family: 'Poppins';
}
.construction-services .tab-content>.tab-pane figure figcaption p {
    color: #c2c1c1;
}
/* 37. Construction Services End */

/* 38. Video PopUp Start */
.video-popup {
    position: relative;
}
.video-popup:before {
    content: "";
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: skew(-23deg, 0deg) translateX(-50%);
    z-index: 0;
    opacity: 0.8;
}
.video-popup .video-play-btn {
    left: 57%;
    transform: translate(-50%, -50%) skew(-20deg, 0deg)
}
/* 38. Video PopUp End */

/* 39. Innovation Start */
.innovation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.innovation ul li {
    display: flex;
    align-items: center;
    width: 33.3333333%;
    height: 100px;
    border: 1px solid #c1c1c1;
    padding-left: 30px;
}
.innovation ul li i {
    color: #000;
    font-size: 17px;
    margin-right: 15px;
}
.innovation ul li p {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Poppins';
    color: #161616;
}
/* 39. Innovation End */

/* 40. Core Values Start */
.core-values ul,
.core-values ul li {
    display: flex;
    align-items: center;
    width: 100%;
}
.core-values ul {
    flex-wrap: wrap;
}
.core-values ul li .data,
.core-values ul li .image {
    width: 50%;
}
.core-values ul li .data h3 {
    font-size: 34px;
    margin-bottom: 20px;
}
.core-values ul li:nth-child(odd) .data p {
    padding-right: 60px;
}
.core-values ul li {
    border-top: 2px solid #ebebeb;
    padding: 30px 0;
    justify-content: space-between;
}
.core-values ul li:last-child {
    border-bottom: 2px solid #ebebeb;
}
.core-values ul li:nth-child(odd) .data {
    padding-left: 110px;
}
.core-values ul li .image {
    padding-right: 110px;
}
.core-values ul li:nth-child(even) .image {
    padding-left: 110px;
    padding-right: 0;
}
.core-values ul li:nth-child(even) .data {
    padding-right: 110px;
    padding-left: 60px;
}
.core-values ul li:nth-child(even) .data p {
    width: 100%;
}
/* 40. Core Values End */

/* 41. Team Style Two (Revolution) Start */
.team-style-two.revolution .team-data {
    margin-bottom: 30px;
}
.revolution .head span {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.revolution .head h2 {
    margin-top: 7px;
}
.revolution .space {
    margin-bottom: 60px;
}
.revolution .head p {
    margin-top: 40px;
}
/* 41. Team Style Two (Revolution) End */

/* 42. Contact Form Two Start */
.contact-form-two {
    position: relative;
    padding-bottom: 40px;
    margin-top: 0;
}
.contact-form-two .c-form-2 {
    margin-top: 80px;
}
.contact-form-two:before {
    content: "";
    width: 480px;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: 75%;
    transform: translateX(-50%) skew(-23deg, 0deg);
    z-index: 0;
}
.contact-form-two .parallax {
    height: 79%;
}
/* 42. Contact Form Two End */

/*43. Our Project One Start */
.project-completed.our-projects-one .proj-data {
    width: 75%;
}
.project-completed.our-projects-one .proj-data p {
    width: 85%;
    margin-top: 18px;
}
.project-completed.our-projects-one .prj-post {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: -2px;
    margin-bottom: -2px;
}
/*43. Our Project One End */

/* 44. Our Project Two Start */
.project-style-one.addition .project-post {
    margin-bottom: 40px;
}
.project-style-one.addition:before {
    display: none;
}
.project-style-one.addition .builty-pagination {
    margin-top: 10px;
}
/* 44. Our Project Two End */

/* 45. Blog Style Three Start */
.blog-style-three .blog-post .blog-image a:before,
.blog-style-three .blog-data .blog-date:before {
    display: none;
}
.blog-style-three .blog-post:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.blog-style-one.blog-style-three .blog-data .blog-date {
    background: transparent;
    padding: 0;
    position: relative;
    line-height: 18px;
    border-bottom: 3px solid;
    margin-bottom: 7px;
}
.blog-style-one.blog-style-three .blog-post h2 {
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
}
.blog-style-one.blog-style-three .blog-data {
    padding: 35px 30px 20px 30px;
}
.blog-style-one.blog-style-three .blog-post {
    padding: 10px;
    margin-right: 20px;
    overflow: visible;
    margin-bottom: 50px;
}
.blog-style-one.blog-style-three .blog-post .blog-image figure {
    margin-right: -30px;
}
.blog-style-one.blog-style-three .builty-pagination .pagination {
    justify-content: flex-start;
}
/* 45. Blog Style Three End */

/* 46. Blog Style Three Start */
.sidebar .box h3 {
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #efefef;
    position: relative;
    line-height: 55px;
}
.sidebar .box h3:before {
    content: "";
    width: 85px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.sidebar .box {
    border: 1px solid #c1c1c1;
    box-shadow: 5px 8px 0px 0px #04040405;
    -webkit-box-shadow: 5px 8px 0px 0px #04040405;
    -moz-box-shadow: 5px 8px 0px 0px #04040405;
    margin-bottom: 20px;
}
.sidebar .box{
    padding: 20px 40px 17px 40px;
}
.sidebar .box ul li {
    padding: 10px 0;
}
.sidebar .box.recent-posts ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar .box.recent-posts ul li p {
    color: #000;
    width: 70%;
    margin: 0;
}
.sidebar .box ul li:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}
.sidebar .box.recent-posts ul li a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.sidebar .box.recent-posts ul li a i {
    font-size: 11px;
    color: black;
    transform: rotate(45deg);
}
.sidebar .box.recent-posts ul li a:hover i {
    transform: rotate(45deg) translate(0px, -3px);
}
.sidebar .box ul {
    margin-top: 10px;
}
.sidebar .box.recent-cmnts h4 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 5px;
}
.sidebar .box.recent-cmnts ul li {
    padding: 15px 0 10px;
}
.sidebar .box.recent-cmnts ul li p {
    text-decoration: underline;
    text-decoration-color: #bcbcbc;
    margin: 0;
}
.sidebar .box.recent-cmnts ul {
    margin-top: 13px;
}
.sidebar .box.categories ul {
    margin-top: 15px;
}
.sidebar .box.categories ul li {
    padding: 15px 0 10px;
}
.sidebar .box.categories ul li p {
    line-height: 16px;
    margin: 0;
}
.sidebar .box.categories {
    padding: 20px 40px 30px 40px;
}
/* 46. Blog Style Three End */

/* 47. Featured Slider Two Start */
.featured-slider-two {
    background: black;
    height: 800px;
    position: relative;
    z-index: 0;
    padding-top: 120px;
}
.featured-slider-two .active .s-item {
    height: auto;
}
.featured-slider-two .s-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 630px;
}
.featured-slider-two .active .s-item .s-first {
    width: 45%;
    opacity: 1;
}
.featured-slider-two .s-item .s-first {
    opacity: 0;
    width: 0;
}
.featured-slider-two .active .s-item .s-second {
    width: 47%;
}
.featured-slider-two .s-item .s-second {
    width: 95%;
}
.featured-slider-two .s-item .s-first h1 {
    font-size: 75px;
    color: white;
}
.featured-slider-two .s-item .s-first p {
    font-size: 18px;
    color: #e1e1e1;
    margin-top: 15px;
}
.featured-slider-two .s-item .s-first .theme-btn {
    margin-top: 50px;
}
.featured-slider-two .s-item .s-second img {
    object-fit: cover;
    transform: translateX(-30%) skew(23deg, 0deg);
    height: 100%;
    width: auto;
}
.featured-slider-two .active .s-item .s-second figure {
    transform: skew(-23deg, 0deg);
    overflow: hidden;
    width: 465px;
    height: 675px;
}
.featured-slider-two .s-item .s-second figure {
    transform: translate(-65%) skew(-23deg, 0deg);
    overflow: hidden;
    width: 240px;
    height: 355px;
}
.featured-slider-two .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.featured-slider-two .f-2-s-nav button {
    width: 55px;
    height: 55px;
    background: transparent;
    border: 1px solid #828282;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.featured-slider-two .f-2-s-nav {
    position: absolute;
    bottom: 50px;
    right: 90px;
    z-index: 99;
}
.featured-slider-two .f-2-s-nav button i {
    color: white;
}
/* 47. Featured Slider Two End */

/* 48. What-we-build Start */
.what-we-build {
    background: black;
    position: relative;
    z-index: 0;
}
.what-we-build .heading-style-2 .data h2 {
    color: white;
}
.what-we-build .heading-style-2 {
    margin-bottom: 70px;
}
.what-we-build .heading-style-2 .data span,
.what-we-build .wwb-ul li .location span,
.what-we-build .wwb-ul li:before {
    color: #c4c4c4;
}
.what-we-build .wwb-ul li h3 {
    font-size: 22px;
    line-height: 32px;
    width: 23%;
    margin-right: 100px;
}
.what-we-build .wwb-ul li h3 a {
    color: #757575;
}
.what-we-build .wwb-ul li.active h3 a {
    color: white;
}
.what-we-build .wwb-ul {
    counter-reset: my-awesome-counter;
}
.what-we-build .wwb-ul li {
    display: flex;
    padding-left: 85px;
    counter-increment: my-awesome-counter;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #555;
}
.what-we-build .wwb-ul li:last-child {
    border-bottom: 1px solid #555;
}
.what-we-build .wwb-ul li:before {
    content: counter(my-awesome-counter) ". ";
    font-size: 16px;
    font-family: 'Poppins';
    position: absolute;
    top: 65px;
    left: 0;
}
.what-we-build .wwb-ul li .location span {
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px;
}
.what-we-build .wwb-ul li .location {
    padding-top: 5px;
}
.what-we-build .wwb-ul li figure img {
    width: 415px;
    height: 300px;
    object-fit: cover;
}
.what-we-build .wwb-ul li figure {
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
    top: -65px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}
.what-we-build .wwb-ul li.active figure {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-duration: 0.5s;
}
.what-we-build .wwb-ul li figure:before {
    content: "";
    width: 180px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-70%) skew(-23deg, 0deg);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.what-we-build .wwb-ul li.active figure:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) skew(-23deg, 0deg);
    transition-duration: 0.6s;
}
/* 48. What-we-build End */

/* 49. Service Detail Page Start */
.detail-page p,
.detail-page h3 {
    margin: 25px 0;
}
.detail-page p span {
    border-bottom: 1px solid #c1c1c1;
    line-height: 12px;
    display: inline-flex;
    font-weight: 500;
    color: #444;
}
.detail-page h3 {
    font-size: 22px;
    color: #444;
    font-weight: bold;
    font-family: 'Poppins';
}
.service-detail-first .who-we-are h3 {
    margin-top: 0;
}
.service-detail-first .who-we-are p span {
    border-bottom: 1px solid #c1c1c1;
    line-height: 12px;
    display: inline-flex;
    font-weight: 500;
    color: #444;
}
.service-detail-first .who-we-are ul li {
    position: relative;
}
.service-detail-first .who-we-are ul {
    padding-left: 25px;
}
.service-detail-first .who-we-are ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #444;
    position: absolute;
    border-radius: 100%;
    left: -20px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.service-detail-first .s-d-gallery img {
    width: 100%;
}
.service-detail-first .s-d-gallery {
    margin-bottom: 25px;
}
.about-first.service-detail-first .innovation ul li i {
    color: #000;
    font-size: 17px;
    margin-right: 15px;
}
.about-first.service-detail-first .innovation ul li {
    margin-bottom: 0;
}
.about-first.service-detail-first .acc2 h2 {
    margin-bottom: 0;
}
.about-first.service-detail-first .innovation ul {
    margin-bottom: 70px;
}
/* 49. Service Detail Page End */

/* 50. Project Detail Page Start */
.project-style-one.extra:before {
    display: none;
}
.project-style-one.extra .project-post img,
.project-detail-slider .p-d-slider img {
    width: 100%;
}
.project-detail-slider .p-d-slider img {
    height: 690px;
    object-fit: cover;
}
.project-detail-slider .p-d-slider .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.project-detail-slider .p-d-slider .owl-dots button {
    border: 1px solid #c1c1c1;
    width: 70px;
    height: 15px;
    color: transparent;
}
.project-detail-slider .p-d-slider .owl-dots button.active {
    background: black;
    border-color: black;
}
.detail-page .include li {
    font-size: 16px;
    color: #444;
    font-family: 'Poppins';
    margin-bottom: 18px;
    font-weight: 600;
}
.detail-page .include li i {
    margin-right: 10px;
}
.project-d-detail .icon svg {
    width: 50px;
    height: 50px;
}
.project-d-detail {
    display: flex;
    border: 1px solid #c1c1c1;
    margin-top: 25px;
    height: 120px;
}
.project-d-detail .data {
    width: 100%;
    padding: 30px;
}
.project-d-detail .icon {
    width: 30%;
}
.project-d-detail .data h3,
.project-d-detail .data p {
    margin: 0;
}
.project-d-detail .data p {
    line-height: 20px;
}
.project-d-detail .data h3 {
    font-size: 16px;
    line-height: 30px;
}
.detail-page .space {
    margin-top: 45px;
}
.detail-page .container {
    position: relative;
}
.next-prev-projects li a {
    width: 100px;
    height: 100px;
    border: 1px solid #828282;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.next-prev-projects li a i {
    font-size: 28px;
    color: black;
}
.next-prev-projects {
    display: flex;
}
.next-prev-projects .prev,
.next-prev-projects .next {
    position: absolute;
}
.next-prev-projects .prev {
    position: absolute;
    top: 0;
    left: 12px;
}
.next-prev-projects .next {
    position: absolute;
    top: 0;
    right: 12px;
}
/* 50. Project Detail Page End */

/* 51. Blog Detail Page Start */
.blog-detail .blog-post {
    border: 0;
}
.blog-detail .blog-data {
    padding: 20px 25px 0 0;
}
.blog-detail .blog-post h2 {
    font-size: 45px;
    line-height: 55px;
}
.blog-detail .blog-post:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.blog-detail .blog-post:hover .blog-image img {
    transform: none;
}
.blog-style-one.blog-detail .blog-post {
    overflow: visible;
    margin-bottom: 0;
}
.blog-style-one .comment .c-img img {
    width: 170px;
    height: 170px;
}
.blog-detail.detail-page .comment .c-data p {
    margin-top: 15px;
    margin-bottom: 0;
}
.blog-style-one.blog-detail .blog-post .blog-detail-fig {
    margin: 40px 0;
}
.blog-style-one.blog-detail .blog-post .blog-author {
    margin-top: 3px;
}
/* 51. Blog Detail Page End */

/* 52. Team Detail Page Start */
.team-detail .image {
    padding-left: 60px;
}
.team-detail .image figure img {
    width: 100%;
}
.team-detail .image figure {
    position: relative;
    padding: 30px 0;
}
.team-detail .image figure:before {
    content: "";
    width: 390px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) skew(-20deg, 0deg);
    z-index: -1;
}
.team-detail .team-data h3 {
    font-size: 40px;
    color: #000;
    font-family: 'Poppins';
    margin-bottom: 5px;
}
.team-detail .team-data p {
    margin: 0;
}
.team-detail .team-data .t-contact li {
    display: flex;
    margin-bottom: 10px;
}
.team-detail .team-data .t-contact span {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    width: 22%;
}
.team-detail .team-data .t-contact {
    margin-top: 20px;
}
.team-detail .team-data .t-social a {
    background: #5089cf;
    display: inline-flex;
    width: 63%;
    padding: 15px 25px;
    align-items: center;
    justify-content: space-between;
}
.team-detail .team-data .t-social a p {
    font-weight: bold;
    color: white;
}
.team-detail .team-data .t-social a i {
    font-size: 17px;
    color: white;
}
.team-detail .team-data .t-social {
    margin-top: 37px;
}
.team-detail .team-data .t-tel {
    background: #000;
    width: 97%;
    padding: 40px;
    margin-top: 80px;
    margin-bottom: 30px;
}
.team-detail .team-data .t-tel .data svg {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.team-detail .team-data .t-tel .data {
    display: flex;
}
.team-detail .team-data .t-tel .data .t-sec p {
    font-weight: bold;
    color: white;
    line-height: 20px;
    margin-bottom: 13px;
}
.team-detail .team-data .t-tel .data .t-sec span {
    color: #b7b7b7;
    margin-right: 20px;
}
.team-detail .team-data .t-tel .data {
    margin-bottom: 22px;
}
.team-detail .team-data .t-tel .theme-btn {
    padding: 18px 60px 18px 35px;
}
.team-detail .t-detail {
    margin-top: 50px;
}
.team-detail .fav-project .f-p-box {
    border: 1px solid #c1c1c1;
    padding: 30px 40px;
}
.team-detail .fav-project .f-p-box h2 {
    font-size: 22px;
    line-height: 28px;
}
.team-detail .fav-project .f-p-box h2 a {
    color: #000;
}
.team-detail .fav-project .f-p-box .f-p-contact li {
    display: flex;
    align-items: center;
}
.team-detail .fav-project .f-p-box .f-p-contact li span,
.team-detail .fav-project .f-p-box .f-p-contact li p {
    font-weight: 600;
    color: #444;
    margin: 0;
}
.team-detail .fav-project .f-p-box .f-p-contact li span {
    text-transform: uppercase;
    margin-right: 20px;
}
.team-detail .fav-project .f-p-box .f-p-contact {
    margin-top: 10px;
}
.team-detail .fav-project .f-p-box .f-p-btn {
    width: 50px;
    height: 50px;
    background-color: #f4f4f4;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 37px;
}
.team-detail .fav-project .f-p-box .f-p-btn i {
    color: #000;
    transform: rotate(45deg);
}
.team-detail .fav-project .f-p-box .f-p-btn:hover i {
    transform: rotate(45deg) translate(0px, -3px);
}
.team-detail .fav-project h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
}
.team-detail .fav-project .row .col-lg-4 {
    position: relative;
}
.team-detail .fav-project .row .col-lg-4:before {
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    bottom: 17px;
    right: 30px;
    color: #999;
    font-family: 'Poppins';
    font-weight: bold;
}
.team-detail .fav-project .row .col-lg-4:nth-child(1):before {
    content: "01.";
}
.team-detail .fav-project .row .col-lg-4:nth-child(2):before {
    content: "02.";
}
.team-detail .fav-project .row .col-lg-4:nth-child(3):before {
    content: "03.";
}
/* 52. Team Detail Page End */

/* 53. Product Detail Page Start */
ul.pd-imgs li a {
    width: 130px;
    height: 130px;
    display: flex;
}
ul.pd-imgs li a img {
    width: 100%;
    object-fit: cover;
}
ul.pd-imgs li:not(:last-child) a {
    margin-bottom: 20px;
}
.pd-gallery {
    display: flex;
    padding-right: 30px;
}
.pd-gallery img {
    border: 1px solid #c1c1c1;
}
ul.pd-imgs {
    margin-right: 20px;
}
.pd-main-img {
    width: 460px;
    height: 500px;
    object-fit: cover;
    display: inline-flex;
    overflow: hidden;
}
.pd-main-img img {
    object-fit: cover;
}
.pd-data > span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.pd-data .theme-btn:hover {
    color: #000;
}
.pd-data .free-ship {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 3px;
}
.pd-data h2 {
    font-size: 35px;
    line-height: 45px;
}
ul.pd-price li.pd-sale-price, 
ul.pd-price li.pd-sale-price span {
    font-size: 28px;
    color: #000;
    font-family: 'Poppins';
    line-height: 30px;
    font-weight: bold;
}
ul.pd-price li.pd-regular-price,
ul.pd-price li.pd-regular-price span{
    font-size: 20px;
    color: #444;
    font-weight: 500;
    font-family: 'Poppins';
    line-height: 23px;
}
ul.pd-price li.pd-regular-price span,
ul.pd-price li.pd-sale-price span {
    margin-right: 3px;
}
ul.pd-price{
    display: flex;
    align-items: flex-end;
    margin-top: 37px;
}
ul.pd-price li:not(:last-child){
    margin-right: 12px;
}
.pd-colors,
.pd ul {
    display: flex;
    align-items: center;
}
.pd ul {
    margin-left: 35px;
}
.pd{
    margin-top: 30px;
}
.pd-colors ul li {
    border-radius: 100px;
    position: relative;
}
.pd-colors ul li input{
    width: 35px;
    height: 35px;
    border-radius: 100px;
    position: relative;
    display: flex;
    z-index: 9;
    cursor: pointer;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: absolute;
  cursor: pointer;
  padding: 0;
  top: 0;
  left: 0;
  border-radius: 100px;
}
.styled-checkbox + label:before {
  content: "";
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/check-mark.svg');
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.pd-colors ul li:not(:last-child){
    margin-right: 12px;
}
.pd-colors ul li a {
    width: 100%;
    display: flex;
    height: 100%;
}
.bg-red{
    background-color: red;
}
.bg-green{
    background-color: green;
}
.bg-blue{
    background-color: blue;
}
.pd-colors ul li a:focus {
    border: 2px solid;
    transition: unset;
    position: absolute;
    width: 130%;
    height: 130%;
    left: -5px;
    top: -5px;
    border-radius: 100px;
}
.pd-cat-tags > ul > li span {
    font-size: 18px;
    padding: 0;
    margin-right: 8px;
    font-family: 'Poppins';
    font-weight: bold;
}
.pd-cat-tags ul li {
    display: flex;
    width: 100%;
    align-items: center;
}
.pd-cat-tags > ul > li:not(:last-child) {
    margin-bottom: 2px;
}
.pd-cat-tags ul li ul.pd-cat,
.pd-cat-tags ul li ul.pd-tag,
.pd-cat-tags ul li ul.pd-sku
  {
    display: flex;
    width: 100%;
}
.pd-cat-tags ul li ul.pd-cat li,
.pd-cat-tags ul li ul.pd-tag li,
.pd-cat-tags ul li ul.pd-sku li {
    width: auto;
    margin-right: 7px;
    position: relative;
    font-size: 16px;
}
.pd-cat-tags ul li ul.pd-cat li a,
.pd-cat-tags ul li ul.pd-tag li a,
.pd-cat-tags ul li ul.pd-sku li a {
    color: #444;
    font-weight: 400;
}
.pd-cat-tags ul li ul.pd-cat li:not(:last-child):after,
.pd-cat-tags ul li ul.pd-tag li:not(:last-child):after,
.pd-cat-tags ul li ul.pd-sku li:not(:last-child):after {
    content: ",";
}
.pd-cat-tags {
    margin-top: 50px;
    position: relative;
    border-top: 1px dashed #9e9e9e;
    padding-top: 22px;
}
.pd-quality input {
    height: 60px;
    border: transparent;
    padding: 25px;
    font-size: 20px;
    color: #8a8a8a;
    font-family: 'Poppins';
}
.pd-quality input:focus {
    outline: 0;
    border: 1px solid;
}
.pd-quality span {
    font-size: 18px;
    color: #2b2b2b;
    text-transform: uppercase;
    font-family: 'Poppins';
    margin-right: 28px;
}
.pd-quality {
    display: flex;
    align-items: center;
    width: 75%;
    margin-top: 25px;
    margin-bottom: 25px;
}
.pd-details .nav {
    width: 30%;
    margin-right: 50px;
}
.pd-details .tab-content {
    width: 70%;
}
.pd-details .nav-pills .nav-link {
    text-align: left;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Poppins';
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    border-radius: 0;
    background: #fafafa;
    margin-bottom: 15px;
    padding: 16px 25px;
}
.tab-table {
    border: 1px solid #c1c1c1;
    padding: 30px;
    position: relative;
}
.tab-table:before {
    content: "";
    background: #f7f6f2;
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-right: 1px solid #c1c1c1;
}
.tab-table .table {
    margin-bottom: 0;
}
.tab-table .table tr td:first-child {
    width: 34%;
}
.tab-table .table tr:not(:last-child) td {
    border-bottom: 2px solid #ededed;
}
.tab-table .table tr {
    border-bottom: transparent;
}
.tab-table .table tr td {
    font-size: 18px;
    font-weight: bold;
    padding: 14px 20px;

}
.tab-table .table tr td:last-child {
    padding-left: 35px;
}
.adis-tab .include {
    margin-bottom: 45px;
}
.review .comment .c-data p {
    margin-top: 15px;
    margin-bottom: 0;
}
.review .load-more {
    font-size: 18px;
    background: #000;
}
.review .load-more {
    font-size: 18px;
    background: #000;
    display: flex;
    width: 100%;
    color: white;
    justify-content: center;
    align-items: center;
    height: 65px;
    margin-top: 20px;
    font-family: 'Poppins';
}
.review.comments ul li:not(:last-child) .comment {
    margin-bottom: 20px;
}
.rev-tab .total-reviews {
    height: 95px;
    margin-bottom: 40px;
}
.rev-tab .total-reviews .t-r {
    height: 91px;
    width: 205px;
    background: white;
    margin-left: 2px;
    font-size: 20px;
    font-weight: bold;
}
.rev-tab .total-reviews .f-r span {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: bold;
    margin-right: 20px;
}
.rev-tab .total-reviews .f-r .r-s i {
    font-size: 18px;
    color: #000;
}
.rev-tab .total-reviews .f-r .r-s {
    margin-right: 45px;
}
.rev-tab .post-review {
    border: 1px solid #c1c1c1;
    padding: 40px 30px;
    margin-top: 55px;
}
.rev-tab .post-review h3 {
    margin-top: 0;
}
.rev-tab .post-review .select-rating span {
    font-size: 16px;
    color: #000;
    margin-right: 25px;
    margin-top: 3px;
}
.rev-tab .post-review .p-r-s {
    display: flex;
}
.rev-tab .post-review .p-r-s img {
    width: 25px;
    height: 25px;
    margin-right: 7px;
}
.rev-tab .post-review .form {
    margin-top: 30px;
}
/* 53. Product Detail Page End */



.slideUp {
  transform: translateY(-140px);
  -webkit-transform: translateY(-140px);
  -moz-transform: translateY(-140px);
  -o-transform: translateY(-140px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.slideDown {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
}
.slideUp,
.slideDown{
    transition: transform .5s ease-out;
  -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
}


/* 54. Cart Page Start */
.cart .cart-table .c-c .c-data .cr-svg {
    width: 40px;
    height: 80px;
    margin-right: 12px;
}
.cart .cart-table .c-c .c-data .cr-svg,
.cart .cart-table .c-c .c-data > img,
.cart .cart-table .c-c .c-quality input,
.cart .cart-box {
    border: 1px solid #c1c1c1;
}
.cart .cart-table .c-c .c-price .orgnl,
.cart .cart-table .c-c .c-price .sale,
.cart .cart-table .c-c .c-quality input,
.cart .cart-table .c-c .c-total span,
.cart .cart-table.head .c-data span,
.cart .cart-table.head .c-price span,
.cart .cart-table.head .c-quality span,
.cart .update-cart form button,
.cart-total-box .final h4,
.cart-total-box .total ul li span {
    font-family: 'Poppins';
}
.cart .cart-table .c-c .c-data .cr-svg img {
    width: 10px;
    height: 10px;
}
.cart .cart-table .c-c .c-data > img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.cart .cart-table .c-c .c-data h2 {
    font-size: 18px;
}
.cart .cart-table .c-c .c-data h2 a {
    color: #444;
}
.cart .cart-table .c-c,
.cart .cart-table .c-c .c-data {
    display: flex;
    align-items: center;
}
.cart .cart-table .c-c .c-data  {
    width: 40%;
}
.cart .cart-table .c-c .c-price .orgnl {
    font-size: 22px;
    margin-right: 10px;
}
.cart .cart-table .c-c .c-price .sale {
    font-size: 16px;
    color: #a1a1a1;
}
.cart .cart-table .c-c .c-quality input {
    height: 60px;
    padding: 20px;
    font-size: 20px;
    color: #8a8a8a;
}
.cart .cart-table .c-c .c-quality input:focus,
.update-cart form input:focus {
    outline: 0;
}
.cart .cart-table .c-c .c-total span {
    font-size: 22px;
}
.cart .cart-table .c-c .c-quality,
.cart .cart-table .c-c .c-price,
.cart .cart-table .c-c .c-total {
    width: 16%;
}
.cart .cart-table li {
    padding: 20px;
}
.cart .cart-table li:nth-child(even) {
    background: #f7f6f2;
}
.cart .cart-table .c-c {
    justify-content: space-between;
}
.cart .cart-table {
    border-top: 8px solid;
}
.cart .cart-box {
    padding: 10px 15px 15px 15px;
}
.cart .cart-table.head .c-data span,
.cart .cart-table.head .c-price span,
.cart .cart-table.head .c-quality span,
.cart .cart-table.head .c-total span {
    font-size: 22px;
}
.cart .cart-table.head .c-data span {
    margin-left: 50px;
}
.cart .cart-table.head {
    border-top: 0;
}
.cart .update-cart .theme-btn:hover {
    color: #000;
}
.cart .update-cart .theme-btn {
    padding: 18px 60px 18px 40px;
}
.cart .update-cart form input {
    height: 80px;
    background-color: #f5f5f5;
    font-size: 15px;
    color: #373737;
    border: transparent;
    padding-left: 45px;
    margin-right: 15px;
}
.cart .update-cart form input::placeholder {
    color: #373737;
}
.cart .update-cart form button {
    height: 80px;
    width: 145px;
    border: 0;
    font-size: 16px;
}
.cart .update-cart form {
    display: flex;
    width: 50%;
}
.cart .update-cart {
    margin-top: 35px;
    padding-right: 30px;
}
.cart-total-box {
    background: #000;
    position: relative;
    margin-left: 55px;
    z-index: 0;
    padding: 30px 25px;
}
.cart .cart-total {
    margin-top: 30px;
}
.cart-total-box .final h4 {
    font-size: 28px;
    color: white;
    margin-bottom: 25px;
}
.cart-total-box .final ul li,
.cart-total-box .total ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total-box .final ul li span,
.cart-total-box .total ul li span {
    color: #cdcdcd;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.cart-total-box .final ul li:not(:last-child) span {
    margin-bottom: 13px;
}
.cart-total-box .final {
    padding: 45px;
}
.cart-total-box .total {
    background: white;
    padding: 24px 46px;
}
.cart-total-box .total ul li span {
    font-size: 28px;
    color: #000;
}
/* 54. Cart Page End */

/* 55. Checkout Start */
.checkout .billing {
    width: 90%;
}
.checkout .billing > h3,
.checkout .order-note h3 {
    margin-top: 0;
}
.checkout .order-note textarea {
    width: 100%;
    height: 320px;
    padding: 35px !important;
    background: #fbfbfb;
}
.checkout .order-note textarea::placeholder,
.checkout .billing input::placeholder {
    font-size: 16px;
    color: #333;
    font-family: 'Poppins';
}
.checkout .billing input,
.checkout .billing .nice-select {
    border: 1px solid #c1c1c1;
    height: 65px;
    background: #fbfbfb;
    padding: 0 35px;
}
.checkout .billing .row {
    margin-bottom: 20px;
}
.checkout .billing input:focus {
    outline: 0;
}
.checkout .billing .nice-select:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    border: 1px solid #c1c1c1;
    border-radius: 100%;
    clip-path: unset;
}
.checkout .billing .nice-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    height: 8px;
    right: 29px;
    width: 8px;
}
.checkout .custom-radio {
    display: flex;
}
.checkout .custom-radio input[type=checkbox] {
    width: 17px;
    height: 17px;
    margin-right: 15px;
}
.checkout .custom-radio input[type=checkbox]+label {
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    font-family: 'Poppins';
}
.checkout .billing .checkk {
    margin-top: 38px;
}
.checkout .custom-radio {
    margin-bottom: 15px;
}
.cart-t-payment-m {
    display: flex;
}
.cart-t-payment-m .cart-total-box {
    margin-left: 0;
    width: 45%;
    height: fit-content;
}
.cart-t-payment-m .payment-method {
    width: 55%;
    border: 1px solid #c1c1c1;
    padding: 55px 95px;
    height: 100%;
}
.cart-t-payment-m .payment-method h3 {
    font-size: 28px;
    margin-bottom: 34px;
    margin-top: 0;
}
.cart-t-payment-m .payment-method button {
    font-size: 25px;
    border: 2px solid;
    padding: 30px 100px;
    margin-top: 17px;
}
.cart-t-payment-m .payment-method button:hover {
    background: transparent;
}
.cart-t-payment-m .payment-method h3,
.cart-t-payment-m .payment-method button {
    font-family: 'Poppins';
}
.checkout .cart-t-payment-m .payment-method .custom-radio input[type=checkbox]+label {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.checkout .cart-t-payment-m .payment-method .custom-radio input[type=checkbox]+label img {
    margin-left: 20px;
    margin-top: -3px;
}
.checkout .cart-t-payment-m .payment-method .custom-radio {
    margin-bottom: 28px;
}
.checkout .cart-t-payment-m .cart-total-box .final {
    padding: 20px 45px 30px 45px;
}
.checkout .cart-t-payment-m .cart-total-box .final h4 {
    margin-bottom: 30px;
}
.checkout .cart-t-payment-m .cart-total-box .final ul li:not(:last-child) span {
    margin-bottom: 15px;
}
/* 55. Checkout End */

/* 56. History Start */
.history .h-box figure {
    height: 250px;
    position: relative;
}
.history .h-box figure:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.history .left .h-box figure:before {
    right: -137px;
}
.history .left.first .h-box figure:before {
    top: 5px;
}
.history .right .h-box figure:before {
    left: -137px;
}
.history .full .h-box figure {
    height: 620px;
}
.history .full .h-box figure:before {
    display: none;
}
.history .h-box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.history .h-box h2 {
    font-size: 90px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #444;
    margin-top: 8px;
}
.history .h-box p {
    margin-top: 0;
}
.history .full .h-box p {
    width: 40%;
}
.history .full {
    margin-top: 35px;
}
.history .heading h2 {
    margin-bottom: 90px;
}
#timeline {
    width: 15px;
    height: 89.5%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    overflow: hidden;
}
#timeline .fill {
    -webkit-transition: height 2s ease-out;
    -moz-transition: height 2s ease-out;
    -o-transition: height 2s ease-out;
    transition: height 2s ease-out;
}
/* 56. History End */

/* 57. Popups */
.estimated-price.popup:after,
.estimated-price.popup:before {
    display: none;
}
.est-popup .modal-dialog {
    max-width: 720px;
}
.estimated-price.popup {
    background: white;
}
.estimated-price.popup .est-form > p {
    margin-bottom: 20px;
}
.estimated-price.popup .est-form .est-main {
    margin-top: 30px;
}
.popups .popup h3 {
    font-size: 30px;
    line-height: 40px;
}
.popups .modal-body {
    padding: 45px;
}
.popups .modal-header {
    padding: 0;
    border: 0;
}
.popups .modal-header .btn-close {
    padding: 0;
    margin: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 100px;
    opacity: 1;
    position: absolute;
    right: -22px;
    z-index: 9;
}
.popups.modal:before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}
.popups.modal.show .modal-dialog {
    margin-top: 50px;
}
.conslt-popup .contact-form-one:before {
    display: none;
}
.conslt-popup .contact-form-one {
    padding-bottom: 0;
    margin-top: 0;
}
.conslt-popup .modal-body {
    padding: 0;
}
.conslt-popup .modal-dialog {
    max-width: 520px;
}
.conslt-popup .popup h3 {
    color: white;
    margin-bottom: 22px;
}
.popups .btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}
/* 57. Popups */

/* 58. Preloader Start */
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0;
  background: #f42828;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.preloader figure {
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  animation: fadeup 0.30s;
  position: relative;
}
.preloader figure:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-top: 2px solid #ffee02;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    animation: rotate1 0.60s infinite;
}
.preloader img {
  height: 50px;
  display: inline-block;
}

.page-loaded .preloader {
  top: -100%;
}

@keyframes fadeup {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes rotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 58. Preloader End */

/* 59. Login Register Start */
.question {
    margin-bottom: 50px;
}
.question h3 {
    font-size: 25px;
    margin-bottom: 12px;
}
.question ul li i {
    font-size: 10px;
    margin-right: 5px;
}
.question ul li {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.question ul li,
.question ul li i {
    color: #555;
}
.question ul {
    margin-top: 22px;
    margin-bottom: 85px;
}
.box.login {
    background-color: #f7f6f2;
}
.box {
    padding: 65px;
}
.box h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.box input {
    height: 68px;
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
    padding-left: 30px;
}
.box form button {
    margin-top: 25px;
}
.box form button:hover {
    color: #000;
}
.box form .remember input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-bottom: 0;
    margin-right: 8px;
}
.box form .remember {
    margin-top: 20px;
    justify-content: space-between;
}
.box form .remember .first,
.box form .remember {
    display: flex;
    align-items: center;
}
.box form .remember label {
    color: #333;
}
.box form .remember .second a,
.box form .remember label {
    font-size: 14px;
    font-weight: bold;
}
.box form .remember .second a {
    color: #254389;
}
.box form input::placeholder {
    color: #555;
    font-size: 16px;
}
.box form input:focus {
    outline: 0;
    border: 1px solid;
}
.box.register {
    background-color: #000;
    position: relative;
    z-index: 0;
}
.box.register h3 {
    color: white;
}
.box.register form p {
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    color: #cecece;
}
.box.register form button:hover {
    color: white;
}
/* 59. Login Register End */

/* 60. Gallery Style One Start */
.gallery-style-one a:before {
    content: "";
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.gallery-style-one a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.gallery-style-one a:hover:before {
    width: 100%;
    opacity: 0.5;
    visibility: visible;
}
/* 60. Gallery Style One End */

/* 61. Where We Work Start */
.where-we-work {
    background: black;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.where-we-work .second .des {
    width: 75%;
}
.where-we-work .second .des,
.where-we-work .heading-style-2 .data span,
.first .nav-tabs li button {
    color: #cbcbcb;
}
.w-counter ul li h2 {
    font-size: 100px;
    line-height: 100px;
}
.w-counter ul li p {
    line-height: 36px;
    font-family: 'Poppins';
}
.w-counter ul li p,
.where-we-work .heading-style-2 .data h2 {
    color: white;
}
.w-counter ul li {
    margin-top: 40px;
}
.w-counter ul {
    margin-top: 80px;
}
.where-we-work .parallax {
    opacity: 0.2;
    background-size: contain;
    left: 33%;
}
.first .nav-tabs,
.first .nav-tabs li button {
    border: 0;
}
.first .nav-tabs li button.active {
    background: transparent;
}
.first .nav-tabs li button {
    padding: 0;
    font-family: 'Poppins';
}
.first .nav-tabs li {
    margin-right: 35px;
}
.first .nav-tabs li button.active {
    border-bottom: 1px solid;
}
.where-we-work .heading-style-2 {
    margin-bottom: 30px;
}
.first .tab-data {
    margin-top: 80px;
    position: relative;
}
.where-we-work .second {
    padding-top: 30px;
}
.first .tab-data .map-pin {
    width: 26px;
    height: 26px;
    display: inline-flex;
    border-radius: 100px;
    border: 6px solid #000;
    position: absolute;
}
.first .tab-data ul li:nth-child(1) {
    bottom: 25%;
    left: 25%;
}
.first .tab-data ul li:nth-child(2) {
    top: 35%;
    right: 35%;
}
.first .tab-data .map-pin .location {
    border: 3px solid;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    left: -105px;
    opacity: 0;
    visibility: hidden;
}
.first .tab-data .map-pin .location:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffee02;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
}
.first .tab-data .map-pin.active .location {
    opacity: 1;
    visibility: visible;
    bottom: 35px;
}
.first .tab-data .map-pin .location .data p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.first .tab-data .map-pin .location .data {
    width: 100%;
    padding: 12px 15px;
}
.first .tab-data > figure img {
    width: 100%;
}
.first .tab-data .map-pin .location figure img {
    width: 218px;
    height: 130px;
}
/* 61. Where We Work End */

/*light*/
.light i {
    font-size: 20px;
    transform: rotate(-30deg);
    background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.light {
    margin-left: 40px;
}
img.dark-icon {
    display: none;
}
img.light-icon {
    display: block;
}
.mobile-nav.desktop-menu h2{
    color: #222;
}

/* ==========================================================================
   INTERACTIVE TENNIS GAME IN THE FOOTER (FLOATING OVER THE WHOLE SITE)
   ========================================================================== */
.tennis-court-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 78px;
    background: linear-gradient(180deg, rgba(11, 37, 50, 0) 0%, rgba(93, 166, 12, 0.035) 42%, rgba(11, 37, 50, 0.12) 100%) !important;
    border: none !important;
    overflow: hidden;
    z-index: 9999;
    pointer-events: none; /* Permite clicar nos links do site por trás do jogo */
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.court-net-footer {
    position: absolute;
    left: 50%;
    top: 7px;
    bottom: 7px;
    width: 4px;
    border-left: 2px dashed rgba(93, 166, 12, 0.4);
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.35));
    transform: translateX(-50%);
}

.racket-footer {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 42px;
    border-radius: 7px;
    transform: translateY(-50%);
    transition: transform 0.1s ease;
    pointer-events: auto;
}

.racket-left-footer {
    left: 40px;
    background: linear-gradient(135deg, #d4f000, #9eb300);
    border: 2px solid #fff;
    box-shadow: 0 0 16px rgba(212, 240, 0, 0.82);
    animation: moveRacketLeftFooter 3.2s infinite ease-in-out;
}

.racket-right-footer {
    right: 40px;
    background: linear-gradient(135deg, #00d2ff, #0066ff);
    border: 2px solid #fff;
    box-shadow: 0 0 16px rgba(0, 102, 255, 0.82);
    animation: moveRacketRightFooter 3.2s infinite ease-in-out;
}

.tennis-ball-footer {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    background: radial-gradient(circle at 35% 35%, #e1ff00, #889c00);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(225, 255, 0, 0.95), 0 2px 5px rgba(0,0,0,0.38);
    transform: translate(-50%, -50%);
    animation: ballVolleyFooter 3.2s infinite linear;
    pointer-events: auto;
}

.court-line-top {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: rgba(93, 166, 12, 0.28);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.18);
}

.court-line-bottom {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: rgba(93, 166, 12, 0.28);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.18);
}

@keyframes ballVolleyFooter {
    0% { left: 58px; top: 45%; }
    15% { left: 50%; top: 15%; }
    30% { left: 75%; top: 85%; }
    45% { left: calc(100% - 58px); top: 40%; }
    50% { left: calc(100% - 58px); top: 40%; }
    65% { left: 50%; top: 15%; }
    80% { left: 25%; top: 85%; }
    95% { left: 58px; top: 45%; }
    100% { left: 58px; top: 45%; }
}

@keyframes moveRacketLeftFooter {
    0%, 100% { top: 45%; transform: translateY(-50%) rotate(15deg); }
    25% { top: 50%; transform: translateY(-50%) rotate(0deg); }
    50% { top: 55%; transform: translateY(-50%) rotate(-10deg); }
    80% { top: 85%; transform: translateY(-50%) rotate(-5deg); }
    95% { top: 45%; transform: translateY(-50%) rotate(10deg); }
}

@keyframes moveRacketRightFooter {
    0%, 100% { top: 55%; transform: translateY(-50%) rotate(-15deg); }
    30% { top: 85%; transform: translateY(-50%) rotate(5deg); }
    45% { top: 40%; transform: translateY(-50%) rotate(10deg); }
    50% { top: 40%; transform: translateY(-50%) rotate(-10deg); }
    75% { top: 50%; transform: translateY(-50%) rotate(0deg); }
}

/* ==========================================================================
   TEAM SECTION - WIDESCREEN RESPONSIVE GRID STYLE
   ========================================================================== */
.team-style-one .team-data .team-image img {
    filter: grayscale(0) !important;
    width: 100% !important;
    max-width: 220px;
    margin: 0 auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.team-style-one .team-data:hover .team-image img {
    transform: scale(1.05);
}

.team-style-one .team-data {
    display: block !important;
    text-align: center !important;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-style-one .team-data:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.team-style-one .team-data .team-info {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    padding-top: 15px !important;
    padding-left: 0 !important;
}

.team-style-one .team-data .team-info h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    color: #1a1c1c !important;
    margin-bottom: 5px;
    font-weight: 700;
}

.team-style-one .team-data .team-info p {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #5ca904 !important; /* Verde oficial */
    font-weight: 600;
}

.team-style-one:not(.hb-team-showcase) .team-slider .owl-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Forcar largura automatica para os itens na grid */
.team-style-one:not(.hb-team-showcase) .team-slider .owl-item.active {
    width: auto !important;
}

/* ==========================================================================
   PREMIUM FOOTER STYLING REFORM
   ========================================================================== */
.footer-style-one {
    background-color: #0b0c0c !important; /* Fundo escuro premium */
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: 'Poppins', sans-serif;
    position: relative;
    border-top: 4px solid #5ca904; /* Linha verde neon de topo */
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

/* Forçar os títulos a serem brancos e elegantes */
.footer-style-one h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    margin-bottom: 20px !important;
    position: relative;
    padding-bottom: 8px;
}
.footer-style-one h3::after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #5ca904;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Remover azul padrão e colocar hover verde oficial nos links */
.footer-style-one a {
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none !important;
    transition: color 0.3s ease, transform 0.3s ease;
}
.footer-style-one a:hover {
    color: #5ca904 !important; /* Verde oficial no hover */
}

/* Estilo do bloco "Sobre" */
.footer-style-one p {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Espaçamento e estilo da lista de links */
.footer-style-one ul.list-unstyled {
    padding: 0;
    margin: 0;
}
.footer-style-one ul.list-unstyled li {
    margin-bottom: 12px !important;
}
.footer-style-one ul.list-unstyled li a {
    font-size: 14px;
    display: inline-block;
}

/* Correção para o Flexbox e espaçamento nas redes sociais (eliminando falha do Tailwind) */
.footer-p-3 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.footer-p-3 .flex.gap-4, 
.footer-p-3 div:last-child {
    display: flex !important;
    gap: 20px !important; /* Espaçamento real entre os links sociais */
}

/* Deixar as redes sociais super premium como botões circulares */
.footer-p-3 a {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
}
.footer-p-3 a:hover {
    background-color: #5ca904 !important;
    color: #000000 !important;
    border-color: #5ca904 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(92, 169, 4, 0.3) !important;
}

/* Detalhes de contato com ícone */
.footer-style-one ul.list-unstyled li.flex,
.footer-style-one ul.list-unstyled li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.footer-style-one ul.list-unstyled li span.material-symbols-outlined {
    color: #5ca904 !important;
    font-size: 18px !important;
}

/* Logo e rodapé top bar */
.footer-p-1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: #080909 !important; /* Um tom ainda mais escuro para o topo */
}
.footer-p-2 {
    background-color: #0b0c0c !important;
}
.footer-p-3.rights {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: #080909 !important;
    margin-top: 30px !important;
    padding: 20px 0 !important;
}

/* ==========================================================================
   CORE FEATURES (DIFERENCIAIS) & PARALLAX OVERLAY ADJUSTMENTS
   ========================================================================== */
/* Ajustes para a seção Diferenciais (Core Features) original */
.core-features {
    overflow: hidden !important; /* Previne que as faixas decorativas vazem horizontal ou verticalmente para outras seções */
    position: relative !important;
}
.core-features .col-lg-6[data-aos="fade-left"] .shape {
    max-height: 600px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.core-features .video {
    width: 55vw !important; /* Largura reduzida para evitar a barra de rolagem horizontal no navegador */
    height: 600px !important;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0% 100%) !important;
    position: relative !important;
    overflow: hidden !important; /* Previne barra de rolagem vertical */
}
.core-features .video figure {
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.core-features .video img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.core-features .shape:before {
    background-color: #5ca904 !important; /* Faixa inclinada maior (Verde Limão) */
    height: 600px !important;
    z-index: 1 !important;
}
.core-features .video:before {
    background-color: #1a1c1c !important; /* Faixa inclinada menor (Preto) */
    height: 600px !important;
    z-index: 0 !important;
}
.core-features .video-play-btn {
    background: #1a1c1c !important;
    border: 2px solid #5ca904 !important;
    z-index: 5 !important;
}
.core-features .video-play-btn svg {
    fill: #5ca904 !important;
}
.core-features .video-play-btn:hover {
    background: #5ca904 !important;
    border-color: #1a1c1c !important;
}
.core-features .video-play-btn:hover svg {
    fill: #1a1c1c !important;
}

/* Correção completa para a Seção de Reserva (Renovation) de acordo com o design original */
.renovation.parallax {
    position: relative !important;
    z-index: 0 !important;
    padding: 155px 0 !important;
    background-image: url('../images/bannerreserva.jpg') !important; /* Carrega a imagem do tema de forma relativa ao CSS */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Overlay Verde Escuro do Fundo */
.renovation.parallax::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(14, 28, 4, 0.76) !important; /* Verde escuro translúcido */
    z-index: 1 !important;
}

/* Faixa Diagonal Escura da Esquerda */
.renovation::before {
    content: "" !important;
    width: 415px !important;
    height: 100% !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 6% !important;
    transform: translateX(-50%) skew(-23deg, 0deg) !important;
    background-color: #1a1c1c !important; /* Faixa escura */
    opacity: 0.5 !important;
    z-index: 2 !important;
}

/* Faixa Diagonal Verde-Limão da Direita */
.renovation::after {
    content: "" !important;
    width: 415px !important;
    height: 100% !important;
    position: absolute !important;
    bottom: 0 !important;
    right: -17% !important;
    transform: translateX(-50%) skew(-23deg, 0deg) !important;
    background-color: #5ca904 !important; /* Verde oficial */
    opacity: 0.88 !important; /* Bem viva */
    z-index: 2 !important;
}

/* Container de Textos e Conteúdo (Acima de tudo) */
.renovation .container {
    position: relative !important;
    z-index: 3 !important;
}

/* Configuração dos Textos */
.renovation .reno-data h3 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

.renovation .reno-data h2 {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 96px !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    color: #ffffff !important;
    line-height: 1.0 !important;
}

.renovation .reno-data p {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    max-width: 580px !important;
    width: 100% !important;
    margin: 0 auto 35px auto !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Estilização do Botão Redondo com Texto Circular */
.renovation .bbtn {
    position: relative !important;
    margin-top: 35px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 170px !important;
}

.renovation .bbtn a.reserve-action-btn {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    display: inline-block !important;
    width: 170px !important;
    height: 170px !important;
    transition: all 0.3s ease !important;
}

.renovation .bbtn svg {
    width: 170px !important;
    height: 170px !important;
    overflow: visible !important;
}

/* Rotação Contínua do Texto Curvo */
@keyframes rotateText {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.renovation .bbtn svg .rotating-text-group {
    transform-origin: 100px 100px !important;
    animation: rotateText 26s linear infinite !important;
}

.renovation .bbtn a.reserve-action-btn:hover svg .rotating-text-group {
    animation-duration: 12s !important; /* Acelera levemente no hover */
}

/* Hover e Efeitos nos Elementos Internos do SVG */
.renovation .bbtn a.reserve-action-btn .center-circle {
    fill: #1a1c1c !important;
    stroke: #5ca904 !important;
    transition: fill 0.3s ease, stroke 0.3s ease !important;
}

.renovation .bbtn a.reserve-action-btn:hover .center-circle {
    fill: #5ca904 !important;
    stroke: #ffffff !important;
}

.renovation .bbtn a.reserve-action-btn .arrow-path {
    stroke: #ffffff !important;
    transition: stroke 0.3s ease !important;
}

.renovation .bbtn a.reserve-action-btn:hover .arrow-path {
    stroke: #1a1c1c !important;
}

/* Responsividade Adaptada */
@media(max-width: 991px) {
    .renovation.parallax {
        padding: 120px 0 !important;
    }
    .renovation .reno-data h2 {
        font-size: 72px !important;
    }
    .renovation .reno-data h3 {
        font-size: 28px !important;
    }
    .renovation .reno-data p {
        font-size: 17px !important;
        width: 85% !important;
    }
}

@media(max-width: 767px) {
    .renovation.parallax {
        padding: 90px 0 !important;
    }
    .renovation .reno-data h2 {
        font-size: 48px !important;
        letter-spacing: -1px !important;
    }
    .renovation .reno-data h3 {
        font-size: 22px !important;
    }
    .renovation .reno-data p {
        font-size: 15px !important;
        width: 95% !important;
    }
    .renovation::before,
    .renovation::after {
        display: none !important; /* Oculta faixas laterais em smartphones */
    }
    .renovation .bbtn {
        min-height: 140px !important;
        margin-top: 25px !important;
    }
    .renovation .bbtn a.reserve-action-btn {
        width: 140px !important;
        height: 140px !important;
    }
    .renovation .bbtn svg {
        width: 140px !important;
        height: 140px !important;
    }
}

/* Botão Customizado do WhatsApp na Seção de Reserva */
.theme-btn.reserve-whatsapp-btn {
    background-color: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 50px 16px 40px !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important;
    transition: all 0.3s ease !important;
}

.theme-btn.reserve-whatsapp-btn:after {
    border-top: 55px solid #25d366 !important; /* Mantém a aba inclinada */
}

.theme-btn.reserve-whatsapp-btn:hover {
    background-color: #128c7e !important;
    border-color: #128c7e !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(18, 140, 126, 0.4) !important;
}

.theme-btn.reserve-whatsapp-btn:hover:after {
    border-top-color: #128c7e !important;
}

@media(max-width: 767px) {
    .theme-btn.reserve-whatsapp-btn {
        padding: 12px 35px 12px 25px !important;
        font-size: 13px !important;
    }
    .theme-btn.reserve-whatsapp-btn:after {
        border-top-width: 45px !important; /* Ajusta o corte no mobile */
    }
}

/* Garantir que os links dos botões da seção de Reserva sejam 100% clicáveis e fiquem no topo */
.renovation .bbtn a.reserve-action-btn,
.theme-btn.reserve-whatsapp-btn {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.renovation .bbtn svg {
    pointer-events: none !important; /* Faz o SVG ignorar eventos para que o clique passe diretamente para a tag A */
}

/* Instagram em destaque no rodapé */
.hb-footer-social {
    display: flex;
    align-items: center;
}

.footer-p-3 a.hb-footer-instagram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 10px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #833ab4 0%, #c13584 38%, #e1306c 68%, #f77737 100%) !important;
    box-shadow: 0 8px 24px rgba(225, 48, 108, 0.28);
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    line-height: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

.footer-p-3 a.hb-footer-instagram i {
    font-size: 19px;
}

.footer-p-3 a.hb-footer-instagram:hover {
    background: linear-gradient(135deg, #934ac2 0%, #d03a91 38%, #ef3b7a 68%, #ff8747 100%) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    filter: brightness(1.08);
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(225, 48, 108, 0.38) !important;
}

@media(max-width: 767px) {
    .hb-footer-social {
        justify-content: center;
        width: 100%;
    }
}

/* Galeria de eventos em carrossel */
.project-style-one.hb-events-gallery {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 72px 0 62px;
    background:
        radial-gradient(circle at 10% 18%, rgba(181, 230, 74, 0.16), transparent 24%),
        radial-gradient(circle at 92% 82%, rgba(10, 157, 137, 0.12), transparent 26%),
        #f6f8f3;
}

.project-style-one.hb-events-gallery:before {
    display: none;
}

.hb-events-gallery:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 42px;
    right: -92px;
    width: 240px;
    height: 240px;
    border: 44px solid rgba(181, 230, 74, 0.11);
    border-radius: 50%;
}

.hb-events-heading {
    width: min(760px, calc(100% - 30px));
    margin: 0 auto 30px;
}

.hb-events-heading figure img {
    width: auto;
    height: 42px;
}

.hb-events-heading h2 {
    width: 100%;
    margin: 4px auto 0;
    line-height: 1.12;
}

.hb-events-heading p {
    max-width: 580px;
    margin: 12px auto 0;
    color: #63706a;
    font-size: 14px;
    line-height: 1.6;
}

.hb-events-carousel-shell {
    position: relative;
    max-width: 1460px;
}

.hb-events-gallery .project-slider .owl-stage {
    display: flex;
    align-items: stretch;
    padding: 14px 0 20px;
}

.hb-events-gallery .project-slider .owl-item {
    display: flex;
    opacity: 0.54;
    transform: scale(0.91);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.hb-events-gallery .project-slider .owl-item.center {
    z-index: 2;
    opacity: 1;
    transform: scale(1);
}

.hb-events-gallery .project-slider .item {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 2px;
}

.hb-events-gallery .project-post {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(13, 48, 58, 0.1);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(11, 37, 50, 0.1);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.hb-events-gallery .owl-item.center .project-post {
    border-color: rgba(91, 174, 0, 0.34);
    box-shadow: 0 24px 55px rgba(11, 37, 50, 0.17);
}

.hb-events-gallery .project-post:hover {
    transform: translateY(-4px);
}

.hb-events-gallery .hb-event-cover-link {
    display: block;
    color: inherit;
}

.hb-events-gallery .hb-event-cover {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #dfe6da;
}

.hb-events-gallery .hb-event-cover:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(4, 22, 29, 0.56) 100%);
    pointer-events: none;
}

.hb-events-gallery .hb-event-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}

.hb-events-gallery .project-post:hover .hb-event-cover img {
    transform: scale(1.045);
}

.hb-event-photo-label {
    position: absolute;
    z-index: 1;
    right: 14px;
    bottom: 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 999px;
    background: rgba(7, 30, 39, 0.72);
    backdrop-filter: blur(7px);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.25px;
}

.hb-events-gallery .project-post .project-data {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 178px;
    margin: 0;
    padding: 22px 24px 23px;
    border: 0;
    clip-path: none;
    background: #ffffff;
}

.hb-events-gallery .project-post .project-data h3 {
    margin: 0;
}

.hb-events-gallery .project-post .project-data h3 a {
    color: #0b2532;
    font-size: clamp(21px, 1.65vw, 26px);
    line-height: 1.2;
}

.hb-events-gallery .project-post .project-data p {
    flex: 1;
    width: 100%;
    margin: 9px 0 17px;
    color: #63706a;
    font-size: 13px;
    line-height: 1.55;
}

.hb-event-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    color: #428400;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.hb-event-card-link i {
    font-size: 11px;
    transition: transform 0.25s ease;
}

.hb-event-card-link:hover {
    color: #2e6700;
}

.hb-event-card-link:hover i {
    transform: translateX(4px);
}

.hb-events-gallery .project-slider .owl-nav {
    position: absolute;
    top: 42%;
    right: 0;
    left: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
}

.hb-events-gallery .project-slider .owl-nav button {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 50%;
    background: rgba(8, 34, 43, 0.88);
    box-shadow: 0 10px 26px rgba(4, 24, 31, 0.22);
    color: #ffffff;
    pointer-events: auto;
    transition: background 0.25s ease, transform 0.25s ease;
}

.hb-events-gallery .project-slider .owl-nav button:hover {
    background: #5bae00;
    transform: scale(1.06);
}

.hb-events-gallery .project-slider .owl-nav .owl-prev {
    left: 14px;
}

.hb-events-gallery .project-slider .owl-nav .owl-next {
    right: 14px;
}

.hb-events-gallery .project-slider .owl-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 8px;
}

.hb-events-gallery .project-slider .owl-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #cbd4c6;
    transition: width 0.3s ease, background 0.3s ease;
}

.hb-events-gallery .project-slider .owl-dots button.active {
    width: 30px;
    border-color: #5bae00;
    background: #5bae00;
}

.hb-events-gallery .project-slider .owl-dots button span {
    display: none;
}

/* Equipe em carrossel com destaque gradual */
.team-style-one.hb-team-showcase {
    position: relative;
    overflow: hidden;
    padding: 72px 0 58px;
    background:
        radial-gradient(circle at 8% 20%, rgba(181, 230, 74, 0.15), transparent 23%),
        radial-gradient(circle at 92% 82%, rgba(11, 130, 115, 0.09), transparent 24%),
        linear-gradient(180deg, #f2f6ed 0%, #ffffff 100%);
}

.team-style-one.hb-team-showcase:before {
    content: "";
    position: absolute;
    top: 46px;
    left: -100px;
    width: 220px;
    height: 220px;
    border: 40px solid rgba(91, 174, 0, 0.08);
    border-radius: 50%;
    pointer-events: none;
}

.hb-team-heading {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto 24px;
}

.hb-team-heading .data span {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 12px;
    letter-spacing: 1.7px;
}

.hb-team-heading .data h2 {
    margin: 0;
    color: #0b2532;
    font-size: clamp(34px, 3.3vw, 48px);
    line-height: 1.1;
}

.hb-team-heading .data p {
    max-width: 590px;
    margin: 12px auto 0;
    color: #63706a;
    font-size: 14px;
    line-height: 1.6;
}

.hb-team-carousel-shell {
    position: relative;
    max-width: 1460px;
}

.hb-team-showcase .team-slider.owl-carousel .owl-stage-outer {
    overflow: hidden;
    padding: 34px 0 30px;
}

.hb-team-showcase .team-slider .owl-stage {
    display: flex;
    align-items: center;
}

.hb-team-showcase .team-slider .owl-item {
    position: relative;
    z-index: 1;
    align-self: center;
    opacity: 0.36;
    visibility: visible;
    filter: saturate(0.7);
    transform: scale(0.78);
    transform-origin: center;
    transition:
        opacity 0.5s ease,
        filter 0.5s ease,
        transform 0.65s cubic-bezier(0.2, 0.85, 0.2, 1);
    will-change: transform;
}

.hb-team-showcase .team-slider .owl-item.hb-team-distance-2 {
    z-index: 2;
    opacity: 0.56;
    filter: saturate(0.82);
    transform: scale(0.84);
}

.hb-team-showcase .team-slider .owl-item.hb-team-distance-1 {
    z-index: 3;
    opacity: 0.8;
    filter: saturate(0.94);
    transform: scale(0.92);
}

.hb-team-showcase .team-slider .owl-item.center {
    z-index: 5;
    opacity: 1;
    filter: none;
    transform: scale(1.07);
}

.hb-team-showcase .team-data {
    display: block !important;
    width: 100%;
    height: 100%;
    padding: 14px !important;
    overflow: hidden;
    border: 1px solid rgba(11, 37, 50, 0.09);
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px rgba(11, 37, 50, 0.1);
    text-align: center !important;
    transition: border-color 0.35s ease, box-shadow 0.35s ease;
}

.hb-team-showcase .team-slider .owl-item.center .team-data {
    border-color: rgba(91, 174, 0, 0.36);
    background:
        radial-gradient(circle at 88% 7%, rgba(181, 230, 74, 0.17), transparent 9rem),
        #ffffff;
    box-shadow:
        0 26px 58px rgba(11, 37, 50, 0.18),
        0 0 0 5px rgba(91, 174, 0, 0.06);
}

.hb-team-showcase .team-data:hover {
    transform: none;
}

.hb-team-showcase .team-data .team-image {
    position: relative;
    height: 285px !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    border-radius: 17px !important;
    background:
        radial-gradient(circle at 50% 88%, rgba(181, 230, 74, 0.26), transparent 45%),
        linear-gradient(180deg, #f8faf6 0%, #eef4e9 100%);
}

.hb-team-showcase .team-data .team-image:before {
    display: none;
}

.hb-team-showcase .team-data .team-image img {
    width: 100% !important;
    max-width: none;
    height: 100% !important;
    margin: 0 auto;
    border-radius: 0;
    object-fit: contain;
    object-position: center bottom;
    transition: transform 0.45s cubic-bezier(0.2, 0.85, 0.2, 1);
}

.hb-team-showcase .team-slider .owl-item.center .team-image img {
    transform: scale(1.025);
}

.hb-team-showcase .team-data:hover .team-image img {
    transform: scale(1.025);
}

.hb-team-showcase .team-data .team-info {
    display: block !important;
    min-height: 79px;
    padding: 14px 7px 5px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.hb-team-showcase .team-data .team-info h3 {
    margin-bottom: 3px;
    color: #0b2532 !important;
    font-size: 18px !important;
    line-height: 1.28 !important;
}

.hb-team-showcase .team-data .team-info p {
    margin: 0;
    color: #5bae00 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.hb-team-showcase .team-slider-nav {
    position: static;
    display: flex;
    justify-content: center;
    gap: 11px;
    width: 100%;
    margin-top: 6px;
    text-align: center;
    transform: none;
}

.hb-team-showcase .team-slider-nav button {
    position: relative;
    display: inline-grid;
    float: none;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(11, 37, 50, 0.13);
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 11px 24px rgba(11, 37, 50, 0.11);
    color: #0b2532;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.hb-team-showcase .team-slider-nav button:before {
    display: none;
}

.hb-team-showcase .team-slider-nav button:hover {
    color: #ffffff;
    background: #5bae00;
    transform: translateY(-2px);
}

.hb-team-showcase .team-slider-nav button i {
    font-size: 14px;
}