/*!
Theme Name: Builty
Theme URI: https://bslthemes.com/
Author: bslthemes
Author URI: https://bslthemes.com/
Description: Builty - Construction WordPress Theme
Requires at least: 5.0
Requires PHP: 7.4
Tested up to: 6.8
Version: 1.5.0
License: General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: builty
Tags: full-width-template, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, theme-options
*/


/***

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

*/

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    font-family: 'Epilogue';
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
*,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure{
    padding: 0;
    margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.s-slide-title,
.intro-title {
    font-family: 'Epilogue';
    font-weight: bold;
}
a {
    font-weight: bold !important;
}
a,a:hover {
  color: #000;
}
h2,
.h2,
.intro-title {
    font-size: 50px;
    color: #111;
}
p {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    font-weight: 400;
}
input,
textarea,
button{
    font-family: 'Epilogue';
}
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;

    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
}
.heading figure {
    margin-bottom: 20px !important;
}
.heading h2, .heading .h2 {
    margin-top: 5px;
    width: 56%;
    margin-left: auto;
    margin-right: auto;
}
.heading h2,
.heading .h2,
.heading.heading-style-3 h2 span span,
.heading.heading-style-3 .h2 span span {
    font-size: 50px;
    margin-bottom: 45px;
    color: #111;
}
.heading-style-2 .data h2,
.heading-style-2 .data .h2 {
    font-size: 50px;
    color: #111;
}
.heading-style-2 {
    margin-bottom: 50px;
}
.heading.heading-style-3 h2,
.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 span,
.heading.heading-style-3 .h2 span span {
    text-transform: capitalize;
    position: relative;
}
.heading.heading-style-3 h2 span span:before,
.heading.heading-style-3 .h2 span span:before {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 7px;
    left: 0;
    border-radius: 10px;
}
.heading.heading-style-3 p span span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;

    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 figure + 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 .h2,
.pricing-plans .main-price .price-box h3,
.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 img,
.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 a,
.builty-pagination span,
.sidebar .box.recent-posts ul li a,
.sidebar .widget.widget_recent_entries ul li a,
.sidebar .box.recent-posts ul li a i,
.sidebar .widget.widget_recent_entries 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 .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,
.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: #ffcd00;
    font-size: 16px;

    font-weight: 400;
    color: black;
    display: inline-flex;
    position: relative;
    border: 2px solid;
    font-weight: bold;
    align-items: center;
}
.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 #ffee02;
}
.desktop-nav .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;
}
.theme-btn.theme-btn-d:hover {
    background-color: #f6f6f6;
    color: #000;
}
.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[type="text"],
input[type="tel"],
input[type="email"],
input[type="address"],
input[type="password"],
input[type="number"],
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 {
    width: 100%;
    height: 180px;
    padding-left: 20px !important;
    padding-top: 20px;
    font-size: 16px;
    border-radius: 0 !important;
    border-color: #c1c1c1;
}
.nice-select .list {
    width: 100%;
    max-height: 300px;
    overflow: auto;
}
.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 !important;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.acc2 .accordion-item button {
    font-size: 18px;
    font-weight: bold;

    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 #ffee02;
    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, .acc2 .accordion-item .h2 {
    position: relative;
}
.acc2 .accordion-item h2:before, .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("assets/images/acc-arrow-down.png");
}
.acc2 .accordion-button:after {
    background-image: url("assets/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 {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.builty-pagination ul {
  display: flex;
}
.builty-pagination a,
.builty-pagination span {
    font-size: 16px;
    font-weight: bold;
    color: #303030;

    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: 0 !important;
    border: 1px solid #c1c1c1;
}
.builty-pagination a.prev,
.builty-pagination a.next {
    padding: 0 21px;
    background: black;
    color: white;
    border-color: black;
}
.builty-pagination a.prev:hover,
.builty-pagination a.next:hover {
    color: black;
}

.builty-pagination span.dots,
.builty-pagination span.current {
    cursor: not-allowed;
}
.builty-pagination a,
.builty-pagination span {
  margin-left: -1px;
}
.builty-pagination a.next {
    margin-left: 25px;
}
.builty-pagination a.prev {
    margin-right: 25px;
}
.builty-pagination a i {
    font-size: 15px;
}

.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;
}
body .category {
    border: 1px solid #c1c1c1;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: white;
}
body .category:not(:last-child) {
    margin-bottom: 30px;
}
body .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);
}
body .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%;
}
div.comment {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
}
ul:last-child li:last-child > .comment {
    border-bottom: none;
}
.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-weight: bold;
    color: #000;
}
.comment .c-data span,
.comment .c-data p {
    font-size: 14px;
    line-height: 24px;

    color: #444;
}
.comment .c-data span {
    border-bottom: 2px solid #e4e4e4;
    text-transform: uppercase;
}
.comment .c-data .c-r-btn {
    font-size: 14px;

    color: #000;
    padding: 11px 17px;
    position: absolute;
    top: -1px;
    right: -1px;
}
.comments h3, .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,
.category.shape.comments .h3,
.category.shape.form .h3 {
    margin-top: 0;
    margin-bottom: 25px;

    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, .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,
.read-more .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;

}
.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;

}
.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, .service-style-one .service-data .h3 {
    margin-bottom: 15px;
    margin-top: 50px;
}
.service-style-one .service-data h3 a, .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;
    display: block;
}
.service-style-one .service-data .svg-icon img.dark-icon {
    display: none;
}
.service-style-one .service-data:hover .svg-icon img.dark-icon + img,
.service-style-one .service-data:hover .svg-icon img.light-icon:nth-child(4) {
    display: none;
}
.service-style-one .service-data:hover .svg-icon img.dark-icon {
    display: block;
}
.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 !important;
    margin-bottom: -60px !important;
}
.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;

    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
}
.about-style-one .about-data-right h2,
.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,
.about-style-one .about-data-right .about-info .h3,
.about-style-one .about-data-right .about-info .h4 {
    font-size: 16px;
    line-height: 26px;

}
.about-style-one .about-data-right .about-info h3,
.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;

    -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, .counter-style-one .counter-data .h4 {
    font-size: 16px;
    font-weight: 400;
    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;
}

@media(max-width: 1200px) {
    .counter-style-one .counter-data {
      padding-left: 30px;
      padding-right: 30px;
    }
    .counter-style-one .counter-data:before {
      right: -25px;
    }
}
/* 4. Counter Style One End*/

/* 5. Project Style One Start*/
.project-style-one .project-post {
    position: relative;
}
.project-style-one .project-post figure img {
  height: 373px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.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, .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 .owl-carousel .owl-item .project-post img {
  height: 395px;
  object-fit: cover;
  max-width: 100%;
}

.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 .owl-item.open.active {
    width: 576px !important;
}
.team-style-one .owl-item.active {
    width: 330px !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;
    max-width: 276px;
}
.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, .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:hover:before {
    background: #000;
}
.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;
    max-width: 100%;
    height: 430px;
    object-fit: cover;
}
.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% !important;
    height: 100vh !important;
    object-fit: cover;
    object-position: center;
}

.featured-slider-one .f-slider-one-data,
.featured-slider-one .owl-item.active .f-slider-one-data {
    position: absolute;
    top: 60%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    width: 100% !important;
    max-width: 1240px;
    z-index: 9;
}
@media (max-width: 1400px) {
	.featured-slider-one .f-slider-one-data, 
    .featured-slider-one .owl-item.active .f-slider-one-data {
		left: 50%;
	}
}
.featured-slider-one .f-slider-one-data h1,
.featured-slider-one .f-slider-one-data .s-slide-title,
.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 .s-slide-title,
.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,
.featured-slider-one .owl-item.active .f-slider-one-data .s-slide-title {
    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 .s-slide-title,
.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,
.featured-slider-one .owl-item.active .f-slider-one-data .s-slide-title {
    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;
    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: 20px;
    color: #000 !important;
    height: 60px;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    padding: 0 25px;
    font-weight: bold;
}
.core-features button.accordion-button:before {
    content: "";
    background: black;
    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: white;
}
.core-features button.accordion-button .num {
    font-size: 16px;
    font-weight: 900;
    color: #444;
    margin-right: 35px;
}
.core-features button.accordion-button.collapsed {
    background: #f7f6f2;
}
.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 .accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 transparent;
}
.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 .h2,
.renovation .reno-data h3,
.renovation .reno-data .h3,
.renovation .reno-data p {
    color: white;
}
.renovation .reno-data h3, .renovation .reno-data .h3 {
    font-size: 50px;
    line-height: 35px;
}
.renovation .reno-data h2, .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-weight: 900;
}
.client-review-style-one .head-review h3, .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, .client-review-slider .slider-data .bio .details .h3 {
    font-size: 24px;
    color: #161616;
    margin-bottom: 0;
    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, .blog-style-one .blog-post .h2 {
    font-size: 24px;
    line-height: 34px;
    text-transform: none;
}
.blog-style-one .blog-post h2 a, .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;

    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 figure + 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 figure + 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;
    pointer-events: none;
}
.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 figure + a i {
    color: #000;
}
.blog-style-one .blog-post .blog-image,
.blog-style-one .blog-post .blog-detail-image {
    position: relative;
}
.blog-style-one .blog-post .blog-detail-image {
  margin-bottom: 20px;
}
.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,
.blog-style-one .blog-post .blog-detail-image figure {
    overflow: hidden;
}
.blog-style-one .blog-post .blog-image img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: center;
}
.blog-style-one .blog-post .blog-detail-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
}
.blog-style-one .blog-post .blog-author {
    margin-top: 17px;
}
.blog-style-one .blog-post .blog-author .details h3,
.blog-style-one .blog-post .blog-author .details .h3 {
    font-size: 16px;
    color: #444;
    margin-bottom: 0;
}
.blog-style-one .blog-post .blog-author .details h3 span,
.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 !important;
}
.blog-style-one .blog-post .blog-author .author-img figure img {
    object-fit: cover;
    object-position: center;
    width: 60px;
    height: 60px;
    border-radius: 100px;
}
.blog-style-one .blog-post .blog-description {
  margin-top: 20px;
}
.blog-style-one .blog-post .read-more {
  margin-top: 20px;
  display: block;
}

.blog-style-one .attr-readmore-false .blog-post .read-more,
.blog-style-one .attr-desc-false .blog-post .blog-description,
.blog-style-one .attr-author-false .blog-post .blog-author,
.blog-style-one .attr-date-false .blog-post .blog-date,
.blog-style-one .attr-date-false .blog-post .blog-date,
.blog-style-one .attr-title-false .blog-post h2,
.blog-style-one .attr-title-false .blog-post .h2,
.blog-style-one .attr-featured-false .blog-post .blog-image,
.blog-style-three .blog-posts.blog-posts-latest.attr-date-false .boxx .date,
.blog-style-three .blog-posts.blog-posts-latest.attr-date-false .boxx .date,
.blog-style-three .blog-posts.blog-posts-latest.attr-title-false .boxx h3,
.blog-style-three .blog-posts.blog-posts-latest.attr-title-false .boxx .h3,
.blog-style-three .blog-posts.blog-posts-latest.attr-featured-false .boxx figure {
  display: none !important;
}

/* 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 > 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: #000;
}
.footer-style-one .footer-p-2 .footer-col h3, .footer-style-one .footer-p-2 .footer-col .h3 {
    color: white;
}
.footer-style-one .footer-p-2 .footer-col h3, .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: #b7b7b7;
}
.footer-style-one .footer-p-2 .footer-col ul li i {
    font-size: 20px;
}
.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 .form-group {
    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,
body .footer-style-one .footer-p-2 form.wpforms-form input {
    height: 70px !important;
    background-color: #232222 !important;
    width: 100% !important;
    border: 0 !important;
    padding-left: 30px !important;
	color: #fff !important;
}
.footer-style-one .footer-p-2 .footer-col form input::placeholder,
body .footer-style-one .footer-p-2 form.wpforms-form input::placeholder {
    color: #b7b7b7 !important;
}
body .footer-style-one .footer-p-2 div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    position: static;
	padding: 0;
}
body .footer-style-one .footer-p-2 form.wpforms-form {
	clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
    position: relative;
}
body .footer-style-one .footer-p-2 .wpforms-container-full {
	margin-top: 0;
	margin-bottom: 0;
}
.footer-style-one .footer-p-2 .footer-col form button,
body .footer-style-one .footer-p-2 form.wpforms-form button {
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    position: absolute!important;
    right: 30px;
    top: 50%;
	font-size: 0!important;
	padding: 0!important;
    border: 0!important;
    background: transparent!important;
}
body .footer-style-one .footer-p-2 form.wpforms-form button {
    transform: translateY(0%);
    right: 24px;
	top: 17px;
}
.footer-style-one .footer-p-2 .footer-col form button:before,
body .footer-style-one .footer-p-2 form.wpforms-form button:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    border: 0;
    z-index: -1;
    transform: skew(-20deg, 0deg);
	background-color: #ffee02;
}
body .footer-style-one .footer-p-2 form.wpforms-form button:after,
body .footer-style-one .footer-p-2 form.wpforms-form button i:after {
    display: none;
}
.footer-style-one .footer-p-2 .footer-col form button i,
body .footer-style-one .footer-p-2 form.wpforms-form button i {
    color: black;
    transform: rotate(90deg);
    font-size: 20px;
}
body .footer-style-one .footer-p-2 form.wpforms-form button i {
    color: black!important;
    transform: none!important;
    font-size: 20px!important;
    position: relative!important;
    right: 0!important;
}
.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-size: 16px;
    line-height: 30px;
    color: #b7b7b7;
    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 .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;
}

.admin-bar .header-style-one {
  top: 32px;
}
.admin-bar .header-style-one .desktop-nav.slideDown {
  top: 32px;
}
@media only screen and (max-width: 782px) {
  .admin-bar .header-style-one {
    top: 0px;
  }
  .admin-bar .header-style-one .desktop-nav.slideDown {
    top: 0px;
  }
}

.header-style-one .nav-bar > ul {
    display: flex;
}
.header-style-one .nav-bar ul li a,
.header-style-one .nav-bar ul li a:hover {
    font-size: 16px;
    color: white;

    cursor: pointer;
}
.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: #000;
    width: 100%;
}
.desktop-nav,
.desktop-nav .nav-bar > ul{
    display: flex;
    align-items: center;
}
.desktop-nav .elementor {
  width: 100%;
}
.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('assets/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('assets/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('assets/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 .extras .menu-start svg {
    fill: white;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-right: 30px;
}
.desktop-nav .extras .menu-start {
    display: none;
}
.desktop-nav .extras #desktop-menu {
    display: block;
}
.desktop-nav .extras .slideDown svg {
    margin-left: 30px;
}
.desktop-nav .extras .slideDown:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5px;
    z-index: -1;
    background: #000;
}
.desktop-nav .extras a.pr-cart {
    position: relative;
    margin-right: 32px;
}
.desktop-nav .extras a.pr-cart > span {
    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;

}
.desktop-nav .extras a.pr-cart svg {
    width: 25px;
    fill: white;
}
.cart-popup {
    position: absolute;
    right: 25%;
    top: 90px;
    width: 340px;
    min-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, .cart-popup .p-data .h3 {
    font-size: 16px;
    color: #191919;
    margin-bottom: 5px;
}
.header-style-one .cart-popup .p-data h3 a, .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.remove {
  position: absolute;
  top: 5px;
  left: 0;
  width: 25px;
  height: 25px;
  font-size: 0px;
  background: #fff!important;
}
.cart-popup ul li a.remove:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('assets/images/remove-1.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    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;

}
.cart-popup .cart-btns a:not(:last-child){
    margin-right: 8px;
}
/*.desktop-nav .extras .menu-start.open #ham-menu,
.desktop-nav .extras .menu-start #cross-menu {
    display: none;
}
.desktop-nav .extras .menu-start #ham-menu,
.desktop-nav .extras .menu-start.open #cross-menu {
    display: block;
}*/
.desktop-nav .extras {
    display: flex;
    align-items: center;
}
.header-style-one .desktop-nav .nav-bar {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.desktop-nav .extras .theme-btn {
    padding: 16px 55px 16px 30px;
}
.desktop-nav .extras .theme-btn.simple {
    padding: 16px 30px 16px 30px;
}
.desktop-nav .extras .theme-btn:after {
    width: 31px;
    top: -2px;
    right: -32px;
    border-right: 28px solid transparent;
    border-top: 60px solid #ffee02;
}
.desktop-nav .extras .theme-btn svg {
    width: 25px;
    height: 20px;
    margin: 0;
    fill: white;
}
.desktop-nav .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;
}
.admin-bar .mobile-nav {
  top: 32px;
}
@media only screen and (max-width: 782px) {
  .admin-bar .mobile-nav {
    top: 46px;
  }
}
.mobile-nav.desktop-menu {
    width: 400px;
    padding: 40px;
}
.mobile-nav.desktop-menu h2,
.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, .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(assets/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(assets/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!important;
}
.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;
}
.res-log img {
    max-width: 220px;
}
.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('assets/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;
}

@media(max-width: 767px) {
  .desktop-nav .extras .theme-btn {
    display: none !important;
  }
}
/* 14. Header Style One End */

/* 15. Our Goal Start */
.our-goal .data p {
    width: 75%;
    margin-bottom: 40px;
}
.our-goal .data p:last-child {
    margin-bottom: 0px;
}
.our-goal .data h4, .our-goal .data .h4 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 17px;
}
.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 .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 .goal-mov-img {
    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
.pricing-plans .price-box .h3 {
    font-size: 20px;
    margin-bottom: 17px;
}
.pricing-plans .price-box h2, .pricing-plans .price-box .h2 {
    font-size: 70px;
    line-height: 50px;
    margin-right: 15px;
}
.pricing-plans .price-box h2,
.pricing-plans .price-box .h2,
.pricing-plans .price-box h3,
.pricing-plans .price-box .h3 {

    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%;
}
.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 .h2,
.pricing-plans .main-price:hover .price-box h3,
.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("assets/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,
.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,
.service-style-two .service-two-box .service-two-icon img {
    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,
.service-style-two .service-two-box:hover .service-two-icon img {
    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;

}
.service-style-two .service-two-box.last a em {
  font-style: normal;
}
.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 .h3,
.certificates .data .extras p {
    color: white;
}
.certificates .data .extras h3,
.certificates .data .extras .h3 {
    font-size: 45px;
    line-height: 37px;
    width: 100%;
    text-align: center;
}
.certificates .data > span {
    font-size: 16px;
    color: #444;
    text-transform: uppercase;
}
.certificates .data h2,
.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;
    max-width: 253px;
}
.certificates .c-slider .c-main .c-first figure img {
    padding: 30px;
    max-width: 100%;
    width: auto;
}
.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;
    border-bottom: 1px solid black;
}
.certificates .c-slider .c-main .c-second h3,
.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,
.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,
.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;

    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;

    -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 > div > 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;
}
.blog-style-two .blog-slider .sb-el-more {
  display: none;
}
/* 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;
    cursor: pointer;
    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 .form-group-el {
    margin-bottom: 28px;
}
.estimated-price .est-form > div > p {
    margin-bottom: 38px;
}
.estimated-price .est-form label {

    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.est-price__value {
    font-size: 46px;
    font-weight: 700;

    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: calc(52px - 28px);
}
.estimated-price .est-img {
    margin-top: -200px !important;
    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,
.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,
.contact-us .c-cards .card .details .h2 {
    font-size: 35px;
}
.contact-us .c-cards .card .details > span {
    font-size: 16px;

}
.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, .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,
.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;
    max-width: 858px;
}
.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 .products .product h3,
.shop-style-one .p-slider .product h3,
.shop-style-one .products .product .h3,
.shop-style-one .p-slider .product .h3 {
    font-size: 18px;
    margin-top: 14px;
}
.shop-style-one .products .product h3 a,
.shop-style-one .p-slider .product h3 a,
.shop-style-one .products .product .h3 a,
.shop-style-one .p-slider .product .h3 a {
    color: #444;
}
.shop-style-one .products .product,
.shop-style-one .p-slider .product {
    border: 1px solid #c1c1c1;
    padding: 30px;
    width: 81%;
    background: white;
}
.shop-style-one .products .product .price-range span,
.shop-style-one .p-slider .product .price-range span {
    font-size: 20px;

    color: #000;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.shop-style-one .p-slider .product .price-range small, .shop-style-one .p-slider .product .price-range .woocommerce-Price-currencySymbol {
  font-size: 0.85rem;
  font-weight: 500;
}
.shop-style-one .p-slider .product .price-range del span,
.shop-style-one .p-slider .product .price-range del small {
  font-size: 1rem!important;
  font-weight: 500;
  color: #666;
  letter-spacing: 0;
}
.shop-style-one .p-slider .product .price-range ins {
  text-decoration: none;
}
.shop-style-one .products .product .price-range,
.shop-style-one .p-slider .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,
.shop-style-one.addition .p-slider .row.products .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,
.shop-style-one.addition .p-slider .row.products 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 .products .product .theme-btn,
.shop-style-one.addition .p-slider .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 .products .product {
    width: 100%;
}
.shop-style-one.addition .grid .product .theme-btn {
    display: block;
    width: 60%;
    position: absolute;
    top: 43%;
    transform: translate(-50%, -50%);
    left: 50%;
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
}
.shop-style-one.addition .grid .product .theme-btn.product_type_external span {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  overflow: 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 .theme-btn:after {
    border-top: 65px solid #f6f6f6;
}
.shop-style-one.addition .grid .product .theme-btn:hover {
    color: #000;
    background: #f6f6f6;
}
.shop-style-one.addition .grid .product:hover .theme-btn {
    transform: translate(-50%, -50%) translateX(0);
    opacity: 1;
    visibility: visible;
}
.shop-style-one.addition .grid .product figure {
  position: relative;
}
.shop-style-one.addition .grid .product figure:before {
    content: "";
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}
.shop-style-one.addition .grid .product:hover figure:before {
    width: 100%;
    opacity: 0.7;
    visibility: visible;
}
.shop-style-one.addition .list .product .theme-btn,
.shop-style-one.addition .list .product figure:before {
    display: none !important;
}

.shop-style-one .attr-addtocart-false .add_to_cart_button {
  display: none !important;
}
.shop-style-one .attr-addtocart-false .readmore {
  display: none !important;
}
.shop-style-one .attr-rating-false .ratings {
  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, .team-style-two .team-data .h3 {
    font-size: 30px;
    margin-bottom: 5px;
}
.team-style-two .team-data h3 a, .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:hover:before {
    background: #000;
}

.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%);
    transition: none;
}
.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, .project-completed .proj-data .h3 {
    font-size: 40px;
}
.project-completed .proj-data h3 a, .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: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;
    pointer-events: none;
}
.project-completed .proj-image figure:before {
    right: -2%;
}
.project-completed .proj-image figure:after {
    right: -44%;
}
.project-completed .proj-image figure img {
  object-fit: cover;
  height: 472px;
  object-position: center;
}

/* 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,
.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;
    max-width: initial;
}
.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 > 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: 25px;
}
.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,
.contact-form-one div.wpforms-container-full .wpforms-form .choices .choices__inner {
    background: transparent !important;
    border-color: #767676 !important;
    padding-left: 20px;
    color: #bdbdbd !important;
}
.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 !important;
}
.contact-form-one .nice-select:before,
body .contact-form-one div.wpforms-container .wpforms-form .choices__inner:before, 
body .contact-form-one div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:before {
    background: #3e3e3e!important;
}
.contact-form-one .nice-select:after,
body .contact-form-one div.wpforms-container .wpforms-form .choices__inner:after, 
body .contact-form-one div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:after {
    border-bottom: 3px solid #fff!important;
    border-right: 3px solid #fff!important;
}
.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: 15px;
}
.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-post .blog-image img {
  height: 490px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.blog-style-three .blog-heading > span {
    font-size: 16px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.blog-style-three .blog-heading h2,
.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.blog-heading-latest {
    margin-top: -30px;
}
.blog-style-three .blog-posts .date {
    font-size: 16px;

    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,
.blog-style-three .blog-image a i {
    display: none;
}
.blog-style-three .blog-posts h3, .blog-style-three .blog-posts .h3 {
    font-size: 24px;
}
.blog-style-three .blog-posts h3, .blog-style-three .blog-posts .h3 {
    margin-top: 10px;
    margin-bottom: 0;
}
.blog-style-three .blog-posts h3 a,
.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.blog-posts-latest .boxx {
  margin-right: 0;
}
.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 .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: black;
    padding-top: 215px;
    position: relative;
    z-index: 0;
}
.banner-style-one .banner-details h2,
.banner-style-one .banner-details .h2,
.banner-style-one .banner-details .intro-title {
    font-size: 60px;
    color: white;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.banner-style-one .banner-details p {
    color: #c1c1c1;
    margin-top: 5px;
}
.banner-style-one .banner-details {
    padding-bottom: 75px;
}
.banner-style-one .breadcrums {
    border-top: 1px solid #444;
    padding: 30px 0 28px;
}
.banner-style-one .breadcrums ul li {
    display: inline-flex;
    align-items: flex-end;
}
.banner-style-one .breadcrums ul li:not(:last-child) {
    margin-right: 15px;
}
.banner-style-one .breadcrums ul li i,
.banner-style-one .breadcrums ul li span,
.banner-style-one .breadcrums ul li a {
    color: #c2c1c1;
}
.banner-style-one .breadcrums ul li a {
    display: flex;
    align-items: flex-end;
}
.banner-style-one .breadcrums ul li i {
    font-size: 20px;
}
.banner-style-one .breadcrums ul.sb-breadcrumbs {
  align-items: center;
  display: flex;
}
.banner-style-one .breadcrums ul.sb-breadcrumbs li {
  align-items: center;
}
.banner-style-one .breadcrums ul.sb-breadcrumbs li:first-child:before {
  content: "\f015";
  font-size: 20px;
  font-weight: 900;
  color: #c2c1c1;
  font-family: "Font Awesome 5 Free";
  margin-top: -3px;
}
.banner-style-one .breadcrums ul li span {
    line-height: 13px;
    margin-left: 8px;
    border-bottom: 1px solid #717070;
}
.banner-style-one .breadcrums ul li.current span,
.banner-style-one .breadcrums ul li:last-child span {
    font-weight: bold;
}
.banner-style-one .parallax {
    background-size: contain;
    background-position: center right;
    opacity: 0.2;
    left: 13% !important;
}
/* 30. Banner Style One End */

/* 31. About-First Start */
.about-first h2,
.about-first .h2 {
    font-size: 50px;
    margin-bottom: 50px;
}
.about-first .who-we-are h3,
.about-first .who-we-are .h3 {
    font-size: 22px;
    color: #444;
    font-weight: bold;

    margin-bottom: 20px;
}
.about-first .who-we-are p {
    width: 92%;
}
.about-first .who-we-are ul li {
    font-size: 16px;
    color: #444;

    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;

    margin-bottom: 40px;
}
.about-how-it-works .plans h3, .about-how-it-works .plans .h3 {
    font-size: 22px;
    margin-bottom: 8px;
}
.about-how-it-works .figure-image {
  position: relative;
  z-index: 9;
}
/* 32. About How It Works End */

/* 33. About Key Benefits Start */
.about-key-benefits .data h2,
.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, .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;

}
.contact-form-2 .data h2,
.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 .h3,
.contact-form-2 .bio .data p,
.contact-form-2 .info ul.contact li h3,
.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;

}
.contact-form-2 .bio .data h3,
.contact-form-2 .info ul.contact li h3,
.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: 10px;
    object-fit: cover;
    object-position: center;
}
.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,
.contact-form-2 .info ul.contact li img {
    width: 30px;
    height: 23px;
    margin-right: 20px;
}
.contact-form-2 .info ul.contact li h3, .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 .e-font-icon-svg {
    max-width: 20px;
    max-height: 20px;
    fill: #fff;
    width: 100%;
}
.contact-form-2 .info ul.social-medias li:not(:last-child) {
    margin-bottom: 10px;
}
.contact-form-2 .info ul.social-medias li a:hover {
    background: #fff;
    color: #000;
}
.contact-form-2 .info ul.social-medias li a:hover p,
.contact-form-2 .info ul.social-medias li a:hover i {
    color: #000;
}
.contact-form-2 .info ul.social-medias li a:hover .e-font-icon-svg {
    fill: #000;
}
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;

    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, .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, .construction-services .tab-content>.tab-pane figure figcaption .h3 {
    color: white;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}
.construction-services .tab-content>.tab-pane figure figcaption p {
    color: #c2c1c1;
}
.construction-services .tab-content>.tab-pane img {
    height: 560px;
    object-fit: cover;
    object-position: center;
}
.construction-services .services-nav ul {
    max-height: 430px;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
/* 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;
    padding: 0;
}
.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 .e-font-icon-svg {
    max-width: 17px;
    max-height: 17px;
    fill: #000;
    margin-right: 15px;
    width: 100%;
}
.innovation ul li p {
    font-size: 18px;
    font-weight: bold;

    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, .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 .data {
  order: 1;
}
.core-values ul li .image {
    padding-right: 110px;
    order: 2;
}
.core-values ul li:nth-child(even) .image {
    padding-left: 110px;
    padding-right: 0;
    order: 1;
}
.core-values ul li:nth-child(even) .data {
    padding-right: 110px;
    padding-left: 60px;
    order: 2;
}
.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;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.revolution .head h2, .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 figure img {
  width: 972px;
  height: 570px;
  max-width: 972px;
  object-fit: cover;
  object-position: center;
}
.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,
.blog-style-one.blog-style-three .blog-post .h2 {
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.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 !important;
}
.blog-style-one.blog-style-three .builty-pagination {
    justify-content: flex-start;
}
/* 45. 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,
.featured-slider-two .s-item .s-first .s-slide-title {
    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;
    max-width: none;
}
.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;
    margin-left: 10px;
}
.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, .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,
.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,
.what-we-build .wwb-ul li .h3 a {
    color: #757575;
}
.what-we-build .wwb-ul li.active h3 a,
.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;
    height: 20px;
    line-height: 20px;

    position: absolute;
    top: 50%;
    margin-top: -10px;
    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,
.detail-page .h3 {
    margin: 25px 0;
}
.detail-page p u {
    border-bottom: 1px solid #c1c1c1;
    line-height: 12px;
    display: inline-flex;
    font-weight: 500;
    color: #444;
    text-decoration: none;
}
.detail-page h3,
.detail-page .h3 {
    font-size: 22px;
    color: #444;
    font-weight: bold;
}
.service-detail-first .who-we-are h3, .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 .e-font-icon-svg {
    fill: #000;
    max-width: 17px;
    max-height: 17px;
    margin-right: 15px;
}
.about-first.service-detail-first .innovation ul li {
    margin-bottom: 0;
}
.about-first.service-detail-first .acc2 h2, .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;

    margin-bottom: 18px;
    font-weight: 600;
}
.detail-page .include li i {
    margin-right: 10px;
}
.project-d-detail .icon svg,
.project-d-detail .icon img {
    width: 50px;
    height: auto;
}
.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 .h3,
.project-d-detail .data p {
    margin: 0;
}
.project-d-detail .data p {
    line-height: 20px;
}
.project-d-detail .data h3,
.project-d-detail .data .h3 {
    font-size: 16px;
    line-height: 30px;
}
.detail-page .space {
    margin-top: 45px;
}
.detail-page .container {
    position: relative;
}

.project-navigation .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;
    z-index: 2;
}
.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: 0 25px 0 0;
    margin-bottom: 25px;
}
.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,
.team-detail .team-data .h3 {
    font-size: 40px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 0;
}
.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: #000;
    display: inline-flex;
    width: 63%;
    padding: 15px 25px;
    align-items: center;
    justify-content: space-between;
}
.team-detail .team-data .t-social li {
  margin-bottom: 5px;
}
.team-detail .team-data .t-social li:last-child {
  margin-bottom: 0;
}
.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 a .e-font-icon-svg {
    max-width: 17px;
    max-height: 17px;
    fill: 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;
}
.fav-project .f-p-box {
    border: 1px solid #c1c1c1;
    padding: 30px 40px;
}
.fav-project .f-p-box h2, .fav-project .f-p-box .h2 {
    font-size: 22px;
    line-height: 28px;
    min-height: 56px;
}
.fav-project .f-p-box h2 a, .fav-project .f-p-box .h2 a {
    color: #000;
}
.fav-project .f-p-box .f-p-contact li {
    display: flex;
    align-items: center;
}
.fav-project .f-p-box .f-p-contact li span,
.fav-project .f-p-box .f-p-contact li p {
    font-weight: 600;
    color: #444;
    margin: 0;
}
.fav-project .f-p-box .f-p-contact li span {
    text-transform: uppercase;
    margin-right: 20px;
}
.fav-project .f-p-box .f-p-contact {
    margin-top: 10px;
}
.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;
}
.fav-project .f-p-box .f-p-btn i {
    color: #000;
    transform: rotate(45deg);
}
.fav-project .f-p-box .f-p-btn:hover i {
    transform: rotate(45deg) translate(0px, -3px);
}
.fav-project h3,
.fav-project .h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
}
.fav-project .row .col-lg-4 {
    position: relative;
}
.fav-project .row .col-lg-4:before {
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    bottom: 17px;
    right: 30px;
    color: #999;

    font-weight: bold;
}
.fav-project .row .col-lg-4:nth-child(1):before {
    content: "01.";
}
.fav-project .row .col-lg-4:nth-child(2):before {
    content: "02.";
}
.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,
.post-password-form .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,
.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;

    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;

    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('assets/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-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;

}
.pd-quality input:focus {
    outline: 0;
    border: 1px solid;
}
.pd-quality span {
    font-size: 18px;
    color: #2b2b2b;
    text-transform: uppercase;

    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;

    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;

}
.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, .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 */


/* 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-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, .cart .cart-table .c-c .c-data .h2 {
    font-size: 18px;
}
.cart .cart-table .c-c .c-data h2 a, .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,
.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,
.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;

}
.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;

}
.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,
.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;
}
.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,
.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, .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, .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, .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, .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, .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, .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, .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;
    z-index: 2;
}
.gallery-style-one a {
    position: relative;
    padding-bottom: 87%;
    width: 100%;
    height: 100%;
    display: flex;
}
.gallery-style-one a:hover:before {
    width: 100%;
    opacity: 0.5;
    visibility: visible;
}
.gallery-style-one a img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* 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,
.w-counter ul li .h2 {
    font-size: 100px;
    line-height: 100px;
}
.w-counter ul li p {
    line-height: 36px;
}
.w-counter ul li p,
.where-we-work .heading-style-2 .data h2,
.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;

}
.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;
    max-width: initial;
}
/* 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#theme-icon {
    height: 25px;
}
img.dark-icon {
    display: none;
}
img.light-icon {
    display: block;
}
.mobile-nav.desktop-menu h2, .mobile-nav.desktop-menu .h2 {
    color: #222;
}

/*-------------------------
404 Not Found
--------------------------*/

.sb-404 {
  background-color: #000;
  padding-top: 108px;
  color: #fff;
  background-image: url(assets/images/pattren-5.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.sb-404 .row > div:nth-child(2) {
  min-height: 620px;
}

.sb-404__num {
  font-size: 190px;
  line-height: 0.9;
  font-weight: bold;
  letter-spacing: 0.01em;
}

.sb-404__title {
  font-size: 45px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.sb-404__description {
  line-height: 30px;
  color: #fff;
  margin-bottom: 20px;
}

.sb-404 .search-form {
  position: relative;
}
.sb-404 .search-form label {
  display: block;
}
.sb-404 .search-form input[type="search"] {
  border: 1px solid #767676;
  display: block;
  width: 100%;
  height: 88px;
  background: transparent;
  outline: none;
  color: #fff;
  padding: 0 30px;
  margin-bottom: 30px;
}

.sb-404 .search-form input[type="submit"] {
  position: absolute;
  width: 60px;
  height: 72px;
  top: 8px;
  right: 8px;
  background: #ffee02;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%;
  background-image: url(assets/img/ui/icons/search.svg);
  border: none;
  cursor: pointer;
  font-size: 0px;
}

.sb-404__img {
  position: relative;
}

.sb-404__img img {
  position: relative;
  z-index: 2;
  height: 620px;
  left: -50px;
}

.sb-404__img figure {
  font-size: 0px;
  line-height: 1;
}

.sb-404__img::before {
  content: "";
  width: 400px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: -500px;
  transform: translateX(-50%) skew(-23deg, 0deg);
  z-index: 1;
  background-color: #ffee02;
}

/*-------------------------
default header & footer
--------------------------*/

.builty-default .header-logo a {
  color: #fff;
  display: block;
}

.builty-default .header-logo a {
  color: #fff;
}

.builty-default .footer-col {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

/*-------------------------
widgets
--------------------------*/

.widget-area .widget {
  padding: 20px 40px 30px 40px;
  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;
}

.widget-area .widget-title,
.widget-area .widget_block h2,
.widget-area .widget_block .h2 {
  font-size: 24px;
  color: #000;
  border-bottom: 1px solid #efefef;
  position: relative;
  line-height: 55px;
  margin-bottom: 20px;
}
.widget-area .widget-title:before,
.widget-area .widget_block h2:before,
.widget-area .widget_block .h2:before {
  content: "";
  width: 85px;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.widget-area ul,
.widget-area ol {
	padding: 0;
	margin: 0;
  list-style: none;
}

.widget-area .widget ul.children li,
.widget-area .widget ul.sub-menu li {
  padding-bottom: 0;
}

.widget-area .widget li:last-child ul.children,
.widget-area .widget li:last-child ul.sub-menu {
  margin-bottom: 10px;
}

.widget-area ul li,
.widget-area ol li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 10px 0;
  border-bottom: solid 1px #e7e7e7;
  line-height: 16px;
}

.widget-area ul li ul,
.widget-area ul li ol,
.widget-area ol li ul,
.widget-area ol li ol {
  min-width: 100%;
  padding-left: 20px;
}

.widget-area ul li:last-child,
.widget-area ol li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.widget-area ul li a,
.widget-area ol li a {
  display: block;
  text-decoration: none;
  font-weight: 400 !important;
  transition: 0.3s ease-in-out;
}

.widget-area ul li a:hover,
.widget-area ol li a:hover {
	text-decoration: none;
}

.widget-area .widget a,
.widget-area .widget a:hover,
.widget-area ul li a,
.widget-area ol li a,
.widget-area ul li a:hover,
.widget-area ol li a:hover {
  color: #444;
}

.widget-area .widget_categories ul ul,
.widget-area ul li.page_item_has_children ul,
.widget-area .widget_nav_menu ul ul,
.widget-area ul.wp-block-categories-list ul {
  border-left: 1px solid #e7e7e7;
}
.widget-area .menu,
.widget-area .widget_categories ul li,
.widget-area ul li.page_item_has_children,
.widget-area .widget_nav_menu ul li,
.widget-area .widget_recent_comments ul li,
.widget-area ol.wp-block-latest-comments li,
.widget-area .widget_rss ul li,
.widget-area ul.wp-block-categories-list li {
  display: block;
}
.widget-area .widget_categories ul li a,
.widget-area ul li.page_item_has_children a,
.widget-area .widget_nav_menu ul li a,
.widget-area .widget_recent_comments ul li a,
.widget-area ol.wp-block-latest-comments li a,
.widget-area ul.wp-block-categories-list li a {
  display: inline;
}
.wp-block-latest-comments__comment-meta {
  color: #444;
}
.widget-area .widget_recent_comments ul li a,
.widget-area .wp-block-latest-comments li .wp-block-latest-comments__comment-link {
  color: #000;
}
.widget-area .widget_categories ul li li,
.widget-area ul li.page_item_has_children li,
.widget-area .widget_nav_menu ul li li,
.widget-area ul.wp-block-categories-list li li {
  border-bottom: none;
  padding-left: 15px;
  position: relative;
}
.widget-area .widget_categories ul li li li,
.widget-area ul.wp-block-categories-list li li li:last-child {
  padding-bottom: 0;
}
.widget-area .widget_categories ul li li:after,
.widget-area ul li.page_item_has_children li:after,
.widget-area .widget_nav_menu ul li li:after,
.widget-area ul.wp-block-categories-list li li:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 22px;
  width: 10px;
  height: 1px;
  background: #e7e7e7;
}
.widget-area .widget_categories ul li li:first-child,
.widget-area ul li.page_item_has_children li:first-child,
.widget-area .widget_nav_menu ul li li:first-child,
.widget-area ul.wp-block-categories-list li li:first-child {
  border-top: none;
}

.widget-area .widget_recent_comments ul li > a,
.widget-area .wp-block-latest-comments li,
.widget-area .wp-block-latest-posts li {
  line-height: 1.7;
}

.widget-area .widget_recent_comments ul li .comment-author-link,
.wp-block-latest-comments__comment-author,
.widget-area .wp-block-latest-comments .wp-block-latest-comments__comment-author {
  margin-bottom: 5px;
  display: block;
}

.widget-area .widget_recent_comments ul li:last-child {
  padding-bottom: 0px;
}

.widget-area .widget_recent_comments ul li .comment-author-link,
.wp-block-latest-comments__comment-author,
.widget-area .widget_recent_comments ul li .comment-author-link a,
.widget-area .wp-block-latest-comments li a.wp-block-latest-comments__comment-author {
	font-weight: bold !important;
  color: #000;
}

.widget-area .widget_rss .rss-date {
  display: inline-block;
  padding: 2px 5px;
  background-color: #F2F3F5;
  font-size: 12px;
  font-weight: 400;
  color: #231E41;
}

.widget-area .widget_rss .rssSummary {
  line-height: 30px;
}

.widget-area .widget_rss ul li a {
  transform: none;
  font-weight: bold !important;
  margin-bottom: 4px;
  line-height: 20px;
}

.widget-area .widget_rss ul li:last-child cite {
  margin-bottom: 0;
}

.wp-block-search,
.widget-area .widget_search .search-form {
	position: relative;
  max-width: 326px;
}

.wp-block-search label,
.widget-area .widget_search label {
  margin: 0;
  width: 100%;
}

.wp-block-search input[type=text],
.wp-block-search input[type=search],
.widget-area .widget_search input.search-field {
  height: 50px;
  position: relative;
  padding: 0 60px 0 20px;
  font-size: 14px;
  background-color: #F9FAFC;
  display: block;
  width: 100%;
  border: none;
  border-bottom: solid 1px #F2F3F5;
}

.widget-area .widget_search input.search-submit,
.wp-block-search .wp-block-search__button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  border: none;
  background-color: #ffee02;
  transition: 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%;
  background-image: url(assets/img/ui/icons/search.svg);
  font-size: 0px;
  color: transparent;
}

.widget_rss a.rss-widget-feed {
	margin-right: 3px;
	display: inline-block;
  vertical-align: baseline;
}

.widget_rss .rss-date,
.widget_rss cite {
	margin: 5px 0 10px 0;
	display: block;
	font-size: 13px;
	font-weight: 400;
	opacity: 0.8;
}

.widget_rss cite {
	margin: 5px 0 20px 0;
	font-style: normal;
}

.widget-area .widget_text img {
  max-width: 100%;
  height: auto;
}

.widget-area .widget_text p {
  margin: 15px 0;
}

.post-text-bottom .tags-links,
.wp-block-tag-cloud .tagcloud,
.widget-area .widget_tag_cloud .tagcloud {
	font-size: 0px;
}

.post-text-bottom .tags-links a,
.wp-block-tag-cloud .tag-cloud-link,
.widget-area .widget_tag_cloud .tag-cloud-link {
	margin: 0 5px 5px 0;
	display: inline-block;
	vertical-align: top;
	padding: 0 7px;
  font-size: 14px !important;
  background-color: #ffee02;
  padding: 2px 5px;
  color: #231E41;
  transition: 0.3s ease-in-out;
}

.post-text-bottom .tags-links a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.widget-area .widget_tag_cloud .tag-cloud-link:hover {
  filter: brightness(110%);
}

.widget-area table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid #6F6F87;
}

.widget-area table caption {
	padding: 5px;
	font-weight: 600;
	font-size: 13px;
	border-bottom: none;
	background: #6F6F87;
	text-align: center;
	color: #eee;
}

.widget-area th {
	padding: 5px 0;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	border: none;
	text-transform: uppercase;
}

.widget-area td {
	border: none;
	padding: 5px 0;
	font-size: 13px;
	background: none;
	text-align: center;
	border: none;
}

.widget-area tfoot td {
	border: none;
}

.widget-area td.pad {
	background: none;
}

.widget-area td#today {
	background: #ffee02;
	color: #000!important;
}

.widget-area .nice-select {
  float: none;
  margin-bottom: 10px;
}

@media (max-width: 992px) {

}

/* Header */

span.logotype__title {
  font-size: 18px;
  font-weight: bold;
}

span.logotype__sub {
	display: block;
  font-size: 14px;
  font-weight: 300;
  opacity: 0.8;
}

/* Global */

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

.align-left {
	text-align: left !important;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.pull-none {
	float: none !important;
}

.alignright {
	margin-left: 20px !important;
	margin-bottom: 10px !important;
	float: right !important;
	max-width: 50% !important;
}

img.alignright {
  clear: right;
}

.alignleft {
	margin-right: 20px !important;
	margin-bottom: 10px !important;
	float: left !important;
	max-width: 50% !important;
}

img.alignleft {
  clear: left;
}

.aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
}

.full-width {
	max-width: 100%;
	width: 100%;
}

.full-max-width {
	max-width: 100%;
	width: auto;
}

.centrize {
	display: table !important;
	table-layout: fixed !important;
	height: 100% !important;
	position: relative !important;
	top: 0;
	left: 0;
	z-index: 2;
}

.vertical-center {
	display: table-cell !important;
	vertical-align: middle !important;
}

form input[type="checkbox"] {
	display: inline-block;
	width: auto;
	height: auto;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

iframe,
object {
	max-width: 100%;
}

.sticky .blog-post {
  position: relative;
  background: white;
}
.sticky .blog-post:before {
  content: "";
  background: #f2f2f2;
  width: 100%;
  height: 100%;
  left: 5px;
  bottom: -8px;
  position: absolute;
  z-index: -1;
}
.sticky .blog-post: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);
}

.post-edit-link {
	text-decoration: underline;
  color: #231E41;
}

.post-edit-link:hover {
	text-decoration: none;
}

.edit-link {
	margin-top: 15px;
	display: block;
}

/* Single Post */

.single-post-text,
.elementor-widget-text-editor {
  color: #444;
}

.single-post-text>*:first-child,
.single-post-text>div>*:first-child {
	margin-top: 0;
}

.single-post-text>*:last-child {
	margin-bottom: 0;
}

.single-post-text ul,
.single-post-text ol,
.elementor-widget-text-editor ul {
  line-height: 2;
}

.single-post-text ul,
.single-post-text ol {
  margin: 25px 0;
}

.single-post-text ul ul,
.single-post-text ul ol,
.single-post-text ol ul,
.single-post-text ol ol {
  margin: 0;
}

.single-post-text ul,
.elementor-widget-text-editor ul {
  display: block;
  list-style-type: disc;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 30px;
}

.single-post-text ul>li,
.elementor-widget-text-editor ul>li {
  list-style-type: disc;
}

.single-post-text li,
.elementor-widget-text-editor li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.single-post-text ol {
  display: block;
  list-style-type: decimal;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.single-post-text ol>li {
  list-style-type: decimal;
}

.single-post-text p,
.elementor-widget-text-editor p {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
  line-height: 1.875;
}

.single-post-text .wp-block-columns:first-child p:first-child {
  margin-top: 0px;
}

.single-post-text img {
	max-width: 100%;
}

.single-post-text img+figure {
	margin-top: 20px;
}

.single-post-text a {
  text-decoration: underline;
  text-decoration-color: #bcbcbc;
}

.single-post-text table{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background: none;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.single-post-text table th {
  padding: 15px 20px;
	font-size: 14px;
	font-weight: 700;
	background: transparent;
	border: 1px solid #eee;
	text-align: left;
}

.single-post-text table tbody th {
	background: transparent;
}

.single-post-text table td {
	border: none;
	padding: 10px;
	font-size: 15px;
	background: none;
	border: 1px solid #eee;
}

.single-post-text table td#today{
	background: rgba(0, 0, 0, 0.3);
	font-weight: 700;
}

.single-post-text table caption {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
  caption-side: top;
  text-align: center;
}

.single-post-text h2 {
  font-size: calc(1.325rem + .9vw);
}

.single-post-text .page-links {
  clear: both;
  float: none;
  margin-top: 25px;
}

.single-post-text .page-links a,
.single-post-text .page-links span {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 4px;
}

@media (min-width: 1200px) {
  .single-post-text h2 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 720px) {
	.single-post-text table th {
		padding: 10px;
		font-size: 13px;
	}
	.single-post-text table td {
		padding: 10px;
		font-size: 13px;
	}
}

.single-post-text {
	word-wrap: break-word;
}

.single-post-text:after {
	content: '';
	position: relative;
	clear: both;
	display: block;
}

.single-post-text img {
	max-width: 100%;
	height: auto;
}

.single-post-text p a:hover {
	text-decoration: underline;
}

.single-post-text dt {
	margin-bottom: 5px;
	font-weight: 700;
  color: #231E41;
}

.single-post-text dd {
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}

.single-post-text blockquote p {
	margin-bottom: 0.5rem!important;
	font-style: normal;
	font-weight: 600;
}

.single-post-text blockquote p:first-child {
	margin-top: 0;
}

.single-post-text blockquote cite {
	font-size: 16px;
	font-style: normal;
}

.single-post-text blockquote cite:before {
	margin-right: 5px;
	content: '-';
}

.single-post-text blockquote cite br {
	display: none;
}

.single-post-text blockquote.has-text-align-right cite:before {
	display: none;
}

.single-post-text blockquote.has-text-align-right cite:after {
	margin-left: 5px;
	content: '-';
}

.single-post-text figure,
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
	margin: 0 0 20px 0;
	max-width: 100%;
	overflow: auto;
}

.single-post-text figure .wp-caption-text,
.gallery-caption {
	font-style: italic;
}

.bypostauthor strong {
  font-weight: 500;
}

.gallery {
	margin: 25px -10px;
}

.single-post-text .gallery {
	margin-bottom: 0;
}

.single-post-text h1,
.single-post-text h2,
.single-post-text h3,
.single-post-text h4,
.single-post-text h5,
.single-post-text h6 {
	margin-top: 25px;
	margin-bottom: 25px;
  color: #231E41;
}

.single-post-text h1+h2,
.single-post-text h2+h3,
.single-post-text h3+h4,
.single-post-text h4+h5,
.single-post-text h5+h6,
.single-post-text h6 {
	margin-top: 1.25rem;
}

.single-post-text pre.wp-block-code,
.single-post-text pre {
	padding: 20px;
	overflow: auto;
	white-space: pre-wrap;
	background: linear-gradient(159deg, #252532 0%, #23232d 100%);
	background: -webkit-linear-gradient(159deg, #252532 0%, #23232d 100%);
	color: rgba(233, 237, 237, 1);
	font-size: 13px;
}

.single-post-text blockquote {
	margin: 25px 0;
	color: #231E41;
	background: transparent;
	padding: 30px 30px 30px 40px;
	font-style: italic;
	position: relative;
}

.single-post-text blockquote p:last-child {
  margin-bottom: 0px!important;
}

.single-post-text blockquote:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f10d";
	font-size: 16px;
	opacity: .3;
	color: #231E41;
	top: 0px;
	left: 0px;
}

.single-post-text blockquote:after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f10d";
	font-size: 16px;
	opacity: .3;
	color: #231E41;
	bottom: 0px;
	right: 0px;
	transform: rotate(180deg);
}

.single-post-text footer {
	width: auto;
}

.gallery .gallery-item {
	margin: 0;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: center;
}

.gallery .gallery-item img {
	max-width: 100%;
	height: auto;
}

.gallery.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
	width: 33.333%;
}

.gallery.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
	width: 16.666%;
}

.gallery.gallery-columns-7 .gallery-item {
	width: 14.28%;
}

.gallery.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery.gallery-columns-9 .gallery-item {
	width: 11.111%;
}

.post-text-bottom .social-share {
  line-height: 24px;
  font-size: 1rem;
  margin-top: 15px;
}

.post-text-bottom .share-btn {
	position: relative;
	display: inline-block;
	top: 1px;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 16px;
}

.social-share strong {
	font-weight: 400;
}

.social-share a {
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #1a2f33;
	transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
	-moz-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
	-webkit-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
	-o-transition: all 0.7s cubic-bezier(0.165, 0.85, 0.45, 1);
}

.social-share a .icon {
	color: #1a2f33;
}

.social-share a:hover, .social-share a:hover .icon {
	color: #ffee02;
}

.social-share a:last-child {
	margin-right: 0;
}

.social-share a .icon {
	font-size: 16px;
}

.social-share span {
	line-height: 28px;
}

.post-navigation {
  margin-top: 30px;
}

.post-text-bottom {
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 30px;
  margin-top: 30px;
}

.post-text-bottom span.cat-links a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: #bcbcbc;
}

.post-text-bottom .tags-links {
	margin-top: 15px;
	display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1rem;
}

.post-text-bottom .tags-links a {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}

.post-text-bottom .tags-links *:nth-child(1) {
	margin-left: 5px;
}

.post-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 30px;
}
.post-navigation:after {
  display: none;
}
.post-navigation a,
.post-navigation .sb-link {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #000;
  min-width: 30%;
  position: relative;
  z-index: 10;
}

.post-navigation a:last-child,
.post-navigation .sb-link:last-child {
  text-align: right;
}

/*-------------------------
comments
-------------------------*/

.comments-list {
	padding: 0;
	margin-top: 30px;
	position: relative;
  width: 100%;
}

.comments-list + .form-comment {
  margin-top: 90px;
}

.comments-list + .sb-text {
  margin-top: 60px;
}

.comments-list>li {
	list-style-type: none;
	position: relative;
}

.comments-list .comment {
  align-items: flex-start;
}

.comments-list>li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.comments-list .comment-avatar {
	min-width: 120px;
	height: 140px;
	position: relative;
	float: left;
	overflow: hidden;
  padding: 20px 20px 20px 0;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: auto;
}

.comments-list .children {
	padding-left: 40px;
	clear: both;
	margin-top: 15px;
	list-style: none;
}

.comments-list .comment {
	list-style: none;
}

.comment-info {
	padding: 15px 0 0 0;
	color: #cacace;
}

.comment-info span.comment-reply {
	position: absolute;
	top: 0;
	right: 0;
}

.comment-reply-link {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
  color: #000;
}

.comment-reply-link:after {
	content: '';
	margin-left: 8px;
	content: '\f3e5';
	display: inline-block;
	vertical-align: middle;
	font-family: 'Font Awesome 5 Free';
	font-size: 12px;
	line-height: 14px;
	opacity: 0.8;
}

.post-comments .title h5 {
	margin-bottom: 30px;
}

.post-comments {
  margin-top: 30px;
}

.comment-respond {
	position: relative;
	margin-top: 0;
	margin-bottom: 40px;
	margin-left: 140px;
}

.form-comment .comment-respond {
	margin-top: 0;
	margin-left: 0;
  width: 100%;
}

.trackback .comment-avatar,
.pingback .comment-avatar {
	display: none;
}

.comment-respond .small,
.comment-respond small {
	font-size: 14px;
}

.comment-reply-title a {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 10px;
  color: #000;
  text-decoration: underline;
  text-decoration-color: #bcbcbc;
}

.comment-respond .title_inner small {
	position: absolute;
	top: 10px;
	left: auto;
	right: 0;
	display: block;
	font-size: 14px;
	white-space: nowrap;
}

.comment-respond .title_inner small a {
	text-decoration: none;
	opacity: 0.8;
}

.comment-respond .title_inner small a:hover {
	opacity: 1;
}

.comment:after {
	content: '';
	position: relative;
	display: block;
	clear: both;
}

.comment-reply {
	margin-top: 15px;
}

.comment-box {
	width: calc(100% - 90px);
	float: right;
	position: relative;
	padding: 20px;
	margin-bottom: 10px;
}

.comment-box .comment-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
}

.comment-box .comment-head h6 {
	font-size: 13px;
	line-height: 1.5;
}

.comment-box .comment-head h6 a {
  color: #000;
}

.comment-box .comment-head .sb-date {
  padding: 2px 5px;
  background-color: #F2F3F5;
  font-size: 12px;
  font-weight: 400;
  color: #231E41;
}

.comments-list.sb-reply-list>li:last-child .comment-box {
	margin-bottom: 30px !important;
}

.form-comment .sb-group-input textarea {
  resize: none;
}

@media (max-width: 790px) {
	.comments-list:before {
		left: 17px;
	}
	.comments-list .comment-avatar {
		width: 35px;
		height: 35px;
    min-width: 35px;
	}
	.sb-reply-list {
		padding-left: 50px;
	}
	.sb-reply-list>li:before {
		top: 17px;
		left: -33px;
	}
	.comment-box {
		width: calc(100% - 50px);
	}
}

.comment-form-cookies-consent {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0 0 0!important;
}
.comment-form-cookies-consent label {
	line-height: 1;
}

.title.comment-reply-title,
.post-comments .title {
	margin: 0 0 30px 0;
	font-size: 17px;
	font-weight: 600;
}

.post-comments > .form-comment > .comment-respond {
	margin-bottom: 0;
}

@media (max-width: 480px) {
	.comment-respond .title_inner small {
		position: relative;
		top: 0;
		left: 0;
	}
}

@media (max-width: 1160px) {
	.post-comments .post-comment .image {
		width: 60px;
		height: 60px;
	}
	.post-comments .post-comment .desc {
		margin-left: 80px;
	}
	.post-comments .post-comment.pingback .desc {
		margin-left: 0;
	}
	.post-comments ul.children {
		padding: 20px 20px 0 80px;
	}
	.post-comments ul.children ul.children {
		padding: 20px 0 0 20px;
	}
	.post-comments ul.children ul.children ul.children ul.children {
		padding: 20px 0 0 10px;
	}
}

@media (max-width: 840px) {
	.post-comments ul.children {
		padding: 20px 20px 0 20px;
	}
	.post-comments ul.children ul.children {
		padding: 20px 0 0 20px;
	}
	.post-comments ul.children ul.children ul.children {
		padding: 20px 0 0 20px;
	}
	.post-comments ul.children ul.children ul.children ul.children {
		padding: 20px 0 0 10px;
	}
}

@media (max-width: 480px) {
	.post-comments ul.children {
		padding: 15px 15px 15px 15px;
	}
	.post-comments ul.children ul.children {
		padding: 15px 0 0 10px;
	}
	.post-comments ul.children ul.children ul.children {
		padding: 15px 0 0 5px;
	}
	.post-comments ul.children ul.children ul.children ul.children {
		padding: 15px 0 0 5px;
	}
	.post-comments .post-comment .image {
		width: 40px;
		height: 40px;
	}
	.post-comments .post-comment .desc {
		margin-left: 55px;
	}
	.post-comments .post-comment.pingback .desc {
		margin-left: 0;
	}
	.gallery .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-1 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-2 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-3 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-5 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-6 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-7 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-8 .gallery-item {
		width: 100%;
	}
	.gallery.gallery-columns-9 .gallery-item {
		width: 100%;
	}
}

/*-------------------------
WP Block
-------------------------*/

.wp-caption-text,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption {
	max-width: 100%;
	margin: 0;
	padding: 5px 10px 0 10px;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	color: #6F6F87;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	padding: 0;
}

.wp-block-gallery .blocks-gallery-image:before,
.wp-block-gallery .blocks-gallery-item:before {
	display: none;
}

.wp-block-cover,
.wp-block-cover-image {
	margin: 30px 0;
}

.wp-block-cover.alignleft,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignright {
	margin-bottom: 30px!important;
}

.wp-block-cover p a:hover,
.wp-block-cover-image p a:hover {
	text-decoration: underline;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding: 30px 40px !important;
}

.wp-block-pullquote {
	padding-top: 0;
	padding-bottom: 0;
}

.wp-block-pullquote blockquote {
	padding-bottom: 30px;
	border-left: none;
	border-bottom: 2px solid #ffee02;
}

.wp-block-pullquote.is-style-solid-color {
	background-color: transparent;
	border: none;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	border: none;
}

.wp-block-calendar,
.wp-block-archives,
.wp-block-categories {
	margin: 1.2rem 0;
	max-width: 480px;
}

.wp-block-search .wp-block-search__label {
	display: none;
}

.wp-block-group.has-background {
	padding: 20px;
	color: #101010;
}

.wp-block-group.has-background p:first-child {
	margin-top: 0;
}

.wp-block-group.has-background p:last-child {
	margin-bottom: 0;
}

.wp-block-media-text.has-background {
	color: #101010;
}

.wp-block-media-text.has-background .has-large-font-size {
	line-height: 1.7;
}

hr.wp-block-separator {
	margin: 30px 0;
	border: none;
	border-bottom: 1px solid #585d65;
	max-width: 50px;
}

hr.wp-block-separator.is-style-wide {
	max-width: 100%;
}

.wp-block-separator.is-style-dots:before {
	color: #ccc;
}

.wp-block-button {
	margin-bottom: 1.25rem;
}

.wp-block-button a.wp-block-button__link {
	padding: 13px 35px;
	background: #ffee02;
	color: #20202a;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 46px;
	-webkit-border-radius: 46px;
  text-decoration: none;
}

.wp-block-button a.wp-block-button__link:hover {
	color: #20202a;
  text-decoration: none;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
	padding-top: 11px;
	padding-bottom: 11px;
	border: 2px solid #ffee02;
	color: #ffee02;
	background: none;
}

.wp-block-button.is-style-squared a.wp-block-button__link {
	border-radius: 0;
	-webkit-border-radius: 0;
}

.wp-block-columns {
	margin-bottom: 0;
}

.wp-calendar-nav:after {
	content: '';
	position: relative;
	display: block;
	clear: both;
}

.wp-calendar-nav span.wp-calendar-nav-prev {
	float: left;
}

.wp-calendar-nav span.wp-calendar-nav-next {
	float: right;
}

.wp-block-latest-comments__comment {
  line-height: 1.5;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
	padding: 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt a,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
	font-weight: 600;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
	margin-top: 8px;
	margin-bottom: 22px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: #eee;
}

ul.blocks-gallery-grid {
	margin: 0 !important;
}

.elementor-lightbox .elementor-swiper-button-next,
.elementor-lightbox .elementor-swiper-button-prev {
	outline: none!important;
}

body .wp-block-cover-image-text,
body .wp-block-cover-image-text a,
body .wp-block-cover-image-text a:active,
body .wp-block-cover-image-text a:focus,
body .wp-block-cover-image-text a:hover,
body .wp-block-cover-text,
body .wp-block-cover-text a,
body .wp-block-cover-text a:active,
body .wp-block-cover-text a:focus,
body .wp-block-cover-text a:hover,
body section.wp-block-cover-image h2,
body section.wp-block-cover-image h2 a,
body section.wp-block-cover-image h2 a:active,
body section.wp-block-cover-image h2 a:focus,
body section.wp-block-cover-image h2 a:hover {
	color: #fff!important;
}

.wp-block-archives-dropdown .nice-select,
.wp-block-categories-dropdown .nice-select {
	max-width: 390px;
	float: none;
}

.wp-block-calendar,
.wp-block-archives,
.wp-block-categories {
	max-width: 390px;
}

.wp-block-calendar table {
	background: #fff;
  border: 1px solid #eee;
}

.wp-calendar-table tr th {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center!important;
}

.post-password-form label {
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}

.post-password-form label input {
	margin-bottom: 0;
  margin-top: 10px;
	border-left: none;
}

.post-password-form input[type="password"] {
  border: 1px solid #c1c1c1;
  background: #fafafa;
  padding: 20px;
}

.post-password-form input[type="submit"] {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: bottom;
	width: 220px;
	background: #ffee02;
	text-transform: uppercase;
}

.pswp__caption__center {
	text-align: center;
}

.pswp__button {
	margin-right: 10px!important;
	max-height: 44px!important;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
	box-shadow: 0 2px 5px 0 rgba(26, 47, 51, 0.11);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 30px;
	padding-right: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #1a2f33;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 11px;
	right: 20px;
}

.itemGallery__box {
	margin-bottom: 30px;
	position: relative;
	background-color: white;
	-webkit-box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%);
	box-shadow: 0 5px 10px 0 rgb(26 47 51 / 15%);
	border-radius: 5px;
}

.itemGallery__box a {
	position: relative;
	overflow: hidden;
	display: block;
}

.itemGallery__box a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	opacity: 0;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.itemGallery__box img.cover {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 5px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.itemGallery__details {
	padding: 30px;
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	opacity: 0;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}

.itemGallery__box:hover a:after {
	opacity: 1;
}

.itemGallery__box:hover img.cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.itemGallery__box:hover .itemGallery__details {
	opacity: 1;
}

@media (max-width: 992px) {
	.sticky:before {
		left: 0;
		top: 0;
		bottom: 0;
	}
}

@media (max-width: 720px) {
	.single-post-text table th {
		padding: 8px;
	}
	.single-post-text table td {
		padding: 8px;
	}
	.post-comments ul.children ul.children ul.children {
		padding: 15px 0 0 10px;
	}
}

@media (max-width: 768px) {
	.blocks-gallery-grid.alignleft,
	.blocks-gallery-grid.alignright,
	.wp-block-gallery.alignleft,
	.wp-block-gallery.alignright {
		width: 100%!important;
		max-width: 100%!important;
		margin-right: 0!important;
		float: none!important;
	}
}

@media (max-width: 767px) {
	blockquote {
		margin: 20px 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
		font-size: 1.2em;
		font-style: italic;
		line-height: 1.4;
	}
	.wp-block-pullquote.is-style-solid-color blockquote {
		max-width: 100%;
	}
	.wp-block-pullquote p {
		font-size: 1.75em;
		line-height: 1.4;
	}
	.single-post-text table th {
		font-size: 12px;
	}
	form.post-password-form label input {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.post-password-form label {
		display: block;
	}
	.post-password-form input[type="submit"] {
		width: 100%;
	}
	.comment-respond {
		margin-left: 50px;
	}
	.single-post-text table th {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	nav.wp-calendar-nav {
		margin-top: 10px;
	}
	.wp-block-categories-list li:last-child, .wp-block-archives-list li:last-child, .widget.widget_nav_menu ul li:last-child, .widget.widget_pages ul li:last-child, .widget_categories ul li:last-child {
		margin-bottom: 0;
	}
  .socials-inline {
  	display: block;
  	text-align: center;
  }
}

/* Validations */
.wpcf7-form-control-wrap {
  line-height: normal;
  font-size: 0px;
}
.wpcf7-not-valid-tip {
  position: absolute;
  padding-top: 4px;
  font-size: 0.65rem;
  text-transform: uppercase;
}
.wpcf7 form .wpcf7-response-output {
  margin-left: 0;
  margin-right: 0;
  font-size: 0.85rem;
  padding: 10px 20px;
}
.footer-col .wpcf7 form .wpcf7-response-output,
.contact-form-one .c-form-2 .wpcf7 form .wpcf7-response-output {
  color: #fff;
}

/* Additional Slider Animations */

.featured-slider-two .owl-item .s-item .s-first h1,
.featured-slider-two .owl-item .s-item .s-first .s-slide-title,
.featured-slider-two .owl-item .s-item .s-first p,
.featured-slider-two .owl-item .s-item .s-first .theme-btn {
   opacity: 0;
   visibility: hidden;
}

.featured-slider-two .owl-item.active .s-item .s-first h1,
.featured-slider-two .owl-item.active .s-item .s-first .s-slide-title,
.featured-slider-two .owl-item.active .s-item .s-first p,
.featured-slider-two .owl-item.active .s-item .s-first .theme-btn {
  animation-name: fadeInOne;
  opacity: 1;
  visibility: visible;
}
.featured-slider-two .owl-item.active .s-item .s-second img {
  animation-duration: 1s;
  animation-name: clipInOne;
}
.featured-slider-two .owl-item.active .s-item .s-first h1,
.featured-slider-two .owl-item.active .s-item .s-first .s-slide-title {
  animation-duration: 0.5s;
}
.featured-slider-two .owl-item.active .s-item .s-first p {
  animation-duration: 1s;
}
.featured-slider-two .owl-item.active .s-item .s-first .theme-btn {
  animation-duration: 1.5s;
}

@keyframes clipInOne {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
  }
}

.project-completed .prj-slider .owl-item .proj-image figure:before,
.project-completed .prj-slider .owl-item .proj-image figure:after {
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition-duration: 1s;
  transition-delay: 1s;
}

.project-completed .prj-slider .owl-item.active .proj-image figure:before,
.project-completed .prj-slider .owl-item.active .proj-image figure:after {
  clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
}
.project-completed .prj-slider .owl-item.active .proj-image figure:before {
  transition-duration: 1s;
}
.project-completed .prj-slider .owl-item.active .proj-image figure:after {
  transition-duration: 1.5s;
  transition-delay: 1.3s;
}

/* Start WPForms fix **/
body div.wpforms-container .wpforms-form select {
	-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	appearance: menulist !important;
}

body div.wpforms-container .wpforms-form .nice-select ul.list {
    position: absolute;
    top: 65px;
    left: 0;
    background: #fff !important;
    width: 100%;
    overflow: auto;
    border: 1px solid #cccccd !important;
    padding: 10px !important;
}

body div.wpforms-container .wpforms-form .nice-select {
    padding: 0 10px;
    height: 65px;
    position: relative;
    border: 1px solid #cccccd;
}

body div.wpforms-container .wpforms-form input[type="text"], 
body div.wpforms-container .wpforms-form input[type="tel"], 
body div.wpforms-container .wpforms-form input[type="email"], 
body div.wpforms-container .wpforms-form input[type="address"], 
body div.wpforms-container .wpforms-form input[type="password"], 
body div.wpforms-container .wpforms-form input[type="number"],
body div.wpforms-container .wpforms-form textarea,
body div.wpforms-container .wpforms-form .choices__inner,
body div.wpforms-container .wpforms-form select {
	height: 65px;
	border-radius: 0;
	padding-left: 20px !important;
	position: relative;
	width: 100%;
	font-size: 16px;
	background: #fafafa;
	border-color: #c1c1c1;
}

body div.wpforms-container .wpforms-form .choices__inner,
body div.wpforms-container .wpforms-form select {
	background: #fff;
}

body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic {
	position: relative;
}

body div.wpforms-container .wpforms-form .choices__inner:before,
body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic: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%);
	z-index: 2;
	pointer-events: none;
}

body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:before {
	top: 11px;
    right: 1px;
    height: 63px;
}

body div.wpforms-container .wpforms-form .choices__inner:after,
body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
	border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    height: 8px;
    right: 25px;
    width: 8px;
	z-index: 3;
}

body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:after {
    top: 42px;
}

body div.wpforms-container .wpforms-form textarea {
	height: 180px;
	padding-top: 20px;
}

body div.wpforms-container .wpforms-form .nice-select {
	padding-left: 20px !important;
}

body div.wpforms-container .wpforms-form button.theme-btn {
    padding: 18px 70px 18px 50px;
    background: #ffee02;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    display: inline-flex;
    position: relative;
    border: 2px solid #ffee02;
    font-weight: bold;
    align-items: center;
}

body div.wpforms-container .wpforms-form button.theme-btn:after {
	border-top-color: #ffee02;
}

body div.wpforms-container .wpforms-form button.theme-btn:hover {
	color: #000;
    background: #fff;
    border: 2px solid #ffee02;
}

body div.wpforms-container .wpforms-form button.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;
}

body div.wpforms-container .wpforms-form button.theme-btn:hover i {
    color: black;
    width: 45px;
}

body div.wpforms-container .textarea_hide {
    display: none !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
    margin-top: 10px;
}

div.wpforms-container-full {
    margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* END OF WPForms fix **/

/* Start GForms fix **/
.gform_wrapper .gform-grid-col {
	margin: 0!important;
	padding-bottom: 5px;
}

.gform_wrapper .gform-grid-col label {
	padding-bottom: 5px;
	line-height: 1.2;
}

.gform_wrapper input[type="text"], 
.gform_wrapper input[type="tel"], 
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="address"], 
.gform_wrapper input[type="password"], 
.gform_wrapper input[type="number"],
.gform_wrapper textarea {
	height: 60px;
	border-radius: 0;
	padding-left: 20px !important;
	position: relative;
	width: 100%;
	font-size: 16px!important;
	background: #fafafa;
	border: 1px solid #c1c1c1;
}

.gform_wrapper textarea {
	height: 100px;
	padding-top: 20px;
}

.gform_wrapper input.gform_button,
.gform_wrapper button[type="button"] {
    padding: 18px 50px;
    background: #ffee02;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: inline-flex;
    position: relative;
    border: 2px solid #ffee02;
    font-weight: bold;
    align-items: center;
}

.gform_wrapper button[type="button"] {
	font-size: 14px;
	padding: 8px 20px;
}

.gform_wrapper input.gform_button:hover {
	color: #000;
	background: #fff;
	border: 2px solid #ffee02;
}

.gform_wrapper .gchoice {
    display: inline;
    margin-right: 20px;
}

/* END OF GForms fix **/

/* category fix **/
.wc-block-product-categories ul ul {
	display: none;
}
.wc-block-product-categories ul li {
	position: relative;
}
.wc-block-product-categories ul i {
	position: absolute;
	right: 0;
	top: 15px;
	transition: all 0.3s ease 0s;
}
.wc-block-product-categories ul .opened i {
	transform: rotate(180deg);
}
.mobile-nav.desktop-menu img {
    width: 100%;
    height: auto;
}
.wc-block-product-categories ul .wc-block-product-categories-list-item-count {
    margin-right: 20px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
    background: #000 !important;
    border-color: #000 !important;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
    background: #fff !important;
}

/* forms file fix **/
.wpcf7 input[type=file] {
	cursor: pointer;
	margin-left: 10px;
	padding: 15px;
	font-size: 16px;
	border-radius: 0!important;
	border: 1px solid #c1c1c1;
}

/*fix header sticky*/
@media (max-width: 1200px) {
	.header-style-one {
		min-height: 130px;
	}
}
.mobile-nav.desktop-menu {
	z-index: 100;
}
.what-we-build .wwb-ul li.active {
	z-index: 2;
}
.admin-bar .header-style-one .desktop-nav.slideDown, .admin-bar .header-style-one .desktop-nav.slideUp {
    top: 32px;
}
.slideUp, .slideUp-start{
  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;
}
.slideUp-start{
	position: absolute;
    transition: transform 0s ease-out;
    -webkit-transition: transform 0s ease-in-out;
    -moz-transition: transform 0s ease-in-out;
    -o-transition: transform 0s ease-in-out;
}

.b-dropdown-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 50px;
    cursor: pointer;
}

/*sliders fix*/
.featured-slider-one .f-slider-one-data {
    opacity: 0;
    z-index: 9;
}
.featured-slider-one .owl-item.active .f-slider-one-data {
    opacity: 1;
    z-index: 10;
}
.owl-carousel .owl-nav button.owl-next button, .owl-carousel .owl-nav button.owl-prev button {
    background: none !important;
}
.project-detail-slider .row.owl-carousel, 
.project-detail-slider .container-fluid, 
.project-detail-slider .owl-stage-outer {
    margin: 0;
    padding: 0;
}

/*we build fix*/
@media (max-width: 1200px){
    .what-we-build .wwb-ul li h3, .what-we-build .wwb-ul li .h3 {
        width: 100%;
        margin-right: 0;
    }
}

/*nav fix*/
@media (max-width: 1200px){
    .header-style-one .desktop-nav {
        padding: 0;
    }
    .header-style-one {
        min-height: auto;
    }
}

/*wpforms btn fix*/
body div.wpforms-container .wpforms-form .wpforms-field-select-style-classic:before {
    top: 16px;
}
body div.wpforms-container .wpforms-form button.theme-btn {
    min-height: 66px;
    border-radius: 0;
}

/*footer list link fix*/
.footer-style-one .footer-p-2 .footer-col ul li p, 
.footer-style-one .footer-p-2 .footer-col ul li p span, 
.footer-style-one .footer-p-2 .footer-col ul li p a {
    color: #b7b7b7;
}

/*category archive page fix*/
@media (max-width: 425px) {
    body.category {
        padding:0;
    }
}
body.category {
    border: none;
    padding-left: 0;
    display: block;
    position: relative;
}
body.category:before {
    display: none;
}

/*swiper fix*/
body .swiper-container:not(.swiper-container-initialized)>.swiper-wrapper, 
body .swiper:not(.swiper-initialized)>.swiper-wrapper {
    overflow: visible;
}

/*x-icon*/
.fab.fa-twitter.x-icon:before {
    display: none;
}
.fab.fa-twitter.x-icon svg,
.t-social .fab.fa-twitter.x-icon svg,
.social-share .fab.fa-twitter.x-icon svg {
    width: 16px;
    display: inline-block;
    vertical-align: top;
}
.t-social .fab.fa-twitter.x-icon svg {
    width: 17px;
}
.team-social-media a:hover .fab.fa-twitter.x-icon svg path,
body.light-d .team-style-one .team-data .team-social-media a svg path,
body.light-d .social-share a .fab.fa-twitter.x-icon svg path {
    fill: #fff;
}
.social-share a:hover .fab.fa-twitter.x-icon svg path,
body.light-d .social-share a:hover .fab.fa-twitter.x-icon svg path {
    fill: #ffee02;
}

/*footer links fix*/
.footer-style-one .footer-p-2 .footer-col p a, .footer-style-one .footer-p-3 .footer-col p a {
    color: #b7b7b7;
}
.footer-style-one .footer-p-2 .footer-col p a:hover, .footer-style-one .footer-p-3 .footer-col p a:hover, .contact-form-2 .info ul.contact li p a {
    color: #fff;
}

/*portfolio filters*/
.mil-category-list {
    text-align: center;
    margin-bottom: 60px;
}
.mil-category-list li {
    margin: 0 10px 10px 10px;
    display: inline-block;
    vertical-align: top;
}
.mil-category-list li span {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    background: #f7f6f2;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    font-size: 20px;
    color: #000 !important;
    height: 60px;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    padding: 0 50px 0 40px;
    font-weight: bold;
    cursor: pointer;
}
.mil-category-list li span.mil-active {
    background: #000;
}
.mil-category-list li span:after {
    content: "";
    background: #f7f6f2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all .15s ease-in-out .15s;
    z-index: -1;
}
.mil-category-list li span.mil-active:after {
    clip-path: polygon(0% 0%, 97% 0%, 90% 100%, 0% 100%);
    background: #ffee02;
}
.fadeUpAnime {
    -webkit-animation-name: fadeUpAnime;
    animation-name: fadeUpAnime;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUpAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeUpAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}